:root{
  --paper:#F4F3EF;
  --ink:#111110;
  --red:#E4231B;
  --hair:rgba(17,17,16,.22);
  --muted:#57564F;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}
svg{display:block;width:26px;height:26px}

.wrap{max-width:1260px;margin:0 auto;padding:0 20px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}

h1,h2,h3,h4,.disp{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;text-transform:uppercase;line-height:.95;margin:0;letter-spacing:.005em}
p{margin:0 0 1em}
.meta{font-size:11px;line-height:1.6;letter-spacing:.2em;text-transform:uppercase;font-weight:500}
.red{color:var(--red)}
.topline{height:5px;background:var(--red)}

/* HEADER */
.site-head{border-bottom:1px solid var(--ink);background:var(--paper)}
.head-inner{display:flex;align-items:flex-end;gap:24px;padding:14px 20px 12px;flex-wrap:wrap}
.brand{text-decoration:none;margin-right:auto}
.brand__mark{display:block;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;letter-spacing:.03em}
.brand__sub{display:block;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.nav{display:flex;gap:22px;flex-wrap:wrap}
.nav a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:500;text-decoration:none;padding-bottom:3px;border-bottom:2px solid transparent}
.nav a:hover,.nav a.is-active{border-bottom-color:var(--red)}
.head-meta{color:var(--muted)}
.head-meta a{text-decoration:none}
.head-meta a:hover{color:var(--red)}
.nav-toggle{display:none;background:none;border:1px solid var(--ink);color:var(--ink);font-family:inherit;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:8px 14px;cursor:pointer}

/* HERO */
.hero-grid{padding:52px 0 44px;border-bottom:1px solid var(--hair)}
.hero-num{grid-column:1 / 4}
.hero-body{grid-column:4 / 13;border-left:1px solid var(--hair);padding-left:28px}
.poster-num{display:block;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(88px,13vw,180px);line-height:.76;color:var(--red);letter-spacing:-.03em}
.poster-num-cap{display:block;margin-top:12px;border-top:1px solid var(--ink);padding-top:8px;color:var(--ink)}
.eyebrow{color:var(--muted);margin:0 0 14px}
h1{font-size:clamp(32px,5.6vw,74px)}
.dek{max-width:52ch;font-size:clamp(15px,1.4vw,19px);margin-top:22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 0}
.hero-list{list-style:none;margin:30px 0 0;padding:0;max-width:60ch}
.hero-list li{border-top:1px solid var(--hair);padding:9px 0;font-size:14px}

/* BUTTONS */
.cta{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:15px;letter-spacing:.14em;padding:15px 26px;border:1px solid var(--red);border-radius:0;cursor:pointer}
.cta:hover{background:var(--ink);border-color:var(--ink)}
.cta--ghost{background:transparent;color:var(--ink);border:1px solid var(--ink)}
.cta--ghost:hover{background:var(--ink);color:#fff}

/* SECTIONS */
.sec{padding:56px 0}
.sec-head{display:flex;align-items:baseline;gap:18px;border-top:2px solid var(--ink);padding-top:12px;margin-bottom:30px}
.sec-head .n{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;color:var(--red);font-size:22px;letter-spacing:.04em}
.sec-head h2{font-size:clamp(22px,3.2vw,40px)}

/* SERVICES STRIP */
.svc{row-gap:34px}
.svc-col h3{font-size:19px;margin-bottom:12px;border-top:2px solid var(--ink);padding-top:10px}
.svc-col ul{list-style:none;margin:0;padding:0}
.svc-col li{border-top:1px solid var(--hair);padding:9px 0;font-size:14px;line-height:1.5}
.svc-col{grid-column:span 3}

/* FACTS BAND */
.facts{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin:12px 0 0}
.fact{grid-column:span 4;padding:28px 0 26px 22px;border-left:1px solid var(--hair)}
.fact:first-child{border-left:0;padding-left:0}
.fact b{display:block;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:clamp(42px,6.6vw,84px);line-height:.85;letter-spacing:-.02em;margin-bottom:12px}
.fact span{display:block;color:var(--muted)}

/* METHOD */
.method-text{grid-column:1 / 7}
.method-text p{max-width:58ch}
.method-list{grid-column:8 / 13}
ol.steps{list-style:none;counter-reset:s;margin:0;padding:0}
ol.steps li{counter-increment:s;border-top:1px solid var(--ink);padding:14px 0 16px 56px;position:relative;font-size:14px;line-height:1.5}
ol.steps li:last-child{border-bottom:1px solid var(--ink)}
ol.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:13px;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;color:var(--red);font-size:24px}
ol.steps strong{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;font-size:16px;letter-spacing:.03em}

/* QUOTE */
.quote{grid-column:2 / 11;border-left:8px solid var(--red);padding:4px 0 4px 28px;margin:58px 0 10px}
.quote p{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:400;text-transform:none;font-size:clamp(21px,2.8vw,36px);line-height:1.18;margin-bottom:18px}
.quote footer{color:var(--muted)}

/* TABLE */
.tbl{width:100%;border-collapse:collapse}
.tbl th,.tbl td{text-align:left;border-top:1px solid var(--hair);padding:13px 10px 13px 0;font-size:15px;vertical-align:top}
.tbl thead th{border-top:2px solid var(--ink);font-family:'Inter',Arial,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--muted)}
.tbl tbody tr:last-child td{border-bottom:1px solid var(--ink)}
.tbl .price{text-align:right;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;font-size:22px;white-space:nowrap;padding-right:0}
.note{color:var(--muted);margin-top:18px;max-width:72ch}
.band-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

