:root{
  --paper:#F4F1EA; --card:#FFFDF8; --ink:#16150F; --ink2:#3A3830; --quiet:#5C594F;
  --rule:#D9D4C7; --rule2:#E8E3D8; --dash:#B8B2A4; --accent:#B84A14; --accent-hover:#9E3F10; --btn-text:#FFFFFF;
  --guar-bg:#16150F; --guar-text:#F4F1EA; --guar-quiet:#B8B2A4;
  --serif:'Instrument Serif',Georgia,serif; --sans:'IBM Plex Sans',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace;
}
/* A. Fleet: uniform navy, hi-vis orange */
[data-theme="fleet"]{
  --paper:#F2F1EC; --card:#FFFFFF; --ink:#12203A; --ink2:#2E3D5C; --quiet:#5A6580;
  --rule:#D3D6DE; --rule2:#E4E6EC; --dash:#A9B0BF; --accent:#C94A10; --accent-hover:#A93C0A; --btn-text:#FFFFFF;
  --guar-bg:#12203A; --guar-text:#F2F1EC; --guar-quiet:#A9B0BF;
}
/* B. Duck: canvas, brass, dark brown */
[data-theme="duck"]{
  --paper:#EEE5D3; --card:#FAF5EA; --ink:#28190E; --ink2:#4A3524; --quiet:#6F5A45;
  --rule:#D4C5AB; --rule2:#E3D7C1; --dash:#B9A88C; --accent:#9A5A12; --accent-hover:#7E480C; --btn-text:#FFFFFF;
  --guar-bg:#28190E; --guar-text:#EEE5D3; --guar-quiet:#B9A88C;
}
/* C. Night: after-hours dark, amber */
[data-theme="night"]{
  --paper:#14181F; --card:#1C222B; --ink:#F2EFE8; --ink2:#CFCAC0; --quiet:#948F85;
  --rule:#2C333E; --rule2:#252C36; --dash:#4A5262; --accent:#F0A63A; --accent-hover:#D9922A; --btn-text:#14181F;
  --guar-bg:#F2EFE8; --guar-text:#14181F; --guar-quiet:#5C594F;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2{font-family:var(--serif);font-weight:400;margin:0;letter-spacing:-0.01em}
p{margin:0}
.mono{font-family:var(--mono)}
.wrap{padding-left:20px;padding-right:20px;max-width:1136px;margin:0 auto}
section{border-top:1px solid var(--rule);padding:48px 0}
.eyebrow{font-family:var(--mono);font-size:12px;color:var(--quiet);letter-spacing:.04em}
.btn{display:inline-block;text-decoration:none;text-align:center;font-weight:600;font-size:17px;padding:17px 22px;border-radius:6px;background:var(--accent);color:var(--btn-text)}
.btn:hover{background:var(--accent-hover)}
.btn-ink{display:inline-block;text-decoration:none;font-size:14px;font-weight:500;padding:10px 14px;border-radius:6px;background:var(--ink);color:var(--paper)}
.small{font-size:13px;color:var(--quiet)}

/* nav */
nav{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--rule)}
nav .wrap{height:56px;display:flex;align-items:center;justify-content:space-between}
.wordmark{font-family:var(--serif);font-size:22px;text-decoration:none}
nav .links{display:flex;align-items:center;gap:20px;font-size:15px;font-weight:500}
nav .links a{text-decoration:none}
nav .links .phone,nav .links .how{display:none}

/* hero */
.hero{border-top:0;padding-top:56px;padding-bottom:56px}
.hero .wrap{display:flex;flex-direction:column;gap:0}
.hero h1{font-size:40px;line-height:1.06;margin-bottom:20px}
.hero .sub{font-size:17px;line-height:1.5;color:var(--ink2);margin-bottom:32px}
.hero .cta{display:flex;flex-direction:column;gap:14px}
.hero .cta .small{text-align:center}

/* report */
.report{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:20px;margin-top:40px}
.report .head{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:12px;border-bottom:1px solid var(--ink)}
.report .head .t{font-family:var(--serif);font-size:20px}
.report .head .tag{font-family:var(--mono);font-size:11px;color:var(--quiet)}
.report .row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--rule2);font-size:14px}
.report .row:last-of-type{border-bottom:1px solid var(--ink)}
.report .row span:last-child{font-family:var(--mono)}
.report .total{display:flex;flex-direction:column;gap:4px;padding-top:14px}
.report .total .l{font-size:14px;font-weight:600}
.report .total .v{font-family:var(--mono);font-size:34px;font-weight:500;color:var(--accent);line-height:1.1}
.report .note{font-size:11px;color:var(--quiet);padding-top:8px}

/* calculator */
.calc{padding-top:36px;padding-bottom:40px}
.calc .wrap{display:flex;flex-direction:column;gap:16px}
.calc h2{font-size:30px;line-height:1.1;margin-bottom:4px}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:500;color:var(--ink2)}
input[type=number]{width:100%;font-family:var(--mono);font-size:20px;padding:12px;border:1px solid var(--ink);border-radius:6px;background:var(--card);color:var(--ink);-moz-appearance:textfield}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input:focus{outline:2px solid var(--accent);outline-offset:2px}
.result{display:flex;flex-direction:column;gap:4px;padding-top:12px}
.result .l{font-size:14px;font-weight:500;color:var(--ink2)}
.result .v{font-family:var(--mono);font-size:56px;line-height:1.05;font-weight:500}
.result .y{font-size:14px;color:var(--quiet)}
.calc .src{font-size:12px;line-height:1.5;color:var(--quiet)}

