/* =====================================================================
   好德财务 · 首页 v2 — 编辑式高端设计系统
   原则：克制 / 留白 / 令牌统一 / 有目的的缓动 / 看见自己再修
   品牌硬约束：深蓝 #0F2440 + 金 #C8A84E（不可改）
   ===================================================================== */

:root{
  /* —— 调色板（唯一令牌源） —— */
  --navy:        #0F2440;   /* 主墨色 */
  --navy-2:      #15314F;   /* 深面板 */
  --navy-3:      #1B3A5C;   /* 品牌蓝（沿用） */
  --gold:        #C8A84E;   /* 品牌金 */
  --gold-soft:   #D9C585;
  --gold-tint:   rgba(200,168,78,.10);

  --paper:       #FFFFFF;
  --mist:        #F7F8FA;   /* 冷灰底 */
  --mist-2:      #ECEFF4;   /* 浅分隔 */
  --line:        #E4E7EC;   /* 发丝线 */
  --line-navy:   rgba(234,240,247,.14);

  --ink:         #0F2440;
  --ink-70:      rgba(15,36,64,.72);
  --ink-55:      rgba(15,36,64,.56);
  --ink-40:      rgba(15,36,64,.40);

  --on-navy:     #EAF0F7;
  --on-navy-70:  rgba(234,240,247,.72);
  --on-navy-50:  rgba(234,240,247,.50);

  /* —— 字体（系统栈兜底，离线也能贵气） —— */
  --sans: "Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",system-ui,-apple-system,"Segoe UI",sans-serif;
  --serif:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;

  /* —— 字阶（编辑式，慷慨） —— */
  --t-display: clamp(2.7rem, 5.6vw, 4.7rem);
  --t-h1:      clamp(2.1rem, 3.8vw, 3.2rem);
  --t-h2:      clamp(1.7rem, 3vw, 2.5rem);
  --t-h3:      clamp(1.2rem, 1.6vw, 1.4rem);
  --t-eyebrow: .78rem;
  --t-body:    1.0625rem;
  --t-small:   .92rem;

  /* —— 间距节奏（留白即贵气） —— */
  --gap-section: clamp(80px, 9vw, 132px);
  --gap-block:   clamp(28px, 3.4vw, 48px);
  --container:   1200px;
  --container-w: 1280px;

  /* —— 缓动（新手老手的分水岭） —— */
  --ease: cubic-bezier(.16,1,.3,1);     /* 出场 */
  --ease-soft: cubic-bezier(.4,0,.2,1); /* hover */
  --r: 4px;
}

/* ---------- 基础 ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:var(--sans);
  font-size:var(--t-body);
  line-height:1.78;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--gold);color:var(--navy)}

.container{max-width:var(--container);margin:0 auto;padding:0 28px}
.container-wide{max-width:var(--container-w);margin:0 auto;padding:0 28px}

/* ---------- 文字基调 ---------- */
.eyebrow{
  font-size:var(--t-eyebrow);
  letter-spacing:.26em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:600;
  display:inline-block;
}
.section-head{max-width:760px;margin-bottom:var(--gap-block)}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-title{
  font-family:var(--serif);
  font-size:var(--t-h2);
  line-height:1.18;
  letter-spacing:-.01em;
  margin:.7em 0 .45em;
  font-weight:700;
}
.section-sub{color:var(--ink-70);font-size:1.075rem;max-width:62ch}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.55em;
  font-size:1rem;font-weight:600;letter-spacing:.01em;
  padding:.95em 1.9em;border-radius:var(--r);
  border:1px solid transparent;cursor:pointer;
  transition:transform .4s var(--ease-soft),background .35s var(--ease-soft),
             color .35s var(--ease-soft),border-color .35s var(--ease-soft),
             box-shadow .4s var(--ease-soft);
}
.btn .arr{transition:transform .4s var(--ease-soft)}
.btn:hover .arr{transform:translateX(4px)}
.btn-gold{background:var(--gold);color:var(--navy);box-shadow:0 10px 26px -12px rgba(200,168,78,.7)}
.btn-gold:hover{background:var(--gold-soft);transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(200,168,78,.8)}
.btn-ghost{border-color:currentColor;color:inherit;background:transparent}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.btn-onnavy .btn-ghost{border-color:var(--on-navy-50);color:var(--on-navy)}
.on-navy .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* =====================================================================
   导航
   ===================================================================== */