/* CONTACT ROW */
.contact-band .contact-col{grid-column:span 3;border-top:1px solid var(--ink);padding-top:12px}
.contact-band .contact-col span{display:block;color:var(--muted);margin-bottom:8px}
.contact-band .contact-col p{font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;font-size:19px;text-transform:uppercase;line-height:1.2}
.contact-band .contact-col a{text-decoration:none}
.contact-band .contact-col a:hover{color:var(--red)}

/* FORM */
.form-col{grid-column:1 / 8}
.info-col{grid-column:9 / 13}
.field{margin-bottom:20px}
label.meta,.field label{display:block;color:var(--muted);margin-bottom:6px}
input,select,textarea{width:100%;background:transparent;border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:10px 0;font-family:inherit;font-size:16px;color:var(--ink)}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:0;border-bottom-color:var(--red)}
.check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:6px 0 24px;max-width:60ch}
.check input{width:auto;border:1px solid var(--ink);accent-color:var(--red)}
.form-status{font-size:13px;letter-spacing:.04em;margin-top:6px;min-height:20px}
.form-status.is-error{color:var(--red)}
.form-status.is-ok{color:var(--ink);border-left:4px solid var(--red);padding-left:12px}
.info-block{border-top:1px solid var(--ink);padding:12px 0 16px}
.info-block span{display:block;color:var(--muted);margin-bottom:6px}
.info-block p{margin:0;font-size:15px}
.info-block a{text-decoration:none;border-bottom:1px solid var(--red)}

/* LEGAL */
.legal-col{grid-column:1 / 9}
.legal-aside{grid-column:10 / 13}
.legal-col h2{font-size:19px;margin:34px 0 10px;border-top:1px solid var(--ink);padding-top:10px}
.legal-col h2:first-child{margin-top:0}
.legal-col p{max-width:74ch;font-size:15px}
.legal-col a{border-bottom:1px solid var(--red);text-decoration:none}

/* FOOTER */
.site-foot{border-top:2px solid var(--ink);margin-top:40px;padding:34px 0 0}
.foot-grid{row-gap:26px}
.foot-col{grid-column:span 3}
.foot-col p{font-size:14px;line-height:1.7;margin:10px 0 0}
.foot-col a{text-decoration:none}
.foot-col a:hover{color:var(--red)}
.foot-col .meta{color:var(--muted)}
.socials{display:flex;gap:10px}
.socials a{color:var(--ink)}
.socials a:hover{color:var(--red)}
.foot-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--hair);margin-top:30px;padding:16px 20px 26px;color:var(--muted)}
.foot-bottom a{text-decoration:none}
.foot-bottom a:hover{color:var(--red)}

/* RESPONSIVE */
@media (max-width:1000px){
  .svc-col{grid-column:span 6}
  .foot-col{grid-column:span 6}
  .form-col{grid-column:1 / 8}
  .legal-col{grid-column:1 / 9}
}
@media (max-width:860px){
  .nav-toggle{display:block;order:2}
  .nav{display:none;order:4;width:100%;flex-direction:column;gap:0;border-top:1px solid var(--hair);margin-top:12px}
  .nav.is-open{display:flex}
  .nav a{padding:12px 0;border-bottom:1px solid var(--hair)}
  .nav a:hover,.nav a.is-active{border-bottom:1px solid var(--red)}
  .head-meta{order:3;width:100%}
  .hero-num,.hero-body,.method-text,.method-list,.svc-col,.fact,.quote,.form-col,.info-col,.legal-col,.legal-aside,.contact-band .contact-col{grid-column:1 / -1}
  .hero-body{border-left:0;padding-left:0;margin-top:26px}
  .method-list{margin-top:26px}
  .fact{border-left:0;padding:22px 0;border-top:1px solid var(--hair)}
  .fact:first-child{border-top:0}
  .quote{margin:40px 0 0}
  .contact-band .contact-col{margin-bottom:6px}
  .legal-aside{margin-top:30px}
  .sec{padding:44px 0}
}
@media (max-width:520px){
  .tbl th,.tbl td{font-size:14px;padding:11px 6px 11px 0}
  .tbl .price{font-size:18px}
  .cta{width:100%;text-align:center}
  .band-cta,.hero-actions{flex-direction:column}
}