/* Web uses the same indigo/cyan brand and midnight surfaces as theme/tokens.ts. */
:root{--web-bg:#04060d;--web-card:#0c101f;--web-line:#1a2138;--web-text:#f2f5f9;--web-muted:#94a0be;--web-accent:#2fc4ff}
.web-shell{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.015em;background:#04060d}
.web-page-scroll{overflow-x:hidden}.web-header{height:82px;background:rgba(4,6,13,.94);border-color:#1a2138;backdrop-filter:blur(20px)}.web-brand{font-weight:800;letter-spacing:-1px}.brand-you{color:#f2f5f9}.web-brand small{color:#94a0be}.web-nav{padding:11px 20px;border:1px solid #1a2138;border-radius:50px;background:#0c101f;gap:24px}.web-nav a{color:#94a0be;font-weight:550}.web-nav a[aria-current=page]{color:#2fc4ff}.web-nav a:last-child{color:#9a91ff}
.web-button{background:linear-gradient(110deg,#6d5df5,#375fd6);border-color:#7768ff;color:#fff!important;border-radius:10px;box-shadow:0 6px 24px #6d5df52b;font-size:14px;font-weight:650}.web-button:hover{background:linear-gradient(110deg,#8072ff,#2878db);box-shadow:0 8px 35px #6d5df550}.web-button.secondary{background:#0c101f;border-color:#2a3355;box-shadow:none;color:#f2f5f9!important}.web-button.secondary:hover{background:#182038;border-color:#6d5df5}.web-eyebrow{color:#94a0be;letter-spacing:1.5px;font-weight:650}.status-dot{background:#2fc4ff;box-shadow:0 0 12px #2fc4ff80}.web-hero{position:relative;isolation:isolate;grid-template-columns:1fr 1.08fr;gap:60px;padding-block:80px;min-height:680px}.web-hero:before{content:"";position:absolute;z-index:-1;inset:0 -100px;pointer-events:none;background:radial-gradient(ellipse at 82% 45%,#2fc4ff10,transparent 48%),radial-gradient(ellipse at 50% 25%,#6d5df51c,transparent 58%)}.hero-copy>.web-eyebrow{padding:9px 13px;border:1px solid #28325a;border-radius:30px;background:#111629;font-size:9px;color:#b6c2de}.hero-copy h1{font-weight:650;font-size:clamp(43px,4.3vw,66px);line-height:1.1;letter-spacing:-2.9px;margin-block:29px}.hero-copy h1 span,.plans-title h1 span{color:#2fc4ff;background:linear-gradient(95deg,#9a8bff,#2fc4ff 85%);background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:16px;line-height:1.85;color:#a5b1cd;max-width:435px}.hero-meta{color:#94a0be;font-size:11px;gap:20px}.hero-meta span:before{color:#2fc4ff}
.hero-terminal{transform:none;border-radius:20px;border-color:#2a3355;background:linear-gradient(155deg,#131a38,#080b16 65%);box-shadow:0 24px 90px #0008,0 0 50px #2fc4ff08}.hero-terminal:before{content:"";position:absolute;left:15%;right:15%;top:0;height:1px;background:linear-gradient(90deg,transparent,#2fc4ff,transparent)}.terminal-top{padding:22px 24px;color:#abb7d6;letter-spacing:1.1px;font-size:10px;border-color:#263051;background:#11162966}.terminal-period{color:#b4c5e8;border-color:#2a3355;background:#080b16}.terminal-price{padding:24px 24px 0;font-size:13px}.terminal-price small{color:#94a0be}.terminal-price strong{font-size:37px;font-weight:650}.terminal-price em{color:#94a0be}.hero-chart{height:195px;padding:12px 20px 0}.terminal-bottom{color:#94a0be;padding-block:10px 18px;font-size:11px}.terminal-bottom a{color:#2fc4ff}.terminal-mini-quotes{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 22px 18px}.terminal-mini-quotes>a{display:grid;grid-template-columns:1fr auto;gap:7px 10px;background:#080b1699;border:1px solid #25304c;border-radius:10px;padding:13px 14px;font-size:11px}.terminal-mini-quotes>a>span{grid-column:1/-1;font-weight:600;color:#c2cde5}.terminal-mini-quotes small{font-weight:400;color:#94a0be;font-size:10px}.terminal-mini-quotes strong{font-size:15px;font-weight:600}.terminal-plan{border-color:#263051;background:linear-gradient(100deg,#6d5df51b,#2fc4ff09);padding:17px 23px}.terminal-plan-icon{background:#6d5df526;color:#9d90ff;border:1px solid #6d5df549}.terminal-plan strong{font-size:12px}.terminal-plan small{color:#94a0be;font-size:10px}.terminal-plan>a{color:#2fc4ff}.chart-placeholder{color:#94a0be}
.category-strip{background:#080b16;border-color:#1a2138}.category-strip .web-container{color:#a5b1cd;font-size:11px;letter-spacing:1.8px}.category-strip .web-container>span:first-child{color:#7483a8}.web-section{padding-block:55px}.section-heading h2,.insight-panel h2,.faq-section h2{font-weight:600;letter-spacing:-1px}.text-link,.web-text-button{color:#70d4ff!important;font-size:13px}.market-board{background:#080b16;border-color:#26304b;border-radius:16px;box-shadow:0 12px 40px #0002}.market-tabs{background:#0c101f88;border-color:#1a2138;padding-block:17px}.market-tabs button{color:#94a0be;font-size:13px}.market-tabs button.selected{background:#6d5df52b;color:#b8afff;box-shadow:inset 0 0 0 1px #6d5df54d}.market-tabs button:hover{background:#182038}.market-table th{font-size:11px;color:#8291b5}.market-table td{border-color:#1a2138;padding-block:19px}.market-table tbody tr:hover{background:#111629}.market-table .source-label{color:#94a0be;font-size:11px}.market-table .asset-cell strong{font-size:14px}.market-table .asset-cell small{color:#8291b5;font-size:11px}.asset-token{background:#182038;color:#a59aff}.token-1{background:#19304a;color:#2fc4ff}.token-2{background:#1b244b;color:#a6b8ff}.token-3{background:#1f1b48;color:#a99bff}.price-currency{color:#8291b5}.table-arrow{color:#2fc4ff!important}.market-bottom{border-color:#1a2138;color:#8291b5;font-size:11px}.market-bottom a{color:#70d4ff}.market-filters input,.market-filters select{background:#0c101f;border-color:#2a3355;color:#d9e3f7;border-radius:8px;font-size:13px}.market-notice{color:#94a0be}.market-notice a,.market-empty a{color:#70d4ff}.positive{color:#38cf95!important}.negative{color:#fa7182!important}
.feature-grid{gap:22px}.feature-card{padding:30px;border-color:#26304b;border-radius:18px;background:linear-gradient(155deg,#0e1326,#080b16);transition:transform .2s,border-color .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-5px);border-color:#6d5df5;box-shadow:0 15px 45px #6d5df519}.feature-card.primary-card{background:radial-gradient(ellipse at 0 0,#6d5df52e,transparent 70%),#0c101f;border-color:#453c89}.feature-card:nth-child(2){background:radial-gradient(ellipse at 0 0,#2fc4ff14,transparent 65%),#0c101f}.feature-card h3{font-weight:600}.feature-card p{font-size:13px;color:#94a0be}.feature-icon{border-color:#6d5df566;background:#6d5df51c;color:#ab9fff;border-radius:13px}.feature-card:nth-child(2) .feature-icon{color:#2fc4ff;border-color:#2fc4ff55;background:#2fc4ff12}.feature-number{color:#8291b5}.feature-link{border-color:#26304b;color:#b5c6e8;font-size:13px}.feature-link b{color:#2fc4ff}.demo-balance small,.demo-balance span{color:#8291b5}.demo-balance strong{font-weight:600}.risk-visual{color:#94a0be}.risk-visual i{background:linear-gradient(90deg,#6d5df5,#2fc4ff)}.journal-visual i{background:linear-gradient(90deg,#6d5df5 15%,#1a2138 15%)}
.insight-panel{padding:45px;border:1px solid #25304b;border-radius:20px;background:radial-gradient(ellipse at 100% 50%,#2fc4ff0b,transparent 60%),#080b16}.insight-panel p,.insight-items p{color:#94a0be}.insight-items span{color:#2fc4ff}.insight-items strong{font-weight:600}.guide-card{border-color:#2a3355}.guide-card h3{font-weight:600}.guide-num,.guide-card>span:last-child{color:#70d4ff}.guide-card p{color:#94a0be}.faq-section details{border-color:#26304b}.faq-section details p{color:#94a0be}.faq-section summary span{color:#2fc4ff}.web-cta{border-color:#2e3860;border-radius:20px;background:radial-gradient(ellipse at 0 100%,#6d5df52f,transparent 60%),radial-gradient(ellipse at 100% 0,#2fc4ff22,transparent 60%),#0c101f}.web-cta h2{font-weight:650}.web-cta p{color:#94a0be}.web-footer{background:#080b16;border-color:#1a2138}.footer-grid p,.footer-grid>div>a:not(.web-brand){color:#94a0be;font-size:12px}.footer-grid strong{font-size:13px}.footer-bottom{border-color:#1a2138;color:#8291b5;font-size:10px}
.web-sidebar{background:#080b16;border-color:#1a2138}.web-sidebar nav a{color:#94a0be;font-size:13px}.web-sidebar nav a>span{color:#9d90ff}.web-sidebar nav a:hover,.web-sidebar nav a.active{background:linear-gradient(95deg,#6d5df52b,#2fc4ff0a);color:#dbe5f9;box-shadow:inset 2px 0 #6d5df5}.sidebar-note,.sidebar-note p{color:#94a0be}.sidebar-note a,.sidebar-bottom{color:#70d4ff!important}.web-markets-page h1{font-weight:650}.web-markets-page .section-heading p{color:#94a0be}.web-info h1{font-weight:650}.web-info .lead,.info-section p,.info-section li{color:#a5b1cd}.info-section h2{font-weight:600}.info-section a{color:#70d4ff}.info-section .example{border-color:#6d5df5;background:#111629;color:#c2d2f0}.skip-link{background:#2fc4ff;color:#04060d!important}
.plans-page{padding-block:65px;max-width:1080px}.plans-title{text-align:center;margin-bottom:45px}.plans-title h1{font-size:58px;line-height:1.12;font-weight:650;letter-spacing:-2.5px;margin:24px 0}.plans-title p{font-size:16px;color:#94a0be;line-height:1.7}.plans-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.plan-card{padding:35px;border:1px solid #26304b;border-radius:20px;background:#080b16;display:flex;flex-direction:column}.plan-label{font-size:11px;letter-spacing:2px;color:#94a0be;font-weight:650}.plan-label b{letter-spacing:1px;color:#b2a6ff;padding:4px 7px;border-radius:4px;background:#6d5df533;margin-left:4px}.plan-card h3{font-size:29px;font-weight:600;letter-spacing:-1px;margin:26px 0 8px}.plan-card>p{font-size:14px;color:#94a0be;margin:0}.plan-price{font-size:38px;font-weight:650;letter-spacing:-1px;padding:30px 0 20px}.plan-price>span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#94a0be;margin-top:9px}.plan-card ul{list-style:none;padding:22px 0;margin:0 0 18px;border-top:1px solid #26304b}.plan-card li{font-size:14px;color:#c3cee6;padding:9px 0}.plan-card li:before{content:'✓';color:#2fc4ff;margin-right:13px}.plan-card .web-button{margin-top:auto}.plan-pro{border-color:#5144a3;background:radial-gradient(ellipse at 90% 0,#6d5df52a,transparent 65%),#0c101f;box-shadow:0 0 45px #6d5df50e}.plan-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.launch-badge{font-size:8px;letter-spacing:1px;padding:7px 9px;border:1px solid #2fc4ff44;background:#2fc4ff0c;border-radius:5px;color:#70d4ff}.plan-closed{display:flex;gap:10px;align-items:center;padding:17px 14px;border:1px solid #2a3355;border-radius:10px;background:#111629;font-size:12px;color:#94a0be;margin-top:auto}.plan-closed>span{font-size:21px;color:#9a8bff}.plan-faq{margin-block:55px 20px}.plan-faq h2{font-size:27px;font-weight:600}.plan-faq details{border-bottom:1px solid #26304b}.plan-faq summary{padding:23px 0;font-size:15px;cursor:pointer}.plan-faq p{font-size:14px;color:#94a0be;line-height:1.8;margin:0 0 25px}
@media(max-width:1150px){.web-nav{gap:16px;padding:10px 15px}.web-header{gap:20px}.hero-copy h1{font-size:49px}.web-hero{gap:35px;min-height:640px}.terminal-price strong{font-size:31px}.hero-chart{height:170px}.terminal-top{font-size:9px}.insight-panel{padding:35px;gap:40px}.web-sidebar{width:190px}.web-sidebar nav a{font-size:12px}}
@media(max-width:900px){.web-header{height:74px}.web-nav{border:none}.web-nav.is-open{border-radius:0;top:74px;background:#080b16;border-bottom:1px solid #2a3355}.web-nav.is-open .mobile-tools{border-color:#26304b}.web-hero{grid-template-columns:1fr;max-width:690px;gap:40px;padding-block:55px}.hero-copy h1{font-size:63px}.hero-copy>p{max-width:530px}.hero-chart{height:210px}.terminal-top{font-size:10px}.terminal-price strong{font-size:36px}.feature-card{padding:23px}.feature-card h3{font-size:25px}.insight-panel{padding:28px}.plan-card{padding:28px}.plan-top{flex-wrap:wrap}.plan-card h3{font-size:26px}}
@media(max-width:650px){.web-header{height:68px}.web-nav.is-open{top:68px}.web-hero{padding-block:34px 42px;gap:34px}.hero-copy>.web-eyebrow{font-size:8px;padding:8px 10px}.hero-copy h1{font-size:44px;letter-spacing:-2.1px;margin-block:24px}.hero-copy>p{font-size:14px}.hero-meta{font-size:9px;gap:15px}.hero-terminal{border-radius:15px}.terminal-top{padding:17px 16px;font-size:8px}.terminal-price{padding:20px 17px 0}.terminal-price strong{font-size:29px}.hero-chart{height:145px}.terminal-bottom{padding:10px 17px 17px;font-size:10px}.terminal-mini-quotes{gap:9px;padding:0 14px 14px}.terminal-mini-quotes>a{padding:11px;font-size:10px}.terminal-mini-quotes strong{font-size:14px}.terminal-mini-quotes small{font-size:9px}.terminal-plan{padding:15px}.terminal-plan strong{font-size:10px}.terminal-plan small{font-size:9px}.category-strip .web-container{font-size:9px}.web-section{padding-block:32px}.market-tabs button{font-size:11px}.market-table .asset-cell strong{font-size:11px}.market-table .asset-cell small{font-size:9px}.market-table td{padding-block:16px}.market-bottom{font-size:9px}.feature-card{padding:27px}.feature-card h3{font-size:30px}.insight-panel{padding:28px 24px}.plans-grid{grid-template-columns:1fr;gap:18px}.plan-card{padding:27px}.plan-card h3{font-size:28px}.plan-card li{font-size:13px}.plan-price{font-size:34px}.plans-page{padding-block:35px}.plans-title h1{font-size:43px;letter-spacing:-1.8px}.plans-title p{font-size:14px}.plan-faq h2{font-size:24px}.plan-faq summary{font-size:14px}.web-cta{border-radius:16px}.web-footer{padding-inline:22px}.footer-bottom{font-size:9px}}