.site-header{
  position:sticky;top:0;z-index:60;
  background:rgba(247,248,250,.82);
  backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);
  border-bottom:1px solid transparent;
  transition:border-color .4s var(--ease-soft),background .4s var(--ease-soft),box-shadow .4s;
}
.site-header.scrolled{
  border-bottom-color:var(--line);
  box-shadow:0 1px 0 rgba(15,36,64,.03),0 10px 30px -22px rgba(15,36,64,.4);
}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:38px;height:38px}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-text b{font-size:1.12rem;font-weight:700;letter-spacing:.04em;color:var(--navy)}
.brand-text span{font-size:.62rem;letter-spacing:.34em;color:var(--ink-40);text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-link{position:relative;font-size:.96rem;color:var(--ink-70);font-weight:500;padding:6px 0;transition:color .3s}
.nav-link::after{
  content:"";position:absolute;left:0;bottom:0;height:2px;width:0;
  background:var(--gold);transition:width .4s var(--ease);
}
.nav-link:hover{color:var(--navy)}
.nav-link:hover::after{width:100%}
.nav-cta{color:var(--gold)!important;font-weight:600}
.nav-cta::after{background:var(--gold)}
.nav-toggle{display:none;background:none;border:0;cursor:pointer;width:34px;height:34px}
.nav-toggle span{display:block;height:2px;background:var(--navy);margin:6px 0;transition:.3s}

/* =====================================================================
   HERO — 编辑式非对称
   ===================================================================== */
.hero{position:relative;overflow:hidden;background:
  radial-gradient(1200px 600px at 82% -10%, rgba(200,168,78,.10), transparent 60%),
  linear-gradient(180deg,#FBFCFE 0%, var(--mist) 100%);
}
.hero-grid{
  display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(40px,5vw,84px);
  align-items:center;
  padding:clamp(70px,9vw,126px) 0 clamp(72px,9vw,120px);
}
.hero-kicker{margin-bottom:26px}
.hero-title{
  font-family:var(--serif);
  font-size:var(--t-display);
  line-height:1.04;
  letter-spacing:-.02em;
  font-weight:700;
  color:var(--navy);
}
.hero-title .gold{color:var(--gold)}
.hero-theme{
  margin-top:24px;font-size:clamp(1.05rem,1.6vw,1.3rem);
  color:var(--ink-70);font-weight:500;letter-spacing:.02em;
}
.hero-theme b{color:var(--navy);font-weight:700}
.hero-lead{margin-top:20px;font-size:1.12rem;color:var(--ink-55);max-width:46ch}
.hero-actions{margin-top:38px;display:flex;gap:16px;flex-wrap:wrap}

/* 右侧：三审制凭证卡（签名感） */
.hero-visual{position:relative}
.voucher{
  position:relative;background:var(--navy);color:var(--on-navy);
  border-radius:8px;padding:34px 32px 30px;
  box-shadow:0 40px 80px -40px rgba(15,36,64,.7),inset 0 0 0 1px var(--line-navy);
  overflow:hidden;
}
.voucher::before{
  content:"";position:absolute;inset:10px;border:1px solid var(--line-navy);
  border-radius:4px;pointer-events:none;
}
.voucher-seal{
  position:absolute;top:22px;right:24px;width:64px;height:64px;opacity:.9;
}
.voucher h4{font-size:.74rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:22px}
.review-step{display:flex;align-items:flex-start;gap:16px;padding:14px 0;border-top:1px solid var(--line-navy)}
.review-step:first-of-type{border-top:0}
.review-no{
  flex:0 0 34px;height:34px;border-radius:50%;
  display:grid;place-items:center;font-family:var(--serif);font-weight:700;
  color:var(--navy);background:var(--gold);font-size:1rem;
}
.review-step .rs-t{font-weight:600;color:var(--on-navy);font-size:1.02rem}
.review-step .rs-d{font-size:.86rem;color:var(--on-navy-50);line-height:1.55}
.voucher-sign{margin-top:22px;padding-top:18px;border-top:1px dashed var(--line-navy);display:flex;align-items:center;justify-content:space-between}
.voucher-sign .vs-label{font-size:.8rem;color:var(--on-navy-50);letter-spacing:.04em}
.voucher-sign .vs-name{
  font-family:"STXingkai","华文行楷","KaiTi","楷体",var(--serif);
  font-size:1.35rem;color:var(--gold);font-weight:400;letter-spacing:.06em;
}
.pen{width:54px;height:18px}

/* =====================================================================
   数据实力 — 大字带
   ===================================================================== */
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.stats-grid{
  display:grid;grid-template-columns:repeat(5,1fr);
  padding:clamp(46px,5vw,72px) 0;
}
.stat{position:relative;padding:0 clamp(14px,1.6vw,26px);text-align:left}
.stat + .stat::before{content:"";position:absolute;left:0;top:8%;height:84%;width:1px;background:var(--line)}
.stat-num{font-family:var(--serif);font-size:clamp(2rem,3.4vw,3rem);font-weight:700;color:var(--navy);line-height:1;letter-spacing:-.01em}
.stat-num .u{font-size:.46em;color:var(--gold);margin-left:.12em;font-weight:600}
.stat-num .of{font-size:.42em;color:var(--ink-40);font-weight:500}
.stat-label{margin-top:12px;font-size:.9rem;color:var(--ink-55);line-height:1.5}
.stat-label b{color:var(--navy);font-weight:600}

/* =====================================================================
   服务能力 — 线图标卡
   ===================================================================== */
.services{background:var(--mist);padding:var(--gap-section) 0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-block)}
.service-card{
  background:var(--paper);border:1px solid var(--line);border-radius:8px;
  padding:38px 32px 34px;position:relative;overflow:hidden;
  transition:transform .5s var(--ease),border-color .4s var(--ease-soft),box-shadow .5s var(--ease);
}
.service-card::after{
  content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--gold);
  transition:width .55s var(--ease);
}
.service-card:hover{transform:translateY(-6px);border-color:var(--gold-soft);box-shadow:0 28px 60px -36px rgba(15,36,64,.5)}
.service-card:hover::after{width:100%}
.service-icon{width:52px;height:52px;margin-bottom:22px}
.service-icon svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.service-no{font-family:var(--serif);font-size:.8rem;color:var(--ink-40);letter-spacing:.2em;margin-bottom:10px}
.service-title{font-size:var(--t-h3);font-weight:700;color:var(--navy);margin-bottom:12px;letter-spacing:.01em}
.service-desc{color:var(--ink-70);font-size:.98rem;line-height:1.72}
.service-link{display:inline-flex;align-items:center;gap:.4em;margin-top:20px;color:var(--gold);font-weight:600;font-size:.92rem}
.service-link .arr{transition:transform .4s var(--ease-soft)}
.service-card:hover .service-link .arr{transform:translateX(4px)}

