/* ═══════════════════════════════════════════════════════════════
   MDC – MẠNH ĐẠT VALUATION  |  Corporate Premium Design
   ═══════════════════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,600&family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&display=swap');

/* ── DESIGN TOKENS ─────────────────────────────────────────── */
:root{
  --navy:       #0B1F33;
  --navy-2:     #122840;
  --navy-3:     #1A3550;
  --navy-4:     #E8F1F9;
  --gold:       #C4920D;
  --gold-2:     #E0A80E;
  --gold-3:     #F5C842;
  --gold-4:     #FDF8ED;
  --red:        #8B2820;
  --white:      #FFFFFF;
  --off:        #F8F6F2;
  --cream:      #F2EEE6;
  --border:     #DDD8CF;
  --text:       #18150F;
  --text-2:     #46423B;
  --text-3:     #8A8680;
  --sh1: 0 2px 8px rgba(11,31,51,.07);
  --sh2: 0 8px 32px rgba(11,31,51,.12);
  --sh3: 0 20px 60px rgba(11,31,51,.17);
  --r1: 4px; --r2: 8px; --r3: 14px;
  --ease: .28s cubic-bezier(.4,0,.2,1);
}

/* ── RESET ──────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{font-family:'Be Vietnam Pro',sans-serif;font-size:15px;line-height:1.72;color:var(--text);background:var(--white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}

/* ── TOPBAR ─────────────────────────────────────────────────── */
.topbar{background:var(--navy);padding:8px 0;border-bottom:1px solid rgba(196,146,13,.18)}
.tb{max-width:1260px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.tbl,.tbr{display:flex;gap:22px;align-items:center}
.tbi{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:rgba(255,255,255,.55);text-decoration:none;transition:color var(--ease)}
.tbi:hover{color:var(--gold-3)}
.tbi svg{width:13px;height:13px;flex-shrink:0}

/* ── HEADER ─────────────────────────────────────────────────── */
header{background:#fff;position:sticky;top:0;z-index:200;border-bottom:2px solid transparent;background-clip:padding-box;box-shadow:0 1px 0 var(--border);transition:box-shadow var(--ease)}
header.sc{box-shadow:var(--sh2)}
.hi{max-width:1260px;margin:0 auto;padding:0 32px;display:flex;align-items:center;height:72px;gap:12px;justify-content:space-between}

/* Logo */
.logo{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}
.logo img{height:54px;width:auto;object-fit:contain}
.logo-text{border-left:2px solid var(--gold-4);padding-left:13px}
.ln{font-family:'Cormorant Garamond',serif;font-size:15px;font-weight:700;color:var(--navy);line-height:1.2}
.ln span{color:var(--red)}
.lt{font-size:9.5px;font-weight:700;color:var(--gold);letter-spacing:1.6px;text-transform:uppercase;margin-top:3px}

/* Nav */
nav{display:flex;align-items:center;gap:1px;flex:1;justify-content:center}
nav>a{font-size:13px;font-weight:600;color:var(--text-2);padding:8px 14px;border-radius:var(--r1);white-space:nowrap;transition:color var(--ease),background var(--ease);position:relative}
nav>a::after{content:'';position:absolute;bottom:3px;left:14px;right:14px;height:2px;background:var(--gold);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform var(--ease)}
nav>a:hover{color:var(--navy);background:var(--navy-4)}
nav>a.active{color:var(--navy);font-weight:700}
nav>a.active::after,nav>a:hover::after{transform:scaleX(1)}

/* Header CTA btn */
.hcta{background:var(--navy);color:#fff;font-size:13px;font-weight:700;padding:10px 22px;border-radius:var(--r1);white-space:nowrap;border:2px solid var(--navy);transition:all var(--ease);flex-shrink:0;letter-spacing:.2px}
.hcta:hover{background:transparent;color:var(--navy)}

/* ── DROPDOWN ───────────────────────────────────────────────── */
.nd{position:relative}
.nd>button{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--text-2);background:none;border:none;padding:8px 14px;border-radius:var(--r1);white-space:nowrap;transition:color var(--ease),background var(--ease)}
.nd>button:hover,.nd.op>button{color:var(--navy);background:var(--navy-4)}
.nd>button svg{width:13px;height:13px;transition:transform var(--ease)}
.nd.op>button svg{transform:rotate(180deg)}
.dm{position:absolute;top:calc(100%+10px);left:50%;transform:translateX(-50%) translateY(6px);background:#fff;border:1px solid var(--border);border-radius:var(--r3);box-shadow:var(--sh3);min-width:252px;padding:8px;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--ease);z-index:300}
.nd.op .dm{opacity:1;visibility:visible;pointer-events:all;transform:translateX(-50%) translateY(0)}
.di{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r2);cursor:pointer;transition:background var(--ease)}
.di:hover{background:var(--navy-4)}
.dii{width:42px;height:42px;background:var(--gold-4);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(196,146,13,.15)}
.dii svg{width:20px;height:20px;color:var(--gold)}
.dit{font-size:13.5px;font-weight:700;color:var(--navy)}
.dis{font-size:11.5px;color:var(--text-3);margin-top:2px}
.dd{height:1px;background:var(--border);margin:6px 4px}

/* ── FEE MODAL ──────────────────────────────────────────────── */
.fov{position:fixed;inset:0;z-index:500;background:rgba(8,16,28,.7);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s}
.fov.act{opacity:1;visibility:visible;pointer-events:all}
.fm{background:#fff;border-radius:var(--r3);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 40px 100px rgba(8,16,28,.4);overflow:hidden;transform:scale(.96) translateY(16px);transition:transform .32s cubic-bezier(.34,1.56,.64,1)}
.fov.act .fm{transform:scale(1) translateY(0)}
.fmh{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);padding:24px 30px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-bottom:2px solid var(--gold)}
.fmt{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff}
.fms{font-size:12px;color:rgba(255,255,255,.45);margin-top:3px}
.fmc{width:36px;height:36px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);border-radius:var(--r1);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--ease)}
.fmc:hover{background:rgba(255,255,255,.22)}
.fmc svg{width:18px;height:18px}
.fts{background:var(--cream);border-bottom:1px solid var(--border);display:flex;padding:0 30px;flex-shrink:0}
.ft{padding:14px 22px;font-size:13.5px;font-weight:600;color:var(--text-3);cursor:pointer;border:none;border-bottom:3px solid transparent;background:none;transition:color var(--ease),border-color var(--ease);white-space:nowrap}
.ft.act{color:var(--navy);border-bottom-color:var(--gold)}
.fmb{overflow-y:auto;flex:1}
.fp{display:none}.fp.act{display:block}
.fi{padding:14px 30px;background:var(--gold-4);border-bottom:1px solid rgba(196,146,13,.14);font-size:13px;color:var(--text-2);line-height:1.7}
.fi strong{color:var(--navy)}
.fnb{margin:14px 30px;background:var(--navy-4);border-left:3px solid var(--gold);border-radius:0 var(--r1) var(--r1) 0;padding:12px 16px}
.fnb p{font-size:12.5px;color:var(--text-2);line-height:1.65;margin-bottom:4px}
.fnb p:last-child{margin-bottom:0}
.fnb strong{color:var(--navy)}
.ftw{overflow-x:auto;padding-bottom:10px}
.ftb{width:100%;border-collapse:collapse;font-size:13px}
.ftb thead{background:var(--navy)}
.ftb thead th{color:#fff;font-weight:600;font-size:11.5px;padding:11px 15px;text-align:center;border:1px solid rgba(255,255,255,.07);white-space:nowrap;letter-spacing:.3px}
.ftb thead th:nth-child(2){text-align:left}
.ftb tbody tr:nth-child(even){background:var(--off)}
.ftb tbody tr:hover{background:var(--navy-4)}
.ftb tbody td{padding:8.5px 15px;border:1px solid var(--border);vertical-align:middle;text-align:right;white-space:nowrap}
.ftb tbody td:first-child{text-align:center;color:var(--text-3);font-weight:600}
.ftb tbody td:nth-child(2){text-align:left;white-space:normal}
.ftb tbody .rs td{background:#FFFCE8!important;font-style:italic;color:var(--text-2);text-align:left;font-size:12.5px;white-space:normal}
.fp2{color:var(--navy);font-weight:700}.fm2{color:#1B6B3A;font-weight:600}.fm3{color:var(--red);font-weight:600}

/* ════════════════════════════════
   HERO
   ════════════════════════════════ */
.hero{position:relative;overflow:hidden;background:var(--navy);padding:0}
/* background layers */
.hero-bg{position:absolute;inset:0;pointer-events:none}
.hero-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#0B1F33 0%,#122840 40%,#1A3550 100%)}
.hero-bg::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 70% 60% at 75% 30%,rgba(196,146,13,.14) 0%,transparent 60%),
  radial-gradient(ellipse 40% 50% at 10% 80%,rgba(255,255,255,.025) 0%,transparent 55%)}
/* subtle diagonal texture */
.hero-texture{position:absolute;inset:0;pointer-events:none;
  background-image:repeating-linear-gradient(-55deg,transparent,transparent 44px,rgba(255,255,255,.018) 44px,rgba(255,255,255,.018) 45px)}
/* gold accent bar */
.hero-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,transparent,var(--gold),transparent)}

