:root{--ink:#07111a;--deep:#0a1721;--cream:#eeeadd;--yellow:#f9d831;--muted:#aab7c0;--line:rgba(231,239,240,.23)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f7f7ee;font-family:'DM Sans',sans-serif;overflow-x:hidden}
button,input{font:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
img,svg{display:block}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;padding:12px 18px;background:var(--yellow);color:var(--ink)}
.skip-link:focus{top:16px}
.page-gutter{padding-left:5.2vw;padding-right:5.2vw}
.section-padding{padding-top:110px;padding-bottom:125px}
.site-header{position:absolute;top:0;left:0;z-index:15;width:100%;min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 5.2vw;border-bottom:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,rgba(3,8,12,.48),rgba(3,8,12,.08))}
.brand{display:flex;align-items:center;gap:10px;min-width:220px}
.brand img{width:52px;height:52px;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(0,0,0,.2))}
.brand img{margin-right:10px}
.brand-name{font-family:'Barlow Condensed',sans-serif;font-size:27px;font-weight:900;font-style:italic;line-height:.78;letter-spacing:-.03em;white-space:nowrap}
.brand-name span{color:var(--yellow)}
.brand-name small{display:block;margin-top:9px;font-family:'DM Sans',sans-serif;font-size:8px;font-style:normal;font-weight:700;letter-spacing:.18em;color:#c0c9cb}
.nav{display:flex;align-items:center;gap:2.6vw}
.nav a{display:flex;gap:7px;align-items:center;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;letter-spacing:.08em;color:var(--yellow);white-space:nowrap;transition:color .2s,transform .2s}
.nav a + a{margin-left:2.6vw}
.nav a span{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.01em;color:#e7eced}
.nav a span{margin-left:7px}
.nav a:hover{transform:translateY(-2px)}
.nav a:hover span{color:var(--yellow)}
.header-buy{display:flex;align-items:center;justify-content:center;gap:10px;min-width:156px;height:45px;padding:0 13px;background:var(--yellow);color:var(--ink);font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:900;letter-spacing:.03em;clip-path:polygon(0 0,100% 0,100% 83%,93% 100%,0 100%);transition:transform .2s,background .2s}
.header-buy:hover{transform:translateY(-3px);background:#fff2a1}
.header-buy img{width:24px;height:24px;object-fit:contain}
.header-buy img{margin-right:8px}
.header-buy span:last-child{margin-left:auto;font-size:20px;font-weight:500}

.hero{position:relative;min-height:840px;height:100vh;max-height:960px;isolation:isolate;overflow:hidden;background:#0c1826}
.hero-image,.hero-shadow,.rain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}
.hero-image{z-index:0;background-image:url('assets/duckstorm-hero.jpg');background-size:cover;background-position:center center;transform:scale(1.025);filter:brightness(.78) saturate(.9) contrast(1.08);transition:filter .75s ease,transform 1.1s ease}
.hero-shadow{z-index:1;background:linear-gradient(90deg,rgba(3,9,14,.96) 0%,rgba(4,10,16,.84) 23%,rgba(5,11,18,.42) 48%,rgba(5,11,18,.04) 78%),linear-gradient(0deg,rgba(4,10,15,.76) 0%,transparent 30%,rgba(2,7,13,.2) 100%);transition:background .7s}
.rain{z-index:2;opacity:.25;background-image:repeating-linear-gradient(116deg,transparent 0 65px,rgba(230,244,255,.08) 66px,transparent 68px);background-size:300px 300px;animation:rainfall 8s linear infinite;transition:opacity .7s}
.hero[data-weather="swell"] .hero-image{filter:brightness(.95) saturate(1.02) contrast(1.02);transform:scale(1)}
.hero[data-weather="swell"] .rain{opacity:.1}
.hero[data-weather="sunbreak"] .hero-image{filter:brightness(1.18) saturate(1.3) sepia(.09);transform:scale(1.035)}
.hero[data-weather="sunbreak"] .hero-shadow{background:linear-gradient(90deg,rgba(3,9,14,.87),rgba(4,10,16,.7) 28%,rgba(7,16,20,.12) 72%),linear-gradient(0deg,rgba(4,10,15,.58),transparent 36%),linear-gradient(125deg,transparent 53%,rgba(255,217,89,.19) 100%)}
.hero[data-weather="sunbreak"] .rain{opacity:0}
@keyframes rainfall{to{background-position:-300px 300px}}
.hero-grid{position:relative;z-index:3;display:flex;align-items:center;min-height:100%;padding-top:128px;padding-bottom:94px}
.hero-copy{position:relative;max-width:665px;width:58%}
.eyebrow,.kicker,.section-topline,.forecast-head,.forecast-scale,.placeholder-overline{font-size:11px;font-weight:700;letter-spacing:.21em}
.eyebrow{display:flex;align-items:center;gap:10px;color:#cbd2d3;margin:0 0 21px}
.signal-dot{width:7px;height:7px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 4px rgba(249,216,49,.15),0 0 18px var(--yellow)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,.ticker,.phase-title{font-family:'Barlow Condensed',sans-serif}
h1{font-size:10vw;line-height:.71;font-weight:900;letter-spacing:-.058em;margin-bottom:29px;text-shadow:0 8px 30px rgba(0,0,0,.18)}
h1 em,h2 em,h3 em{color:var(--yellow);font-style:normal}
.period{color:#f7f7ee}
.hero-lede{font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:1.02;font-weight:700;letter-spacing:.01em;margin-bottom:13px}
.hero-body{max-width:430px;font-size:13px;line-height:1.65;color:#cad1d2;margin-bottom:23px}
.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-width:520px}
.action{display:flex;align-items:center;gap:10px;height:53px;padding:0 15px;border:1px solid rgba(234,241,242,.45);background:rgba(5,13,19,.58);backdrop-filter:blur(12px);font-family:'Barlow Condensed',sans-serif;font-size:18px;font-weight:800;letter-spacing:.035em;transition:transform .22s,background .22s,border-color .22s}
.action:hover{transform:translateY(-3px);background:rgba(30,46,56,.9);border-color:var(--yellow)}
.action-buy{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}
.action-buy:hover{background:#ffe877}
.action img{width:29px;height:29px;object-fit:contain;flex:none}
.action img{margin-right:10px}
.action b{margin-left:auto;font-family:'DM Sans',sans-serif;font-size:18px;font-weight:400}
.brand-icon{width:25px;height:25px;flex:none}
.action .brand-icon{margin-right:10px}
.telegram-icon{color:#50bdf4}
.forecast{max-width:520px;margin-top:26px;padding:13px 16px 10px;border:1px solid rgba(233,239,237,.24);background:rgba(6,14,19,.32);backdrop-filter:blur(9px)}
.forecast-head,.forecast-scale{display:flex;justify-content:space-between;gap:10px}
.forecast-head{color:#edf2ed}
.forecast-head span:last-child{color:var(--yellow)}
.forecast input{display:block;width:100%;height:22px;margin:9px 0 4px;appearance:none;background:transparent;cursor:pointer}
.forecast input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--yellow),rgba(255,255,255,.35));border-radius:99px}
.forecast input::-moz-range-track{height:3px;background:linear-gradient(90deg,var(--yellow),rgba(255,255,255,.35));border-radius:99px}
.forecast input::-webkit-slider-thumb{appearance:none;width:19px;height:19px;margin-top:-8px;border:4px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}
.forecast input::-moz-range-thumb{width:12px;height:12px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 0 0 2px var(--yellow)}
.forecast-scale{font-size:8px;color:#aeb9ba}
.hero-side-note{position:absolute;right:28px;top:44%;writing-mode:vertical-rl;font-size:10px;font-weight:700;letter-spacing:.22em;color:#e8eef0;z-index:1}
.hero-side-note span{display:inline-block;margin-top:16px;color:var(--yellow);font-size:20px}
.ticker{position:absolute;z-index:5;right:0;bottom:0;left:0;width:100%;height:58px;display:flex;align-items:center;overflow:hidden;background:var(--yellow);color:var(--ink);font-size:24px;font-weight:900;letter-spacing:.07em;white-space:nowrap}
.ticker-track{display:flex;flex:none;width:max-content;will-change:transform;animation:marquee 34s linear infinite}
.ticker-copy{display:block;flex:none;line-height:1.05;padding-right:18px}
@keyframes marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}

.voyage{position:relative;overflow:hidden;background:var(--cream);color:var(--ink)}
.section-topline{display:flex;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid currentColor;opacity:.65}
.voyage-heading,.sonar-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-top:64px;margin-bottom:57px}
.kicker{margin-bottom:16px;color:#6c6a5f}
h2{margin-bottom:0;font-size:8.5vw;line-height:.78;letter-spacing:-.045em;font-weight:900}
.voyage h2 em{color:#d9a900}
.voyage-heading>p,.sonar-heading>p{max-width:288px;margin-bottom:7px;font-size:14px;line-height:1.8;color:#5c605d}
.roadmap{position:relative;z-index:1;border-top:2px solid var(--ink)}
.roadmap-item{border-bottom:2px solid var(--ink);transition:background .25s}
.roadmap-item:hover,.roadmap-item.is-open{background:rgba(255,255,255,.32)}
.roadmap-trigger{width:100%;min-height:103px;display:flex;align-items:center;border:0;padding:14px 20px 14px 4px;text-align:left;background:transparent;color:var(--ink);cursor:pointer}
.phase-no{flex:0 0 72px;align-self:start;margin-right:20px;padding-top:16px;font-size:12px;font-weight:700;letter-spacing:.2em}
.phase-title{flex:1;min-width:0;font-size:4.3vw;font-weight:900;letter-spacing:-.02em;line-height:.95}
.phase-aside{flex:0 0 190px;margin-left:20px;font-size:12px;color:#6a6d68}
.phase-toggle{display:grid;place-items:center;flex:0 0 44px;margin-left:20px;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;font-size:27px;line-height:1;transition:transform .2s,background .2s,color .2s}
.roadmap-item.is-open .phase-toggle{background:var(--ink);color:var(--yellow);transform:rotate(90deg)}
.roadmap-panel{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 78px 27px 96px}
.roadmap-panel[hidden]{display:none}
.roadmap-panel p{max-width:480px;margin:0;font-size:14px;line-height:1.7;color:#4e5552}
.roadmap-panel span{font-size:9px;font-weight:700;letter-spacing:.18em;white-space:nowrap;color:#7a7b70}
.voyage-stamp{position:absolute;right:-34px;top:190px;width:180px;height:180px;border:2px dashed rgba(9,19,27,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(18deg);opacity:.25;pointer-events:none}
.voyage-stamp img{position:absolute;width:120px;height:120px;object-fit:contain}
.voyage-stamp span{position:absolute;bottom:8px;font-family:'Barlow Condensed',sans-serif;font-size:22px;line-height:.8;text-align:center;font-weight:900}

.sonar{background:radial-gradient(circle at 85% 22%,rgba(26,66,77,.45),transparent 34%),linear-gradient(145deg,#07111a,#0d202a 67%,#07111a);color:#f0f3ee}
.sonar .section-topline{color:#b5c6cb}
.sonar .kicker{color:var(--yellow)}
.sonar-heading>p{color:#a8b8bf}
.chart-shell{border:1px solid #49606a;box-shadow:0 28px 70px rgba(0,0,0,.25);background:#071119}
.chart-topbar,.chart-footer{height:54px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-bottom:1px solid #253e49;font-size:10px;font-weight:700;letter-spacing:.13em;color:#b8cbd1}
.chart-dots{display:flex;gap:6px}
.chart-dots i{display:block;width:8px;height:8px;border:1px solid #78909b;border-radius:50%}
.chart-dots i+i{margin-left:6px}
.chart-dots i:first-child{background:var(--yellow);border-color:var(--yellow)}
.chart-live{display:flex;align-items:center;gap:8px;color:var(--yellow)}
.chart-live i{width:6px;height:6px;background:currentColor;border-radius:50%;box-shadow:0 0 0 4px rgba(249,216,49,.1)}
.chart-live i{margin-right:8px}
.chart-window{position:relative;min-height:495px;overflow:hidden;background-color:#081620;background-image:linear-gradient(rgba(83,121,139,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(83,121,139,.12) 1px,transparent 1px);background-size:58px 58px}
.chart-window.has-chart{background:#081620}
#dex-frame{width:100%;height:620px;display:block;border:0}
#dex-frame[hidden]{display:none}
.chart-placeholder{min-height:495px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px;position:relative;isolation:isolate}
.chart-placeholder[hidden]{display:none}
.sonar-rings{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;display:grid;place-items:center;overflow:hidden}
.sonar-rings span{position:absolute;width:225px;height:225px;border:1px solid rgba(80,173,188,.24);border-radius:50%;animation:pulse 4.5s ease-out infinite}
.sonar-rings span:nth-child(2){animation-delay:1.5s}
.sonar-rings span:nth-child(3){animation-delay:3s}
.sonar-rings b{position:absolute;font-size:290px;font-weight:400;color:rgba(38,106,124,.12);transform:rotate(-23deg)}
@keyframes pulse{0%{transform:scale(.55);opacity:0}20%{opacity:1}100%{transform:scale(2.7);opacity:0}}
.placeholder-overline{color:var(--yellow);margin-bottom:15px}
.chart-placeholder h3{font-size:5vw;line-height:.83;letter-spacing:-.02em;margin-bottom:16px}
.chart-placeholder>p:last-child{max-width:330px;font-size:13px;line-height:1.6;color:#afbec2}
.chart-footer{border-top:1px solid #253e49;border-bottom:0}
.chart-external{color:var(--yellow);transition:opacity .2s}
.chart-external:hover{opacity:.7}
.chart-external span{font-size:18px;vertical-align:middle;margin-left:9px}
.site-footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2b414b;background:#07111a;color:#c3ced0;font-size:10px;font-weight:700;letter-spacing:.12em}
.site-footer p{margin:0;text-align:center}
.footer-brand{display:flex;align-items:center;gap:7px;color:#fff;font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:900;letter-spacing:0}
.footer-brand img{width:36px;height:36px;object-fit:contain}
.footer-site-link{color:var(--yellow)}
.site-footer>a:last-child{white-space:nowrap;color:var(--yellow)}
.toast{position:fixed;z-index:40;bottom:24px;left:50%;max-width:calc(100vw - 32px);padding:12px 19px;border:1px solid var(--yellow);background:#06111a;color:#fff;box-shadow:0 10px 35px rgba(0,0,0,.45);font-size:12px;text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:opacity .25s,transform .25s}
.toast.is-visible{opacity:1;transform:translate(-50%,0)}

@media(max-width:1100px){.nav{gap:16px}.nav a span{display:none}.hero-copy{width:65%}.voyage-stamp{display:none}}
@media(max-width:760px){.site-header{min-height:80px;gap:8px;padding:12px 20px;flex-wrap:wrap}.brand{min-width:0;flex:1}.brand img{width:42px;height:42px}.brand-name{font-size:23px}.brand-name small{font-size:7px}.header-buy{min-width:121px;height:39px;font-size:15px}.header-buy img{width:20px;height:20px}.header-buy span:last-child{display:none}.nav{order:3;width:100%;justify-content:center;gap:0;border-top:1px solid rgba(255,255,255,.16);padding-top:7px}.nav a{flex:1;justify-content:center;font-size:11px}.nav a + a{margin-left:0}.nav a span{display:inline;font-size:10px}.hero{height:auto;min-height:880px}.hero-image{background-position:86% center}.hero-shadow{background:linear-gradient(90deg,rgba(2,8,14,.92),rgba(2,8,14,.64) 65%,rgba(2,8,14,.25)),linear-gradient(0deg,rgba(2,8,14,.8),transparent 40%)}.hero-grid{align-items:flex-start;padding-top:188px;padding-bottom:170px}.hero-copy{width:100%;max-width:520px}h1{font-size:14vw}.hero-side-note{display:none}.section-padding{padding-top:85px;padding-bottom:90px}.voyage-heading,.sonar-heading{display:block;margin-top:50px;margin-bottom:40px}.voyage-heading>p,.sonar-heading>p{max-width:520px;margin:26px 0 0}.roadmap-trigger{min-height:92px;padding-right:4px}.phase-no{flex-basis:38px;margin-right:10px}.phase-toggle{margin-left:10px;flex-basis:36px}.phase-aside{display:none}.phase-title{font-size:7vw}.phase-toggle{width:36px;height:36px}.roadmap-panel{display:block;padding:0 35px 25px 48px}.roadmap-panel span{display:block;margin-top:17px}.chart-window,.chart-placeholder{min-height:410px}}
@media(max-width:480px){.page-gutter{padding-left:20px;padding-right:20px}.brand-name{font-size:20px}.brand img{width:39px;height:39px}.header-buy{min-width:112px;padding:0 8px}.site-header{padding-left:18px;padding-right:18px}.hero{min-height:860px}.hero-image{background-position:86% center}.hero-grid{padding-top:185px;padding-bottom:185px}.eyebrow{font-size:9px}h1{font-size:16vw;margin-bottom:23px}.hero-lede{font-size:28px}.hero-body{font-size:12px;max-width:330px}.action-grid{gap:7px}.action{height:49px;padding:0 8px;gap:5px;font-size:13px}.action img{width:23px;height:23px}.action img,.action .brand-icon{margin-right:4px}.nav a span{margin-left:4px}.action b{font-size:14px}.brand-icon{width:21px;height:21px}.forecast{margin-top:16px;padding:12px 10px}.forecast-head{font-size:9px}.ticker{height:42px;font-size:21px}.section-topline{font-size:9px}.section-topline span:last-child{text-align:right}h2{font-size:14vw}.voyage-heading>p,.sonar-heading>p{font-size:13px}.phase-title{font-size:2rem}.phase-no{font-size:10px}.roadmap-panel{padding-left:43px}.chart-topbar,.chart-footer{padding:0 10px;font-size:8px;letter-spacing:.08em}.chart-topbar>span:nth-child(2){display:none}.chart-window,.chart-placeholder{min-height:370px}.chart-placeholder h3{font-size:3rem}.site-footer{flex-wrap:wrap;padding-top:18px;padding-bottom:18px;justify-content:center;text-align:center}.site-footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
[hidden]{display:none !important}