@font-face{font-family:"Chakra Petch";src:url("/assets/brand/fonts/ChakraPetch-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("/assets/brand/fonts/ChakraPetch-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Chakra Petch";src:url("/assets/brand/fonts/ChakraPetch-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("/assets/brand/fonts/Inter.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--ink:#eef0ff;--muted:#9497b8;--dim:#4c4f6e;--line:#1e1a33;--green:#ff6b2c;--teal:#3de8ff;--black:#07050f;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--ink);margin:0;font-family:"Inter",ui-sans-serif,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-shell{background:radial-gradient(55% 35% at 75% 30%,#ff6b2c0b,#0000 70%);overflow:hidden}
.wrap{width:min(1160px,100% - 48px);margin-inline:auto}
.nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:88px;display:flex}
.brand{letter-spacing:-.04em;align-items:center;gap:9px;font-size:17px;font-weight:700;display:flex}
.brand img{object-fit:cover;border-radius:8px;width:27px;height:27px}
.brand-muted{color:#737873;font-weight:500}
.nav-links{color:#a3a7c7;align-items:center;gap:31px;font-size:13px;display:flex}
.nav-links a:hover{color:var(--ink)}
.hero{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:650px;padding:106px 0 126px;display:grid}
.eyebrow{color:var(--green);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700}
.live-dot{vertical-align:1px;background:var(--green);width:6px;height:6px;box-shadow:0 0 14px var(--green);border-radius:50%;margin-right:8px;display:inline-block}
h1,h2,h3,p{margin:0}
h1,h2{letter-spacing:-.07em;font-family:"Chakra Petch","Inter",ui-sans-serif,sans-serif;font-weight:500;line-height:.94}
h1{margin:25px 0 31px;font-size:clamp(58px,7.5vw,98px)}
h1 em,h2 em{color:var(--green);font-style:normal}
.hero-text{color:#a3a7c7;max-width:460px;font-size:16px;line-height:1.6}
.hero-actions{align-items:center;gap:12px;margin-top:28px;display:flex;flex-wrap:wrap}
.button{border:1px solid var(--line);border-radius:999px;align-items:center;gap:18px;min-height:48px;padding:0 19px;font-size:13px;font-weight:700;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}
.button:hover{border-color:#5a4f86;transform:translateY(-2px)}
.button-primary{color:#07050f;background:var(--green);border-color:var(--green)}
.button-primary:hover{background:#ff8c57;border-color:#ff8c57}
.button-ghost{color:#c0c3e0}
.ca-inline{color:var(--green);letter-spacing:.08em;font-size:11px}
.microcopy{color:#666a8a;margin-top:16px;font-size:12px}
.check{color:var(--green)}
.product-stage{justify-content:center;align-items:center;min-height:420px;display:flex;position:relative}
.stage-glow{filter:blur(12px);background:radial-gradient(circle,#3de8ff33,#ff6b2c0d 42%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute}
.browser-card{z-index:1;background:#120e22;border:1px solid #2a2442;border-radius:12px;width:280px;padding:7px;position:relative;transform:rotate(3deg);box-shadow:0 25px 80px #000000b3,0 0 35px #ff6b2c1a}
.browser-bar{align-items:center;gap:4px;height:20px;padding:0 5px 5px;display:flex}
.browser-bar span{background:#3a3358;border-radius:50%;width:5px;height:5px}
.browser-bar small{color:#666c66;letter-spacing:.05em;margin-left:auto;font-size:7px}
.extension-wrap{background:#06040d;border-radius:6px;overflow:hidden}
.extension-wrap img{width:100%;height:auto}
.float-note{z-index:2;background:#140f25eb;border:1px solid #2e2848;border-radius:7px;align-items:center;gap:10px;padding:12px 14px;font-size:11px;display:flex;position:absolute;box-shadow:0 12px 30px #0008}
.float-note strong,.float-note small{display:block}
.float-note strong{color:#e6e8ff;font-size:11px}
.float-note small{color:#767a9c;margin-top:4px;font-size:10px}
.note-icon{color:#111;background:var(--green);border-radius:6px;place-items:center;width:25px;height:25px;font-size:15px;font-weight:700;display:grid}
.note-icon.green{color:var(--green);background:#2a1530}
.note-top{top:55px;right:2px}
.note-bottom{bottom:45px;left:5px}
.proof-strip{border-block:1px solid var(--line);background:#0b0818}
.proof-inner{color:#8c938b;justify-content:space-between;align-items:center;min-height:76px;font-size:12px;display:flex}
.proof-mark{color:var(--green);margin-right:10px;font-size:17px}
.proof-line{background:#2c2745;width:1px;height:20px}
.proof-arrow{color:var(--green);padding-left:10px}
.intro-section{grid-template-columns:.75fr 1.25fr;align-items:center;gap:70px;padding:112px 0 118px;display:grid}
.intro-section h2{margin-top:22px;font-size:clamp(42px,5vw,68px)}
.intro-section h2 span{color:#666a8a}
.website-video{aspect-ratio:16/9;object-fit:cover;background:#06040d;border:1px solid #2a2442;border-radius:8px;width:100%;display:block;box-shadow:0 18px 55px #00000047}
.terminals{grid-template-columns:.9fr 1.1fr;align-items:center;gap:90px;padding:112px 0 118px;display:grid}
.terminals h2{margin-top:23px;font-size:clamp(46px,6vw,74px)}
.terminals h2 span{color:#666a8a}
.terminal-list{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}
.terminal-card{background:#0f0b1d;border:1px solid #2a2442;border-radius:8px;align-items:center;gap:15px;min-height:126px;padding:20px;transition:transform .2s,border-color .2s,background .2s;display:flex}
.terminal-card:hover{background:#161130;border-color:#5a4f86;transform:translateY(-3px)}
.mark{color:#0b0e09;background:var(--green);border-radius:8px;width:34px;height:34px;display:grid;place-items:center;font-weight:700;font-size:14px}
.mark.dim{color:#e6e8ff;background:#221a3a}
.terminal-card strong,.terminal-card small{display:block}
.terminal-card strong{font-size:15px;font-weight:600}
.terminal-card small{color:#767a9c;margin-top:4px;font-size:12px}
.terminal-arrow{margin-left:auto;color:#a3a7c7}
.features{padding:126px 0 130px}
.section-heading h2{margin-top:23px;font-size:clamp(46px,6vw,74px)}
.section-heading h2 span{color:#666a8a}
.feature-grid{grid-template-columns:repeat(3,1fr);gap:50px;margin-top:92px;display:grid}
.feature-grid article{border-top:1px solid #2a2442;padding-top:17px}
.feature-number{color:var(--green);font-size:11px}
.feature-grid h3{letter-spacing:-.04em;margin:35px 0 14px;font-size:19px;font-weight:500}
.feature-grid p{color:#8b8fb0;max-width:280px;font-size:14px;line-height:1.7}
.cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding:75px 0;display:flex}
.cta h2{margin-top:22px;font-size:clamp(49px,6vw,76px)}
.ca-row{align-items:center;gap:10px;margin-top:18px;display:flex;flex-wrap:wrap}
.ca-line{color:var(--green);font-family:"Chakra Petch",sans-serif;font-size:13px;letter-spacing:.04em;word-break:break-all}
.footer{color:#646887;justify-content:space-between;align-items:center;min-height:105px;font-size:11px;display:flex}
.footer-brand{color:#d6d8f5;font-size:14px}
.footer-brand img{border-radius:6px;width:22px;height:22px}
.footer-brand span{color:#697069;font-weight:500}
.desk{padding:48px 0 80px}
.desk h1{font-size:48px;margin:12px 0 16px}
.desk form{display:grid;gap:16px;max-width:520px;margin-top:28px}
.desk label{display:grid;gap:8px;color:#a3a7c7;font-size:13px}
.desk input{background:#0f0b1d;color:var(--ink);border:1px solid #2a2442;border-radius:6px;min-height:48px;padding:0 14px;font:inherit}
.desk .status{color:#a3a7c7;min-height:1.4em;font-size:13px}
@media (max-width:760px){
  .wrap{width:min(100% - 34px,560px)}
  .nav{height:72px}
  .nav-links{display:none}
  .hero{padding:75px 0 80px;display:block}
  h1{font-size:64px}
  .hero-text{font-size:14px}
  .product-stage{min-height:430px;margin-top:30px}
  .browser-card{width:230px}
  .note-top{top:45px;right:-2px}
  .note-bottom{bottom:35px;left:-4px}
  .proof-inner{gap:20px}
  .intro-section,.terminals{padding:85px 0;display:block}
  .website-video,.terminal-list,.pair{margin-top:40px}
  .features{padding:85px 0}
  .feature-grid{grid-template-columns:1fr;gap:42px;margin-top:60px}
  .cta{padding:65px 0;display:block}
  .cta .button{margin-top:32px}
  .footer{grid-template-columns:1fr;gap:12px;min-height:140px;display:grid}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .button,.terminal-card{transition:none}
}

.id-card{z-index:1;background:#0f0b1d;border:1px solid #2a2442;border-radius:18px;width:280px;padding:28px 24px;position:relative;box-shadow:0 25px 80px #000000b3}
.id-card img{width:72px;height:72px;object-fit:contain}
.id-card strong{display:block;margin-top:18px;font-family:"Chakra Petch",sans-serif;font-size:22px;font-weight:500;letter-spacing:-.04em}
.id-card .ticker{color:var(--green);margin-top:6px;font-size:13px;letter-spacing:.08em}
.id-card .ca-line{margin-top:16px}
.pair{grid-template-columns:1fr 1fr;gap:14px;display:grid}
.pair article{background:#0f0b1d;border:1px solid #2a2442;border-radius:12px;min-height:160px;padding:24px}
.pair h3{letter-spacing:-.04em;margin:0 0 12px;font-size:22px;font-weight:500}
.pair p{color:#8b8fb0;font-size:14px;line-height:1.6}

.market{padding:40px 0 20px}
.market-grid{grid-template-columns:280px 1fr;gap:18px;margin-top:36px;display:grid}
.gauge-col{display:grid;gap:14px}
.gauge,.chart-card,.news a{background:#0f0b1d;border:1px solid #2a2442;border-radius:12px}
.gauge{padding:20px}
.gauge-value{display:block;margin:14px 0 4px;font-family:"Chakra Petch",sans-serif;font-size:56px;letter-spacing:-.06em;line-height:.9}
.gauge-label{color:#8b8fb0;font-size:13px}
.gauge-bar{display:block;height:4px;margin-top:16px;background:#1e1a33;border-radius:99px;overflow:hidden}
.gauge-bar i{display:block;height:100%;width:0;background:var(--green)}
.chart-card{padding:18px 18px 8px}
.chart-head{justify-content:space-between;align-items:end;display:flex}
.chart-head strong{font-family:"Chakra Petch",sans-serif;font-size:28px;letter-spacing:-.04em}
#sol-chart{width:100%;height:auto;display:block}
.news{margin-top:18px;display:grid;gap:10px}
.news a{color:#e6e8ff;padding:16px 18px;display:block}
.news a:hover{border-color:#5a4f86}
.news small{color:#767a9c;display:block;margin-top:6px;font-size:12px}
.market-note{color:#646887;margin-top:12px;font-size:12px}
@media (max-width:760px){
  .market-grid{grid-template-columns:1fr}
  .gauge-value{font-size:44px}
}