/* Layout: drawing-sheet bands — navy title block, grey-white sheet, yellow only for the call to action and "measure" marks */
:root{
  --navy:#0E1A24; --navy-2:#16242F; --line-dark:#2C3B48;
  --paper:#F3F5F4; --white:#FFFFFF; --line:#D5DCE1; --rule:#E3E8EB;
  --ink:#0E1A24; --muted:#47545F; --on-navy:#F3F5F4; --on-navy-muted:#B9C5CE;
  --yellow:#F2C230; --yellow-ink:#0E1A24;
  --ok:#1F6B45; --warn:#93460A; --warn-bg:#FFF8E6; --warn-line:#E8C873;
  --display:'Archivo', 'Arial Narrow', Arial, sans-serif;
  --body:'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono:'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  color-scheme: light;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--navy)}
a{color:inherit}
:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.band-navy{background:var(--navy);color:var(--on-navy)}
.band-white{background:var(--white);border-block:1px solid var(--line)}
section .wrap{padding-block:88px;display:flex;flex-direction:column;gap:40px}
.eyebrow{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.band-navy .eyebrow{color:var(--yellow)}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance}
h2{font-weight:800;font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.005em}
h3{font-weight:700;font-size:20px;line-height:1.25}
p{margin:0}
.lede{font-size:18px;color:var(--muted);max-width:62ch}
.band-navy .lede{color:var(--on-navy-muted)}
.head{display:flex;flex-direction:column;gap:14px;max-width:760px}

/* header */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:var(--navy);color:var(--on-navy);border-bottom:1px solid var(--line-dark)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand b{font-family:var(--display);font-weight:800;font-size:22px;letter-spacing:.01em}
.brand small{font-family:var(--mono);font-size:11px;color:var(--on-navy-muted);letter-spacing:.08em}
.nav{display:flex;align-items:center;gap:26px;font-size:15px}
.nav a.link{text-decoration:none;color:var(--on-navy-muted)}
.nav a.link:hover{color:var(--on-navy)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;font-weight:600;font-size:16px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:var(--body)}
.btn-yellow{background:var(--yellow);color:var(--yellow-ink)}
.btn-yellow:hover{background:#FFD24D}
.btn-ghost{border-color:#5C6B77;color:var(--on-navy)}
.btn-ghost:hover{border-color:var(--on-navy)}
.btn-navy{background:var(--navy);color:var(--on-navy)}
.btn-navy:hover{background:var(--navy-2)}
.btn-line{border-color:var(--navy);color:var(--ink);background:transparent}

/* hero */
.hero .wrap{padding-block:72px 92px;display:flex;flex-wrap:wrap;gap:48px;align-items:center;flex-direction:row}
.hero-copy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:24px}
.hero h1{font-weight:800;font-size:clamp(40px,6vw,64px);line-height:1.02;letter-spacing:-.015em}
.hero h1 .mark{color:var(--yellow)}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.hero-note{font-family:var(--mono);font-size:13px;color:var(--on-navy-muted)}

/* title-block sheet in hero */
.sheet{flex:1 1 440px;min-width:0;background:var(--white);color:var(--ink);border:1px solid var(--line-dark);box-shadow:0 28px 56px rgba(0,0,0,.35)}
.sheet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}
.tag{background:#FFF3C4;color:#5E4500;padding:3px 8px;font-family:var(--mono);font-size:11px;letter-spacing:.06em}
.sheet-body{padding:16px;display:flex;flex-direction:column;gap:12px}
.line-item{border:1px solid var(--line);padding:14px;display:flex;flex-direction:column;gap:6px}
.line-item.review{border-color:var(--warn-line);background:var(--warn-bg)}
.row{display:flex;justify-content:space-between;gap:12px}
.qty{font-family:var(--mono);font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.src{font-family:var(--mono);font-size:12px;color:var(--muted)}
.st-ok{color:var(--ok);font-weight:500;font-family:var(--mono);font-size:12px;white-space:nowrap}
.st-rev{color:var(--warn);font-weight:500;font-family:var(--mono);font-size:12px;white-space:nowrap}
.why{font-size:13px;color:#5E4500}
.sheet-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--muted)}
.sheet-foot div{padding:10px 16px;border-right:1px solid var(--line)}
.sheet-foot div:last-child{border-right:0}
.sheet-foot b{display:block;color:var(--ink);font-weight:500;font-size:13px}

/* steps of the tender */
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.card{background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px}
.card p{font-size:15px;color:var(--muted)}
.stage{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}

/* products */
.two{display:flex;flex-wrap:wrap;gap:24px}
.product{flex:1 1 420px;min-width:0;border:1px solid var(--line);background:var(--paper);padding:32px;display:flex;flex-direction:column;gap:16px}
.product h3{font-size:26px}
.product p{color:var(--muted)}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:15px}
.ticks li{display:flex;gap:10px;align-items:flex-start}
.ticks svg{flex:none;margin-top:3px}

