:root {
  --ivory: #f8f3ea;
  --sand: #e8dccb;
  --blue: #506f82;
  --blue-dark: #3d5c6e;
  --navy: #203844;
  --terracotta: #c9785b;
  --white: #fff;
  --muted: #68767b;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ivory); color: var(--navy); font-family: "Manrope", "Noto Sans", Arial, sans-serif; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(248,243,234,.92); backdrop-filter: blur(18px); border-bottom: 1px solid rgba(32,56,68,.09); }
.nav-shell { max-width: 1500px; margin: auto; height: 94px; padding: 0 54px; display: flex; align-items: center; gap: 42px; }
.logo { display: inline-flex; align-items: center; gap: 12px; font-family: Georgia, "Times New Roman", serif; font-size: 34px; letter-spacing: -.04em; white-space: nowrap; }
.logo-mark { width: 36px; height: 42px; display: inline-block; position: relative; }
.logo-mark::before { content: ""; position: absolute; width: 20px; height: 20px; left: 5px; top: 0; border-radius: 50%; box-shadow: -7px 3px 0 0 var(--terracotta); background: var(--ivory); transform: rotate(-16deg); }
.logo-mark i, .logo-mark b { position: absolute; left: 1px; width: 34px; height: 10px; border-bottom: 2px solid var(--terracotta); border-radius: 50%; }
.logo-mark i { bottom: 10px; }
.logo-mark b { bottom: 3px; transform: scaleX(.75); }
.nav-links { margin-left: auto; display: flex; align-items: center; gap: 31px; font-size: 14px; font-weight: 600; }
.nav-links a { position: relative; padding: 10px 0; }
.nav-links a::after { content:""; position:absolute; left:0; right:100%; bottom:3px; height:2px; background:var(--terracotta); transition:.22s ease; }
.nav-links a:hover::after { right:0; }
.button { min-height: 58px; border: 1px solid var(--blue); border-radius: 15px; padding: 0 27px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; color: white; background: var(--blue); font-weight: 700; transition: transform .2s ease, background .2s ease, box-shadow .2s ease; cursor:pointer; }
.button:hover { transform: translateY(-2px); background: var(--blue-dark); box-shadow: 0 12px 28px rgba(32,56,68,.16); }
.button-small { min-height: 50px; padding: 0 22px; border-radius: 13px; font-size: 14px; }
.button-outline { color: var(--navy); background: transparent; border-color: rgba(32,56,68,.45); }
.button-outline:hover { color: white; }
.associate-login { color: var(--navy); white-space: nowrap; }
.associate-login:hover { color: white; }
.mobile-associate-login { display:none; }
.menu-toggle { display:none; }

.hero { max-width: 1600px; min-height: 785px; margin: auto; display:grid; grid-template-columns: 50% 50%; overflow: hidden; }
.hero-copy { padding: 90px clamp(32px, 3vw, 54px) 46px clamp(42px, 4vw, 72px); position: relative; z-index: 2; }
.eyebrow, .section-label { text-transform: uppercase; letter-spacing: .17em; font-size: 12px; font-weight: 800; color: var(--blue); display:flex; align-items:center; gap:10px; }
.eyebrow span { width: 30px; height: 1px; background: var(--terracotta); }
h1, h2, .kicker { font-family: Georgia, "Times New Roman", serif; font-weight: 400; letter-spacing: -.04em; }
h1 { margin: 30px 0 24px; max-width: 700px; font-size: clamp(60px, 5vw, 82px); line-height: .98; }
h1 em, h2 em { color: var(--terracotta); font-weight: 400; }
.hero-lead { max-width: 620px; margin: 0; color: var(--muted); font-size: 18px; line-height: 1.75; }
.hero-actions { display:flex; gap:15px; margin-top: 35px; }
.trust-grid { display:grid; grid-template-columns: repeat(3, 1fr); gap:11px; margin-top: 56px; }
.trust-grid > div { background:rgba(255,255,255,.76); border:1px solid rgba(32,56,68,.08); border-radius:22px; padding:20px 18px; min-height:100px; display:flex; flex-direction:column; justify-content:center; }
.trust-grid strong { font-size:14px; margin-bottom:7px; }
.trust-grid span { font-size:12px; line-height:1.4; color:var(--muted); }
.hero-visual { min-height: 785px; position:relative; overflow:hidden; border-bottom-left-radius: 130px; }
.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(32,56,68,.05),transparent 25%); pointer-events:none; }
.hero-visual img { width:100%; height:100%; object-fit:cover; display:block; animation: imageIn .9s ease both; }
.hero-note { position:absolute; left:38px; bottom:36px; z-index:2; background:rgba(255,255,255,.9); backdrop-filter:blur(12px); border-radius:18px; padding:16px 21px; display:flex; gap:13px; align-items:center; box-shadow:0 12px 32px rgba(32,56,68,.14); }
.hero-note div { display:flex; flex-direction:column; gap:3px; }
.hero-note small { color:var(--muted); }
.pulse-dot { width:12px; height:12px; border-radius:50%; background:var(--terracotta); box-shadow:0 0 0 7px rgba(201,120,91,.16); }

