:root{
  --navy-950:#061329;
  --navy-900:#0a1d3d;
  --navy-800:#102e59;
  --navy-700:#19457a;
  --gold-600:#b98513;
  --gold-500:#d5a323;
  --gold-300:#ead18a;
  --ivory:#fbf8f0;
  --ivory-2:#f5efe1;
  --white:#ffffff;
  --ink:#13213a;
  --muted:#5d6878;
  --line:#e8dfcb;
  --success:#2b6b50;
  --danger:#b6404c;
  --shadow-sm:0 8px 24px rgba(6,19,41,.08);
  --shadow-md:0 18px 50px rgba(6,19,41,.12);
  --shadow-lg:0 28px 75px rgba(6,19,41,.16);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Segoe UI",Aptos,Inter,Arial,sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{width:min(1180px,calc(100% - 40px));margin:auto}

/* Utility strip */
.topbar{
  background:linear-gradient(90deg,var(--navy-950),var(--navy-800));
  color:#f8f1df;
  font-size:.86rem;
  border-bottom:1px solid rgba(213,163,35,.34);
}
.topbar .container{display:flex;justify-content:space-between;gap:20px;padding:8px 0}

/* Larger two-level brand/navigation area so the detailed logo remains readable */
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(15px);
  border-bottom:1px solid var(--line);
  box-shadow:0 5px 22px rgba(6,19,41,.05);
}
.nav-inner{
  min-height:162px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-areas:"brand brand action" "links links links";
  align-items:center;
  gap:8px 24px;
  padding:12px 0 10px;
}
.brand{grid-area:brand;justify-self:start;display:flex;align-items:center;min-width:0}
.brand-logo{
  width:340px;
  height:110px;
  object-fit:contain;
  object-position:left center;
  display:block;
  border-radius:12px;
  box-shadow:0 8px 25px rgba(6,19,41,.14);
}
.brand .brand-logo+span{display:none}
.nav-inner>.btn{grid-area:action;justify-self:end}
.nav-links{
  grid-area:links;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding-top:10px;
  border-top:1px solid #eee6d4;
  font-size:.88rem;
  font-weight:700;
}
.nav-links a{
  padding:8px 10px;
  border-radius:9px;
  color:var(--navy-900);
  transition:.18s ease;
}
.nav-links a:hover{background:var(--ivory-2);color:var(--gold-600)}

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  border-radius:10px;padding:13px 21px;
  font-weight:750;border:1px solid transparent;cursor:pointer;
  font:inherit;font-weight:750;transition:.18s ease;
}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}
.btn-primary{
  background:linear-gradient(135deg,var(--gold-500),#b9830c);
  color:var(--navy-950);
  border-color:#af7d0e;
  box-shadow:0 10px 24px rgba(185,133,19,.19);
}
.btn-primary:hover{background:linear-gradient(135deg,#e0b23a,var(--gold-500))}
.btn-secondary{background:#fff;border-color:#cfba82;color:var(--navy-900)}
.btn-secondary:hover{background:var(--ivory)}
.btn-dark{background:var(--navy-900);color:#fff}

/* Hero */
.hero{
  padding:76px 0 72px;
  background:
    radial-gradient(circle at 88% 10%,rgba(213,163,35,.24),transparent 31%),
    radial-gradient(circle at 8% 78%,rgba(25,69,122,.08),transparent 28%),
    linear-gradient(180deg,#fff,var(--ivory));
  border-bottom:1px solid var(--line);
}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:58px;align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  padding:7px 12px;border-radius:999px;
  background:#fff8e4;border:1px solid #ead39a;
  font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  color:#8f670c;
}
h1,h2,h3{
  font-family:"Segoe UI",Aptos,Inter,Arial,sans-serif;
  color:var(--navy-900);
  text-wrap:balance;
}
h1{
  font-size:clamp(2.6rem,5vw,4.7rem);
  line-height:1.02;letter-spacing:-.045em;
  font-weight:800;margin:22px 0 18px;
}
h2{
  font-size:clamp(2rem,3.5vw,3.05rem);
  line-height:1.12;letter-spacing:-.035em;
  font-weight:800;margin:0 0 14px;
}
h3{font-weight:760;letter-spacing:-.015em;margin:0 0 8px}
.lead{font-size:1.16rem;color:var(--muted);max-width:700px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;font-size:.91rem;font-weight:700;color:#42516b}
.hero-card{
  background:rgba(255,255,255,.96);
  border:1px solid #e8dcbf;
  border-top:4px solid var(--gold-500);
  border-radius:22px;padding:28px;
  box-shadow:var(--shadow-lg);
}
.choice{
  display:block;border:1px solid #e3dac5;border-radius:16px;
  padding:20px;margin-top:14px;background:#fff;transition:.18s ease;
}
.choice:hover{border-color:var(--gold-500);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
.choice-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;background:#f6ecd0;font-size:1.25rem}

/* Content */
.section{padding:84px 0}
.section-soft{background:linear-gradient(180deg,#faf8f3,#f5f1e8)}
.section-head{max-width:720px;margin-bottom:38px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{
  background:#fff;border:1px solid var(--line);border-radius:18px;
  padding:26px;box-shadow:var(--shadow-sm);
}
.card:hover{border-color:#ddc78d}
.card p{color:var(--muted)}
.service-card{min-height:230px;display:flex;flex-direction:column;border-top:3px solid var(--navy-800)}
.service-card .link{margin-top:auto;color:var(--gold-600);font-weight:800}
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}
.price-card{position:relative}
.price{font-size:2.35rem;font-weight:850;color:var(--navy-900);letter-spacing:-.04em}
.price small{font-size:.92rem;color:var(--muted);font-weight:650}
.badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:#f7edd2;color:#8e680f;font-size:.78rem;font-weight:850}
.badge-danger{background:#fff0f1;color:var(--danger)}
.list{padding:0;list-style:none;margin:18px 0}
.list li{padding:7px 0;color:#4d5870}
.list li:before{content:"✓";color:var(--success);font-weight:900;margin-right:9px}
.volume{
  margin-top:22px;padding:28px;border-radius:18px;
  background:linear-gradient(135deg,var(--navy-950),var(--navy-800));
  color:#fff;display:flex;justify-content:space-between;gap:24px;align-items:center;
  border:1px solid rgba(213,163,35,.32);box-shadow:var(--shadow-md)
}
.volume h3{color:#fff}
.form-shell{
  background:#fff;border:1px solid #e3d8bd;border-radius:20px;
  padding:30px;box-shadow:var(--shadow-md)
}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}
.field-full{grid-column:1/-1}
label{display:block;font-size:.84rem;font-weight:750;color:#2c3b55;margin-bottom:7px}
input,select,textarea{
  width:100%;border:1px solid #d9d9d9;background:#fff;border-radius:10px;
  padding:13px 14px;font:inherit;color:var(--ink);outline:none;transition:.16s ease
}
input:focus,select:focus,textarea:focus{border-color:var(--gold-500);box-shadow:0 0 0 4px rgba(213,163,35,.14)}
textarea{resize:vertical}
.notice{background:#fff8e7;border:1px solid #efd99c;border-radius:11px;padding:13px 15px;color:#745714;font-size:.88rem}
.track-cta{
  background:linear-gradient(135deg,var(--ivory-2),#fff);
  border:1px solid #dfca94;border-left:5px solid var(--gold-500);
  border-radius:20px;padding:38px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center
}
.faq details{border-bottom:1px solid var(--line);padding:19px 0}
.faq summary{font-weight:800;color:var(--navy-900);cursor:pointer}
.faq p{color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:26px}

/* Footer */
.footer{
  background:linear-gradient(150deg,#030a18,var(--navy-900));
  color:#dce5f2;padding:50px 0 24px;
  border-top:4px solid var(--gold-500)
}
.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:36px}
.footer h3{color:#fff}
.footer a{display:block;margin:7px 0;color:#e5ebf4}
.footer a:hover{color:#f2c95c;text-decoration:none}
.footer .brand-logo{
  width:310px;height:195px;max-height:none;
  object-fit:contain;object-position:left center;
  box-shadow:none;border-radius:12px
}
.fine{border-top:1px solid rgba(255,255,255,.13);margin-top:30px;padding-top:20px;font-size:.84rem;color:#aebbd0}
.mobile-toggle{display:none}
.status-note{display:none;margin-top:12px;padding:12px;border-radius:10px}
.status-note.show{display:block}
.sticky-mobile{display:none}

/* Accessibility */
:focus-visible{outline:3px solid #e2b43e;outline-offset:3px}
.faq a,.form-grid label a{color:var(--navy-700);text-decoration:underline}

@media(max-width:1050px){
  .nav-inner{grid-template-columns:1fr auto;grid-template-areas:"brand action" "links links"}
  .brand-logo{width:300px;height:98px}
  .nav-links{gap:6px;font-size:.81rem;flex-wrap:wrap}
}
@media(max-width:900px){
  .nav-inner{min-height:116px;grid-template-columns:1fr auto;grid-template-areas:"brand action";padding:10px 0}
  .brand-logo{width:270px;height:96px}
  .nav-links{display:none}
  .mobile-toggle{display:block}
  .hero-grid,.split,.contact-grid{grid-template-columns:1fr}
  .hero{padding-top:58px}
  .grid-3{grid-template-columns:1fr}
  .hero-card{margin-top:10px}
  .track-cta{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .topbar .container{justify-content:center;text-align:center}
  .topbar .container span:last-child{display:none}
  .container{width:min(100% - 22px,1180px)}
  .nav-inner{min-height:103px;gap:10px}
  .brand-logo{width:205px;height:82px;border-radius:9px}
  .nav-inner>.btn{padding:10px 12px;font-size:.78rem}
  .section{padding:62px 0}
  .hero{padding:48px 0}
  h1{font-size:2.6rem;letter-spacing:-.04em}
  .lead{font-size:1.04rem}
  .hero-actions .btn{width:100%}
  .form-grid{grid-template-columns:1fr}
  .field-full{grid-column:auto}
  .volume{align-items:flex-start;flex-direction:column}
  .footer-grid{grid-template-columns:1fr}
  .footer .brand-logo{width:260px;height:165px}
  .sticky-mobile{
    display:flex;position:fixed;bottom:12px;left:12px;right:12px;z-index:55;
    gap:8px;padding:8px;background:rgba(255,255,255,.96);
    border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-md)
  }
  .sticky-mobile .btn{flex:1;padding:11px 8px;font-size:.84rem}
}


/* 2026-08-17 final brand/navigation refinement */
.nav-inner{min-height:128px!important;grid-template-columns:260px 1fr auto!important;grid-template-areas:"brand links action"!important;gap:22px!important;padding:10px 0!important}
.brand{min-width:0!important}
.brand-logo{width:245px!important;height:108px!important;max-width:245px!important;object-fit:contain!important;object-position:left center!important;box-shadow:none!important;border-radius:0!important}
.brand .brand-logo+span,.brand>span{display:none!important}
.nav-links{border-top:0!important;padding-top:0!important;justify-content:center!important;gap:13px!important;font-size:.94rem!important;font-weight:700!important;line-height:1.35!important}
.nav-links a{padding:10px 8px!important;white-space:normal!important;text-align:center!important}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif!important}
.hero h1{font-size:clamp(3rem,5vw,4.85rem)!important;line-height:1.02!important;letter-spacing:-.035em!important;max-width:780px!important}
.hero .lead{font-family:"Segoe UI",Arial,sans-serif!important;max-width:760px!important}
.btn{font-family:"Segoe UI",Arial,sans-serif!important}
@media(max-width:1100px){.nav-inner{grid-template-columns:220px 1fr auto!important}.brand-logo{width:210px!important;height:94px!important}.nav-links{font-size:.86rem!important;gap:6px!important}}
@media(max-width:900px){.nav-inner{grid-template-columns:1fr auto!important;grid-template-areas:"brand action"!important;min-height:105px!important}.brand-logo{width:205px!important;height:86px!important}.hero h1{font-size:clamp(2.55rem,10vw,4rem)!important}}