@import "../../styles.css";
:root{
--navy:var(--apz-navy);--midnight:var(--apz-navy);--navy-ink:var(--apz-navy-2);--navy-soft:var(--apz-navy-3);
--copper:var(--apz-copper);--copper-ink:var(--apz-copper);--copper-tint:var(--apz-copper-tint);
--teal:var(--apz-teal);--teal-ink:var(--apz-teal-text);--teal-tint:var(--apz-teal-tint);--gold:var(--apz-gold);
--bg:var(--apz-canvas);--surface:var(--apz-surface);--panel:var(--apz-slate-tint);--line:var(--apz-border);--line-strong:var(--apz-border-strong);
--fg:var(--apz-ink);--fg-2:var(--apz-body);--fg-3:var(--apz-muted);
--accent:var(--apz-teal);--accent-ink:var(--apz-teal-text);--accent-tint:var(--apz-teal-tint);--on-accent:var(--apz-navy);
--font-ui:var(--font-body);--font-display:var(--font-heading);
--r-sm:var(--radius-row);--r-md:var(--radius-control);--r-lg:var(--radius-card);--r-pill:999px;
--shadow-card:0 1px 2px rgba(7,26,53,.04);--shadow-lift:0 4px 14px rgba(7,26,53,.08);
--ease:ease-out;--dur:120ms;
--wrap:1120px;--sec:80px;--hero-size:56px;--h2-size:36px;--lead-size:18px;--body-size:16px;--card-pad:24px;--gap:20px;
--eyebrow-color:var(--apz-muted);
}
.h1,.h2,.card h3,.step h3{font-weight:600}.eyebrow{font-weight:700;letter-spacing:.1em;font-size:11px}
.btn{font-weight:800}.btn-primary:hover{background:#1eb3b3;color:var(--on-accent)}.btn-navy{background:var(--navy)}
.tag{font-weight:700;font-size:11px}.tag-copper{border:1px solid var(--apz-copper-border);background:transparent;text-transform:uppercase;letter-spacing:.06em}
.nav a{font-family:var(--font-heading)}.nav a[aria-current]{color:var(--apz-teal-text);font-weight:600}

.tonemap{background:var(--apz-navy-2)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:var(--body-size);line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:var(--accent-ink);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tnum{font-variant-numeric:tabular-nums}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--eyebrow-color)}
h1,h2,h3{font-family:var(--font-display);margin:0;color:var(--fg);text-wrap:pretty}
.h1{font-size:var(--hero-size);font-weight:600;line-height:1.08;letter-spacing:-0.02em;margin-top:14px}
.h2{font-size:var(--h2-size);font-weight:600;line-height:1.15;letter-spacing:-0.015em;margin-top:12px;max-width:26ch}
.lead{font-size:var(--lead-size);color:var(--fg-2);line-height:1.6;max-width:56ch;margin:16px 0 0}
.muted{font-size:14px;color:var(--fg-3)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,0.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.site-header .wrap{height:68px;display:flex;align-items:center;gap:20px}.site-header .btn{flex:none}
.logo img{height:30px;display:block}
.nav{display:flex;gap:2px;flex:1;min-width:0}
.nav a{font-size:15px;font-weight:500;padding:8px 10px;white-space:nowrap;border-radius:var(--r-sm);color:var(--fg-2)}
.nav a:hover,.nav a[aria-current]{color:var(--fg);background:var(--panel)}
.signin{font-size:15px;font-weight:500;color:var(--fg-2);white-space:nowrap;flex:none}@media (max-width:1100px){.signin{display:none}.nav a{font-size:14px;padding:8px 8px}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-weight:600;border-radius:var(--r-md);border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}
.btn:active{transform:translateY(1px)}
.btn-md{height:44px;padding:0 18px;font-size:15px}.btn-lg{height:52px;padding:0 26px;font-size:16px}
.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-ink);color:var(--on-accent)}
.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--fg)}.btn-secondary:hover{border-color:var(--fg-3);color:var(--fg)}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-ink);color:#fff}
.section{padding:var(--sec) 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--card-pad)}
a.card{display:block;color:inherit;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease),border-color var(--dur) var(--ease)}
a.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--line-strong);color:inherit}
.card h3{font-size:19px;font-weight:600;margin:0 0 6px}
.card p{font-size:15px;color:var(--fg-2);line-height:1.55;margin:0}
.grid{display:grid;gap:var(--gap);margin-top:40px}
.tag{display:inline-flex;align-items:center;font-size:13px;font-weight:500;padding:4px 12px;border-radius:var(--r-pill);background:var(--panel);color:var(--fg-2)}
.tag-accent{background:var(--accent-tint);color:var(--accent-ink)}
.tag-copper{background:var(--copper-tint);color:var(--copper-ink)}
.badge-gold{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:6px 14px;border-radius:var(--r-pill);color:#7A5E12;background:#FBF3D9;border:1px solid #EAD68F}
.check{display:flex;gap:10px;font-size:15px;color:var(--fg-2);padding:6px 0;line-height:1.5}
.check::before{content:"✓";color:var(--accent-ink);font-weight:700;flex:none}
.path{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap);margin-top:40px}
.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--card-pad)}
.step .ord{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-weight:600;font-size:15px}
.step h3{font-size:17px;font-weight:600;margin:14px 0 6px}
.step p{font-size:14px;color:var(--fg-2);line-height:1.55;margin:0}
.step .you{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:13px;color:var(--fg-3)}
.band{background:var(--navy);color:#fff}
.band h2,.band .h2{color:#fff}.band .lead{color:rgba(255,255,255,0.78)}.band .eyebrow{color:#E8A15C}
.band .btn-secondary{background:transparent;border-color:rgba(255,255,255,0.4);color:#fff}.band .btn-secondary:hover{border-color:#fff}
.cta-panel{background:var(--navy);color:#fff;border-radius:var(--r-lg);padding:44px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:64px}
.cta-panel .muted{color:rgba(255,255,255,0.7)}
.field{display:flex;flex-direction:column;gap:6px}
.field span{font-size:14px;font-weight:500;color:var(--fg-2)}
.field input{height:44px;padding:0 14px;font-family:var(--font-ui);font-size:15px;color:var(--fg);background:var(--surface);border:1.5px solid var(--line-strong);border-radius:var(--r-sm)}
.field input:focus{outline:none;border-color:var(--accent)}
.site-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:24px}
.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:56px 0 40px}
.site-footer h4{font-size:13px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:var(--fg-3);margin:0 0 12px}
.site-footer a{display:block;font-size:15px;color:var(--fg-2);padding:4px 0}
.site-footer .legal{display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--fg-3);padding-bottom:32px}
.hero{background:var(--surface);border-bottom:1px solid var(--line)}
.hero .wrap{padding-top:96px;padding-bottom:88px}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
.hero-ctas{display:flex;gap:12px;align-items:center;margin-top:32px}
.tonemap{background:var(--navy);color:#fff;border:none}
.tonemap .muted{color:rgba(255,255,255,0.6)}
.paper-card{background:#FBF7EF;color:#241F17;border-color:#EADFCB}
.paper-card p,.paper-card .muted{color:#6B6154}

:root{--bg:#FFFFFF;--panel:var(--apz-canvas);--accent:var(--apz-navy-2);--accent-ink:var(--apz-navy);--accent-tint:var(--apz-slate-tint);--on-accent:#fff;--hero-size:52px;--h2-size:34px}.h1,.h2{letter-spacing:-.025em}.hero{background:var(--panel)}.check::before{color:var(--apz-copper)}a{color:var(--apz-teal-text)}.btn-primary:hover{background:var(--apz-navy);color:#fff}.tag-accent{background:var(--apz-teal-tint);color:var(--apz-teal-text)}
/* Accessibility (system) */
:focus{outline:none}:focus-visible{outline:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--apz-navy-2);border-radius:6px}
.site-header :focus-visible,.site-footer :focus-visible{box-shadow:0 0 0 2px var(--apz-navy),0 0 0 4px var(--apz-teal)}
.apz-skip{position:absolute;left:16px;top:-48px;z-index:100;background:var(--apz-navy-2);color:#fff;padding:10px 14px;border-radius:10px;font-weight:700;font-size:14px;text-decoration:none}.apz-skip:focus{top:16px}
.eyebrow,.muted,.fg-3{color:var(--apz-muted)}
.tag{font-size:12px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Footer: Midnight Navy on every marketing page */
.site-footer{background:var(--apz-navy)!important;border-top:0!important;color:var(--apz-nav-text)}
.site-footer h4,.site-footer .legal,.site-footer .muted,.site-footer p,.site-footer span{color:var(--apz-nav-text)}
.site-footer a{color:var(--apz-light)}.site-footer a:hover{color:var(--apz-teal)}
.site-footer .logo img{height:32px}