.hero-inner{max-width:1260px;margin:0 auto;padding:100px 32px 108px;position:relative;z-index:1;display:grid;grid-template-columns:1fr 440px;gap:72px;align-items:center}

/* ── Hero Left ── */
.hero-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(196,146,13,.12);border:1px solid rgba(196,146,13,.28);color:var(--gold-3);font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:7px 16px;border-radius:30px;margin-bottom:22px}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold-2);animation:bdot 2s ease infinite}
@keyframes bdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}
.hero-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.9px;text-transform:uppercase;color:rgba(255,255,255,.32);margin-bottom:18px}
.hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(32px,3.6vw,54px);font-weight:700;line-height:1.12;color:#fff;margin-bottom:22px}
.hero h1 em{font-style:italic;background:linear-gradient(90deg,var(--gold-3),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{font-size:16px;color:rgba(255,255,255,.58);line-height:1.82;margin-bottom:36px;max-width:540px}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:52px}
.btn-primary{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);font-size:14px;font-weight:800;padding:14px 28px;border-radius:var(--r1);box-shadow:0 4px 20px rgba(196,146,13,.42);transition:all var(--ease);border:none;letter-spacing:.2px}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(196,146,13,.6)}
.btn-secondary{display:inline-flex;align-items:center;gap:9px;border:1.5px solid rgba(255,255,255,.22);color:#fff;font-size:14px;font-weight:600;padding:13px 26px;border-radius:var(--r1);transition:all var(--ease);background:transparent}
.btn-secondary:hover{border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}
.btn-primary svg,.btn-secondary svg{width:17px;height:17px;flex-shrink:0}

/* Hero stats */
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);padding-top:36px;border-top:1px solid rgba(255,255,255,.1)}
.hstat{padding:0 16px;border-right:1px solid rgba(255,255,255,.1);text-align:center}
.hstat:first-child{padding-left:0;text-align:left}
.hstat:last-child{border-right:none}
.hstat-n{font-family:'Cormorant Garamond',serif;font-size:32px;font-weight:700;color:var(--gold-3);line-height:1;margin-bottom:5px}
.hstat-l{font-size:11.5px;color:rgba(255,255,255,.38);font-weight:500;line-height:1.4}