/* tiers */
.tiers h2{font-size:30px;line-height:1.1;margin-bottom:6px}
.tiers .lead{font-size:14px;color:var(--quiet);margin-bottom:20px}
.cards{display:flex;flex-direction:column;gap:16px}
.card{background:var(--card);border:1px solid var(--rule);border-radius:8px;padding:22px 20px;display:flex;flex-direction:column;gap:12px}
.card.first{border-color:var(--ink)}
.card .n{font-family:var(--serif);font-size:26px;display:flex;flex-direction:column;gap:8px}
.card .n .num{font-family:var(--mono);font-size:13px;color:var(--quiet);letter-spacing:.04em}
.card p{font-size:14px;color:var(--ink2);line-height:1.55;flex-grow:1}
.card .price{font-size:14px;font-weight:600}
.card .price.q{font-weight:500;color:var(--quiet)}

/* how */
.how .wrap{display:flex;flex-direction:column;gap:28px}
.how h2{font-size:30px;line-height:1.12}
.steps{display:flex;flex-direction:column;gap:24px}
.step{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--ink)}
.step .t{font-size:18px;font-weight:600}
.step p{font-size:14px;color:var(--ink2);line-height:1.55}

/* proof */
.proof .wrap{display:flex;flex-direction:column;gap:20px}
.logos{display:flex;flex-wrap:wrap;gap:8px 24px;font-family:var(--serif);font-size:22px;color:var(--ink2)}
.placeholder{font-size:13px;color:var(--quiet);padding:12px 14px;border:1px dashed var(--dash);border-radius:6px;line-height:1.5}
.guarantee{background:var(--guar-bg);color:var(--guar-text);border-radius:8px;padding:24px 20px;display:flex;flex-direction:column;gap:10px;margin-top:8px}
.guarantee .eyebrow{color:var(--guar-quiet)}
.guarantee .t{font-family:var(--serif);font-size:24px;line-height:1.2}
.guarantee .s{font-size:13px;color:var(--guar-quiet)}

/* book */
.book .wrap{display:flex;flex-direction:column;gap:20px}
.book .left{display:flex;flex-direction:column;gap:14px}
.book h2{font-size:30px;line-height:1.1}
.embed{min-height:140px;border:1px dashed var(--dash);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--quiet);background:var(--card)}
.book .small{text-align:center}

footer{border-top:1px solid var(--rule);padding:24px 0 40px}
footer .wrap{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--quiet)}
footer a{text-decoration:none;color:var(--quiet)}

@media (min-width:860px){
  .wrap{padding-left:48px;padding-right:48px}
  section{padding:80px 0}
  nav .wrap{height:64px}
  .wordmark{font-size:26px}
  nav .links{gap:32px}
  nav .links .phone{display:inline;font-family:var(--mono);font-size:14px;color:var(--quiet)}
  nav .links .how{display:inline}
  .hero{padding-top:96px;padding-bottom:96px}
  .hero .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}
  .hero .left{padding-top:16px}
  .hero h1{font-size:58px;line-height:1.04;margin-bottom:28px}
  .hero .sub{font-size:19px;max-width:500px;margin-bottom:40px}
  .hero .cta{align-items:flex-start}
  .hero .cta .small{text-align:left}
  .report{margin-top:0;padding:28px 32px;max-width:500px;justify-self:end;width:100%}
  .report .head .t{font-size:24px}
  .report .head .tag{font-size:13px}
  .report .row{font-size:15px;padding:14px 0}
  .report .total{flex-direction:row;justify-content:space-between;align-items:baseline;padding-top:18px}
  .report .total .l{font-size:16px}
  .report .total .v{font-size:30px}
  .report .note{font-size:12px}
  .calc{padding-top:64px;padding-bottom:64px}
  .calc .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
  .calc .left{display:flex;flex-direction:column;gap:20px}
  .calc h2{font-size:40px;margin-bottom:0}
  .fields{display:flex;gap:24px}
  .fields label{width:180px}
  input[type=number]{font-size:22px;padding:12px 14px}
  .result{border-left:1px solid var(--rule);padding:0 0 0 40px;gap:8px}
  .result .v{font-size:88px}
  .tiers h2{font-size:40px;margin-bottom:0}
  .tiers .head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:40px}
  .tiers .lead{margin:0;font-size:15px}
  .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .card{padding:32px;gap:16px;min-height:300px}
  .card .n{font-size:30px}
  .card p{font-size:15px}
  .card .price{font-size:15px}
  .how .wrap{display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px}
  .how h2{font-size:40px}
  .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
  .step .t{font-size:20px}
  .step p{font-size:15px}
  .proof .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
  .proof .left{display:flex;flex-direction:column;gap:20px}
  .logos{font-size:28px;gap:40px}
  .placeholder{font-size:14px;padding:14px 16px}
  .guarantee{margin-top:0;padding:32px}
  .guarantee .t{font-size:30px}
  .guarantee .s{font-size:14px}
  .book .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
  .book .left{display:flex;flex-direction:column;gap:20px}
  .book h2{font-size:48px;line-height:1.06}
  .book .small{text-align:left;font-size:16px;color:var(--ink2)}
  .embed{height:280px}
  footer .wrap{flex-direction:row;justify-content:space-between;align-items:center;font-size:13px}
}
footer .trades{line-height:1.8}
footer .trades a{text-decoration:underline;text-underline-offset:3px}
footer .trades .cur{color:var(--ink)}
.report .head .t{white-space:nowrap}
.report .head .tag{text-align:right;line-height:1.4}