:root{--paper:#F3EFE6;--card:#FBF9F4;--band:#E9E3D6;--ink:#16140F;--ink-2:#2E2A22;--muted:#5B5548;--rule:#CFC6B4;--orange:#E4461B;--orange-deep:#C93A12;
--live:#1E6B43;--pend:#8A5E0B;--act:#1F4FB8;--rej:#736B5D;
--sans:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:1240px;margin:0 auto;padding:0 40px}
.mono{font-family:var(--mono)}
/* nav */
nav.top{border-bottom:1px solid var(--ink);background:var(--paper)}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
nav.top .brand img{height:34px;display:block}
nav.top .links{display:flex;gap:28px;font:500 13px/1 var(--mono);text-transform:uppercase;letter-spacing:.04em}
nav.top .links a{text-decoration:none}nav.top .links a:hover{text-decoration:underline;text-underline-offset:4px}
/* buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:48px;padding:0 22px;font:600 16px/1 var(--sans);font-stretch:105%;text-decoration:none;border-radius:4px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);cursor:pointer}
.btn.primary{background:var(--orange);color:var(--ink)}
.btn.primary:hover{background:#d63f17}
.btn.ink{background:var(--ink);color:var(--paper)}
.btn.ink:hover{background:#2b2820}
.btn.sm{height:40px;padding:0 16px;font-size:15px}
.btn.outline:hover{background:var(--card)}
.link{font:600 16px/1 var(--sans);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:5px}
/* type */
.eyebrow{font:500 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);display:flex;gap:10px;align-items:flex-start}
.eyebrow:before{content:"";flex:0 0 10px;height:10px;background:var(--orange);margin-top:4px}
.label{font:500 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
h1{font-weight:800;font-stretch:108%;font-size:clamp(42px,5vw,66px);line-height:1.0;letter-spacing:-.03em;margin:22px 0 28px}
h1 .u{background:linear-gradient(var(--orange),var(--orange)) 0 calc(100% - 9px)/100% 5px no-repeat,linear-gradient(var(--orange),var(--orange)) 0 100%/100% 5px no-repeat;padding-bottom:16px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
h2{font-weight:750;font-stretch:105%;font-size:44px;line-height:1.05;letter-spacing:-.02em;margin:10px 0 14px}
h3{font-weight:650;font-size:20px;line-height:1.25;letter-spacing:-.01em;margin:0 0 6px}
.lead{max-width:34em;color:var(--ink-2);margin:0 0 30px}
.sub{max-width:34em;color:var(--ink-2);margin:0 0 36px}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:56px;padding:72px 0 88px;align-items:start}
.cta{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.ledgerline{margin-top:44px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:auto auto 1fr;font:500 13px/1.3 var(--mono)}
.ledgerline div{padding:14px 14px 14px 0;white-space:nowrap}
.ledgerline div+div{padding-left:14px;border-left:1px solid var(--rule)}
.ledgerline b{font-weight:600;font-size:14px}
/* receipt */
.receipt{background:var(--card);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--band);font-family:var(--mono);margin-top:40px}
.receipt .hd{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border-bottom:1px dashed var(--rule);font:600 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.receipt .hd span+span{color:var(--orange-deep);font-weight:500}
.rrow{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 18px;border-bottom:1px solid #E6E0D3}
.rrow .dir{font:600 15px/1.25 var(--sans);font-stretch:105%}
.rrow .cat,.rrow .when{font-size:12px;color:var(--muted)}
.rrow .when{text-align:right}
.st{font:600 12px/1.25 var(--mono);text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.rrow .st{justify-content:flex-end;display:flex}
.st:before{content:"";width:8px;height:8px;flex:0 0 8px}
.live{color:var(--live)}.live:before{background:var(--live)}
.pend{color:var(--pend)}.pend:before{background:transparent;border:1.5px solid var(--pend)}
.act{color:var(--act)}.act:before{background:var(--act);transform:rotate(45deg)}
.rej{color:var(--rej)}.rej:before{background:var(--rej);height:2px}
.struck .dir,td.struck{text-decoration:line-through;text-decoration-color:var(--rej);color:var(--rej)}
.url{grid-column:1/-1;font-size:12px;text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.receipt .ft{padding:12px 18px;font-size:11.5px;line-height:1.45;color:var(--muted)}
/* sections */
section.s{padding:88px 0;border-top:1px solid var(--ink)}
section.band{background:var(--band)}
.shead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:end;margin-bottom:40px}
.shead .sub{margin:0}
/* numbered rows */
.rows{border-top:1px solid var(--ink)}
.nrow{display:grid;grid-template-columns:80px minmax(0,1fr) minmax(0,1.4fr);gap:24px;padding:26px 0;border-bottom:1px solid var(--ink);align-items:baseline}
.nrow .n{font:600 14px/1 var(--mono);color:var(--muted)}
.nrow p{margin:0;color:var(--ink-2)}
/* pricing invoice */
.invoice{background:var(--card);border:1px solid var(--ink);width:100%;border-collapse:collapse}
.invoice th,.invoice td{padding:16px 20px;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.invoice thead th{border-bottom:1px solid var(--ink);vertical-align:bottom}
.invoice tbody th{font:500 13px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);width:24%}
.invoice td{color:var(--ink-2);width:38%}
.invoice .pro{border-left:1px solid var(--ink)}
.invoice thead .pro{border-top:3px solid var(--ink)}
.invoice .plan-name{font:700 22px/1.1 var(--sans);font-stretch:105%;display:block}
.invoice .price{font:600 40px/1 var(--mono);display:block;margin:10px 0 4px;letter-spacing:-.02em}
.invoice .price small{font:500 13px/1 var(--mono);color:var(--muted);letter-spacing:0;text-transform:uppercase}
.invoice .tag{font:600 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);display:block;margin-bottom:10px}
.invoice tfoot td{border-bottom:0;padding-top:20px;padding-bottom:22px}
.invoice tfoot .btn{width:100%}
.onetime{font:600 15px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px}
.note{color:var(--muted);font-size:15px;margin-top:18px;max-width:46em}
.note a{text-decoration-color:var(--orange);text-underline-offset:3px}
/* report table */
.report{background:var(--card);border:1px solid var(--ink)}
.report .bar{display:flex;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px dashed var(--rule);font:600 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em}
.report .bar span+span{color:var(--orange-deep);font-weight:500}
.report table{width:100%;border-collapse:collapse;font:400 14px/1.35 var(--mono)}
.report th,.report td{text-align:left;padding:13px 18px;border-bottom:1px solid #E6E0D3}
.report th{font:500 12px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--band)}
.report td.d{font:600 15px/1.25 var(--sans);font-stretch:105%}
.report td a{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:3px}
.report .illus{padding:12px 18px;color:var(--muted);font:400 12px/1.45 var(--mono)}
/* guarantee */
.two{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:56px;align-items:start}
.clauses{background:var(--card);border:1px solid var(--ink);padding:32px}
.clauses h2{font-size:36px}
.clause{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--rule);color:var(--ink-2)}
.clause .n{font:600 14px/1.55 var(--mono);color:var(--muted)}
.plain h3{margin-top:8px}
.plain ul{list-style:none;padding:0;margin:14px 0 0;border-top:1px solid var(--ink)}
.plain li{padding:12px 0 12px 26px;border-bottom:1px solid var(--rule);position:relative;color:var(--ink-2)}
.plain li:before{content:"\2013";position:absolute;left:4px;font-family:var(--mono);color:var(--muted)}
/* faq */
.faq{border-top:1px solid var(--ink);max-width:880px}
.faq details{border-bottom:1px solid var(--ink);padding:0}
.faq summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 24px;gap:16px;padding:20px 0;font:650 19px/1.35 var(--sans)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";font:500 20px/1.2 var(--mono);text-align:right}
.faq details[open] summary:after{content:"\2212"}
.faq details p{margin:0 0 22px;color:var(--ink-2);max-width:40em}
/* final cta + footer */
.final{text-align:left}
footer{border-top:1px solid var(--ink);padding:28px 0 40px;font:400 13px/1.5 var(--mono);color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer a{color:var(--ink)}
.eb-short{display:none}
@media(max-width:860px){
 .wrap{padding:0 20px}nav.top .links{display:none}nav.top .brand img{height:28px}
 body{font-size:17px}
 .hero{grid-template-columns:1fr;gap:28px;padding:32px 0 56px}
 h1{font-size:42px;line-height:1.02;margin:14px 0 22px}
 h2{font-size:32px}
 .lead{margin-bottom:22px}
 .cta{flex-direction:column;align-items:stretch;gap:16px}.cta .btn{width:100%}.cta .link{text-align:center}
 .ledgerline{grid-template-columns:1fr;margin-top:28px}.ledgerline div{padding:11px 0}.ledgerline div+div{border-left:0;padding-left:0;border-top:1px solid var(--rule)}
 .receipt{margin-top:8px;box-shadow:4px 4px 0 var(--band)}
 .rrow.hide-m{display:none}
 section.s{padding:56px 0}
 .shead,.two{grid-template-columns:1fr;gap:20px}
 .nrow{grid-template-columns:44px 1fr;gap:6px 14px}.nrow p{grid-column:2}
 .invoice th,.invoice td{padding:12px 12px}
 .invoice tbody th{width:30%;font-size:11px}
 .invoice .price{font-size:30px}
 .invoice .plan-name{font-size:18px}
 .clauses{padding:22px}
 /* report rows become stacked blocks */
 .report table,.report tbody,.report tr,.report td{display:block;width:100%}
 .report thead{display:none}
 .report tr{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:13px 16px;border-bottom:1px solid #E6E0D3}
 .report td{padding:0;border:0}
 .report td.d{grid-column:1;grid-row:1}
 .report td.c{grid-column:1;grid-row:2;font-size:12px;color:var(--muted)}
 .report td.s{grid-column:2;grid-row:1;text-align:right}
 .report td.w{grid-column:2;grid-row:2;text-align:right;font-size:12px;color:var(--muted)}
 .report td.u{grid-column:1/-1;font-size:12px}
 .report td.u:empty,.report td.u.na{display:none}
 .report td.l{grid-column:1/-1;font-size:12px;color:var(--muted)}
 .report td.l.na{display:none}
 .report td.l:before{content:"Link type: "}
 .report .bar{flex-direction:column;gap:3px}
}
@media(max-width:600px){.eb-long{display:none}.eb-short{display:inline}}
@media(max-width:860px){
 .invoice .rl,.invoice tbody th{display:none}
 .invoice td{width:50%}
 .invoice td[data-label]:before{content:attr(data-label);display:block;font:500 11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px}
 .invoice tfoot .btn{height:auto;min-height:48px;padding:10px 8px;white-space:normal;text-align:center;font-size:15px;line-height:1.2}
 .invoice thead th .label{font-size:13px!important}
}