/* ── Hero Right Cards ── */
.hero-cards{display:flex;flex-direction:column;gap:12px}
.hcard{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09);border-radius:var(--r2);padding:18px 20px;display:flex;gap:14px;align-items:flex-start;transition:all var(--ease);cursor:default;position:relative;overflow:hidden}
.hcard::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);transform:scaleY(0);transform-origin:bottom;transition:transform var(--ease)}
.hcard:hover{background:rgba(255,255,255,.09);border-color:rgba(196,146,13,.22);transform:translateX(5px)}
.hcard:hover::before{transform:scaleY(1)}
.hcard-ic{width:44px;height:44px;background:rgba(196,146,13,.14);border:1px solid rgba(196,146,13,.2);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--ease)}
.hcard:hover .hcard-ic{background:rgba(196,146,13,.24)}
.hcard-ic svg{width:21px;height:21px;color:var(--gold-3)}
.hcard-t{font-size:13.5px;font-weight:700;color:#fff;margin-bottom:3px}
.hcard-d{font-size:12px;color:rgba(255,255,255,.42);line-height:1.5}
.hcard-fee{cursor:pointer;border-color:rgba(196,146,13,.2)}
.hcard-fee .hcard-ic{background:rgba(196,146,13,.18);border-color:rgba(196,146,13,.3)}

/* ════════════════════════════════
   TRUST STRIP
   ════════════════════════════════ */
.trust{background:linear-gradient(90deg,var(--gold-4),#FFFBF0,var(--gold-4));border-top:1px solid rgba(196,146,13,.18);border-bottom:1px solid rgba(196,146,13,.18);padding:16px 32px}
.trust-inner{max-width:1260px;margin:0 auto;display:flex;gap:0;justify-content:space-between;align-items:center;flex-wrap:wrap}
.trust-item{display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--navy);padding:6px 24px;border-right:1px solid rgba(196,146,13,.18);flex:1;justify-content:center}
.trust-item:last-child{border-right:none}
.trust-item svg{width:17px;height:17px;color:var(--gold);flex-shrink:0}

/* ════════════════════════════════
   SECTION COMMONS
   ════════════════════════════════ */
section{padding:88px 32px}
.si{max-width:1260px;margin:0 auto}
.sec-tag{display:inline-flex;align-items:center;gap:10px;font-size:10.5px;font-weight:800;letter-spacing:2.8px;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.sec-tag::before{content:'';display:block;width:28px;height:2px;background:var(--gold);border-radius:2px;flex-shrink:0}
.sec-title{font-family:'Cormorant Garamond',serif;font-size:clamp(26px,3vw,40px);font-weight:700;color:var(--navy);line-height:1.18;margin-bottom:14px}
.sec-title em{font-style:italic;color:var(--gold)}
.sec-desc{font-size:15.5px;color:var(--text-3);line-height:1.8;max-width:100%}
.sec-head{margin-bottom:52px}
.sec-head.center{text-align:center}
.sec-head.center .sec-tag{justify-content:center}
.sec-head.center .sec-tag::before{display:none}
.sec-head.center .sec-desc{margin:0 auto;max-width:580px}

/* ════════════════════════════════
   SERVICES
   ════════════════════════════════ */
#services{background:var(--off)}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{background:#fff;border:1px solid var(--border);border-radius:var(--r3);padding:32px 28px;transition:all var(--ease);position:relative;overflow:hidden;display:flex;flex-direction:column}
.svc-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-2));transform:scaleX(0);transform-origin:left;transition:transform var(--ease)}
.svc-card:hover{box-shadow:var(--sh3);transform:translateY(-6px);border-color:rgba(196,146,13,.25)}
.svc-card:hover::after{transform:scaleX(1)}
.svc-icon{width:56px;height:56px;background:var(--gold-4);border:1px solid rgba(196,146,13,.18);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all var(--ease)}
.svc-card:hover .svc-icon{background:linear-gradient(135deg,var(--gold-4),#FFF4CC);border-color:rgba(196,146,13,.35)}
.svc-icon svg{width:26px;height:26px;color:var(--gold)}
.svc-title{font-size:16.5px;font-weight:800;color:var(--navy);margin-bottom:10px;line-height:1.3}
.svc-desc{font-size:13.5px;color:var(--text-3);line-height:1.72;margin-bottom:20px;flex:1}
.svc-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--gold);border:1.5px solid rgba(196,146,13,.28);border-radius:30px;padding:8px 16px;transition:all var(--ease);align-self:flex-start}
.svc-link:hover{background:var(--gold-4);border-color:var(--gold);gap:10px}

/* ════════════════════════════════
   WHY US
   ════════════════════════════════ */
#about{background:#fff}
.why-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:68px;align-items:center}
/* Left panel – certs */
.why-panel{background:linear-gradient(150deg,var(--navy) 0%,var(--navy-3) 100%);border-radius:var(--r3);padding:36px;position:relative;overflow:hidden}
.why-panel::before{content:'MDC';position:absolute;right:-16px;bottom:-28px;font-family:'Cormorant Garamond',serif;font-size:110px;font-weight:700;color:rgba(255,255,255,.03);line-height:1;pointer-events:none;user-select:none}
.why-panel-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:18px}
.cert-item{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:var(--r2);padding:16px 18px;display:flex;gap:13px;align-items:center;margin-bottom:12px;transition:all var(--ease)}
.cert-item:last-child{margin-bottom:0}
.cert-item:hover{background:rgba(255,255,255,.12);border-color:rgba(196,146,13,.3);transform:translateX(5px)}
.cert-ic{width:40px;height:40px;background:rgba(196,146,13,.2);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cert-ic svg{width:19px;height:19px;color:var(--gold-3)}
.cert-title{font-size:13.5px;font-weight:700;color:#fff}
.cert-sub{font-size:11.5px;color:rgba(255,255,255,.38);margin-top:2px}
/* Right content */
.why-points{display:flex;flex-direction:column;gap:0;margin-top:10px}
.why-point{display:flex;gap:18px;align-items:flex-start;padding:24px 0;border-bottom:1px solid var(--border)}
.why-point:first-child{padding-top:0}
.why-point:last-child{border-bottom:none;padding-bottom:0}
.why-ic{width:48px;height:48px;background:linear-gradient(135deg,var(--gold-4),#FFF4CC);border:1px solid rgba(196,146,13,.2);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.why-ic svg{width:22px;height:22px;color:var(--gold)}
.why-title{font-size:15.5px;font-weight:800;color:var(--navy);margin-bottom:6px}
.why-text{font-size:13.5px;color:var(--text-3);line-height:1.72}

/* ════════════════════════════════
   PROCESS
   ════════════════════════════════ */
.proc{background:var(--navy);position:relative;overflow:hidden}
.proc::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 50%,rgba(196,146,13,.07) 0%,transparent 45%),radial-gradient(circle at 85% 50%,rgba(196,146,13,.05) 0%,transparent 40%)}
.proc .sec-title{color:#fff}
.proc .sec-desc{color:rgba(255,255,255,.42)}
.proc .sec-tag{color:var(--gold-3)}
.proc .sec-tag::before{background:var(--gold-3)}
.steps-wrap{display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:1}
/* connector */
.steps-wrap::before{content:'';position:absolute;top:38px;left:calc(10% + 20px);right:calc(10% + 20px);height:1px;background:linear-gradient(90deg,transparent,rgba(196,146,13,.25),var(--gold),rgba(196,146,13,.25),transparent);z-index:0}
.step{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);padding:30px 22px;transition:all var(--ease);position:relative;z-index:1}
.step:hover{background:rgba(255,255,255,.07);border-color:rgba(196,146,13,.22)}
.step-num{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:700;color:rgba(196,146,13,.13);line-height:1;margin-bottom:14px}
.step-ic{width:48px;height:48px;background:rgba(196,146,13,.1);border:1px solid rgba(196,146,13,.2);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all var(--ease)}
.step:hover .step-ic{background:rgba(196,146,13,.22);border-color:rgba(196,146,13,.4)}
.step-ic svg{width:23px;height:23px;color:var(--gold-3)}
.step-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3}
.step-desc{font-size:12.5px;color:rgba(255,255,255,.38);line-height:1.65}

/* ════════════════════════════════
   FIELDS
   ════════════════════════════════ */
#fields{background:var(--cream)}
.fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:14px}
.field-item{background:#fff;border:1px solid var(--border);border-radius:var(--r2);padding:24px 16px;text-align:center;transition:all var(--ease);cursor:default;position:relative;overflow:hidden}
.field-item::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--gold-4),transparent);opacity:0;transition:opacity var(--ease)}
.field-item:hover{border-color:rgba(196,146,13,.38);box-shadow:0 6px 24px rgba(196,146,13,.1);transform:translateY(-3px)}
.field-item:hover::before{opacity:1}
.field-item svg{width:28px;height:28px;color:var(--gold);margin:0 auto 10px;position:relative;z-index:1;transition:transform var(--ease)}
.field-item:hover svg{transform:scale(1.12) rotate(-3deg)}
.field-name{font-size:12.5px;font-weight:700;color:var(--navy);line-height:1.35;position:relative;z-index:1}

