/* ============================================================
   TCY Algo Trade — Design System (Turkish, BIST focus)
   ============================================================ */
:root{
  --bg:#06090F; --bg-2:#080C13;
  --panel:#0C1118; --panel-2:#0F1521; --panel-3:#131B2A;
  --hair:#19212F; --hair-2:#232D3F;
  --ink:#E8ECF2; --ink-2:#B6C0D0;
  --mute:#6F7B8E; --mute-2:#4A5567;
  --cyan:#5EEAD4; --cyan-2:#22D3EE;
  --violet:#8B5CF6; --violet-2:#A78BFA;
  --bull:#34D399; --bear:#F87171; --amber:#FBBF24;
  --tr-red:#E63946;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
html{background:var(--bg); color:var(--ink); font-family:'Geist',sans-serif; font-feature-settings:"ss01","cv11","tnum"; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility}
body{
  overflow-x:hidden;
  background:
    radial-gradient(1100px 600px at 78% -8%, rgba(94,234,212,.07), transparent 60%),
    radial-gradient(900px 500px at -10% 22%, rgba(139,92,246,.05), transparent 60%),
    radial-gradient(700px 400px at 50% 110%, rgba(230,57,70,.04), transparent 60%),
    var(--bg);
}
::selection{background:rgba(94,234,212,.25); color:#fff}
a{color:inherit; text-decoration:none}

.wrap{max-width:1280px; margin:0 auto; padding:0 28px}
@media (max-width:720px){ .wrap{padding:0 18px} }

.h-display{font:600 clamp(32px, 4.2vw, 56px)/1.08 'Geist'; letter-spacing:-0.028em; margin:0; color:var(--ink); max-width:18ch}
.h-display em{font-style:normal; background:linear-gradient(180deg,#CFF8EE,#5EEAD4 55%,#22D3EE); -webkit-background-clip:text; background-clip:text; color:transparent}
.h-section{font:600 clamp(28px, 3.6vw, 46px)/1.05 'Geist'; letter-spacing:-0.028em; margin:0}
.h-sub{color:var(--mute); font:400 17px/1.6 'Geist'; max-width:62ch; margin:0}
.mono{font-family:'Geist Mono', ui-monospace, monospace; font-feature-settings:"tnum","ss01"}

.eyebrow{display:inline-flex; align-items:center; gap:8px; padding:6px 11px 6px 9px; border:1px solid var(--hair-2); border-radius:999px; background:rgba(255,255,255,.02); font:500 11.5px/1 'Geist Mono'; letter-spacing:.06em; color:var(--ink-2); text-transform:uppercase}
.eyebrow .dot{width:6px;height:6px;border-radius:99px;background:var(--cyan); box-shadow:0 0 10px var(--cyan)}
.eyebrow.red .dot{background:var(--tr-red); box-shadow:0 0 10px var(--tr-red)}
.eyebrow.violet .dot{background:var(--violet); box-shadow:0 0 10px var(--violet)}

.pill{display:inline-flex; align-items:center; gap:7px; padding:5px 10px 5px 8px; border-radius:999px; border:1px solid var(--hair-2); background:rgba(255,255,255,.02); font:500 11.5px/1 'Geist Mono'; letter-spacing:.04em; color:var(--ink-2)}
.pill .sw{width:7px;height:7px;border-radius:99px}
.sw.cyan{background:var(--cyan)} .sw.violet{background:var(--violet)} .sw.bull{background:var(--bull)} .sw.bear{background:var(--bear)} .sw.amber{background:var(--amber)} .sw.red{background:var(--tr-red)}

.btn{display:inline-flex; align-items:center; gap:10px; padding:13px 17px; border-radius:12px; font:600 14.5px/1 'Geist'; border:1px solid transparent; cursor:pointer; transition:transform .12s, box-shadow .25s, background .25s}
.btn:hover{transform:translateY(-1px)}
.btn-primary{background:linear-gradient(180deg,#7DF7E4,#22D3EE); color:#03171A; box-shadow:0 12px 40px -10px rgba(34,211,238,.55), inset 0 1px 0 rgba(255,255,255,.6)}
.btn-primary:hover{box-shadow:0 18px 50px -10px rgba(34,211,238,.7)}
.btn-ghost{color:var(--ink); border-color:var(--hair-2); background:rgba(255,255,255,.015)}
.btn-ghost:hover{border-color:#39455A; background:rgba(255,255,255,.04)}

/* ---- header ---- */
header.site{position:sticky; top:0; z-index:30; backdrop-filter:blur(14px) saturate(140%); -webkit-backdrop-filter:blur(14px) saturate(140%); background:rgba(6,9,15,.7); border-bottom:1px solid var(--hair)}
.nav{display:flex; align-items:center; justify-content:space-between; height:64px}
.brand{display:flex; align-items:center; gap:11px; color:var(--ink); letter-spacing:-0.01em}
.brand .mark{width:32px; height:32px; border-radius:9px; background:linear-gradient(135deg,#E63946,#C1121F); display:grid; place-items:center; box-shadow:0 6px 16px -6px rgba(230,57,70,.5), inset 0 1px 0 rgba(255,255,255,.15); font:700 11px/1 'Geist Mono'; color:#fff; letter-spacing:.04em}
.brand .word{display:flex; flex-direction:column; line-height:1.1}
.brand .word .top{font:500 9.5px 'Geist Mono'; color:var(--mute); letter-spacing:.14em; margin-bottom:3px}
.brand .word .name{font:600 16px 'Geist'; color:var(--ink)}
nav.primary{display:flex; gap:4px}
nav.primary a{color:var(--ink-2); padding:8px 11px; border-radius:8px; font:500 13.5px 'Geist'}
nav.primary a:hover{color:var(--ink); background:rgba(255,255,255,.03)}
.nav-right{display:flex; align-items:center; gap:10px}
.lang-switch{display:inline-flex; padding:3px; border:1px solid var(--hair-2); border-radius:99px; background:rgba(0,0,0,.2)}
.lang-switch button{padding:5px 11px; border-radius:99px; border:none; background:transparent; color:var(--mute); font:500 11.5px 'Geist Mono'; letter-spacing:.06em; cursor:pointer}
.lang-switch button.on{background:rgba(94,234,212,.1); color:var(--cyan)}
@media (max-width:1080px){ nav.primary{display:none} }
@media (max-width:900px){ .lang-switch, .brand .word .top{display:none} }

/* ---- hero ---- */
section.hero{padding:clamp(40px,5.5vw,80px) 0 clamp(60px,8vw,100px)}
.hero-grid{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:clamp(28px,4vw,56px); align-items:center}
@media (max-width:980px){ .hero-grid{grid-template-columns:1fr; gap:40px} }
.hero-left .h-display{margin:18px 0; max-width:20ch}
@media (max-width:980px){ .hero-left .h-display{max-width:22ch} }
@media (max-width:560px){ .hero-left .h-display{font-size:clamp(28px, 8vw, 38px); max-width:none} }
.hero-ctas{display:flex; flex-wrap:wrap; gap:10px; margin-top:24px}
.hero-trust{display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:24px; color:var(--mute); font:500 12.5px/1.5 'Geist Mono'; letter-spacing:.04em}
.hero-trust span{display:inline-flex; align-items:center; gap:6px}
.hero-trust .tick{width:14px; height:14px; flex-shrink:0; color:var(--cyan)}

.chart-stage{position:relative; isolation:isolate}
.chart-stage::before{content:""; position:absolute; inset:-30px; z-index:-1; background:radial-gradient(60% 60% at 30% 30%, rgba(94,234,212,.15), transparent 60%), radial-gradient(60% 60% at 80% 80%, rgba(139,92,246,.14), transparent 60%); filter:blur(20px)}
.chart-panel{position:relative; width:100%; aspect-ratio:5/4; background:linear-gradient(180deg,#0B1120,#0A0E18); border:1px solid var(--hair-2); border-radius:18px; box-shadow:0 30px 80px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04); overflow:hidden}
.chart-svg{display:block; width:100%; height:100%}
.float-card{position:absolute; border-radius:14px; background:linear-gradient(180deg,rgba(15,21,33,.94),rgba(11,16,26,.94)); border:1px solid var(--hair-2); backdrop-filter:blur(8px); box-shadow:0 24px 60px -20px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.04); padding:14px}
.fc-bist{top:18px; right:-28px; width:226px; box-shadow:0 0 0 1px rgba(94,234,212,.18), 0 18px 60px -16px rgba(34,211,238,.3)}
.fc-watch{bottom:-32px; left:-28px; width:260px}
@media (max-width:980px){ .fc-bist{right:8px} .fc-watch{left:8px; width:230px} }
@media (max-width:520px){ .fc-bist{width:180px} .fc-watch{width:200px} }

/* ---- generic section ---- */
section.gap{padding:clamp(64px,8vw,110px) 0}
.section-head{max-width:760px; margin-bottom:46px}
.section-head .eyebrow{margin-bottom:18px}
.section-head .h-section{margin:0 0 14px}

/* ---- trust strip ---- */
section.trust{padding:6px 0 12px; border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); background:#080C13}
.trust-row{display:flex; flex-wrap:wrap; align-items:center; gap:6px 26px}
.trust-item{display:flex; align-items:center; gap:10px; color:var(--ink-2); font:500 13px/1.4 'Geist'; padding:14px 0}
.trust-item .ico{width:30px; height:30px; border-radius:8px; flex:0 0 30px; border:1px solid var(--hair-2); background:#0B1119; display:grid; place-items:center}
.trust-item small{display:block; color:var(--mute); font:400 11.5px/1.3 'Geist Mono'; letter-spacing:.04em; margin-top:2px; text-transform:uppercase}

/* ---- bento ---- */
.bento{display:grid; grid-template-columns:repeat(12,1fr); grid-auto-rows:132px; gap:14px}
.b{grid-column:span 4; grid-row:span 2; background:linear-gradient(180deg,rgba(15,21,33,.7),rgba(10,14,22,.7)); border:1px solid var(--hair); border-radius:16px; padding:20px; position:relative; overflow:hidden; transition:border-color .2s, transform .2s; color:inherit}
.b:hover{border-color:var(--hair-2); transform:translateY(-2px)}
.b h3{font:600 17px/1.2 'Geist'; letter-spacing:-0.01em; margin:14px 0 8px; color:var(--ink)}
.b p{font:400 13.5px/1.5 'Geist'; color:var(--mute); margin:0; max-width:34ch}
.b .ico{width:34px; height:34px; border-radius:9px; border:1px solid var(--hair-2); background:#0B1018; display:grid; place-items:center}
.b .tag{position:absolute; top:18px; right:18px; font:500 10.5px/1 'Geist Mono'; letter-spacing:.08em; color:var(--mute-2); text-transform:uppercase}
.b.big{grid-column:span 8; grid-row:span 3}
.b.tall{grid-column:span 4; grid-row:span 3}
.b.wide{grid-column:span 6; grid-row:span 2}
.b.sm{grid-column:span 3; grid-row:span 2}
@media (max-width:980px){ .bento{grid-template-columns:repeat(6,1fr)} .b,.b.big,.b.tall,.b.wide,.b.sm{grid-column:span 6; grid-row:span auto; min-height:170px} }
.frag-mini-chart{position:absolute; right:-10px; bottom:-10px; width:60%; height:60%; opacity:.85; pointer-events:none}

/* ---- suite ---- */
.suite-grid{display:grid; grid-template-columns:1fr 320px; gap:24px}
@media (max-width:980px){ .suite-grid{grid-template-columns:1fr} }
.suite-chart{position:relative; background:linear-gradient(180deg,#0B1120,#0A0E18); border:1px solid var(--hair-2); border-radius:16px; aspect-ratio:16/10; overflow:hidden}
.layer-list{display:flex; flex-direction:column; gap:8px}
.layer{display:flex; align-items:center; justify-content:space-between; gap:12px; padding:14px; border:1px solid var(--hair); border-radius:12px; background:linear-gradient(180deg,rgba(15,21,33,.6),rgba(10,14,22,.6))}
.layer .l-name{font:600 13.5px/1.2 'Geist'; color:var(--ink)}
.layer .l-meta{font:500 11px/1 'Geist Mono'; letter-spacing:.06em; color:var(--mute); text-transform:uppercase; margin-top:4px}
.layer .toggle{width:34px; height:20px; border-radius:99px; background:#1A2436; position:relative; flex:0 0 34px}
.layer .toggle::after{content:""; position:absolute; top:2px; left:2px; width:16px; height:16px; border-radius:99px; background:#384458; transition:.2s}
.layer.on .toggle{background:rgba(94,234,212,.2); border:1px solid rgba(94,234,212,.4)}
.layer.on .toggle::after{left:15px; background:var(--cyan); box-shadow:0 0 10px var(--cyan)}

/* ---- strategy library ---- */
.strat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media (max-width:980px){ .strat-grid{grid-template-columns:1fr 1fr} }
@media (max-width:600px){ .strat-grid{grid-template-columns:1fr} }
.strat{position:relative; padding:20px; border:1px solid var(--hair); border-radius:14px; background:linear-gradient(180deg,rgba(15,21,33,.7),rgba(10,14,22,.7)); overflow:hidden; min-height:240px; display:flex; flex-direction:column}
.strat .badge{font:500 10.5px 'Geist Mono'; letter-spacing:.08em; color:var(--cyan); text-transform:uppercase; margin-bottom:8px}
.strat.violet .badge{color:var(--violet-2)}
.strat.bull .badge{color:var(--bull)}
.strat.amber .badge{color:var(--amber)}
.strat h3{font:600 17px/1.2 'Geist'; letter-spacing:-0.01em; margin:0 0 8px}
.strat p{font:400 13px/1.5 'Geist'; color:var(--mute); margin:0 0 14px; flex:1}
.strat .meta{display:flex; justify-content:space-between; align-items:center; padding-top:12px; border-top:1px solid var(--hair); font:500 11px 'Geist Mono'; color:var(--mute); letter-spacing:.06em; text-transform:uppercase}
.strat .meta .rr{color:var(--bull)}
.strat .viz{height:70px; margin:0 -20px 14px; opacity:.85}

/* ---- BIST scanner ---- */
.scan-shell{border:1px solid var(--hair-2); border-radius:18px; overflow:hidden; background:linear-gradient(180deg,#0B1120,#080C14); box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
.scan-head{display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 20px; border-bottom:1px solid var(--hair); background:linear-gradient(180deg,#0C1322,#080C14); flex-wrap:wrap}
.scan-tabs{display:flex; gap:6px; flex-wrap:wrap}
.scan-tab{padding:7px 12px; border:1px solid var(--hair-2); border-radius:8px; background:rgba(0,0,0,.2); font:500 12px 'Geist Mono'; color:var(--mute); letter-spacing:.06em; text-transform:uppercase; cursor:pointer}
.scan-tab.on{background:rgba(94,234,212,.08); border-color:rgba(94,234,212,.4); color:var(--cyan)}
.scan-body{display:grid; grid-template-columns:1.4fr 1fr; gap:0}
@media (max-width:980px){ .scan-body{grid-template-columns:1fr} }
.scan-table{padding:8px 0; overflow-x:auto}
.scan-row{display:grid; grid-template-columns:84px 1fr 90px 80px 90px 80px; align-items:center; gap:14px; padding:11px 20px; border-top:1px solid var(--hair); font-family:'Geist'; font-size:13px}
.scan-row:first-child{border-top:none; padding-top:14px; padding-bottom:10px}
.scan-row.h{color:var(--mute); font:500 10.5px 'Geist Mono'; letter-spacing:.08em; text-transform:uppercase}
.scan-row:hover:not(.h){background:rgba(94,234,212,.02)}
.scan-row .tk{display:flex; align-items:center; gap:8px; font:600 13px 'Geist Mono'; color:var(--ink)}
.scan-row .tk .pin{width:18px; height:18px; border-radius:5px; background:linear-gradient(135deg,#E63946,#C1121F); display:grid; place-items:center; font:700 8px 'Geist Mono'; color:#fff}
.scan-row .nm{color:var(--ink-2); font:500 13px 'Geist'}
.scan-row .pr{font-family:'Geist Mono'; color:var(--ink); text-align:right; font-weight:500}
.scan-row .ch{font-family:'Geist Mono'; text-align:right; font-weight:500}
.scan-row .ch.up{color:var(--bull)} .scan-row .ch.dn{color:var(--bear)}
.scan-row .sg{font:500 10.5px 'Geist Mono'; letter-spacing:.06em; text-align:right; text-transform:uppercase}
.scan-row .sg.bos{color:var(--cyan)} .scan-row .sg.brk{color:var(--bull)} .scan-row .sg.dn{color:var(--bear)} .scan-row .sg.rng{color:var(--mute)} .scan-row .sg.alert{color:var(--amber)}
.scan-row .vol{display:flex; align-items:center; gap:6px}
.scan-row .vol .bar{flex:1; height:4px; border-radius:99px; background:#11192A; overflow:hidden}
.scan-row .vol .bar span{display:block; height:100%; background:linear-gradient(90deg,#22D3EE,#5EEAD4)}
.scan-aside{border-left:1px solid var(--hair); padding:18px 20px; display:flex; flex-direction:column; gap:14px}
@media (max-width:980px){ .scan-aside{border-left:none; border-top:1px solid var(--hair)} }
.heat-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:6px}
.heat{padding:10px; border-radius:8px; border:1px solid var(--hair); display:flex; flex-direction:column; gap:4px}
.heat .n{font:600 10.5px 'Geist Mono'; color:var(--ink-2); letter-spacing:.04em; text-transform:uppercase}
.heat .v{font:500 11px 'Geist Mono'}
.heat.u{background:rgba(52,211,153,.08); border-color:rgba(52,211,153,.25)} .heat.u .v{color:var(--bull)}
.heat.d{background:rgba(248,113,113,.08); border-color:rgba(248,113,113,.25)} .heat.d .v{color:var(--bear)}
.heat.f{background:rgba(15,21,33,.6); border-color:var(--hair-2)} .heat.f .v{color:var(--mute)}

/* ---- mobile carousel ---- */
section.mobile-show{padding:clamp(72px,9vw,130px) 0; background:radial-gradient(800px 500px at 50% 0%, rgba(94,234,212,.06), transparent 60%), linear-gradient(180deg, transparent, rgba(139,92,246,.03), transparent); position:relative; overflow:hidden}
.mobile-show .section-head{margin:0 auto 48px; text-align:center}
.mobile-show .section-head .h-sub{margin:0 auto}
.ms-stage{position:relative; display:grid; grid-template-columns:1fr auto 1fr; gap:36px; align-items:center; max-width:1100px; margin:0 auto}
@media (max-width:880px){ .ms-stage{grid-template-columns:1fr; gap:24px} .ms-side{display:none} }
.ms-side{display:flex; flex-direction:column; gap:14px}
.ms-side.right{align-items:flex-start} .ms-side.left{align-items:flex-end}
.ms-slidecard{width:100%; max-width:280px; padding:14px 16px; border:1px solid var(--hair); border-radius:14px; background:linear-gradient(180deg,rgba(15,21,33,.65),rgba(10,14,22,.65)); transition:opacity .35s, border-color .35s; cursor:pointer; opacity:.55}
.ms-slidecard:hover{opacity:.85}
.ms-slidecard.active{opacity:1; border-color:rgba(94,234,212,.35); box-shadow:0 0 0 1px rgba(94,234,212,.12), 0 20px 40px -20px rgba(34,211,238,.25)}
.ms-slidecard .idx{font:500 10.5px 'Geist Mono'; letter-spacing:.1em; color:var(--mute-2); text-transform:uppercase}
.ms-slidecard h4{font:600 14px/1.2 'Geist'; margin:6px 0 4px; letter-spacing:-0.01em}
.ms-slidecard p{font:400 12px/1.45 'Geist'; color:var(--mute); margin:0}
.ms-phone-wrap{position:relative; display:flex; flex-direction:column; align-items:center; gap:22px}
.ms-phone-glow{position:absolute; inset:-50px; z-index:0; pointer-events:none; background:radial-gradient(60% 60% at 30% 20%, rgba(94,234,212,.18), transparent 60%), radial-gradient(60% 60% at 70% 80%, rgba(139,92,246,.16), transparent 60%); filter:blur(20px)}
.ms-phone{position:relative; z-index:1; width:320px; height:640px; border-radius:44px; border:1px solid #20283A; background:linear-gradient(180deg,#0E1320,#070B12); padding:10px; box-shadow:0 60px 100px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.05)}
.ms-phone::before{content:""; position:absolute; top:14px; left:50%; transform:translateX(-50%); width:104px; height:26px; border-radius:99px; background:#06090F; border:1px solid #131C2C; z-index:3}
.ms-phone-screen{position:relative; width:100%; height:100%; border-radius:34px; overflow:hidden; background:#06090F; border:1px solid #131C2C}
.ms-statusbar{position:absolute; top:0; left:0; right:0; height:48px; z-index:2; display:flex; align-items:flex-end; padding:0 28px 6px; justify-content:space-between; pointer-events:none; font:600 12px 'Geist Mono'; color:var(--ink)}
.ms-statusbar .right{display:flex; gap:6px; align-items:center}
.ms-statusbar .batt{width:20px; height:10px; border:1px solid rgba(232,236,242,.65); border-radius:3px; position:relative}
.ms-statusbar .batt::after{content:""; position:absolute; right:-3px; top:2px; width:2px; height:6px; background:rgba(232,236,242,.65); border-radius:0 1px 1px 0}
.ms-statusbar .batt span{position:absolute; inset:1.5px 3px 1.5px 1.5px; background:#5EEAD4; border-radius:1px}
.ms-app-header{position:absolute; top:48px; left:0; right:0; padding:8px 18px 10px; z-index:2; display:flex; align-items:center; justify-content:space-between; background:linear-gradient(180deg, rgba(6,9,15,.95), rgba(6,9,15,.7) 70%, transparent); backdrop-filter:blur(8px)}
.ms-app-title{font:600 13px 'Geist'; color:var(--ink); letter-spacing:-0.01em}
.ms-app-title small{display:block; font:500 9.5px 'Geist Mono'; color:var(--mute); letter-spacing:.08em; margin-top:2px; text-transform:uppercase}
.ms-app-pill{display:inline-flex; align-items:center; gap:6px; padding:4px 8px; border:1px solid var(--hair-2); border-radius:99px; font:500 10px 'Geist Mono'; color:var(--cyan); letter-spacing:.06em; background:rgba(94,234,212,.06)}
.ms-app-pill .liv{width:5px; height:5px; border-radius:99px; background:var(--cyan); box-shadow:0 0 8px var(--cyan)}
.ms-track-wrap{position:absolute; top:104px; left:0; right:0; bottom:96px; overflow:hidden}
.ms-track{display:flex; width:600%; height:100%; transition:transform .55s cubic-bezier(.22,.8,.2,1); will-change:transform}
.ms-slide{width:calc(100%/6); height:100%; padding:6px 16px 14px; box-sizing:border-box; display:flex; flex-direction:column}
.ms-slide .sl-eyebrow{font:500 10px 'Geist Mono'; letter-spacing:.1em; color:var(--cyan); text-transform:uppercase; margin-bottom:4px}
.ms-slide h5{font:600 16px/1.15 'Geist'; margin:0 0 6px; letter-spacing:-0.02em}
.ms-slide .sl-desc{font:400 11.5px/1.45 'Geist'; color:var(--mute); margin:0 0 10px}
.ms-chart-box{flex:1; border:1px solid var(--hair); border-radius:12px; background:linear-gradient(180deg,#0B1120,#080C14); overflow:hidden}
.ms-stats{display:grid; grid-template-columns:1fr 1fr 1fr; gap:6px; margin-top:10px}
.ms-stats .s{padding:7px 9px; border:1px solid var(--hair); border-radius:8px; background:rgba(15,21,33,.5)}
.ms-stats .lbl{font:500 8.5px 'Geist Mono'; color:var(--mute); letter-spacing:.06em; text-transform:uppercase}
.ms-stats .val{font:500 11.5px 'Geist Mono'; color:var(--ink); margin-top:2px}
.ms-stats .val.bull{color:var(--bull)} .ms-stats .val.bear{color:var(--bear)} .ms-stats .val.cyan{color:var(--cyan)} .ms-stats .val.violet{color:var(--violet-2)} .ms-stats .val.amber{color:var(--amber)}
.ms-tabbar{position:absolute; left:14px; right:14px; bottom:14px; display:flex; justify-content:space-around; padding:10px 6px; border:1px solid var(--hair); border-radius:14px; background:rgba(8,12,18,.78); backdrop-filter:blur(8px)}
.ms-tabbar span{display:inline-flex; flex-direction:column; align-items:center; gap:3px; font:500 9.5px 'Geist Mono'; color:var(--mute); letter-spacing:.06em}
.ms-tabbar span.on{color:var(--cyan)}
.ms-tabbar svg{width:16px; height:16px; opacity:.85}
.ms-controls{display:flex; align-items:center; gap:12px; justify-content:center}
.ms-arrow{width:44px; height:44px; border-radius:99px; border:1px solid var(--hair-2); background:rgba(15,21,33,.6); color:var(--ink); display:grid; place-items:center; cursor:pointer; transition:border-color .2s, background .2s, transform .12s}
.ms-arrow:hover{border-color:rgba(94,234,212,.4); background:rgba(94,234,212,.06); transform:translateY(-1px)}
.ms-dots{display:flex; gap:8px; padding:0 4px}
.ms-dot{width:8px; height:8px; border-radius:99px; background:#1F2A3D; cursor:pointer; transition:.2s; border:none}
.ms-dot.on{width:24px; background:linear-gradient(90deg,#22D3EE,#5EEAD4); box-shadow:0 0 10px rgba(94,234,212,.55)}
.ms-progress{width:min(440px,80%); height:2px; background:#10182A; border-radius:99px; overflow:hidden; margin:0 auto}
.ms-progress .bar{display:block; height:100%; width:0%; background:linear-gradient(90deg,#22D3EE,#5EEAD4); transition:width .15s linear}
.ms-hint{font:500 10.5px 'Geist Mono'; letter-spacing:.08em; color:var(--mute-2); text-transform:uppercase; text-align:center; margin-top:18px}

/* ---- pipeline ---- */
.pipeline{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
@media (max-width:980px){ .pipeline{grid-template-columns:1fr 1fr} }
@media (max-width:560px){ .pipeline{grid-template-columns:1fr} }
.stage{background:linear-gradient(180deg,rgba(15,21,33,.7),rgba(10,14,22,.7)); border:1px solid var(--hair); border-radius:14px; padding:18px}
.stage .num{font:500 11px/1 'Geist Mono'; letter-spacing:.1em; color:var(--mute-2); margin-bottom:12px; text-transform:uppercase}
.stage h4{font:600 16px/1.2 'Geist'; letter-spacing:-0.01em; margin:6px 0; color:var(--ink)}
.stage p{font:400 12.5px/1.5 'Geist'; color:var(--mute); margin:0}
.stage .viz{height:56px; margin-top:12px; opacity:.9}
.stage.final{border-color:rgba(94,234,212,.35); box-shadow:0 0 0 1px rgba(94,234,212,.12) inset}
.stage.final .num{color:var(--cyan)}

/* ---- pricing ---- */
.price-row{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media (max-width:880px){ .price-row{grid-template-columns:1fr} }
.price{padding:24px; border:1px solid var(--hair); border-radius:16px; background:linear-gradient(180deg,rgba(15,21,33,.7),rgba(10,14,22,.7)); display:flex; flex-direction:column; gap:14px; position:relative}
.price.feat{border-color:rgba(94,234,212,.3); background:radial-gradient(60% 50% at 50% 0%, rgba(94,234,212,.1), transparent 70%), linear-gradient(180deg,rgba(15,25,35,.85),rgba(10,16,24,.85)); box-shadow:0 0 0 1px rgba(94,234,212,.12), 0 30px 60px -30px rgba(34,211,238,.4)}
.price h3{font:600 18px/1.2 'Geist'; margin:0}
.price .ps{font:500 11px 'Geist Mono'; color:var(--mute); letter-spacing:.08em; text-transform:uppercase; margin:4px 0 0}
.price .num{font:600 32px/1 'Geist'; letter-spacing:-0.025em; margin-top:4px}
.price .num.soon{color:var(--cyan); font-size:22px}
.price ul{margin:8px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:9px}
.price li{font:500 13.5px/1.45 'Geist'; color:var(--ink-2); display:flex; gap:10px; align-items:flex-start}
.price li svg{flex:0 0 14px; margin-top:3px; color:var(--cyan)}
.price .cta{margin-top:auto}
.price .badge{position:absolute; top:18px; right:18px; padding:4px 9px; border-radius:99px; font:500 10.5px 'Geist Mono'; letter-spacing:.06em; border:1px solid var(--hair-2); color:var(--mute)}
.price.feat .badge{border-color:rgba(94,234,212,.4); color:var(--cyan); background:rgba(94,234,212,.06)}

/* ---- mini app ---- */
.mini-shell{display:grid; grid-template-columns:1fr 240px; gap:32px; align-items:center; padding:30px; border:1px solid var(--hair); border-radius:16px; background:linear-gradient(180deg,rgba(15,21,33,.55),rgba(10,14,22,.55))}
@media (max-width:780px){ .mini-shell{grid-template-columns:1fr; padding:22px} }
.mini-shell h3{font:600 22px/1.15 'Geist'; letter-spacing:-0.02em; margin:12px 0 8px}
.mini-shell p{font:400 14px/1.55 'Geist'; color:var(--mute); margin:0 0 14px}
.mini-feats{display:flex; flex-wrap:wrap; gap:8px}
.mini-phone-sm{width:220px; height:380px; margin:0 auto; border-radius:30px; border:1px solid #20283A; background:#06090F; padding:8px; position:relative; box-shadow:0 40px 80px -30px rgba(0,0,0,.5)}
.mini-phone-sm::before{content:""; position:absolute; top:11px; left:50%; transform:translateX(-50%); width:80px; height:18px; border-radius:99px; background:#06090F; border:1px solid #131C2C; z-index:2}
.mini-phone-sm-screen{width:100%; height:100%; border-radius:24px; overflow:hidden; background:linear-gradient(180deg,#0A0F1A,#070B12); border:1px solid #131C2C; position:relative; padding-top:36px}

/* ---- risk ---- */
section.risk{padding:clamp(40px,5vw,70px) 0; border-top:1px solid var(--hair); background:#070B12}
.risk-box{border:1px solid rgba(251,191,36,.25); border-radius:14px; padding:22px; background:repeating-linear-gradient(135deg, transparent 0 18px, rgba(251,191,36,.022) 18px 19px), rgba(8,12,18,.6); display:grid; grid-template-columns:auto 1fr; gap:18px; align-items:flex-start}
.risk-box .ico{width:36px; height:36px; border-radius:10px; border:1px solid rgba(251,191,36,.35); background:rgba(251,191,36,.06); display:grid; place-items:center}
.risk-box h4{font:600 15px/1.2 'Geist'; margin:0 0 10px; color:var(--ink)}
.risk-list{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:6px}
.risk-list li{font:400 13px/1.55 'Geist'; color:var(--ink-2); padding-left:18px; position:relative}
.risk-list li::before{content:""; position:absolute; left:0; top:7px; width:6px; height:6px; border-radius:99px; background:rgba(251,191,36,.6)}

/* ---- footer ---- */
footer.site{padding:60px 0 40px; border-top:1px solid var(--hair); background:#06090F}
.foot-grid{display:grid; grid-template-columns:1.4fr repeat(4,1fr); gap:30px}
@media (max-width:780px){ .foot-grid{grid-template-columns:1fr 1fr; gap:30px} }
.foot-col h5{font:500 11px 'Geist Mono'; letter-spacing:.1em; color:var(--mute); text-transform:uppercase; margin:0 0 14px}
.foot-col a{display:block; padding:5px 0; color:var(--ink-2); font:500 13.5px 'Geist'}
.foot-col a:hover{color:var(--ink)}
.foot-bottom{display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:48px; padding-top:24px; border-top:1px solid var(--hair); color:var(--mute); font:500 12px 'Geist Mono'; letter-spacing:.04em}
@media (max-width:680px){ .foot-bottom{flex-direction:column; align-items:flex-start} }