/* =====================================================================
   责任承诺 — 衬线大字 + 三审流
   ===================================================================== */
.promise{background:var(--navy);color:var(--on-navy);padding:var(--gap-section) 0;position:relative;overflow:hidden}
.promise::before{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 12% 0%, rgba(200,168,78,.12), transparent 55%)}
.promise .eyebrow{color:var(--gold)}
.promise-quote{
  font-family:var(--serif);font-weight:700;
  font-size:clamp(1.9rem,4.2vw,3.4rem);line-height:1.22;letter-spacing:-.01em;
  color:var(--on-navy);max-width:18ch;position:relative;
}
.promise-quote .gold{color:var(--gold)}
.promise-sub{margin-top:26px;font-size:1.12rem;color:var(--on-navy-70);max-width:54ch;line-height:1.8}
.promise-flow{display:flex;align-items:stretch;gap:0;margin-top:54px;flex-wrap:wrap;position:relative}
.flow-step{flex:1 1 0;min-width:160px;padding:0 24px;border-left:1px solid var(--line-navy);position:relative}
.flow-step:first-child{border-left:0;padding-left:0}
.flow-step .fs-no{font-family:var(--serif);color:var(--gold);font-size:1.4rem;font-weight:700}
.flow-step .fs-t{font-size:1.18rem;font-weight:600;color:var(--on-navy);margin-top:6px}
.flow-step .fs-d{font-size:.9rem;color:var(--on-navy-50);margin-top:8px;line-height:1.6}
.flow-arrow{display:flex;align-items:center;color:var(--gold);font-size:1.4rem;padding:0 6px}

/* =====================================================================
   官方信用 — 可核验
   ===================================================================== */
