/* Foundation */
:root{--navy:#041630;--panel:#07234a;--blue:#0751bc;--cyan:#57d8fc;--white:#f1f6ff;--muted:#94accd;--green:#3cf1ad;--red:#ff6078;--line:#234469;--mono:'Consolas','Courier New',monospace;--display:'Impact','Arial Narrow','Helvetica Neue',sans-serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--navy);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{cursor:pointer}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.micro,.eyebrow,.panel-label,.section-heading>span{font:12px/1.5 var(--mono)}
/* Navigation and ticker */
.header{background:#03182ceF;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{min-height:82px;max-width:1440px;margin:auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px}.brand span{display:block;font:9px/2 var(--mono);letter-spacing:1px;color:var(--muted)}nav{display:flex;gap:34px;font:12px var(--mono)}nav a{padding:12px 0}nav a:hover{color:var(--cyan)}.external-nav{gap:24px;border-left:1px solid var(--line);padding-left:35px}.ticker{display:flex;height:38px;border-bottom:1px solid #1c4c77;background:#061e3c;font:12px var(--mono);overflow:hidden}.ticker-label{position:relative;z-index:1;background:#10407c;padding:12px 24px;white-space:nowrap}.ticker-window{overflow:hidden;flex:1}.ticker-track{display:flex;width:max-content;animation:ticker 40s linear infinite}.ticker-group{display:flex;gap:46px;padding:12px 23px;white-space:nowrap}.ticker b{color:var(--green);font-weight:400;margin-left:10px}.ticker .negative{color:var(--red)}@keyframes ticker{to{transform:translateX(-50%)}}
/* Trading floor hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#05234f 0%,#063477 65%,#03469c 100%);border-bottom:1px solid #2c6090}.market-board{position:absolute;inset:0 0 0 30%;opacity:.22;font:bold clamp(20px,3.5vw,52px) var(--mono);color:#63c5ff;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(33.333% - 1px),#46baff calc(33.333% - 1px),#46baff 33.333%)}.market-board>div{display:flex;align-items:center;justify-content:space-around;height:108px;border-bottom:1px solid #46baff;white-space:nowrap}.market-board span{margin:0 22px}.hero-inner{position:relative;min-height:660px;height:min(770px,81vh);display:grid;grid-template-columns:1fr 1fr}.hero-copy{position:relative;z-index:2;padding:50px 0 36px}.eyebrow{color:#add4ff;display:flex;gap:23px;font-size:11px}.eyebrow span{color:var(--green)}h1{font-family:var(--display);font-weight:900;font-size:clamp(88px,9.5vw,144px);letter-spacing:-3px;line-height:.9;margin:29px 0 21px}h1>span{color:var(--cyan)}.quote{display:flex;align-items:center;gap:24px;font-family:var(--mono)}.symbol{font-size:24px;color:#cadbf4}.gain{font-size:clamp(29px,3.2vw,46px);font-weight:bold;color:var(--green);letter-spacing:-2px}.hero-description{font-size:18px;line-height:1.55;color:#c9d9ed;margin:22px 0 25px}.hero-actions{display:flex;gap:12px}.button{min-height:52px;display:flex;align-items:center;justify-content:center;padding:16px 28px;border:1px solid #5896bf;background:#082852;font:700 14px var(--mono);transition:background .2s,border-color .2s,box-shadow .2s}.button:hover{background:#103e74;border-color:var(--cyan);box-shadow:0 0 18px #42bcff20}.button.primary{background:var(--cyan);border-color:var(--cyan);color:#042449}.button.primary:hover{background:#98eaff}.hero-copy>.micro{color:#86a9cf;margin-top:20px;font-size:10px}.portrait{position:absolute;right:-57px;bottom:0;width:61%;height:100%;isolation:isolate}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 15%;mask-image:linear-gradient(90deg,transparent 0%,#000 15%,#000 93%,transparent 100%);filter:drop-shadow(0 0 28px #1394ff44)}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#052752 0%,transparent 20%);pointer-events:none}.portrait-label{position:absolute;z-index:1;bottom:28px;right:70px;background:#031c38df;border-left:2px solid var(--cyan);padding:13px 20px}.portrait-label span{display:block;font:10px var(--mono);color:var(--cyan);margin-bottom:7px}.portrait-label strong{font-size:17px;font-weight:500}.hero-bottom{position:relative;display:flex;align-items:center;gap:35px;min-height:53px;border-top:1px solid #3e6a9280;font:10px var(--mono);color:#8eb1d8}.hero-bottom b{font-weight:400;color:#d6e6f6;margin-left:8px}.fiction-label{margin-left:auto;font-size:9px}
/* News desk */
.news{display:grid;grid-template-columns:2.1fr 1fr;border:1px solid var(--line);margin-top:38px;background:#072044}.panel-label{height:39px;background:#0d2c56;display:flex;align-items:center;justify-content:space-between;padding:0 23px;color:var(--cyan);font-size:11px;border-bottom:1px solid var(--line)}.panel-label span{color:#91a9c9;font-size:9px}.news-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;padding:32px 25px}h2,h3{margin:0}.news h2{font:clamp(30px,3.1vw,43px)/1.08 var(--display);letter-spacing:-.5px}.news-copy p{font-size:14px;line-height:1.6;margin:0 0 16px;color:#b3c7e0}.news-copy p:last-child{margin-bottom:0}.news-copy strong{color:var(--white);font-weight:400}.sentiment{border-left:1px solid var(--line)}.sentiment-content{padding:24px}.sentiment-content>.micro{color:var(--muted);font-size:10px}.sentiment h3{color:var(--green);font:42px/.98 var(--display);margin:12px 0 20px}.meter{height:8px;background:#173854}.meter>div{height:100%;width:98%;background:var(--green)}.meter-label{display:flex;justify-content:space-between;align-items:center;gap:10px;font:8px var(--mono);color:var(--muted);margin-top:10px}.meter-label b{color:var(--green);font-size:13px}
/* Instructions */
.how{padding-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.section-heading h2{font:clamp(24px,2.5vw,32px) var(--display)}.section-heading>span{color:var(--muted);font-size:10px}.steps{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.steps li{display:grid;grid-template-columns:64px 245px 1fr 100px;align-items:center;gap:20px;min-height:79px;border-bottom:1px solid var(--line)}.step-number{font:24px var(--mono);color:#619ac9}.steps h3{font-size:16px}.steps p{color:#adbfda;font-size:14px;line-height:1.6}.step-type{text-align:right;color:#7194b6;font:9px var(--mono)}
/* Contract and community */
.contract{display:grid;grid-template-columns:1fr 2fr;gap:40px;border:1px solid #34608c;margin-top:42px;padding:30px;background:#092a54}.pair>.micro{color:var(--cyan);font-size:10px}.pair h2{font:28px var(--display);margin:8px 0}.pair>span:last-child{font:10px var(--mono);color:#95b1d2}.contract-details{align-self:center;position:relative;min-width:0}.contract-heading{display:flex;justify-content:space-between;gap:12px;font:10px var(--mono);color:#b9cce4;margin-bottom:12px}.contract-heading>span{color:var(--muted)}.copy-control{display:flex;border:1px solid #41668b;background:#041a37}.copy-control input{width:100%;min-width:0;border:0;background:transparent;color:#d0e8ff;padding:17px 16px;font:13px var(--mono);border-radius:0}.copy-control button{border:0;border-left:1px solid #41668b;background:#123c65;color:var(--cyan);padding:0 22px;font:700 12px var(--mono);min-width:92px}.copy-control button:hover{background:#205181}.copy-status{position:absolute;top:100%;font:10px var(--mono);margin-top:6px;color:var(--green)}.social{padding:40px 0 35px}.social .section-heading h2{font-size:24px}.social-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.social-links .button{min-height:66px;background:#082044;font-size:17px}.social-links .button:hover{background:#103e74}.platform-note{font-size:10px;color:var(--muted);margin:14px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:27px 32px}.footer-brand{font-weight:900;font-size:16px}.footer-brand span{display:block;font:11px var(--mono);color:var(--cyan);margin-top:7px}footer p{color:var(--muted);font:11px/1.7 var(--mono);margin:0}footer>.micro{font-size:9px;color:#7192b4}
/* Responsive layouts */
@media(min-width:1550px){.portrait{right:-20px;width:59%}.hero-copy{padding-top:65px}}
@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header-inner{padding:0 28px}nav{gap:20px}.hero-inner{height:auto;min-height:660px}.hero-copy{padding-top:42px}.portrait{right:-60px;width:64%}.portrait img{object-position:48% center}.eyebrow{gap:12px;font-size:9px}.hero-bottom{gap:20px}.fiction-label{display:none}.news-copy{grid-template-columns:1fr;gap:20px}.news-copy p{display:inline-block;vertical-align:top;margin:0 16px 0 0}.sentiment-content{padding-top:38px}.steps li{grid-template-columns:45px 200px 1fr}.step-type{display:none}.contract{gap:20px}.section-heading>span{font-size:9px}}
@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 36px)}.header-inner{padding:15px 18px;min-height:92px;gap:15px;flex-wrap:wrap}.brand{font-size:20px}.brand span{font-size:7px}.header nav{gap:22px;font-size:10px}.header nav[aria-label="Main navigation"]{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:5px}.external-nav{padding-left:16px;gap:17px!important}.ticker-label{padding-inline:12px;font-size:9px;display:flex;align-items:center}.ticker-group{gap:26px}.hero-inner{display:flex;flex-direction:column;height:auto;min-height:0}.hero-copy{padding:33px 0 0}.eyebrow{font-size:9px;justify-content:space-between;gap:6px}h1{font-size:clamp(82px,20vw,132px);margin-top:26px;letter-spacing:-2px}.quote{gap:22px}.symbol{font-size:22px}.gain{font-size:36px}.hero-description{font-size:17px;margin:19px 0 23px}.hero-actions .button{flex:1;padding:16px 10px;font-size:12px}.hero-copy>.micro{font-size:9px}.portrait{position:relative;right:auto;width:calc(100% + 36px);margin-left:-18px;height:440px;margin-top:2px}.portrait img{object-fit:contain;object-position:center bottom;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.portrait-label{right:22px;bottom:20px}.market-board{inset:0;opacity:.13;font-size:25px}.hero-bottom{flex-wrap:wrap;gap:13px;padding-block:16px;justify-content:space-between;font-size:8px}.hero-bottom span:last-of-type{display:none}.hero-bottom span:nth-child(3){width:100%}.news{margin-top:24px;grid-template-columns:1fr}.panel-label{padding-inline:16px;font-size:10px}.panel-label span{font-size:7px}.news-copy{padding:23px 18px;grid-template-columns:1fr}.news h2{font-size:37px}.news-copy p{font-size:14px}.sentiment{border-left:0;border-top:1px solid var(--line)}.sentiment-content{padding:20px 18px}.sentiment h3{font-size:35px}.sentiment h3 br{display:none}.sentiment h3 br:after{content:' '}.section-heading{display:block}.section-heading>span{display:block;margin-top:10px}.how{padding-top:30px}.steps li{grid-template-columns:35px 1fr;gap:8px 15px;padding:20px 0}.steps h3{font-size:16px}.steps p{grid-column:2;margin:0;font-size:13px}.step-number{grid-row:1/3;align-self:start;font-size:22px}.contract{grid-template-columns:1fr;padding:23px 17px 34px;margin-top:28px;gap:24px}.copy-control input{font-size:11px;padding:15px 8px}.copy-control button{min-width:70px;padding:0 12px}.social{padding-top:30px}.social .section-heading h2{font-size:23px}.social-links{gap:8px}.social-links .button{padding:14px 7px;font-size:12px;min-height:56px}footer{flex-wrap:wrap;padding-block:23px}footer>.micro{display:none}footer p{font-size:9px}.platform-note{line-height:1.6}}
/* Seamless ticker and unavailable trading links */
.ticker-group{flex-shrink:0;gap:46px;padding-inline:0 46px}
[aria-disabled="true"]{opacity:.5;cursor:default;pointer-events:none}
/* Full-width layout and supplied artwork */
:root{--page-gutter:clamp(18px,3.4vw,72px)}
.wrap{width:calc(100% - var(--page-gutter)*2);max-width:none}
.header-inner{max-width:none;padding-inline:var(--page-gutter)}
.hero{background:linear-gradient(90deg,rgba(3,22,53,.94) 0%,rgba(3,27,65,.8) 33%,rgba(3,31,76,.3) 65%,rgba(3,31,76,.12) 100%),url('assets/bg.png') center/cover no-repeat}
.hero-inner{height:auto;min-height:max(660px,calc(100svh - 174px));align-items:center}
.hero-copy{padding-block:45px}
.portrait{right:calc(-1 * var(--page-gutter));width:59%;height:100%}
.portrait img{object-fit:contain;object-position:center bottom}
.brand-banner{width:100%;border-block:1px solid #3478bb;background:#0742ad;overflow:hidden}
.brand-banner img{display:block;width:100%;height:auto}
@media(min-width:1550px){h1{font-size:clamp(144px,9vw,200px)}.hero-copy{padding-block:55px}.portrait{width:61%}}
@media(max-width:1050px) and (min-width:701px){.portrait{width:61%}.hero-inner{min-height:max(660px,calc(100svh - 174px))}}
@media(max-width:700px){.hero{background:linear-gradient(90deg,rgba(3,22,53,.85),rgba(3,27,65,.5)),url('assets/bg.png') center/cover no-repeat}.hero-inner{min-height:calc(100svh - 165px);align-items:stretch}.hero-copy{padding:33px 0 0}.portrait{right:auto;width:calc(100% + var(--page-gutter)*2);margin-left:calc(-1 * var(--page-gutter));height:440px}.brand-banner img{min-height:130px;object-fit:contain}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}.button{transition:none}}