/* sample bq */
.table-box{overflow-x:auto;background:var(--white);border:1px solid var(--line)}
table{width:100%;min-width:820px;border-collapse:collapse;font-size:15px}
th{background:var(--navy);color:var(--on-navy);text-align:left;font-family:var(--mono);font-weight:500;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:13px 16px}
td{padding:14px 16px;border-bottom:1px solid var(--rule);vertical-align:top}
tr.review td{background:var(--warn-bg)}
td.m{font-family:var(--mono);font-variant-numeric:tabular-nums}
td.s{font-family:var(--mono);font-size:13px;color:var(--muted);white-space:nowrap}
.table-note{font-family:var(--mono);font-size:13px;color:var(--muted)}

/* how */
.how-step{border:1px solid var(--line-dark);padding:24px;display:flex;flex-direction:column;gap:10px}
.how-step .n{font-family:var(--mono);font-size:30px;color:var(--yellow);line-height:1}
.how-step p{font-size:15px;color:var(--on-navy-muted)}

/* principles + faq */
.split{display:flex;flex-wrap:wrap;gap:48px}
.split > .head{flex:1 1 320px;min-width:0}
.split > .body{flex:999 1 560px;min-width:0}
.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px}
.principle{border-top:2px solid var(--ink);padding-top:16px;display:flex;flex-direction:column;gap:8px}
.principle p{font-size:15px;color:var(--muted)}
details{border-bottom:1px solid var(--rule)}
summary{list-style:none;cursor:pointer;padding:20px 0;display:flex;justify-content:space-between;gap:16px;font-family:var(--display);font-weight:700;font-size:19px}
summary::-webkit-details-marker{display:none}
summary .pm{font-family:var(--mono);font-weight:400;color:var(--muted);transition:transform .2s}
details[open] summary .pm{transform:rotate(45deg)}
details p{padding-bottom:20px;color:var(--muted);max-width:62ch}