/* ════════════════════════════════
   STATS BAND
   ════════════════════════════════ */
.stats-band{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-2) 50%,var(--gold) 100%);padding:52px 32px;position:relative;overflow:hidden}
.stats-band::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 28px,rgba(255,255,255,.035) 28px,rgba(255,255,255,.035) 29px)}
.stats-inner{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);position:relative;z-index:1}
.stat-item{padding:0 28px;border-right:1px solid rgba(255,255,255,.25);text-align:center}
.stat-item:last-child{border-right:none}
.stat-n{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:700;color:var(--navy);line-height:1;margin-bottom:6px}
.stat-l{font-size:13px;color:rgba(11,31,51,.65);font-weight:600}

/* ════════════════════════════════
   TEAM
   ════════════════════════════════ */
#team{background:var(--off)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-card{background:#fff;border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;transition:all var(--ease)}
.team-card:hover{box-shadow:var(--sh3);transform:translateY(-6px);border-color:rgba(196,146,13,.25)}
.team-avatar{height:164px;background:linear-gradient(150deg,var(--navy) 0%,var(--navy-3) 100%);display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:700;color:var(--gold-3);letter-spacing:3px;position:relative}
.team-avatar::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.team-body{padding:22px 22px 24px}
.team-name{font-size:16px;font-weight:800;color:var(--navy);margin-bottom:4px}
.team-role{font-size:12px;color:var(--gold);font-weight:700;letter-spacing:.3px;margin-bottom:10px}
.team-desc{font-size:13px;color:var(--text-3);line-height:1.65}
.team-cert{display:inline-flex;align-items:center;gap:5px;background:var(--gold-4);border:1px solid rgba(196,146,13,.2);color:var(--navy);font-size:11px;font-weight:700;padding:5px 12px;border-radius:30px;margin-top:14px}

/* ════════════════════════════════
   TESTIMONIALS
   ════════════════════════════════ */
#testimonials{background:#fff}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testi-card{background:var(--off);border:1px solid var(--border);border-radius:var(--r3);padding:30px 28px;position:relative;overflow:hidden;transition:all var(--ease)}
.testi-card::before{content:'\201C';position:absolute;top:-14px;left:20px;font-family:'Cormorant Garamond',serif;font-size:128px;color:rgba(196,146,13,.07);line-height:1;pointer-events:none}
.testi-card:hover{box-shadow:var(--sh2);border-color:rgba(196,146,13,.25);transform:translateY(-3px)}
.testi-stars{color:var(--gold);font-size:14px;letter-spacing:3px;margin-bottom:16px}
.testi-text{font-size:14.5px;color:var(--text-2);line-height:1.8;font-style:italic;margin-bottom:22px;position:relative;z-index:1}
.testi-author{display:flex;align-items:center;gap:13px}
.testi-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--navy),var(--navy-3));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;color:var(--gold-3);flex-shrink:0}
.testi-name{font-size:14px;font-weight:800;color:var(--navy)}
.testi-pos{font-size:12px;color:var(--text-3);margin-top:2px}

/* ════════════════════════════════
   CONTACT
   ════════════════════════════════ */
