:root{
  --paper:#f2f4f8; --paper-alt:#e7eaf1; --panel:#ffffff; --border:#d9dee8; --border-strong:#c2c9d8;
  --ink:#141a24; --ink-dim:#4b5468; --ink-faint:#7c8598;
  --blue:#1e50a8; --orange:#ff5a1f; --orange-dim:#ffe6db; --orange-strong:#d94714;
  --shadow:0 1px 2px rgba(15,25,45,.05),0 12px 30px -14px rgba(15,25,45,.18);
  --grid-line:rgba(30,80,168,.07);
}
@media (prefers-color-scheme: dark){
  :root{
    --paper:#0d1420; --paper-alt:#111a2b; --panel:#131d30; --border:#233350; --border-strong:#3a4d70;
    --ink:#e9edf5; --ink-dim:#a8b2c6; --ink-faint:#7c88a3;
    --blue:#6fa8ff; --orange:#ff7a45; --orange-dim:#3a2013; --orange-strong:#ff8f5e;
    --grid-line:rgba(111,168,255,.07);
  }
}
:root[data-theme="dark"]{
  --paper:#0d1420; --paper-alt:#111a2b; --panel:#131d30; --border:#233350; --border-strong:#3a4d70;
  --ink:#e9edf5; --ink-dim:#a8b2c6; --ink-faint:#7c88a3;
  --blue:#6fa8ff; --orange:#ff7a45; --orange-dim:#3a2013; --orange-strong:#ff8f5e;
  --grid-line:rgba(111,168,255,.07);
}
:root[data-theme="light"]{
  --paper:#f2f4f8; --paper-alt:#e7eaf1; --panel:#ffffff; --border:#d9dee8; --border-strong:#c2c9d8;
  --ink:#141a24; --ink-dim:#4b5468; --ink-faint:#7c8598;
  --blue:#1e50a8; --orange:#ff5a1f; --orange-dim:#ffe6db; --orange-strong:#d94714;
  --grid-line:rgba(30,80,168,.07);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:-apple-system,"Segoe UI",Roboto,system-ui,sans-serif;
  font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;
  background-image:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);
  background-size:34px 34px;
}
h1,h2,h3{text-wrap:balance; margin:0; letter-spacing:-.02em}
p{margin:0}
a{color:var(--blue)}
.wrap{max-width:820px; margin:0 auto; padding:0 24px}
.nav{
  position:sticky; top:0; z-index:40; padding:14px 24px; border-bottom:1px solid var(--border);
  background:color-mix(in srgb, var(--paper) 85%, transparent); backdrop-filter:blur(10px);
}
.nav-inner{max-width:820px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:16px}
.brand{display:flex; align-items:center; gap:9px; font-weight:800; font-size:15px; text-decoration:none; color:var(--ink)}
.brand-mark{width:24px;height:24px;border-radius:6px;background:var(--orange);position:relative;flex:0 0 auto;box-shadow:0 0 0 4px var(--orange-dim)}
.brand-mark::before{content:"";position:absolute;left:5px;top:11px;width:14px;height:2px;background:#fff}
.brand-mark::after{content:"";position:absolute;left:5px;top:7px;width:9px;height:2px;background:#fff}
.nav-cta{background:var(--ink); color:var(--paper); font-weight:700; font-size:13px; padding:8px 15px; border-radius:8px; text-decoration:none; white-space:nowrap}
.nav-cta:hover{background:var(--orange); color:#fff}
.crumb{font-size:12.5px; color:var(--ink-faint); padding:22px 0 0}
.crumb a{color:var(--ink-faint)}
header.page{padding:16px 0 40px}
.eyebrow{
  font-family:ui-monospace,Menlo,Consolas,monospace; font-size:12px; font-weight:700; letter-spacing:.1em;
  text-transform:uppercase; color:var(--orange-strong); display:inline-flex; align-items:center; gap:8px;
}
.eyebrow::before{content:"";width:18px;height:2px;background:var(--orange)}
h1{font-size:clamp(28px,4.6vw,42px); font-weight:800; margin:16px 0 18px}
.lead{font-size:17.5px; color:var(--ink-dim); max-width:60ch}
.cta-row{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px}
.btn{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; padding:13px 22px; border-radius:10px; text-decoration:none; border:1.5px solid transparent}
.btn.primary{background:var(--orange); color:#fff; box-shadow:0 10px 24px -8px rgba(255,90,31,.5)}
.btn.primary:hover{background:var(--orange-strong)}
.btn.ghost{border-color:var(--border-strong); color:var(--ink)}
.btn.ghost:hover{border-color:var(--ink); background:var(--panel)}
section{padding:34px 0}
h2{font-size:clamp(21px,3vw,27px); font-weight:800; margin-bottom:8px}
.sec-intro{color:var(--ink-dim); margin-bottom:22px; max-width:62ch}
table.plan{width:100%; border-collapse:collapse; background:var(--panel); border:1px solid var(--border); border-radius:12px; overflow:hidden; box-shadow:var(--shadow)}
table.plan th, table.plan td{text-align:left; padding:11px 16px; border-bottom:1px solid var(--border); font-size:14.5px}
table.plan th{background:var(--paper-alt); font-size:11.5px; text-transform:uppercase; letter-spacing:.05em; color:var(--ink-faint)}
table.plan tr:last-child td{border-bottom:none}
table.plan td.num{color:var(--ink-faint); font-variant-numeric:tabular-nums; width:44px}
table.plan td.days{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; width:90px; color:var(--ink-dim)}
.table-scroll{overflow-x:auto}
.total{margin-top:12px; font-size:13.5px; color:var(--ink-faint)}
.hints{display:grid; gap:14px; grid-template-columns:repeat(2,1fr)}
@media (max-width:700px){ .hints{grid-template-columns:1fr} }
.hint{background:var(--panel); border:1px solid var(--border); border-left:3px solid var(--orange); border-radius:10px; padding:18px 20px; box-shadow:var(--shadow)}
.hint h3{font-size:15.5px; font-weight:700; margin-bottom:6px}
.hint p{font-size:14px; color:var(--ink-dim)}
.faq-item{background:var(--panel); border:1px solid var(--border); border-radius:12px; padding:2px 20px; margin-bottom:10px; box-shadow:var(--shadow)}
.faq-item summary{padding:16px 26px 16px 0; font-weight:700; font-size:15px; cursor:pointer; list-style:none; position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+"; position:absolute; right:0; top:14px; font-size:20px; color:var(--orange)}
.faq-item[open] summary::after{content:"\2013"}
.faq-item p{color:var(--ink-dim); font-size:14.5px; padding-bottom:18px; max-width:64ch}
.other-trades{display:flex; flex-wrap:wrap; gap:9px}
.trade-link{padding:8px 14px; border-radius:20px; background:var(--panel); border:1px solid var(--border); font-size:13.5px; font-weight:600; text-decoration:none; color:var(--ink); display:inline-flex; align-items:center; gap:7px}
.trade-link:hover{border-color:var(--orange); color:var(--orange-strong)}
.trade-dot{width:8px;height:8px;border-radius:2px;flex:0 0 auto}
.cta-band{background:var(--panel); border:1px solid var(--border); border-radius:16px; padding:34px 30px; text-align:center; box-shadow:var(--shadow); margin:14px 0}
.cta-band h2{margin-bottom:10px}
.cta-band p{color:var(--ink-dim); margin-bottom:22px}
.cta-band .cta-row{justify-content:center}
footer{border-top:1px solid var(--border); background:var(--paper-alt); padding:24px 0; margin-top:40px}
.foot{display:flex; flex-wrap:wrap; gap:10px 26px; justify-content:space-between; font-family:ui-monospace,Menlo,Consolas,monospace; font-size:11.5px; color:var(--ink-faint)}
.foot a{color:var(--ink-faint)}