/* cta */
/* handwritten step notes */
.note{font-family:'Caveat','Segoe Print','Bradley Hand',cursive;font-weight:600;font-size:25px;line-height:1.05;display:flex;align-items:flex-end;gap:6px}
.note svg{flex:none}
.band-navy .note{color:var(--yellow)}
.note-light{color:var(--ink)}
.sheet-col{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:10px}
.sheet-col .sheet{flex:none}
.sheet-col .note{transform:rotate(-4deg);transform-origin:left bottom;margin-left:8px}
.steps3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;max-width:760px}
.steps3::before{content:"";position:absolute;top:21px;left:16.6%;right:16.6%;height:2px;background:var(--line)}
.steps3 li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;font-size:15px;font-weight:600;color:var(--ink)}
.steps3 .n{width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--on-navy);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:16px;position:relative}
.contact-block{display:flex;flex-direction:column;gap:6px}
.contact-block .note{align-self:flex-start;transform:rotate(-3deg);transform-origin:left bottom;margin-left:8px}
.cta .wrap{padding-block:96px}
.cta h2{font-size:clamp(32px,5vw,50px);max-width:20ch}
.contact{display:flex;flex-wrap:wrap;gap:16px;align-items:stretch}
.contact-card{flex:1 1 280px;min-width:0;background:var(--white);border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:10px}
.contact-card .label{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.contact-card .val{font-family:var(--mono);font-size:18px;font-weight:500;user-select:all;overflow-wrap:anywhere}
.contact-card .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.copy{background:transparent;border:1px solid var(--line);min-height:44px;padding:8px 14px;font-family:var(--body);font-size:14px;cursor:pointer;color:var(--ink)}
.copy:hover{border-color:var(--ink)}

footer{background:var(--navy);color:var(--on-navy-muted);font-size:14px}
footer .wrap{padding-block:32px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px}
footer b{font-family:var(--display);color:var(--on-navy)}

@media (max-width:760px){
  .nav a.link{display:none}
  section .wrap{padding-block:64px}
  .brand small{display:none}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
/* sales page additions */
.hero{text-align:left}
.hero .wrap{align-items:flex-start}
.founder{display:flex;align-items:center;gap:14px;padding-top:4px}
.founder .mono{width:44px;height:44px;flex:none;border:2px solid var(--yellow);display:flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:800;color:var(--yellow)}
.founder p{font-size:14px;color:var(--on-navy-muted);max-width:44ch}
.founder b{color:var(--on-navy);font-weight:600}
.risk{display:flex;flex-wrap:wrap;gap:8px 18px;font-family:var(--mono);font-size:13px;color:var(--on-navy-muted)}
.risk span{display:flex;align-items:center;gap:6px}
.risk svg{flex:none}
.pain-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.pain-list li{background:var(--white);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:8px}
.pain-list .hours{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--warn)}
.pain-list p{font-size:15px;color:var(--muted)}
.tried{display:flex;flex-wrap:wrap;gap:32px;align-items:stretch}
.tried > *{flex:1 1 380px;min-width:0}
.chat{background:var(--white);border:1px solid var(--line);display:flex;flex-direction:column}
.chat-top{padding:10px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:12px;color:var(--muted)}
.chat-body{padding:18px 16px;display:flex;flex-direction:column;gap:12px;font-size:14px}
.bubble{padding:12px 14px;max-width:85%}
.bubble.you{align-self:flex-end;background:var(--navy);color:var(--on-navy)}
.bubble.ai{align-self:flex-start;background:var(--rule);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.6}
.verdict{border-top:1px solid var(--line);padding:14px 16px;font-size:14px;color:var(--warn);font-weight:600}
.why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}
.why-list li{display:flex;gap:14px;align-items:flex-start}
.why-list .x{flex:none;width:28px;height:28px;border:2px solid var(--warn);color:var(--warn);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--mono)}
.why-list b{display:block;font-family:var(--display);font-size:18px;margin-bottom:2px}
.why-list p{font-size:15px;color:var(--muted)}
.flow{margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;border:1px solid var(--line-dark)}
.flow li{list-style:none;padding:22px 20px;border-right:1px solid var(--line-dark);display:flex;flex-direction:column;gap:8px;position:relative}
.flow li:last-child{border-right:0}
.flow .k{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--yellow)}
.flow h3{font-size:18px}
.flow p{font-size:14px;color:var(--on-navy-muted)}
.flow li.you{background:var(--navy-2)}
.flow-note{font-size:14px;color:var(--on-navy-muted)}
.proof{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.proof .card{border-top:4px solid var(--ink)}
.proof .card.gold{border-top-color:var(--yellow)}
.proof .job{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--muted)}
.compare th:first-child,.compare td:first-child{width:30%}
.compare td{font-size:15px}
.compare td.us{background:#FFFBEA;font-weight:600}
.compare th.us{background:var(--yellow);color:var(--yellow-ink)}
.yes{color:var(--ok);font-weight:600}
.no{color:var(--warn);font-weight:600}
.train{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}
.train > .head{flex:1 1 340px;min-width:0}
.train-list{flex:999 1 520px;min-width:0;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.train-list li{background:var(--white);border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:8px}
.train-list p{font-size:15px;color:var(--muted)}
.get{display:flex;flex-wrap:wrap;gap:32px;align-items:flex-start}
.get ul{flex:999 1 520px;min-width:0;columns:2 260px;column-gap:32px;margin:0;padding:0;list-style:none}
.get ul li{break-inside:avoid;display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line-dark);font-size:15px}
.get ul svg{flex:none;margin-top:4px}
.price-card{flex:1 1 300px;min-width:0;background:var(--white);color:var(--ink);padding:28px;display:flex;flex-direction:column;gap:14px}
.price-card .big{font-family:var(--display);font-weight:800;font-size:34px;line-height:1.05}
.price-card p{font-size:15px;color:var(--muted)}
.pilot{border:2px dashed var(--yellow);padding:18px 20px;display:flex;flex-direction:column;gap:6px;color:var(--on-navy)}
.pilot b{font-family:var(--display);font-size:18px;color:var(--yellow)}
.pilot p{font-size:15px;color:var(--on-navy-muted)}
@media (max-width:760px){
  .train-list{grid-template-columns:1fr}
  .flow li{border-right:0;border-bottom:1px solid var(--line-dark)}
  .flow li:last-child{border-bottom:0}
}

/* hero v2: evidence panel */
.hero .wrap{flex-direction:column;align-items:stretch;gap:56px}
.hero-copy{max-width:760px}
.eyebrow-rule{display:flex;align-items:center;gap:14px}
.eyebrow-rule::before{content:"";width:32px;height:2px;background:var(--yellow)}
.hero h1{font-size:clamp(38px,5.6vw,62px)}
.hero h1 .hl{background:linear-gradient(transparent 58%,rgba(242,194,48,.38) 58%,rgba(242,194,48,.38) 92%,transparent 92%);padding:0 2px}
.arrow-links{display:flex;flex-wrap:wrap;gap:14px 32px}
.arrow-links a{color:var(--on-navy);font-weight:600;text-decoration:none;border-bottom:2px solid var(--yellow);padding-bottom:3px}
.arrow-links a:hover{color:var(--yellow)}
.hero-stat{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line-dark);padding-top:22px;max-width:560px}
.hero-stat b{font-family:var(--display);font-weight:800;font-size:44px;color:var(--yellow);line-height:1}
.hero-stat p{font-size:15px;color:var(--on-navy-muted)}
.evidence{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}
.ev-col{flex:1 1 400px;max-width:440px;min-width:0;display:flex;flex-direction:column;gap:10px}
.ev-col .note{transform:rotate(-3deg);transform-origin:left bottom;margin-left:8px;color:var(--yellow)}
.ev-panel{background:var(--white);color:var(--ink);box-shadow:0 28px 56px rgba(0,0,0,.35)}
.ev-chrome{display:flex;align-items:center;gap:12px;padding:10px 14px;font-family:var(--mono);font-size:13px;border-bottom:1px solid var(--line)}
.ev-chrome .dots{display:flex;gap:5px}.ev-chrome .dots i{width:9px;height:9px;border-radius:50%;background:var(--line)}
.ev-chrome .tag{margin-left:auto}
.ev-strip{background:var(--navy-2);color:var(--on-navy);font-family:var(--mono);font-size:12px;padding:7px 14px}
.ev-legend{padding:12px 14px;display:flex;flex-direction:column;gap:8px}
.ev-legend .row{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:7px 9px}
.ev-legend .row svg{flex:none}
.ev-legend .hit{outline:2px solid var(--yellow)}
.ev-legend .dim{color:#8A97A1}
.ev-plan{padding:12px 14px}
.ev-title{margin:12px 14px 14px;border:2px solid var(--ink);display:grid;grid-template-columns:1fr 92px}
.ev-title small{display:block;font-family:var(--mono);font-size:10px;color:var(--muted)}
.ev-title b{font-family:var(--display);font-weight:800;font-size:40px;line-height:1}
.tb-num,.tb-rev{padding:8px 12px;border-bottom:1px solid var(--ink)}
.tb-rev{border-left:1px solid var(--ink);text-align:center}
.tb-meta{grid-column:1/-1;display:flex;justify-content:space-between;padding:6px 12px;font-size:12px;border-bottom:1px solid var(--ink)}
.tb-name{grid-column:1/-1;padding:6px 12px;font-size:11px;font-weight:600;letter-spacing:.04em}
.ev-line{display:flex;flex-direction:column;gap:10px;padding-top:6px}
.ev-row{display:flex;gap:12px;align-items:baseline;font-family:var(--mono);font-size:15px;border-bottom:1px solid var(--line-dark);padding-bottom:10px}
.ev-row span{flex:1;min-width:0;color:var(--on-navy-muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{font-family:var(--mono);font-size:13px;border:1px solid #5C6B77;padding:3px 9px;display:inline-flex;align-items:center;gap:6px}
.chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--yellow)}
.chip.dark{background:var(--yellow);color:var(--yellow-ink);border-color:var(--yellow);font-weight:600}
.chip.dark::before{display:none}
.tiles{flex:1 1 300px;max-width:380px;min-width:0;display:flex;flex-direction:column;gap:18px;padding-top:70px}
.tile{background:var(--white);color:var(--ink);padding:20px 22px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
.tile-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:600}
.tile .big{font-family:var(--display);font-weight:800;font-size:56px;line-height:1}
.tile p{font-size:15px;color:var(--muted)}
.tile .src{font-family:var(--mono);font-size:12px;color:var(--muted);border-top:1px solid var(--rule);padding-top:10px;margin-top:4px}
.bars{display:flex;flex-direction:column;gap:9px;font-size:14px}
.bars div{display:grid;grid-template-columns:1fr 90px 18px;align-items:center;gap:10px}
.bars i{height:10px;width:var(--w);background:var(--navy)}
.bars i.y{background:var(--yellow)}
.bars b{text-align:right}
.tiles-note{font-size:14px;color:var(--on-navy-muted)}
@media (max-width:760px){.tiles{padding-top:0}.ev-col{max-width:none}.tiles{max-width:none}}
.price-card .founding{background:#FFF8E1;border-left:4px solid var(--yellow);padding:10px 12px;color:var(--ink)}
.terms-mini{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--muted)}
/* multi-page additions */
.nav a.active{color:var(--yellow)}
.page-hero .wrap{padding-block:72px 56px;gap:18px}
.page-hero h1{font-size:clamp(34px,5.4vw,58px);max-width:20ch}
.crumbs{font-family:var(--mono);font-size:12px;letter-spacing:.06em;color:var(--on-navy-muted)}
.crumbs a{color:var(--on-navy-muted)}
.article{max-width:760px}
.article h2{font-size:clamp(24px,3.2vw,32px);margin-top:12px}
.article h3{font-size:20px}
.article p,.article li{font-size:17px;line-height:1.7;color:#25313B}
.article ul,.article ol{padding-left:22px;display:flex;flex-direction:column;gap:6px}
.article .short{background:var(--white);border-left:4px solid var(--yellow);padding:18px 22px;font-size:17px}
.article table{width:100%;border-collapse:collapse;background:var(--white);font-size:15px}
.article th,.article td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.article th{background:var(--navy);color:var(--on-navy);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.article .tbl{overflow-x:auto}
.article .wrap,.article-wrap{display:flex;flex-direction:column;gap:18px}
.post-meta{font-family:var(--mono);font-size:13px;color:var(--on-navy-muted)}
.cta-box{background:var(--navy);color:var(--on-navy);padding:28px;display:flex;flex-direction:column;gap:12px}
.cta-box h2{color:var(--on-navy);margin:0}
.cta-box p{color:var(--on-navy-muted)!important}
.posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.post-card{background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:10px;text-decoration:none}
.post-card:hover{border-color:var(--navy)}
.post-card .cat{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--warn)}
.post-card h3{font-size:20px;line-height:1.25}
.post-card p{font-size:15px;color:var(--muted)}
.post-card .read{margin-top:auto;font-weight:600}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters button{font:500 14px var(--body);padding:8px 14px;border:1px solid var(--line);background:var(--white);cursor:pointer;color:var(--ink)}
.filters button[aria-pressed="true"]{background:var(--navy);color:var(--on-navy);border-color:var(--navy)}
.legal{max-width:760px}
.legal h2{font-size:24px}
.legal p,.legal li{font-size:16px;line-height:1.7}
footer .foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:28px;padding-block:44px 24px}
footer .foot-grid div{display:flex;flex-direction:column;gap:8px;font-size:14px}
footer .foot-grid b{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-muted);font-weight:500}
footer .foot-grid a{text-decoration:none;color:var(--on-navy)}
footer .foot-grid a:hover{color:var(--yellow)}
footer .foot-brand p{color:var(--on-navy-muted)}
footer .foot-legal{padding-block:16px 28px;border-top:1px solid var(--line-dark);font-size:13px;color:var(--on-navy-muted)}
@media (max-width:760px){footer .foot-grid{grid-template-columns:1fr 1fr}footer .foot-brand{grid-column:1/-1}}
.book-grid{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.book-side{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:24px;position:sticky;top:96px}
.book-side h2{font-size:28px}
.call-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:flex;flex-direction:column;gap:18px}
.call-steps li{counter-increment:s;display:grid;grid-template-columns:36px 1fr;gap:4px 14px}
.call-steps li::before{content:counter(s);grid-row:span 2;width:32px;height:32px;border-radius:50%;background:var(--navy);color:var(--on-navy);display:flex;align-items:center;justify-content:center;font-weight:700}
.call-steps span{color:var(--muted);font-size:15px}
.book-note{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.book-note .note{width:100%;transform:rotate(-2deg)}
.mini-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:13px;color:var(--muted)}
.mini-checks li{display:flex;gap:8px;align-items:center}
.mini-checks svg path{stroke:var(--ok)}
.book-form{flex:1.4 1 420px;min-width:0;background:var(--white);border:1px solid var(--line);padding:24px 24px 8px}
@media (max-width:760px){.book-side{position:static}.book-form{padding:16px 12px 0}}
.post-meta-dark{font-family:var(--mono);font-size:12px;color:var(--muted)}
.page-hero .risk span::before{content:"✓";color:var(--yellow);margin-right:6px}
.page-hero h1{line-height:1.05;letter-spacing:-.015em}
.page-hero h1 .hl{background:linear-gradient(transparent 58%,rgba(242,194,48,.38) 58%,rgba(242,194,48,.38) 92%,transparent 92%);padding:0 2px}
.page-hero .wrap{align-items:flex-start}
.form-alt{font-size:14px;color:var(--muted);margin-bottom:8px}
.calc{display:flex;flex-wrap:wrap;gap:24px;align-items:stretch}
.calc-in{flex:1 1 380px;min-width:0;background:var(--white);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:16px}
.calc-in label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:15px;position:relative}
.calc-in input[type=number]{font:500 20px var(--mono);padding:12px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);width:100%;min-height:48px}
.calc-in input[type=number]:focus{outline:3px solid var(--yellow);outline-offset:1px}
.calc-in .unit{position:absolute;right:14px;bottom:14px;font:500 14px var(--mono);color:var(--muted)}
.calc-in small{font-weight:400;color:var(--muted);font-size:13px}
.calc-fee{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.calc-fee legend{font-weight:600;font-size:15px;margin-bottom:6px}
.calc-in label.radio{flex-direction:row;align-items:center;gap:8px;font-weight:500}
.calc-in label.radio input{width:20px;height:20px;accent-color:var(--navy)}
.calc-out{flex:1 1 380px;min-width:0;background:var(--navy);color:var(--on-navy);padding:24px;display:flex;flex-direction:column;gap:14px}
.big-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:2px 12px;border-bottom:1px solid var(--line-dark);padding-bottom:12px}
.big-row span{font-size:15px;color:var(--on-navy-muted)}
.big-row b{font-family:var(--display);font-weight:800;font-size:30px;text-align:right}
.big-row small{grid-column:1/-1;font-size:13px;color:var(--on-navy-muted);text-align:right}
.big-row.y b{color:var(--yellow);font-size:36px}
.calc-note{font-size:12.5px;color:var(--on-navy-muted)}
section[id]{scroll-margin-top:72px}
.calc-link{font-size:14px;font-weight:600;color:var(--ink);text-align:center}