.cont{background:var(--navy);position:relative;overflow:hidden}
.cont::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 8% 50%,rgba(196,146,13,.08) 0%,transparent 40%),radial-gradient(circle at 92% 20%,rgba(196,146,13,.06) 0%,transparent 35%)}
.cont .si{position:relative;z-index:1}
.cont .sec-title{color:#fff}
.cont .sec-tag{color:var(--gold-3)}
.cont .sec-tag::before{background:var(--gold-3)}
.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:60px;align-items:start}
.contact-desc{color:rgba(255,255,255,.5);font-size:15.5px;line-height:1.82;margin-bottom:36px}
.cinfo-item{display:flex;gap:15px;align-items:flex-start;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.cinfo-item:last-child{border-bottom:none}
.cinfo-ic{width:40px;height:40px;background:rgba(196,146,13,.12);border:1px solid rgba(196,146,13,.2);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cinfo-ic svg{width:18px;height:18px;color:var(--gold-3)}
.cinfo-label{font-size:10.5px;font-weight:800;color:rgba(255,255,255,.3);letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}
.cinfo-val{font-size:14px;color:#fff;font-weight:500}
.cinfo-val a{color:#fff;transition:color var(--ease)}
.cinfo-val a:hover{color:var(--gold-3)}
/* Form */
.cform{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(--r3);padding:36px 32px;backdrop-filter:blur(10px)}
.cform-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:700;color:#fff;margin-bottom:4px}
.cform-sub{font-size:13px;color:rgba(255,255,255,.36);margin-bottom:26px}
.fg{margin-bottom:16px}
.fg label{display:block;font-size:10.5px;font-weight:800;color:rgba(255,255,255,.4);letter-spacing:.9px;text-transform:uppercase;margin-bottom:7px}
.fg input,.fg select,.fg textarea{width:100%;background:rgba(255,255,255,.07);border:1.5px solid rgba(255,255,255,.1);border-radius:var(--r1);padding:12px 15px;font-size:14px;font-family:'Be Vietnam Pro',sans-serif;color:#fff;outline:none;transition:all var(--ease)}
.fg input::placeholder,.fg textarea::placeholder{color:rgba(255,255,255,.22)}
.fg select{color:rgba(255,255,255,.55)}
.fg select option{background:var(--navy);color:#fff}
.fg input:focus,.fg select:focus,.fg textarea:focus{border-color:rgba(196,146,13,.6);background:rgba(255,255,255,.1)}
.fg textarea{resize:vertical;min-height:90px}
.fg-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.submit-btn{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);font-size:14.5px;font-weight:800;font-family:'Be Vietnam Pro',sans-serif;padding:15px;border:none;border-radius:var(--r1);cursor:pointer;margin-top:8px;box-shadow:0 4px 20px rgba(196,146,13,.38);transition:all var(--ease);letter-spacing:.3px}
.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(196,146,13,.55)}
.form-note{text-align:center;font-size:11.5px;color:rgba(255,255,255,.25);margin-top:12px}

/* ════════════════════════════════
   FOOTER
   ════════════════════════════════ */
footer{background:#07111D;padding:64px 32px 28px;border-top:1px solid rgba(196,146,13,.14)}
.footer-inner{max-width:1260px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.1fr;gap:52px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:28px}
.footer-logo{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.footer-logo img{height:50px;width:auto;object-fit:contain}
.footer-brand{font-family:'Cormorant Garamond',serif;font-size:15.5px;font-weight:700;color:#fff;line-height:1.3}
.footer-brand span{color:var(--red)}
.footer-about{font-size:13px;color:rgba(255,255,255,.35);line-height:1.78;margin-bottom:18px}
.footer-badge{display:inline-flex;align-items:center;gap:7px;background:rgba(196,146,13,.1);border:1px solid rgba(196,146,13,.2);color:var(--gold-3);font-size:11.5px;font-weight:600;padding:6px 14px;border-radius:30px}
.footer-badge svg{width:12px;height:12px}
.footer-col-title{font-size:11px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase;color:rgba(255,255,255,.48);margin-bottom:18px}
.footer-links{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-links a{font-size:13px;color:rgba(255,255,255,.33);transition:color var(--ease);display:inline-flex;align-items:center;gap:5px}
.footer-links a:hover{color:var(--gold-3)}
.footer-links a::before{content:'›';color:var(--gold);opacity:0;transition:opacity var(--ease)}
.footer-links a:hover::before{opacity:1}
.footer-contact-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.footer-contact-list li{font-size:13px;color:rgba(255,255,255,.33)}
.footer-contact-list a{color:rgba(255,255,255,.33);transition:color var(--ease)}
.footer-contact-list a:hover{color:var(--gold-3)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-copy{font-size:12.5px;color:rgba(255,255,255,.25)}
.footer-meta{display:flex;gap:20px}
.footer-meta a{font-size:12.5px;color:rgba(255,255,255,.25);transition:color var(--ease)}
.footer-meta a:hover{color:var(--gold-3)}

/* ── Floating CTA ─────────────────────────────────────────── */
.flcta{position:fixed;bottom:24px;right:22px;z-index:200;display:flex;flex-direction:column;gap:10px;align-items:flex-end}
.flbtn{display:flex;align-items:center;gap:9px;padding:12px 22px;border-radius:50px;font-size:13px;font-weight:700;text-decoration:none;box-shadow:0 4px 20px rgba(0,0,0,.28);transition:all var(--ease);white-space:nowrap}
.flbtn:hover{transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.34)}
.flbtn svg{width:18px;height:18px;flex-shrink:0}
.flbtn-zalo{background:#0068FF;color:#fff}
.flbtn-call{background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy)}

/* ── Hamburger ────────────────────────────────────────────── */
.ham{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:7px;background:none;border:1.5px solid var(--border);border-radius:var(--r1);cursor:pointer;flex-shrink:0}
.ham span{display:block;height:2px;background:var(--navy);border-radius:2px;transition:all .25s}
.ham.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.ham.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.ham.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* ── Mobile Nav ───────────────────────────────────────────── */
.mnav{position:fixed;inset:0;z-index:199;background:rgba(7,17,29,.5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,visibility .25s}
.mnav.open{opacity:1;visibility:visible;pointer-events:all}
.mnav-panel{position:absolute;top:0;left:0;right:0;background:#fff;box-shadow:var(--sh3);transform:translateY(-8px);transition:transform .25s;padding-bottom:20px}
.mnav.open .mnav-panel{transform:translateY(0)}
.mnav-link{display:flex;align-items:center;gap:10px;padding:15px 24px;font-size:15px;font-weight:600;color:var(--text-2);text-decoration:none;border-bottom:1px solid var(--border);transition:background var(--ease)}
.mnav-link:hover,.mnav-link.act{background:var(--navy-4);color:var(--navy)}
.mnav-fee-hd{padding:12px 24px;font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--border);background:var(--gold-4)}
.mnav-sub a{display:flex;align-items:center;gap:11px;padding:14px 24px 14px 36px;font-size:14.5px;font-weight:600;color:var(--navy);text-decoration:none;border-bottom:1px solid var(--border);background:var(--off);transition:background var(--ease)}
.mnav-sub a:hover{background:var(--navy-4)}
.mnav-sub a svg{width:17px;height:17px;color:var(--gold);flex-shrink:0}
.mnav-cta{margin:16px 24px 0;display:block;text-align:center;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);font-size:14.5px;font-weight:800;padding:15px;border-radius:var(--r1);box-shadow:0 4px 16px rgba(196,146,13,.32)}

/* ── Reveal animation ─────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(30px);transition:opacity .72s ease,transform .72s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.rd1{transition-delay:.08s}.rd2{transition-delay:.16s}.rd3{transition-delay:.24s}.rd4{transition-delay:.32s}

/* ════════════════════════════════
   RESPONSIVE
   ════════════════════════════════ */
@media(max-width:1140px){
  .svc-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .steps-wrap{grid-template-columns:repeat(3,1fr)}
  .steps-wrap::before{display:none}
  .hero-inner{grid-template-columns:1fr;gap:44px}
  .hero-cards{display:none}
}
@media(max-width:980px){
  .why-grid{grid-template-columns:1fr;gap:36px}
  .contact-grid{grid-template-columns:1fr;gap:36px}
  .footer-top{grid-template-columns:1fr 1fr;gap:32px}
  .stats-inner{grid-template-columns:repeat(2,1fr)}
  .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.2);padding:14px 0}
  .stat-item:nth-child(2n){border-right:none}
  .stat-item:last-child{border-bottom:none}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .trust-item{border-right:none;padding:6px 12px;flex:unset;width:50%}
  .hero-stats{grid-template-columns:repeat(2,1fr)}
  .hstat{padding:14px 0;border-right:none;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}
  .hstat:last-child{border-bottom:none}
}
@media(max-width:768px){
  .topbar{display:none}
  .hi{padding:0 20px;height:64px}
  .logo img{height:46px}
  .lt{display:none}
  nav{display:none}
  .hcta{display:none}
  .ham{display:flex}
  .mnav{top:64px}

  section{padding:56px 20px}
  .hero-inner{padding:60px 20px 72px}
  .hero h1{font-size:clamp(28px,8.5vw,40px)}
  .hero-desc{font-size:15px;margin-bottom:28px}
  .hero-btns{flex-direction:column;gap:12px;margin-bottom:40px}
  .btn-primary,.btn-secondary{width:100%;justify-content:center;padding:15px 20px}
  .hero-stats{grid-template-columns:repeat(2,1fr)}

  .trust{padding:12px 20px}
  .trust-inner{gap:8px}
  .trust-item{width:50%;border-right:none;font-size:12px;padding:5px 8px}

  .svc-grid{grid-template-columns:1fr;gap:14px}
  .steps-wrap{grid-template-columns:1fr 1fr;gap:2px}
  .step{padding:24px 16px}

  .fields-grid{grid-template-columns:repeat(3,1fr);gap:10px}
  .field-item{padding:18px 10px}

  .stats-band{padding:40px 20px}
  .stats-inner{grid-template-columns:repeat(2,1fr);gap:0}

  .team-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .team-avatar{height:120px;font-size:30px}
  .team-body{padding:16px}

  .testi-grid{grid-template-columns:1fr}

  .cform{padding:26px 20px}
  .fg-row{grid-template-columns:1fr}

  footer{padding:48px 20px 26px}
  .footer-top{grid-template-columns:1fr;gap:28px}
  .footer-bottom{flex-direction:column;text-align:center;gap:10px}
  .footer-meta{justify-content:center;flex-wrap:wrap}

  .fov{padding:0;align-items:flex-end}
  .fm{border-radius:var(--r3) var(--r3) 0 0;max-height:91vh}
  .fmh{padding:20px 22px}
  .fts{padding:0 10px;overflow-x:auto}
  .ft{padding:11px 14px;font-size:12.5px}
  .fi{padding:12px 20px;font-size:12px}
  .fnb{margin:12px 20px}
  .ftb{font-size:11.5px}
  .ftb thead th,.ftb tbody td{padding:8px 9px}

  .flcta{bottom:18px;right:16px}
  .flbtn span{display:none}
  .flbtn{padding:14px;border-radius:50%}
}
@media(max-width:480px){
  .hi{padding:0 14px;height:60px}
  .logo img{height:42px}
  .mnav{top:60px}
  .hero-inner{padding:48px 16px 60px}
  .hero h1{font-size:clamp(26px,9.5vw,34px)}
  .hstat-n{font-size:28px}
  .steps-wrap{grid-template-columns:1fr}
  .fields-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:1fr}
  .fm{max-height:94vh}
  .ftb{font-size:11px}
  .ftb thead th,.ftb tbody td{padding:6px 7px;font-size:11px}
  .flcta{bottom:14px;right:12px}
}

/* ═══════════════════════════════════════════════════════════════
   PAGE HERO BANNER (dùng chung dichvu / linhvuc / lienhe)
   ═══════════════════════════════════════════════════════════════ */
.page-hero{position:relative;overflow:hidden;background:var(--navy);padding:80px 32px 76px}
.page-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#0B1F33 0%,#122840 45%,#1A3550 100%)}
.page-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 65% 55% at 70% 30%,rgba(196,146,13,.13) 0%,transparent 60%);pointer-events:none}
.page-hero-tex{position:absolute;inset:0;background-image:repeating-linear-gradient(-55deg,transparent,transparent 44px,rgba(255,255,255,.016) 44px,rgba(255,255,255,.016) 45px)}
.page-hero-bar{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(to bottom,transparent,var(--gold),transparent)}
.page-hero-inner{max-width:1260px;margin:0 auto;position:relative;z-index:1}
.page-breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:rgba(255,255,255,.38);margin-bottom:20px;flex-wrap:wrap}
.page-breadcrumb a{color:rgba(255,255,255,.45);transition:color var(--ease)}
.page-breadcrumb a:hover{color:var(--gold-3)}
.page-breadcrumb span{color:rgba(255,255,255,.2)}
.page-breadcrumb strong{color:var(--gold-3);font-weight:600}
.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(30px,4vw,52px);font-weight:700;color:#fff;line-height:1.12;margin-bottom:18px}
.page-hero h1 em{font-style:italic;background:linear-gradient(90deg,var(--gold-3),var(--gold-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.page-hero-desc{font-size:16px;color:rgba(255,255,255,.55);line-height:1.8;max-width:600px}
.page-hero-meta{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px}
.page-hero-stat{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:rgba(255,255,255,.55)}
.page-hero-stat strong{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;color:var(--gold-3)}
.page-hero-stat svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}

/* ── Page nav tabs ───────────────────────────────────────────── */
.page-tabs{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:72px;z-index:100}
.page-tabs-inner{max-width:1260px;margin:0 auto;padding:0 32px;display:flex;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.page-tab{padding:16px 22px;font-size:13px;font-weight:600;color:var(--text-3);cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap;transition:color var(--ease),border-color var(--ease);text-decoration:none}
.page-tab:hover{color:var(--navy)}
.page-tab.active{color:var(--navy);border-bottom-color:var(--gold)}

/* ════════════════════════════════════════
   DICHVU.HTML – Service Detail
   ════════════════════════════════════════ */
.svc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}
.svc-detail-card{background:#fff;border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;transition:all var(--ease)}
.svc-detail-card:hover{box-shadow:var(--sh3);transform:translateY(-4px);border-color:rgba(196,146,13,.25)}
.sdc-head{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);padding:28px 30px;position:relative;overflow:hidden}
.sdc-head::after{content:'';position:absolute;right:-20px;top:-20px;width:100px;height:100px;border-radius:50%;background:rgba(196,146,13,.08)}
.sdc-num{font-family:'Cormorant Garamond',serif;font-size:48px;font-weight:700;color:rgba(196,146,13,.2);line-height:1;position:absolute;right:24px;bottom:8px}
.sdc-icon{width:52px;height:52px;background:rgba(196,146,13,.15);border:1px solid rgba(196,146,13,.25);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.sdc-icon svg{width:26px;height:26px;color:var(--gold-3)}
.sdc-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:#fff;line-height:1.2}
.sdc-body{padding:26px 30px}
.sdc-desc{font-size:14px;color:var(--text-3);line-height:1.75;margin-bottom:20px}
.sdc-list{list-style:none;display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.sdc-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:var(--text-2);line-height:1.55}
.sdc-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px}
.sdc-tag{display:inline-flex;align-items:center;gap:6px;background:var(--gold-4);border:1px solid rgba(196,146,13,.2);color:var(--gold);font-size:11px;font-weight:700;padding:5px 12px;border-radius:30px;margin-right:6px;margin-bottom:6px}

/* Process mini */
.svc-process{background:var(--navy);border-radius:var(--r3);padding:44px 40px;position:relative;overflow:hidden;margin-bottom:28px}
.svc-process::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(196,146,13,.08) 0%,transparent 55%)}
.svc-process-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;z-index:1;margin-top:36px}
.svc-process-steps::before{content:'';position:absolute;top:28px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(196,146,13,.3),var(--gold),rgba(196,146,13,.3),transparent)}
.sps{text-align:center;padding:0 12px;position:relative;z-index:1}
.sps-circle{width:56px;height:56px;background:rgba(196,146,13,.1);border:2px solid rgba(196,146,13,.25);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;transition:all var(--ease)}
.sps:hover .sps-circle{background:rgba(196,146,13,.22);border-color:var(--gold)}
.sps-circle svg{width:22px;height:22px;color:var(--gold-3)}
.sps-title{font-size:13px;font-weight:700;color:#fff;margin-bottom:6px}
.sps-desc{font-size:11.5px;color:rgba(255,255,255,.38);line-height:1.55}

/* Why choose – horizontal */
.svc-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-why-card{background:var(--off);border:1px solid var(--border);border-radius:var(--r2);padding:26px 24px;transition:all var(--ease)}
.svc-why-card:hover{background:#fff;box-shadow:var(--sh2);border-color:rgba(196,146,13,.2);transform:translateY(-3px)}
.svc-why-ic{width:46px;height:46px;background:var(--gold-4);border:1px solid rgba(196,146,13,.18);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.svc-why-ic svg{width:22px;height:22px;color:var(--gold)}
.svc-why-title{font-size:15px;font-weight:800;color:var(--navy);margin-bottom:8px}
.svc-why-text{font-size:13.5px;color:var(--text-3);line-height:1.72}

/* ════════════════════════════════════════
   LINHVUC.HTML – Fields + Notable Assets
   ════════════════════════════════════════ */
/* Fields big grid */
.lv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.lv-card{background:#fff;border:1px solid var(--border);border-radius:var(--r3);padding:32px 30px;transition:all var(--ease);position:relative;overflow:hidden}
.lv-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transform:scaleX(0);transition:transform var(--ease)}
.lv-card:hover{box-shadow:var(--sh3);transform:translateY(-4px);border-color:rgba(196,146,13,.22)}
.lv-card:hover::before{transform:scaleX(1)}
.lv-card-num{font-family:'Cormorant Garamond',serif;font-size:56px;font-weight:700;color:rgba(196,146,13,.07);line-height:1;position:absolute;right:20px;top:14px}
.lv-card-icon{width:52px;height:52px;background:var(--gold-4);border:1px solid rgba(196,146,13,.18);border-radius:var(--r2);display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.lv-card-icon svg{width:26px;height:26px;color:var(--gold)}
.lv-card-title{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:700;color:var(--navy);margin-bottom:10px}
.lv-card-desc{font-size:14px;color:var(--text-3);line-height:1.72;margin-bottom:16px}
.lv-card-tags{display:flex;flex-wrap:wrap;gap:6px}
.lv-tag{font-size:11.5px;font-weight:600;color:var(--text-2);background:var(--off);border:1px solid var(--border);padding:4px 11px;border-radius:30px;transition:all var(--ease)}
.lv-card:hover .lv-tag{background:var(--gold-4);border-color:rgba(196,146,13,.25);color:var(--navy)}

/* ── Notable Assets ── */
.assets-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:36px}
.af-btn{padding:9px 20px;font-size:12.5px;font-weight:700;letter-spacing:.3px;border:1.5px solid var(--border);border-radius:30px;background:transparent;color:var(--text-3);cursor:pointer;transition:all var(--ease)}
.af-btn:hover,.af-btn.active{background:var(--navy);color:#fff;border-color:var(--navy)}

/* Featured asset layout */
.assets-featured{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:auto auto;gap:18px;margin-bottom:18px}
.asset-card{position:relative;overflow:hidden;border-radius:var(--r3);border:1px solid var(--border);cursor:pointer;transition:all var(--ease)}
.asset-card:hover{border-color:rgba(196,146,13,.35);transform:translateY(-4px);box-shadow:var(--sh3)}
.asset-card.big{grid-row:1/3;min-height:500px}
.asset-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s ease}
.asset-card:hover .asset-img{transform:scale(1.05)}
.asset-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(7,17,29,.92) 0%,rgba(7,17,29,.3) 55%,transparent 100%)}
.asset-value{position:absolute;top:16px;right:16px;background:rgba(11,31,51,.82);backdrop-filter:blur(8px);border:1px solid rgba(196,146,13,.38);border-radius:var(--r1);padding:6px 13px;font-family:'Cormorant Garamond',serif;font-size:16px;font-weight:700;color:var(--gold-3)}
.asset-body{position:absolute;bottom:0;left:0;right:0;padding:24px 24px}
.asset-cat{display:inline-block;background:var(--gold);color:var(--navy);font-size:10.5px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding:4px 11px;border-radius:var(--r1);margin-bottom:10px}
.asset-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:700;color:#fff;line-height:1.25;margin-bottom:8px}
.asset-card.big .asset-title{font-size:24px}
.asset-meta{display:flex;gap:16px;flex-wrap:wrap}
.asset-meta span{font-size:12px;color:rgba(255,255,255,.58);display:flex;align-items:center;gap:5px}
.asset-meta strong{color:var(--gold-3);font-weight:700}

/* Small asset grid */
.assets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.asset-mini{position:relative;height:220px;overflow:hidden;border-radius:var(--r2);border:1px solid var(--border);cursor:pointer;transition:all var(--ease)}
.asset-mini:hover{border-color:rgba(196,146,13,.35);transform:translateY(-3px);box-shadow:var(--sh2)}
.asset-mini:hover .asset-img{transform:scale(1.08)}
.asset-mini .asset-overlay{background:linear-gradient(to top,rgba(7,17,29,.9) 0%,rgba(7,17,29,.1) 70%)}
.asset-mini .asset-body{padding:14px 16px}
.asset-mini .asset-cat{font-size:9.5px;padding:3px 9px;margin-bottom:6px}
.asset-mini .asset-title{font-size:13px;font-weight:700;margin-bottom:0}
.asset-mini .asset-value{font-size:13px;padding:4px 10px}

/* Certificate band */
.cert-band{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-3) 100%);border-radius:var(--r3);padding:40px 44px;display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative;overflow:hidden}
.cert-band::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(196,146,13,.07) 0%,transparent 60%)}
.cert-band-item{text-align:center;position:relative;z-index:1}
.cert-band-item+.cert-band-item::before{content:'';position:absolute;left:0;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,.08)}
.cbi-n{font-family:'Cormorant Garamond',serif;font-size:40px;font-weight:700;color:var(--gold-3);line-height:1;margin-bottom:6px}
.cbi-l{font-size:12.5px;color:rgba(255,255,255,.45);font-weight:500}