.section { max-width: 1400px; margin: auto; padding: 120px 60px; }
.intro { border-top: 1px solid rgba(32,56,68,.12); }
.intro-copy { display:grid; grid-template-columns: .8fr 1.3fr; gap:100px; align-items:start; margin-top:34px; }
.kicker { font-size:24px; line-height:1.35; color:var(--terracotta); }
.intro h2, .process h2, .faq h2 { margin:0 0 26px; font-size:clamp(46px,4.2vw,66px); line-height:1.06; }
.intro-copy > div:last-child p { max-width:680px; color:var(--muted); font-size:18px; line-height:1.8; }

.metrics { max-width:none; background:var(--navy); color:white; display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; padding-left:max(60px,calc((100vw - 1400px)/2 + 60px)); padding-right:max(60px,calc((100vw - 1400px)/2 + 60px)); }
.section-label.light { color:#c9d9df; }
.metrics h2 { font-size:clamp(46px,4.1vw,68px); line-height:1.05; margin:25px 0; }
.metrics-copy > p { max-width:510px; color:#bfcbd0; line-height:1.75; }
.metric-cards { display:grid; grid-template-columns:1fr 1fr; gap:1px; background:rgba(255,255,255,.16); }
.metric-cards article { background:var(--navy); padding:35px 34px; min-height:220px; transition:.25s ease; }
.metric-cards article:hover { background:#294753; }
.metric-cards span { color:var(--terracotta); font-size:12px; }
.metric-cards strong { display:block; margin:34px 0 13px; font-family:Georgia,serif; font-size:25px; font-weight:400; }
.metric-cards p { color:#bfcbd0; line-height:1.6; margin:0; font-size:14px; }

.process-heading { display:flex; justify-content:space-between; gap:60px; align-items:start; }
.process-heading h2 { width:66%; }
.steps { display:grid; grid-template-columns:repeat(4,1fr); gap:26px; margin-top:65px; }
.steps article > span { color:var(--terracotta); font-size:13px; font-weight:700; }
.step-line { height:1px; background:rgba(32,56,68,.2); margin:18px 0 34px; position:relative; }
.step-line::before { content:""; position:absolute; left:0; top:-4px; width:9px; height:9px; border-radius:50%; background:var(--blue); }
.steps h3 { font-family:Georgia,serif; font-size:25px; font-weight:400; margin:0 0 14px; }
.steps p { color:var(--muted); font-size:14px; line-height:1.7; margin:0; }

.who { padding-top:30px; }
.who-card { border-radius:46px; padding:76px 80px; background:var(--blue); color:white; display:grid; grid-template-columns:1fr 1fr; gap:90px; position:relative; overflow:hidden; }
.who-card::after { content:""; position:absolute; width:410px; height:410px; border:1px solid rgba(255,255,255,.12); border-radius:50%; right:-170px; top:-210px; }
.who-card h2 { font-size:clamp(50px,4.5vw,72px); line-height:1; margin:25px 0; }
.who-card p { color:#dbe4e7; line-height:1.7; max-width:520px; }
.who-card ul { list-style:none; margin:0; padding:0; align-self:center; }
.who-card li { padding:17px 0; border-bottom:1px solid rgba(255,255,255,.19); font-size:17px; display:flex; gap:14px; }
.who-card li span { color:#f2b399; }
.medical-note { text-align:center; color:var(--muted); font-size:12px; margin:18px 20px 0; }

.faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:105px; }
.faq-heading { position:sticky; top:135px; align-self:start; }
.faq-heading h2 { margin-top:28px; }
.faq-heading > p { color:var(--muted); line-height:1.7; }
.faq-heading a { color:var(--blue); font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.faq-list { border-top:1px solid rgba(32,56,68,.2); }
details { border-bottom:1px solid rgba(32,56,68,.2); padding:0; }
summary { cursor:pointer; list-style:none; padding:28px 0; font-family:Georgia,serif; font-size:22px; display:flex; justify-content:space-between; gap:25px; }
summary::-webkit-details-marker { display:none; }
summary span { font-family:Arial,sans-serif; font-weight:300; color:var(--terracotta); transition:.2s; }
details[open] summary span { transform:rotate(45deg); }
details p { color:var(--muted); line-height:1.75; margin:-6px 45px 28px 0; }

.contact { max-width:none; background:#d9c7b2; display:grid; grid-template-columns:.85fr 1.15fr; gap:95px; padding-left:max(60px,calc((100vw - 1400px)/2 + 60px)); padding-right:max(60px,calc((100vw - 1400px)/2 + 60px)); }
.contact h2 { font-size:clamp(54px,5vw,78px); line-height:1; margin:28px 0; }
.contact-copy > p { max-width:500px; line-height:1.75; color:#53646b; }
.contact-copy > a { display:inline-flex; gap:15px; margin-top:26px; font-weight:800; border-bottom:1px solid var(--navy); padding-bottom:7px; }
.contact-form { background:var(--ivory); border-radius:30px; padding:42px; box-shadow:0 15px 40px rgba(32,56,68,.08); }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.contact-form label { display:block; font-size:13px; font-weight:800; margin-bottom:20px; }
.contact-form input:not([type=checkbox]), .contact-form textarea { display:block; width:100%; border:1px solid rgba(32,56,68,.18); border-radius:12px; background:white; padding:15px 16px; margin-top:8px; color:var(--navy); outline:none; }
.contact-form input:focus, .contact-form textarea:focus { border-color:var(--terracotta); box-shadow:0 0 0 3px rgba(201,120,91,.15); }
.consent { display:flex!important; gap:11px; align-items:flex-start; font-weight:500!important; color:var(--muted); line-height:1.5; }
.consent input { margin-top:4px; accent-color:var(--blue); }
.form-submit { width:100%; border:0; margin-top:5px; }
.success-message { text-align:center; padding:48px 20px; }
.success-message > span { width:54px; height:54px; border-radius:50%; background:var(--blue); color:white; display:grid; place-items:center; margin:auto; font-size:24px; }
.success-message h3 { font-family:Georgia,serif; font-size:30px; font-weight:400; }
.success-message p { color:var(--muted); line-height:1.7; }
.success-message a { text-decoration:underline; }
.success-message button { border:0; background:none; color:var(--blue); font-weight:800; cursor:pointer; }

footer { background:var(--navy); color:white; padding:75px max(60px,calc((100vw - 1400px)/2 + 60px)) 25px; }
footer .logo-mark::before { background:var(--navy); }
.footer-main { display:grid; grid-template-columns:1.5fr .7fr .7fr; gap:80px; padding-bottom:65px; }
.footer-main > div { display:flex; flex-direction:column; align-items:flex-start; gap:13px; }
.footer-main p { color:#aebdc3; line-height:1.7; }
.footer-main strong { color:#aebdc3; text-transform:uppercase; font-size:11px; letter-spacing:.15em; margin-bottom:8px; }
.footer-main a:not(.logo) { color:#e8eef0; font-size:14px; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.13); padding-top:24px; display:flex; justify-content:space-between; gap:30px; color:#91a4ab; font-size:11px; }

@keyframes imageIn { from { opacity:0; transform:scale(1.025); } to { opacity:1; transform:scale(1); } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }

@media (max-width: 1180px) {
  .nav-shell { padding:0 28px; gap:20px; }
  .nav-links { gap:18px; }
  .nav-links a:nth-child(3) { display:none; }
  .hero { grid-template-columns:52% 48%; }
  .hero-copy { padding-left:32px; }
  .trust-grid { grid-template-columns:1fr; margin-top:35px; }
  .trust-grid > div { min-height:auto; }
}

@media (max-width: 850px) {
  .nav-shell { height:78px; }
  .logo { font-size:28px; }
  .header-cta, .associate-login { display:none; }
  .menu-toggle { margin-left:auto; display:flex; width:44px; height:44px; border:0; border-radius:10px; background:transparent; flex-direction:column; align-items:center; justify-content:center; gap:7px; }
  .menu-toggle span { width:24px; height:2px; background:var(--navy); }
  .nav-links { display:none; position:absolute; left:18px; right:18px; top:70px; background:var(--ivory); border:1px solid rgba(32,56,68,.12); border-radius:18px; box-shadow:0 20px 40px rgba(32,56,68,.12); padding:18px; }
  .nav-links.is-open { display:flex; flex-direction:column; align-items:stretch; }
  .nav-links a, .nav-links a:nth-child(3) { display:block; padding:12px; }
  .nav-links .mobile-associate-login { display:flex; align-items:center; justify-content:center; min-height:46px; margin-top:8px; padding:0 16px; border:1px solid var(--blue); border-radius:12px; color:white; background:var(--blue); font-weight:800; }
  .nav-links .mobile-associate-login::after { display:none; }
  .hero { display:flex; flex-direction:column; }
  .hero-copy { padding:60px 24px 38px; }
  h1 { font-size:clamp(50px,14vw,72px); }
  .hero-actions { flex-direction:column; }
  .hero-actions .button { width:100%; }
  .trust-grid { grid-template-columns:repeat(3,1fr); overflow-x:auto; }
  .trust-grid > div { min-width:190px; }
  .hero-visual { min-height:550px; border-radius:80px 0 0 0; }
  .section { padding:82px 24px; }
  .intro-copy, .metrics, .faq, .contact { grid-template-columns:1fr; gap:55px; }
  .intro-copy { gap:25px; }
  .metrics, .contact { padding:82px 24px; }
  .process-heading { display:block; }
  .process-heading h2 { width:100%; margin-top:25px; }
  .steps { grid-template-columns:1fr 1fr; }
  .who { padding-top:0; }
  .who-card { grid-template-columns:1fr; padding:55px 30px; gap:35px; border-radius:30px; }
  .faq-heading { position:static; }
  .footer-main { grid-template-columns:1fr 1fr; }
  .footer-main > div:first-child { grid-column:1/-1; }
  footer { padding:60px 24px 24px; }
}

@media (max-width: 540px) {
  .hero-visual { min-height:430px; }
  .hero-note { left:18px; right:18px; bottom:18px; }
  .metrics { padding-left:20px; padding-right:20px; }
  .metric-cards, .steps, .field-row { grid-template-columns:1fr; }
  .metric-cards article { min-height:auto; }
  .contact-form { padding:26px 20px; }
  .footer-main { grid-template-columns:1fr; gap:38px; }
  .footer-main > div:first-child { grid-column:auto; }
  .footer-bottom { flex-direction:column; }
}

[hidden] { display: none !important; }