.proof{padding:var(--gap-section) 0;background:var(--paper)}
.proof-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(36px,4vw,72px);align-items:center}
.proof-fig{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--mist);box-shadow:0 30px 60px -42px rgba(15,36,64,.5)}
.proof-fig img{width:100%;display:block}
.proof-fig .cap{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent,rgba(15,36,64,.86));color:var(--on-navy);font-size:.82rem;padding:28px 20px 14px;text-align:center;letter-spacing:.02em}
.proof-list{list-style:none;margin-top:8px}
.proof-list li{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:flex-start}
.proof-list li:last-child{border-bottom:0}
.proof-list .tick{flex:0 0 22px;height:22px;margin-top:3px}
.proof-list .tick svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.proof-list b{color:var(--navy)}
.proof-list .pl-t{font-weight:600;color:var(--navy)}
.proof-list .pl-d{font-size:.92rem;color:var(--ink-55)}

/* =====================================================================
   CTA 通栏
   ===================================================================== */
.cta-band{background:linear-gradient(120deg,var(--navy) 0%, var(--navy-3) 100%);color:var(--on-navy);padding:clamp(64px,7vw,98px) 0;position:relative;overflow:hidden}
.cta-band::after{content:"";position:absolute;right:-60px;top:-60px;width:340px;height:340px;border:1px solid var(--line-navy);border-radius:50%;opacity:.5}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;position:relative}
.cta-text h2{font-family:var(--serif);font-size:clamp(1.7rem,3.2vw,2.6rem);font-weight:700;line-height:1.2;letter-spacing:-.01em}
.cta-text p{margin-top:14px;color:var(--on-navy-70);font-size:1.05rem}
.cta-actions{display:flex;gap:16px;flex-wrap:wrap}
.cta-band .btn-ghost{border-color:var(--on-navy-50)}
.cta-band .btn-ghost:hover{border-color:var(--gold);color:var(--gold)}

/* =====================================================================
   页脚
   ===================================================================== */
.site-footer{background:var(--navy);color:var(--on-navy-70);padding:clamp(56px,6vw,84px) 0 34px;font-size:.92rem}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px}
.footer-brand .fb-logo{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.footer-brand .fb-logo img{width:40px;height:40px;background:#fff;border-radius:6px;padding:5px}
.footer-brand .fb-logo b{color:var(--on-navy);font-size:1.1rem;letter-spacing:.04em}
.footer-brand p{line-height:1.75;color:var(--on-navy-50);max-width:34ch}
.footer-col h5{color:var(--gold);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px;font-weight:600}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:11px}
.footer-col a{color:var(--on-navy-70);transition:color .3s}
.footer-col a:hover{color:var(--gold)}
.footer-contact li{display:flex;gap:10px;align-items:flex-start;color:var(--on-navy-70)}
.footer-contact .fc-ic{flex:0 0 18px;height:18px;margin-top:3px}
.footer-contact .fc-ic svg{width:100%;height:100%;stroke:var(--gold);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line-navy);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--on-navy-50);font-size:.82rem}
.footer-bottom a{color:var(--on-navy-50)}
.footer-bottom a:hover{color:var(--gold)}

/* =====================================================================
   浮动预约（精炼，无 emoji）
   ===================================================================== */
.float-cta{
  position:fixed;right:26px;bottom:26px;z-index:70;
  display:inline-flex;align-items:center;gap:9px;
  background:var(--navy);color:var(--gold);
  font-weight:600;font-size:.95rem;letter-spacing:.02em;
  padding:13px 22px;border-radius:40px;
  border:1px solid var(--gold);
  box-shadow:0 18px 40px -18px rgba(15,36,64,.7);
  transition:transform .4s var(--ease),background .35s,color .35s;
}
.float-cta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.float-cta:hover{transform:translateY(-3px);background:var(--gold);color:var(--navy)}

/* =====================================================================
   出场动效（尊重减少偏好）
   ===================================================================== */
html.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
html.js .reveal.in{opacity:1;transform:none}
html.js .reveal[data-d="1"]{transition-delay:.08s}
html.js .reveal[data-d="2"]{transition-delay:.16s}
html.js .reveal[data-d="3"]{transition-delay:.24s}
html.js .reveal[data-d="4"]{transition-delay:.32s}
html.js .reveal[data-d="5"]{transition-delay:.40s}

/* 印章入场描边 */
.voucher-seal .ring{stroke-dasharray:180;stroke-dashoffset:180;transition:stroke-dashoffset 1.4s var(--ease) .3s}
.in .voucher-seal .ring{stroke-dashoffset:0}

@media (prefers-reduced-motion:reduce){
  html.js .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .voucher-seal .ring{stroke-dashoffset:0!important;transition:none!important}
  *{scroll-behavior:auto!important}
  .btn,.service-card,.float-cta{transition:none!important}
}

/* =====================================================================
   响应式
   ===================================================================== */
