@font-face{font-family:"Unbounded";src:url(/assets/fonts/unbounded-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Unbounded";src:url(/assets/fonts/unbounded-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap}
:root{
  color-scheme:dark;
  --bg:#000;--bg-2:#181818;--surface:#1F1F1F;--ink:#F2FBFA;--ink-2:#93A6A4;--line:rgba(200,240,235,.14);
  --accent:#5EEAD4;--accent-ink:#00201C;--nav-bg:#000;--focus:#5EEAD4;--err:#FDA4AF;
  --font-display:"Unbounded",system-ui,sans-serif;--font-text:"Geist",system-ui,sans-serif;
  --display-weight:500;--display-track:-0.03em;--card-r:var(--r-2xl);--img-r:var(--r-2xl);--field-r:var(--r-lg);
}
.nav__brand{font-size:1rem;line-height:1.5rem;color:var(--ink)}
.nav__brand .i{color:var(--accent)}
.hero{position:relative;min-height:100svh;display:grid;align-items:end;isolation:isolate}
.hero__bg{position:absolute;inset:0;z-index:-1}
.hero__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero__inner{display:grid;gap:var(--s300);justify-items:start;padding-block:var(--s900) var(--s800)}
.hero h1{max-width:880px}
@media (min-width:1024px){.hero h1{font-size:4.5rem}}
.hero .lead{color:#D5E6E4;max-width:600px}
.stats{border-block:1px solid var(--line);padding-block:var(--s600)}
.big{font-family:var(--font-display);font-size:2.25rem;line-height:2.5rem;font-weight:500;letter-spacing:-0.03em;color:var(--accent)}
@media (min-width:1024px){.big{font-size:3rem;line-height:1}}
.stats .muted{margin-top:var(--s75);font-size:.875rem;line-height:1.25rem}
.head{max-width:720px}
.head>*+*{margin-top:var(--s200)}
.chart{display:grid;gap:var(--s300)}
.readout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s300)}
@media (min-width:768px){.readout{grid-template-columns:repeat(4,minmax(0,1fr))}}
.lbl{font-size:.75rem;line-height:1rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.12em}
.val{font-size:1.5rem;line-height:2rem;margin-top:var(--s50)}
.accent{color:var(--accent)}
.plot{width:100%;height:240px;overflow:visible}
@media (min-width:1024px){.plot{height:300px}}
.gridlines line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}
.power{fill:rgba(94,234,212,.16);stroke:none}
.tide{fill:none;stroke:var(--ink);stroke-width:2;vector-effect:non-scaling-stroke}
.cursor{stroke:var(--accent);stroke-width:1;vector-effect:non-scaling-stroke}
.dot{fill:var(--accent)}
.axis{display:flex;justify-content:space-between;font-size:.75rem;line-height:1rem;color:var(--ink-2);margin-top:calc(var(--s200) * -1)}
input[type=range]{width:100%;height:24px;-webkit-appearance:none;appearance:none;background:transparent}
input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--r-full);background:var(--line)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-10px;border-radius:var(--r-full);background:var(--accent);border:4px solid var(--surface)}
input[type=range]::-moz-range-track{height:4px;border-radius:var(--r-full);background:var(--line)}
input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:var(--r-full);background:var(--accent);border:4px solid var(--surface)}
.key{display:flex;gap:var(--s300);font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.key li{display:flex;align-items:center;gap:var(--s75)}
.key .k{width:16px;height:4px;border-radius:var(--r-full);display:inline-block}
.k1{background:var(--ink)}.k2{background:rgba(94,234,212,.5)}
.turb{display:grid;gap:var(--s600);align-items:center}
@media (min-width:1024px){.turb{grid-template-columns:1fr 1.2fr;gap:var(--s800)}}
.specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s300)}
.specs div{border-top:1px solid var(--line);padding-top:var(--s200)}
.specs dt{font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.specs dd{font-size:1.5rem;line-height:2rem;margin-top:var(--s50)}
.road{display:grid;gap:var(--s300)}
@media (min-width:1024px){.road{grid-template-columns:repeat(4,minmax(0,1fr))}}
.road li{display:grid;gap:var(--s100);align-content:start;padding:var(--s300);border-radius:var(--r-2xl);border:1px solid var(--line)}
.road .now{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.yr{color:var(--accent);font-size:.875rem;line-height:1.25rem}
.inv{display:grid;gap:var(--s600)}
@media (min-width:1024px){.inv{grid-template-columns:1fr 1fr;gap:var(--s800);align-items:start}}
.foot{padding-block:var(--s600) var(--s900);border-top:1px solid var(--line);font-size:.875rem;line-height:1.25rem;color:var(--ink-2)}
.foot .row{gap:var(--s200)}
