:root{
  --charcoal:#12202B;
  --ink:var(--charcoal);
  --paper:#F5F7F9;
  --card:#fff;
  --steel:#4F606D;
  --line:#D5DCE2;
  --tape:#E8A90C;
  --tape-hot:#F2B705;
  --pipe:#0F766E;
  --pipe-bg:#E1F2F0;
  --hd:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --bd:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif
}
@media(prefers-color-scheme:dark){:root{--ink:#EAF0F4;--paper:#0E1820;--card:#15232D;--steel:#9FB0BC;--line:#26384A;--pipe:#4FD1C5;--pipe-bg:#12302F}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;font:400 18px/1.6 var(--bd);color:var(--ink);background:var(--paper)}
h1,h2,h3{font-family:var(--hd);font-weight:700;line-height:1.05;margin:0 0 .5em;letter-spacing:.005em}
h1{font-size:clamp(2.6rem,6vw,4.6rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:1.5rem}
p{margin:0 0 1em;max-width:62ch}a{color:inherit}main a[href^="http"]{text-decoration:underline;text-underline-offset:2px}
.wrap{max-width:1100px;margin:0 auto;padding:0 22px}
:focus-visible{outline:3px solid var(--tape);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--tape);color:var(--charcoal);padding:8px 14px;z-index:9}.skip:focus{left:8px}
body>header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}
body>header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.logo{font:700 1.7rem var(--hd);text-decoration:none;display:flex;align-items:center;gap:8px}
.logo i{width:26px;height:26px;background:var(--tape);border-radius:6px;display:inline-block}
nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap;font-weight:500;font-size:.98rem}
nav a{text-decoration:none}nav a:hover{text-decoration:underline}
.btn{display:inline-block;background:var(--tape);color:var(--charcoal);font-weight:600;padding:13px 22px;border-radius:6px;text-decoration:none;border:2px solid var(--charcoal);cursor:pointer}
.btn:hover{background:var(--tape-hot)}.btn.alt{background:transparent;color:var(--ink);border-color:var(--ink)}.btn.alt:hover{background:var(--card)}
.btn:disabled{opacity:.55;cursor:not-allowed}
nav .btn{padding:8px 16px}
.hero{padding:64px 0 56px}.hero .wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero p.lead{font-size:1.2rem;color:var(--steel)}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;align-items:center}
.text-link{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.mock{background:var(--card);border:2px solid var(--charcoal);border-radius:10px;padding:18px;box-shadow:8px 8px 0 var(--tape)}
.mock h3{font-size:1.2rem;margin:0}.mock small{color:var(--steel);display:block;margin-bottom:12px}
.tiers{display:grid;gap:10px}
.tier{border:1px solid var(--line);border-radius:8px;padding:12px 14px;display:flex;justify-content:space-between;gap:10px;align-items:center}
.tier b{font:700 1.25rem var(--hd)}.tier span{font-size:.9rem;color:var(--steel);display:block}
.tier em{font:700 1.5rem var(--hd);font-style:normal}
.tier.best{border:2px solid var(--pipe);background:var(--pipe-bg)}
section{padding:68px 0;border-top:1px solid var(--line)}
.page{padding:48px 0 12px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.tag{display:inline-block;background:var(--pipe-bg);color:var(--pipe);font-weight:600;font-size:.85rem;padding:3px 10px;border-radius:99px;margin-bottom:12px}
.sheet{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden;font-size:.95rem}
.row{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line)}
.row:last-child{border:0}.row.h{background:var(--charcoal);color:var(--paper);font-weight:600}
.up{color:var(--pipe);font-weight:600}
ul.ticks{list-style:none;padding:0;margin:0 0 1em}
ul.ticks li{padding:8px 0 8px 30px;position:relative;border-bottom:1px solid var(--line)}
ul.ticks li:before{content:"";position:absolute;left:4px;top:15px;width:14px;height:8px;border-left:3px solid var(--pipe);border-bottom:3px solid var(--pipe);transform:rotate(-45deg)}
ul.ticks.soon li:before{border-color:var(--steel);border-left-style:dashed}
.shot{margin:28px 0 0}.shot img{width:100%;max-width:720px;height:auto;border:1px solid var(--line);border-radius:10px}.shot figcaption{color:var(--steel);font-size:.9rem;margin-top:8px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;counter-reset:s}
.step{border-top:4px solid var(--charcoal);padding-top:12px}.step:before{counter-increment:s;content:counter(s);font:700 2rem var(--hd);color:var(--pipe)}
.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}
.plan{background:var(--card);border:2px solid var(--charcoal);border-radius:10px;padding:26px}
.price{font:700 2.8rem var(--hd);line-height:1}.price small{font:500 1rem var(--bd);color:var(--steel)}
.trades{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.trade{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px}
.trade h3{margin-bottom:.35em}
details{border-bottom:1px solid var(--line);padding:14px 0}summary{font-weight:600;cursor:pointer;font-size:1.05rem}
details p{margin:10px 0 0}
.band{background:var(--charcoal);color:#EAF0F4}.band p{color:#C5D0D8}.band .btn{border-color:var(--charcoal);color:var(--charcoal)}.band .btn.alt{color:#fff;border-color:#fff}
footer{padding:30px 0;font-size:.9rem;color:var(--steel);border-top:1px solid var(--line)}
footer .foot{display:flex;flex-wrap:wrap;gap:16px 28px;justify-content:space-between;align-items:flex-start}
footer nav{display:flex;flex-wrap:wrap;gap:14px 18px;font-size:.9rem}
footer a{text-decoration:underline;text-underline-offset:2px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.inquiry{display:grid;gap:12px;max-width:520px;margin-top:8px}
.inquiry label{display:grid;gap:6px;font-weight:600;font-size:.95rem}
.inquiry input,.inquiry select,.inquiry textarea{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#12202B}
.inquiry textarea{min-height:110px;resize:vertical}
.form-status{min-height:1.4em;margin:0}
@media(max-width:820px){.hero .wrap,.two,.plans,.steps,.trades{grid-template-columns:1fr}.hero{padding-top:36px}}