@media (max-width:992px){
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .hero-visual{max-width:460px}
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:34px 0}
  .stat + .stat::before{display:none}
  .stat{padding:0 18px}
  .services-grid{grid-template-columns:1fr 1fr}
  .proof-grid{grid-template-columns:1fr;gap:36px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:34px}
}
@media (max-width:768px){
  .nav-links{
    position:absolute;top:74px;left:0;right:0;background:var(--paper);
    flex-direction:column;align-items:flex-start;gap:0;padding:8px 28px 18px;
    border-bottom:1px solid var(--line);box-shadow:0 20px 40px -30px rgba(15,36,64,.5);
    display:none;
  }
  .nav-links.open{display:flex}
  .nav-link{padding:13px 0;width:100%;border-bottom:1px solid var(--line);font-size:1rem}
  .nav-cta{padding-top:16px}
  .nav-toggle{display:block}
  .services-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .cta-inner{flex-direction:column;align-items:flex-start}
  .flow-step{flex:1 1 100%;border-left:0;border-top:1px solid var(--line-navy);padding:18px 0 0}
  .flow-step:first-child{border-top:0;padding-top:0}
  .flow-arrow{display:none}
  .float-cta{bottom:18px;right:18px;padding:12px 18px}
}
@media (max-width:480px){
  .stats-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}

/* =====================================================================
   浮动联系组件配色统一（v2 页面同时加载共享 style.css，需覆盖其蓝绿橙杂色）
   归到 深蓝 + 金；微信保留平台绿（功能性，非装饰杂色）
   ===================================================================== */
.fc-item.fc-phone{background:linear-gradient(135deg,#1B3A5C,#0F2440);color:#fff!important;border-color:rgba(15,36,64,.30);}
.fc-item.fc-phone:hover{background:linear-gradient(135deg,#2A5A8C,#1B3A5C);}
.fc-item.fc-form{background:linear-gradient(135deg,#C8A84E,#A8882E);color:#0F2440!important;border-color:rgba(200,168,78,.35);}
.fc-item.fc-form:hover{background:linear-gradient(135deg,#D9C585,#C8A84E);}
.fc-item.fc-enterprise:hover{background:linear-gradient(135deg,#1B3A5C,#0F2440)!important;border-color:rgba(15,36,64,.30)!important;color:#fff!important;}
/* 微信：保留平台绿（功能性，非装饰杂色） */

/* =====================================================================
   统一导航条（与内页 v2-chrome navbar 同款：40px logo + 公司名副行 + 金色按钮 CTA）
   ===================================================================== */
.navbar{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .4s var(--ease-soft)}
.navbar.scrolled{box-shadow:0 10px 30px -22px rgba(15,36,64,.4)}
.navbar .container{display:flex;align-items:center;justify-content:space-between;height:70px}
.navbar-brand{display:flex;align-items:center;gap:10px;font-size:1.3rem;font-weight:700;color:var(--navy);text-decoration:none}
.navbar-brand .brand-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 40px}
.navbar-brand .brand-icon img{width:100%;height:100%;object-fit:contain;display:block}
.navbar-brand .brand-sub{display:block;font-size:.65rem;font-weight:400;color:var(--ink-40);margin-top:-2px;letter-spacing:.02em}
.navbar .nav-links{display:flex;align-items:center;gap:32px}
.navbar .nav-links a{font-size:.95rem;font-weight:500;color:var(--navy);position:relative;padding:4px 0;text-decoration:none;transition:color .3s}
.navbar .nav-links a::after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gold);transition:width .3s var(--ease)}
.navbar .nav-links a:hover::after,.navbar .nav-links a.active::after{width:100%}
.navbar .nav-links a:hover{color:var(--gold)}
.navbar .nav-links a.active{color:var(--navy);font-weight:600}
.navbar .nav-links a.nav-cta{background:var(--gold);color:var(--navy)!important;padding:8px 18px;border-radius:6px;font-weight:600;margin-left:4px}
.navbar .nav-links a.nav-cta::after{display:none}
.navbar .nav-links a.nav-cta:hover{background:#b8963f;color:var(--navy)!important;transform:translateY(-1px)}
@media (max-width:768px){
  .navbar .nav-links{top:70px}
  .navbar .nav-links a{padding:13px 0;width:100%;border-bottom:1px solid var(--line);font-size:1rem}
  .navbar .nav-links a.nav-cta{width:auto;margin:10px 0 0;align-self:flex-start;padding:8px 18px}
}