/* ════════════════════════════════════════
   LIENHE.HTML – Contact page
   ════════════════════════════════════════ */
.lienhe-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:44px;align-items:start}
/* Info side */
.lienhe-info-block{background:#fff;border:1px solid var(--border);border-radius:var(--r3);overflow:hidden;margin-bottom:20px}
.lienhe-info-head{background:linear-gradient(135deg,var(--navy),var(--navy-3));padding:22px 26px;display:flex;align-items:center;gap:12px}
.lienhe-info-head svg{width:20px;height:20px;color:var(--gold-3);flex-shrink:0}
.lienhe-info-head-t{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:700;color:#fff}
.lienhe-info-body{padding:22px 26px;display:flex;flex-direction:column;gap:16px}
.lienhe-row{display:flex;gap:13px;align-items:flex-start}
.lienhe-row-ic{width:38px;height:38px;background:var(--gold-4);border:1px solid rgba(196,146,13,.18);border-radius:var(--r1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.lienhe-row-ic svg{width:17px;height:17px;color:var(--gold)}
.lienhe-row-label{font-size:10.5px;font-weight:800;color:var(--text-3);letter-spacing:.9px;text-transform:uppercase;margin-bottom:3px}
.lienhe-row-val{font-size:14px;color:var(--text);font-weight:500}
.lienhe-row-val a{color:var(--navy);transition:color var(--ease)}
.lienhe-row-val a:hover{color:var(--gold)}

/* Hours table */
.hours-table{width:100%;border-collapse:collapse;font-size:13.5px;margin-top:4px}
.hours-table tr{border-bottom:1px solid var(--border)}
.hours-table tr:last-child{border-bottom:none}
.hours-table td{padding:9px 0;color:var(--text-2)}
.hours-table td:first-child{font-weight:600;color:var(--navy);width:130px}
.hours-table td span{display:inline-block;background:var(--gold-4);color:var(--gold);font-size:11px;font-weight:700;padding:3px 9px;border-radius:30px;border:1px solid rgba(196,146,13,.2)}
.hours-table td span.closed{background:#FEF2F2;color:#991B1B;border-color:rgba(153,27,27,.15)}

/* Map placeholder */
.map-wrap{border-radius:var(--r3);overflow:hidden;border:1px solid var(--border);height:220px;background:linear-gradient(135deg,var(--navy-4) 0%,#E0EAF4 100%);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;margin-bottom:20px;cursor:pointer;transition:all var(--ease)}
.map-wrap:hover{border-color:rgba(196,146,13,.3);box-shadow:var(--sh2)}
.map-wrap svg{width:36px;height:36px;color:var(--gold)}
.map-wrap p{font-size:13.5px;font-weight:600;color:var(--navy)}
.map-wrap span{font-size:12px;color:var(--text-3)}

/* Contact form – full page style */
.lienhe-form{background:#fff;border:1px solid var(--border);border-radius:var(--r3);padding:36px 32px;box-shadow:var(--sh1)}
.lienhe-form-title{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:700;color:var(--navy);margin-bottom:4px}
.lienhe-form-sub{font-size:13.5px;color:var(--text-3);margin-bottom:28px}
.fg-light{margin-bottom:18px}
.fg-light label{display:block;font-size:11px;font-weight:800;color:var(--text-3);letter-spacing:.8px;text-transform:uppercase;margin-bottom:7px}
.fg-light input,.fg-light select,.fg-light textarea{width:100%;background:var(--off);border:1.5px solid var(--border);border-radius:var(--r1);padding:12px 15px;font-size:14px;font-family:'Be Vietnam Pro',sans-serif;color:var(--text);outline:none;transition:all var(--ease)}
.fg-light input:focus,.fg-light select:focus,.fg-light textarea:focus{border-color:var(--gold);background:#fff;box-shadow:0 0 0 3px rgba(196,146,13,.1)}
.fg-light input::placeholder,.fg-light textarea::placeholder{color:var(--text-3)}
.fg-light textarea{resize:vertical;min-height:100px}
.fg-row-light{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.submit-btn-light{width:100%;background:linear-gradient(135deg,var(--gold),var(--gold-2));color:var(--navy);font-size:14.5px;font-weight:800;font-family:'Be Vietnam Pro',sans-serif;padding:15px;border:none;border-radius:var(--r1);cursor:pointer;margin-top:8px;box-shadow:0 4px 20px rgba(196,146,13,.35);transition:all var(--ease)}
.submit-btn-light:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(196,146,13,.52)}
.form-note-light{text-align:center;font-size:11.5px;color:var(--text-3);margin-top:12px}

/* FAQ accordion */
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:#fff;border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:border-color var(--ease)}
.faq-item.open{border-color:rgba(196,146,13,.3)}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;cursor:pointer;gap:16px;user-select:none}
.faq-q-text{font-size:14.5px;font-weight:700;color:var(--navy);line-height:1.4}
.faq-arrow{width:24px;height:24px;background:var(--off);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--ease)}
.faq-item.open .faq-arrow{background:var(--gold);transform:rotate(180deg)}
.faq-arrow svg{width:13px;height:13px;color:var(--text-3);transition:color var(--ease)}
.faq-item.open .faq-arrow svg{color:#fff}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding var(--ease)}
.faq-a-inner{padding:0 22px 18px;font-size:14px;color:var(--text-3);line-height:1.75}
.faq-item.open .faq-a{max-height:400px}

/* ── Page-specific responsive ─────────────────────────────── */
@media(max-width:1100px){
  .lv-grid{grid-template-columns:1fr}
  .assets-featured{grid-template-columns:1fr}
  .asset-card.big{grid-row:auto;min-height:380px}
  .assets-grid{grid-template-columns:repeat(2,1fr)}
  .cert-band{grid-template-columns:repeat(2,1fr);gap:24px}
  .svc-detail-grid{grid-template-columns:1fr}
  .svc-process-steps{grid-template-columns:repeat(3,1fr)}
  .svc-process-steps::before{display:none}
}
@media(max-width:980px){
  .lienhe-grid{grid-template-columns:1fr;gap:32px}
  .svc-why-grid{grid-template-columns:repeat(2,1fr)}
  .page-tabs{top:64px}
}
@media(max-width:768px){
  .page-hero{padding:56px 20px 52px}
  .page-hero h1{font-size:clamp(26px,8vw,38px)}
  .page-tabs{top:64px}
  .page-tabs-inner{padding:0 20px}
  .assets-featured{grid-template-columns:1fr}
  .assets-grid{grid-template-columns:repeat(2,1fr)}
  .cert-band{grid-template-columns:repeat(2,1fr);padding:28px 24px;gap:20px}
  .svc-process-steps{grid-template-columns:repeat(2,1fr);gap:16px}
  .svc-why-grid{grid-template-columns:1fr}
  .fg-row-light{grid-template-columns:1fr}
  .lienhe-form{padding:26px 20px}
}
@media(max-width:480px){
  .assets-grid{grid-template-columns:1fr}
  .cert-band{grid-template-columns:1fr}
  .svc-process-steps{grid-template-columns:1fr}
  .cert-band-item+.cert-band-item::before{display:none}
}