/* ==========================================================================

   aitradesig — Vision 2026

   A warm, editorial interface: stone paper, deep ink, liquid violet and sky.

   ========================================================================== */



html, body { overflow-x: clip; }



:root {

  --v2-paper: #ece8df;

  --v2-paper-2: #f5f2eb;

  --v2-ink: #17191d;

  --v2-ink-soft: #3f4247;

  --v2-muted: #71736f;

  --v2-violet: #5237e6;

  --v2-violet-deep: #2c1b91;

  --v2-sky: #b7d7ec;

  --v2-lime: #d9ff63;

  --v2-line: rgba(23, 25, 29, .12);

  --v2-line-strong: rgba(23, 25, 29, .22);

  --v2-glass: rgba(255, 255, 255, .62);

  --v2-glass-2: rgba(255, 255, 255, .4);

  --v2-radius: 36px;

  --v2-shadow: 0 32px 90px rgba(49, 43, 33, .14);

  --v2-shadow-soft: 0 14px 40px rgba(49, 43, 33, .09);

  --v2-header: rgba(249, 247, 242, .74);

  --v2-header-scroll: rgba(249, 247, 242, .9);

  --v2-footer: #17191d;

  --v2-footer-text: #f4f1e9;

}



/* ============================================================================

   AI Forecast — single-screen terminal redesign

   ============================================================================ */

html[data-theme='dark'] body[data-page='ai'] .ai-page-intro { padding:1.5rem 0 1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-page-intro .container { display:flex; align-items:end; justify-content:space-between; gap:2rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-page-intro__eyebrow { display:inline-flex; align-items:center; gap:.45rem; color:#61f5bb; font-size:.65rem; font-weight:900; letter-spacing:.13em; }

html[data-theme='dark'] body[data-page='ai'] .ai-page-intro__eyebrow i { width:7px; height:7px; border-radius:50%; background:#3af5ac; box-shadow:0 0 12px #3af5ac; }

html[data-theme='dark'] body[data-page='ai'] .ai-page-intro h1 { margin:.45rem 0 0; color:#f7f6ff; font:600 clamp(2rem,4.4vw,4.2rem)/.95 'Unbounded',sans-serif; letter-spacing:-.08em; }

html[data-theme='dark'] body[data-page='ai'] .ai-page-intro h1 b { color:#67f6bd; font-weight:600; }

html[data-theme='dark'] body[data-page='ai'] .ai-page-intro p { max-width:330px; margin:0; color:#9b9aaa; font-size:.8rem; line-height:1.55; }

html[data-theme='dark'] body[data-page='ai'] .ai-terminal { max-width:1120px; margin-inline:auto; padding:1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top { margin:0 0 .8rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-terminal__grid { align-items:stretch; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload,

html[data-theme='dark'] body[data-page='ai'] .ai-result { min-height:460px; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload { display:flex; flex-direction:column; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { position:relative; flex:1; display:flex; align-items:center; justify-content:center; overflow:hidden; max-height:none; min-height:300px; border-radius:18px; background:#0c0e18; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { display:block; width:100%; height:340px; max-height:340px; object-fit:contain; object-position:center; background:#0c0e18; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result { flex:1; min-height:290px; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden; padding:1.1rem; border:1px solid rgba(146,126,255,.3); border-radius:20px; background:radial-gradient(circle at 85% 5%,rgba(109,85,255,.27),transparent 40%),linear-gradient(145deg,#13142a,#171526); animation:ai-stage-in .5s cubic-bezier(.2,.8,.2,1); }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result::after { content:''; position:absolute; right:-80px; bottom:-90px; width:250px; height:250px; border:1px solid rgba(86,247,180,.12); border-radius:50%; box-shadow:0 0 0 35px rgba(86,247,180,.035),0 0 0 75px rgba(86,247,180,.02); }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; color:#54efb1; font-size:.62rem; font-weight:900; letter-spacing:.08em; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top span i { display:inline-block; width:7px; height:7px; margin-right:.3rem; border-radius:50%; background:#4df0ad; box-shadow:0 0 12px #4df0ad; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top span.wait { color:#ffe071; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top span.wait i { background:#ffe071; box-shadow:0 0 12px #ffe071; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top button { border:0; background:transparent; color:#b0a7ff; font-size:.68rem; font-weight:800; cursor:pointer; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction { position:relative; z-index:1; margin:.75rem 0 .05rem; color:#ffe071; font:700 clamp(2.7rem,6vw,4.6rem)/.95 'Unbounded',sans-serif; letter-spacing:-.1em; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction.up { color:#52f4b1; } html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction.down { color:#ff7494; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.65rem; margin:.75rem 0 .35rem; color:#8d8aa4; font-size:.55rem; font-weight:900; letter-spacing:.08em; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail > div { position:relative; height:7px; border-radius:99px; background:linear-gradient(90deg,#ff6888 0%,#ffcf68 38%,#8e83ff 50%,#55efb2 64%,#20f3a4 100%); box-shadow:0 0 14px rgba(124,111,255,.35); }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail > div::before { content:''; position:absolute; inset:-4px 0; border:1px solid rgba(255,255,255,.18); border-radius:99px; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i { position:absolute; top:50%; width:18px; height:18px; border:3px solid #fff; border-radius:50%; background:#ffe071; box-shadow:0 0 0 4px rgba(255,224,113,.18),0 0 18px #ffe071; transform:translate(-50%,-50%); transition:left .65s cubic-bezier(.2,.8,.2,1),background .3s; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i.up { background:#54f2b1; box-shadow:0 0 0 4px rgba(84,242,177,.18),0 0 18px #54f2b1; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i.down { background:#ff718f; box-shadow:0 0 0 4px rgba(255,113,143,.18),0 0 18px #ff718f; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__meta { position:relative; z-index:1; display:flex; gap:.7rem; color:#a19eff; font-size:.7rem; font-weight:800; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__meta span + span { color:#9491a8; font-weight:600; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario { position:relative; z-index:1; margin-top:1.2rem; padding:.8rem .9rem; border:1px solid rgba(159,139,255,.18); border-radius:13px; background:rgba(91,73,205,.13); }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario small { display:block; color:#aaa4cf; font-size:.55rem; font-weight:900; letter-spacing:.12em; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario strong { display:block; margin-top:.35rem; color:#faf9ff; font-size:.88rem; line-height:1.42; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__scenario span { display:block; margin-top:.45rem; color:#61f2b6; font-size:.67rem; line-height:1.35; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result > p { position:relative; z-index:1; margin:.75rem 0 0; color:#d1cede; font-size:.78rem; line-height:1.45; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__reason { position:relative; z-index:1; display:flex; gap:.45rem; align-items:flex-start; margin-top:.7rem; color:#9390a4; font-size:.68rem; line-height:1.4; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__reason i { display:grid; flex:0 0 24px; place-items:center; width:24px; height:24px; border-radius:7px; background:rgba(85,243,177,.15); color:#56f2b5; font-size:.52rem; font-style:normal; font-weight:900; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay { position:absolute; inset:0; z-index:8; display:flex; flex-direction:column; justify-content:space-between; padding:1rem; border-radius:18px; border:1px solid rgba(144,121,255,.28); background:linear-gradient(180deg,rgba(7,9,20,.18),rgba(7,9,20,.78) 78%,rgba(7,9,20,.92)); overflow:hidden; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame { position:absolute; inset:14px; border-radius:14px; pointer-events:none; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span { position:absolute; width:28px; height:28px; border-color:#6df3bd; border-style:solid; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(1) { top:0; left:0; border-width:2px 0 0 2px; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(2) { top:0; right:0; border-width:2px 2px 0 0; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(3) { bottom:0; left:0; border-width:0 0 2px 2px; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span:nth-child(4) { bottom:0; right:0; border-width:0 2px 2px 0; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-line { position:absolute; left:8%; right:8%; height:2px; background:#6df3bd; box-shadow:0 0 18px 4px rgba(109,243,189,.7); animation:ai-scan 1.8s ease-in-out infinite; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__top { position:absolute; inset:1rem 1.1rem auto; display:flex; justify-content:space-between; color:#a79bff; font-size:.6rem; font-weight:900; letter-spacing:.09em; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__top i { display:inline-block; width:7px; height:7px; margin-right:.25rem; border-radius:50%; background:#54f3b2; box-shadow:0 0 11px #54f3b2; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__core { display:grid; place-items:center; align-content:center; gap:.35rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__core strong { font:700 1.2rem 'Unbounded',sans-serif; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages { position:relative; z-index:2; display:grid; grid-template-columns:repeat(4,1fr); gap:.35rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b { display:flex; flex-direction:column; align-items:center; gap:.15rem; padding:.5rem .2rem; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(8,10,20,.55); color:#8d8aa0; font-size:.58rem; text-align:center; backdrop-filter:blur(8px); }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages em { font-style:normal; font-size:.48rem; letter-spacing:.08em; color:#6df3bd; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b.is-active { border-color:rgba(82,242,177,.35); background:rgba(82,242,177,.09); color:#59f0b3; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk { position:relative; display:flex; flex-direction:column; gap:.8rem; min-height:0; padding:1.3rem 1.25rem; border:1px solid rgba(109,243,189,.24); border-radius:24px; background:radial-gradient(circle at 92% 8%,rgba(109,243,189,.08),transparent 48%),linear-gradient(145deg,rgba(13,14,28,.55),rgba(8,10,20,.68)); box-shadow:0 20px 55px rgba(0,0,0,.22),0 0 32px rgba(109,243,189,.06),inset 0 1px 0 rgba(255,255,255,.03); overflow:hidden; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk::after { content:''; position:absolute; right:-60px; top:-50px; width:140px; height:140px; border:1px solid rgba(109,243,189,.12); border-radius:50%; box-shadow:0 0 0 22px rgba(109,243,189,.04),0 0 0 50px rgba(109,243,189,.02); pointer-events:none; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__head { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:center; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__head .chip { border:1px solid rgba(109,243,189,.3); background:rgba(109,243,189,.08); color:#6df3bd; font-size:.62rem; font-weight:900; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk h3 { position:relative; z-index:1; margin:0; color:#f0fff9; font:700 1.35rem 'Unbounded',sans-serif; letter-spacing:-.05em; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk p { position:relative; z-index:1; margin:0; color:#a0b9b5; font-size:.78rem; line-height:1.5; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk label { position:relative; z-index:1; color:#d0e8e4; font-size:.7rem; font-weight:800; letter-spacing:.02em; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk input { position:relative; z-index:1; width:100%; box-sizing:border-box; margin-top:.4rem; padding:.88rem 1rem; border:1px solid rgba(109,243,189,.25); border-radius:14px; background:rgba(8,10,20,.45); color:#f0fff9; font:700 1rem inherit; transition:.25s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk input:focus { border-color:#6df3bd; background:rgba(109,243,189,.06); outline:none; box-shadow:0 0 0 3px rgba(109,243,189,.12); }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes { position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,1fr); gap:.45rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes button { min-height:44px; border:1px solid rgba(109,243,189,.2); border-radius:12px; background:rgba(8,10,20,.3); color:#c0d8d4; font-size:.82rem; font-weight:800; cursor:pointer; transition:.2s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes button:hover { border-color:rgba(109,243,189,.4); background:rgba(109,243,189,.06); }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__modes button.is-selected { border-color:#6df3bd; background:linear-gradient(135deg,rgba(109,243,189,.2),rgba(77,241,175,.15)); color:#6df3bd; box-shadow:0 0 18px rgba(109,243,189,.15); }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__stake { position:relative; z-index:1; padding:1.05rem 1.15rem; border:1px solid rgba(109,243,189,.3); border-radius:16px; background:linear-gradient(145deg,rgba(109,243,189,.12),rgba(77,241,175,.08)); box-shadow:0 0 24px rgba(109,243,189,.08),inset 0 1px 0 rgba(255,255,255,.06); }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__stake span { display:block; color:#9cb9b5; font-size:.64rem; font-weight:800; letter-spacing:.05em; }

html[data-theme='dark'] body[data-page='ai'] .ai-risk__stake strong { display:block; margin-top:.3rem; color:#6df3bd; font:700 1.65rem 'Unbounded',sans-serif; letter-spacing:-.04em; text-shadow:0 0 18px rgba(109,243,189,.3); }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty { flex:1; min-height:0; }

html[data-theme='dark'] body[data-page='ai'] .ai-result__body { flex:1; overflow:auto; }

html[data-theme='dark'] body[data-page='ai'] .ai-level { position:relative; z-index:1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.55rem; margin:.85rem 0 .2rem; color:#8f8ca3; font-size:.58rem; font-weight:900; letter-spacing:.08em; }

html[data-theme='dark'] body[data-page='ai'] .ai-level__track { position:relative; height:8px; overflow:hidden; border-radius:99px; background:linear-gradient(90deg,#ff7494 0%,#ffe071 50%,#52f4b1 100%); opacity:.85; }

html[data-theme='dark'] body[data-page='ai'] .ai-level__track b { position:absolute; top:0; height:100%; border-radius:99px; background:rgba(255,255,255,.22); transition:left .6s ease, width .6s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-level__track i { position:absolute; top:50%; width:14px; height:14px; border:2px solid #0d0f1b; border-radius:50%; background:#ffe071; box-shadow:0 0 16px #ffe071; transform:translate(-50%,-50%); transition:left .6s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-level__track i.up { background:#52f4b1; box-shadow:0 0 16px #52f4b1; }

html[data-theme='dark'] body[data-page='ai'] .ai-level__track i.down { background:#ff7494; box-shadow:0 0 16px #ff7494; }

html[data-theme='dark'] body[data-page='ai'] .ai-history { max-width:1120px; margin:1rem auto 0; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions { display:inline-flex; gap:.35rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button { width:34px; height:34px; border:1px solid rgba(255,255,255,.14); border-radius:10px; background:rgba(255,255,255,.04); color:#d8d5e8; font-size:.9rem; font-weight:800; cursor:pointer; transition:.2s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button.yes:hover { border-color:#52f4b1; background:rgba(82,244,177,.14); color:#52f4b1; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button.no:hover { border-color:#ff7494; background:rgba(255,116,148,.14); color:#ff7494; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button.skip:hover { border-color:#b0a7ff; background:rgba(176,167,255,.14); color:#b0a7ff; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button:disabled { opacity:.45; cursor:wait; }

@keyframes ai-stage-in { from { opacity:0; transform:scale(.96) translateY(12px); } to { opacity:1; transform:scale(1) translateY(0); } }

@keyframes ai-drop-scan { 0%,100% { left:0%; opacity:.3; } 50% { left:100%; opacity:1; } }

@media (max-width:760px) {

  html[data-theme='dark'] body[data-page='ai'] .ai-page-intro { padding:.8rem 0 .45rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-page-intro .container { display:block; }

  html[data-theme='dark'] body[data-page='ai'] .ai-page-intro h1 { font-size:2rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-page-intro p { display:none; }

  html[data-theme='dark'] body[data-page='ai'] .section.section--tight { padding-top:.6rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-terminal { padding:.55rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-upload, html[data-theme='dark'] body[data-page='ai'] .ai-result { min-height:0; }

  html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { min-height:240px; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { height:240px; max-height:240px; }

  html[data-theme='dark'] body[data-page='ai'] .ai-stage-result { min-height:330px; padding:.9rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__direction { font-size:2.9rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail { gap:.4rem; font-size:.46rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__rail i { width:15px; height:15px; border-width:2px; }

  html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay { inset:0; }

  html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b { font-size:.46rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-history { display:block; }

}



/* ============================================================================

   AI TRADEBOT NEON SYSTEM — homepage visual direction

   ============================================================================ */

html[data-theme='dark'] body.v2-home {

  --v2-paper: #041017;

  --v2-paper-2: #071923;

  --v2-ink: #f2fbf8;

  --v2-ink-soft: #b7d2cd;

  --v2-muted: #71908d;

  --v2-violet: #20f3a4;

  --v2-violet-deep: #0ba776;

  --v2-lime: #45ffb0;

  --v2-line: rgba(103, 235, 194, .15);

  --v2-line-strong: rgba(103, 235, 194, .3);

  --v2-glass: rgba(8, 30, 38, .78);

  --v2-glass-2: rgba(50, 240, 177, .06);

  --v2-shadow: 0 32px 90px rgba(0, 0, 0, .48);

  --v2-shadow-soft: 0 18px 50px rgba(0, 0, 0, .32);

  --v2-header: rgba(3, 18, 25, .78);

  --v2-header-scroll: rgba(3, 18, 25, .96);

  --brand: #20f3a4;

  --green: #20f3a4;

  --grad-brand: linear-gradient(135deg, #20f3a4, #8affca);

  --grad-text: linear-gradient(100deg, #f4fffc 0%, #5fffb9 58%, #baffd8 100%);

  --grad-panel: linear-gradient(145deg, rgba(14, 52, 59, .9), rgba(5, 24, 32, .68));

}



html[data-theme='dark'] body.v2-home,

html[data-theme='dark'] body.v2-home .v2-main { background: #041017; }

html[data-theme='dark'] body.v2-home .page-bg {

  opacity: 1;

  background:

    radial-gradient(900px 650px at 75% -12%, rgba(0, 255, 166, .13), transparent 64%),

    radial-gradient(760px 600px at -12% 32%, rgba(0, 160, 190, .12), transparent 66%),

    linear-gradient(180deg, #041017 0%, #06151d 54%, #031016 100%);

}

html[data-theme='dark'] body.v2-home .page-bg::before { opacity: .1; }



html[data-theme='dark'] body.v2-home .site-header--future { top: 12px; }

html[data-theme='dark'] body.v2-home .site-header--future .header-inner {

  background: rgba(3, 20, 27, .82);

  border-color: rgba(66, 242, 181, .18);

  box-shadow: 0 16px 50px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(137, 255, 215, .08);

  backdrop-filter: blur(20px);

}

html[data-theme='dark'] body.v2-home .site-header--future .brand-mark { box-shadow: 0 0 22px rgba(32, 243, 164, .35); }

html[data-theme='dark'] body.v2-home .site-header--future .nav-link:hover,

html[data-theme='dark'] body.v2-home .site-header--future .nav-link.is-active { color: #20f3a4; background: rgba(32, 243, 164, .1); box-shadow: inset 0 0 0 1px rgba(32, 243, 164, .14); }

html[data-theme='dark'] body.v2-home .site-header--future .btn--primary { color: #032118; background: #20f3a4; border-color: #20f3a4; box-shadow: 0 0 24px rgba(32, 243, 164, .2); }

html[data-theme='dark'] body.v2-home .site-header--future .btn--primary:hover { box-shadow: 0 0 34px rgba(32, 243, 164, .4); }



html[data-theme='dark'] body.v2-home .v2-hero { padding-bottom: 36px; }

html[data-theme='dark'] body.v2-home .v2-hero__stage {

  min-height: min(760px, calc(100svh - 92px));

  overflow: hidden;

  border: 1px solid rgba(55, 243, 177, .18);

  border-radius: 30px;

  background: linear-gradient(125deg, #061720 0%, #06252a 48%, #031218 100%);

  box-shadow: 0 35px 100px rgba(0, 0, 0, .44), inset 0 1px 0 rgba(140, 255, 220, .08);

}

html[data-theme='dark'] body.v2-home .v2-hero__photo { opacity: .18; filter: saturate(.7) hue-rotate(90deg) contrast(1.2); mix-blend-mode: screen; }

html[data-theme='dark'] body.v2-home .v2-hero__veil { background: linear-gradient(90deg, rgba(4, 16, 23, .97) 0%, rgba(4, 19, 25, .82) 42%, rgba(4, 16, 23, .16) 100%); }

html[data-theme='dark'] body.v2-home .v2-hero__grain { opacity: .12; }

html[data-theme='dark'] body.v2-home .v2-hero__top { border-bottom-color: rgba(76, 238, 184, .15); }

html[data-theme='dark'] body.v2-home .v2-pill--glass,

html[data-theme='dark'] body.v2-home .v2-chip--glass { border-color: rgba(32, 243, 164, .26); background: rgba(32, 243, 164, .08); color: #8effc9; }

html[data-theme='dark'] body.v2-home .v2-hero__eyebrow,

html[data-theme='dark'] body.v2-home .v2-kicker { color: #5df5b4; }

html[data-theme='dark'] body.v2-home .v2-hero__title { max-width: 680px; font-size: clamp(3rem, 6.5vw, 6.4rem); line-height: .94; letter-spacing: -.085em; }

html[data-theme='dark'] body.v2-home .v2-hero__title span,

html[data-theme='dark'] body.v2-home .v2-title span { color: #20f3a4; background: none; -webkit-text-fill-color: currentColor; }

html[data-theme='dark'] body.v2-home .v2-hero__lead { max-width: 470px; color: #afccc6; font-size: 1rem; }

html[data-theme='dark'] body.v2-home .v2-btn-glow,

html[data-theme='dark'] body.v2-home .btn--light { color: #032118; background: #20f3a4; border-color: #20f3a4; box-shadow: 0 0 28px rgba(32, 243, 164, .25); }

html[data-theme='dark'] body.v2-home .v2-btn-glow:hover,

html[data-theme='dark'] body.v2-home .btn--light:hover { box-shadow: 0 0 42px rgba(32, 243, 164, .5); transform: translateY(-2px); }

html[data-theme='dark'] body.v2-home .btn--glass { border-color: rgba(93, 239, 190, .27); background: rgba(12, 44, 48, .52); color: #d8f9ee; }



html[data-theme='dark'] body.v2-home .v2-hero__visual { filter: drop-shadow(0 28px 38px rgba(0, 0, 0, .48)); }

html[data-theme='dark'] body.v2-home .v2-dash {

  border-color: rgba(32, 243, 164, .3);

  background: linear-gradient(145deg, rgba(7, 36, 43, .95), rgba(3, 18, 26, .94));

  box-shadow: 0 28px 80px rgba(0, 0, 0, .48), 0 0 55px rgba(32, 243, 164, .08), inset 0 1px 0 rgba(157, 255, 222, .12);

}

html[data-theme='dark'] body.v2-home .v2-dash__mark,

html[data-theme='dark'] body.v2-home .v2-signal-tag { background: #20f3a4; color: #032118; }

html[data-theme='dark'] body.v2-home .v2-live-badge { color: #5dffc0; border-color: rgba(32, 243, 164, .25); background: rgba(32, 243, 164, .08); }

html[data-theme='dark'] body.v2-home .v2-live-badge i { background: #20f3a4; box-shadow: 0 0 12px #20f3a4; }

html[data-theme='dark'] body.v2-home .v2-float-card { border-color: rgba(32, 243, 164, .25); background: rgba(5, 30, 37, .82); box-shadow: 0 18px 45px rgba(0, 0, 0, .38); backdrop-filter: blur(16px); }

html[data-theme='dark'] body.v2-home .v2-mini-ring { border-color: #20f3a4; color: #20f3a4; }

html[data-theme='dark'] body.v2-home .v2-hero__scroll span { border-color: rgba(32, 243, 164, .55); }



html[data-theme='dark'] body.v2-home .v2-ticker { border-block-color: rgba(32, 243, 164, .12); background: rgba(1, 14, 20, .72); }

html[data-theme='dark'] body.v2-home .v2-ticker em { color: #20f3a4; }

html[data-theme='dark'] body.v2-home .v2-section { border-color: rgba(72, 210, 175, .08); }

html[data-theme='dark'] body.v2-home .v2-title { color: #f0fbf8; }

html[data-theme='dark'] body.v2-home .v2-bento { gap: 1rem; }

html[data-theme='dark'] body.v2-home .v2-tile,

html[data-theme='dark'] body.v2-home .v2-calc,

html[data-theme='dark'] body.v2-home .v2-plan,

html[data-theme='dark'] body.v2-home .v2-step,

html[data-theme='dark'] body.v2-home .v2-faq__item {

  border-color: rgba(77, 221, 181, .14);

  background: linear-gradient(145deg, rgba(10, 39, 47, .8), rgba(4, 22, 30, .76));

  box-shadow: 0 20px 60px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(135, 255, 221, .05);

}

html[data-theme='dark'] body.v2-home .v2-tile:hover,

html[data-theme='dark'] body.v2-home .v2-plan:hover,

html[data-theme='dark'] body.v2-home .v2-step:hover { border-color: rgba(32, 243, 164, .4); transform: translateY(-4px); }

html[data-theme='dark'] body.v2-home .v2-tile h3,

html[data-theme='dark'] body.v2-home .v2-plan h3,

html[data-theme='dark'] body.v2-home .v2-step h3 { color: #effff9; }

html[data-theme='dark'] body.v2-home .v2-tile p,

html[data-theme='dark'] body.v2-home .v2-plan__desc,

html[data-theme='dark'] body.v2-home .v2-step p { color: #8eada8; }

html[data-theme='dark'] body.v2-home .v2-scan-row b.is-lime,

html[data-theme='dark'] body.v2-home .v2-signal-list small,

html[data-theme='dark'] body.v2-home .v2-plan__ai b,

html[data-theme='dark'] body.v2-home .v2-step__meta { color: #20f3a4; }

html[data-theme='dark'] body.v2-home .v2-signal-tag.is-down { background: #ff6682; color: #210611; }

html[data-theme='dark'] body.v2-home .v2-gauge { border-color: rgba(32, 243, 164, .55); box-shadow: 0 0 32px rgba(32, 243, 164, .12); }

html[data-theme='dark'] body.v2-home .v2-ai,

html[data-theme='dark'] body.v2-home .v2-cta { border-color: rgba(32, 243, 164, .22); background: linear-gradient(120deg, #063239, #061b27 58%, #05201e); box-shadow: 0 30px 90px rgba(0, 0, 0, .36); }

html[data-theme='dark'] body.v2-home .v2-ai__photo { opacity: .26; filter: saturate(.7) hue-rotate(80deg); }

html[data-theme='dark'] body.v2-home .v2-ai__veil { background: linear-gradient(90deg, rgba(3, 25, 30, .98), rgba(3, 30, 34, .72), rgba(2, 18, 25, .24)); }

html[data-theme='dark'] body.v2-home .v2-ai__panel { border-color: rgba(32, 243, 164, .3); background: rgba(4, 24, 31, .85); box-shadow: 0 0 50px rgba(32, 243, 164, .1); }

html[data-theme='dark'] body.v2-home .v2-ai__dir { color: #20f3a4; }

html[data-theme='dark'] body.v2-home .v2-ai__meter i { background: #20f3a4; box-shadow: 0 0 14px rgba(32, 243, 164, .7); }

html[data-theme='dark'] body.v2-home .v2-path::before { background: linear-gradient(90deg, transparent, rgba(32, 243, 164, .45), transparent); }

html[data-theme='dark'] body.v2-home .v2-step__num { color: #20f3a4; border-color: rgba(32, 243, 164, .4); background: rgba(32, 243, 164, .08); }

html[data-theme='dark'] body.v2-home .v2-calc__widget { border-color: rgba(32, 243, 164, .24); background: rgba(4, 26, 33, .9); }

html[data-theme='dark'] body.v2-home .calc-range__fill { background: #20f3a4; }

html[data-theme='dark'] body.v2-home .calc-range__knob { background: #20f3a4; box-shadow: 0 0 16px #20f3a4; }

html[data-theme='dark'] body.v2-home .v2-plan--featured { border-color: rgba(32, 243, 164, .55); box-shadow: 0 0 45px rgba(32, 243, 164, .12); }

html[data-theme='dark'] body.v2-home .v2-cta__orb { background: #20f3a4; box-shadow: 0 0 100px 40px rgba(32, 243, 164, .24); }

html[data-theme='dark'] body.v2-home .v2-cta__mark { color: rgba(32, 243, 164, .14); }



@media (max-width: 760px) {

  html[data-theme='dark'] body.v2-home .v2-hero__stage { min-height: 720px; border-radius: 22px; }



html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty { flex-direction:column; min-height:auto; padding:1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .btn { width:100%; }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { width:100%; min-height:46px; font-size:.85rem; margin:.85rem 0 .2rem; position:relative; }

html[data-theme='dark'] body[data-page='ai'] .ai-history { max-height:220px; overflow-y:auto; margin-top:1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-history .card__title { position:relative; }

/* History scroll indicator */



  html[data-theme='dark'] body.v2-home .v2-hero__veil { background: linear-gradient(180deg, rgba(4, 16, 23, .94), rgba(4, 16, 23, .76)); }

  html[data-theme='dark'] body.v2-home .v2-hero__title { font-size: clamp(2.55rem, 13vw, 4rem); }

  html[data-theme='dark'] body.v2-home .v2-hero__lead { font-size: .86rem; }

  html[data-theme='dark'] body.v2-home .v2-hero__visual { transform: scale(.82); transform-origin: center top; margin-top: -1rem; }

}



/* Final homepage palette overrides: keep the reference dark on first load. */

html[data-theme='dark'] body.v2-home {

  --v2-paper: #041017; --v2-paper-2: #071923; --v2-ink: #f2fbf8; --v2-ink-soft: #b7d2cd; --v2-muted: #71908d;

  --v2-violet: #20f3a4; --v2-violet-deep: #0ba776; --v2-lime: #45ffb0; --v2-line: rgba(103,235,194,.15); --v2-line-strong: rgba(103,235,194,.3);

  --v2-glass: rgba(8,30,38,.78); --v2-glass-2: rgba(50,240,177,.06); --brand: #20f3a4; --green: #20f3a4;

  --grad-brand: linear-gradient(135deg,#20f3a4,#8affca); --grad-text: linear-gradient(100deg,#f4fffc 0%,#5fffb9 58%,#baffd8 100%);

}

html[data-theme='dark'] body.v2-home .v2-hero__title span, html[data-theme='dark'] body.v2-home .v2-title span { color:#20f3a4; background:none; -webkit-text-fill-color:currentColor; }



/* AI Forecast terminal */

html[data-theme='dark'] body[data-page='ai'] { background:#0d0f1b; color:#f5f4ff; }

html[data-theme='dark'] body[data-page='ai'] .page-bg { background:radial-gradient(800px 600px at 80% 0%,rgba(89,57,230,.2),transparent 65%),linear-gradient(180deg,#0d0f1b,#141426 55%,#0d0f1b); }

html[data-theme='dark'] body[data-page='ai'] .page-hero { padding-bottom:2rem; }

html[data-theme='dark'] body[data-page='ai'] .page-hero__copy .eyebrow { color:#62f4bc; }

html[data-theme='dark'] body[data-page='ai'] .page-title { color:#fff; }

html[data-theme='dark'] body[data-page='ai'] .text-gradient { color:#72f4b4; background:none; -webkit-text-fill-color:currentColor; }

html[data-theme='dark'] body[data-page='ai'] .ai-terminal,

html[data-theme='dark'] body[data-page='ai'] .ai-history { border:1px solid rgba(166,153,255,.24); background:linear-gradient(145deg,#171828,#202039); box-shadow:0 25px 75px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.06); }

html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top h2 { color:#fff; font-size:clamp(1.45rem,3vw,2rem); }

html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top p { color:#a7a6ba; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload,

html[data-theme='dark'] body[data-page='ai'] .ai-result { border:1px solid rgba(188,176,255,.2); border-radius:28px; background:rgba(13,14,28,.38); padding:1.25rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload { position:relative; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview { position:relative; overflow:hidden; max-height:390px; border-radius:4px; background:#e9eeeb; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { display:block; width:100%; max-height:390px; object-fit:contain; }

html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview.is-analyzing::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 43%,rgba(112,91,255,.08) 48%,#9f8cff 50%,rgba(112,91,255,.08) 52%,transparent 57%); animation:ai-scan 1.35s ease-in-out infinite; pointer-events:none; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty { position:relative; display:flex; align-items:center; justify-content:space-between; gap:1rem; min-height:90px; padding:1rem 1.1rem; border:1px solid rgba(109,243,189,.28); border-radius:20px; color:#efedff; background:radial-gradient(circle at 5% 50%,rgba(109,243,189,.08),transparent 55%),linear-gradient(145deg,rgba(82,68,255,.05),rgba(13,14,28,.4)); box-shadow:0 0 28px rgba(109,243,189,.08),inset 0 1px 0 rgba(255,255,255,.04); overflow:hidden; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty::before { content:''; position:absolute; inset:-100px 0; width:1px; background:linear-gradient(180deg,transparent,#6df3bd,transparent); box-shadow:0 0 18px 3px #6df3bd; animation:ai-drop-scan 3.2s ease-in-out infinite; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .ai-upload__icon { position:relative; z-index:1; display:grid; flex:0 0 52px; place-items:center; width:52px; height:52px; border:1px solid rgba(109,243,189,.35); border-radius:14px; background:linear-gradient(145deg,rgba(109,243,189,.12),rgba(82,244,177,.08)); color:#6df3bd; font-size:1.35rem; box-shadow:0 0 20px rgba(109,243,189,.2),inset 0 0 16px rgba(109,243,189,.05); }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty div { position:relative; z-index:1; flex:1; min-width:0; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty strong { display:block; color:#f2fef8; font-size:1rem; font-weight:700; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty small { display:block; margin-top:.25rem; color:#9db9b5; font-size:.7rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .btn { position:relative; z-index:1; flex:0 0 auto; min-height:42px; padding-inline:1.15rem; border:0; border-radius:13px; background:linear-gradient(135deg,#6df3bd,#4df1af); color:#041f17; font-size:.82rem; font-weight:900; box-shadow:0 0 22px rgba(109,243,189,.25); transition:.25s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .btn:hover { box-shadow:0 0 32px rgba(109,243,189,.45); transform:translateY(-2px); }

html[data-theme='dark'] body[data-page='ai'] .ai-upload__loaded { display:flex; align-items:center; justify-content:space-between; margin:.7rem auto; width:min(100%,390px); padding:.7rem 1rem; border:1px solid rgba(58,240,172,.22); border-radius:14px; color:#54eeb1; background:rgba(28,195,139,.06); }

html[data-theme='dark'] body[data-page='ai'] .ai-change-image { border:0; background:none; color:#9b84ff; font-weight:800; cursor:pointer; }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { margin:.85rem 0 .2rem; position:relative; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result[hidden] #aiNewAnalysis { display:none; }

html[data-theme='dark'] body[data-page='ai'] #aiNewAnalysis { display:none; }

html[data-theme='dark'] body[data-page='ai'] .ai-stage-result:not([hidden]) #aiNewAnalysis { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; width:auto; min-width:185px; min-height:44px; margin:.75rem 0 .2rem; padding-inline:1rem; border:0; border-radius:14px; background:linear-gradient(135deg,#38bdf8,#06b6d4); color:#0c1b2a; font-size:.8rem; font-weight:900; box-shadow:0 8px 20px rgba(56,189,248,.18),0 0 26px rgba(6,182,212,.12); transition:.25s ease; cursor:pointer; }

html[data-theme='dark'] body[data-page='ai'] #aiNewAnalysis:hover { box-shadow:0 10px 28px rgba(56,189,248,.3),0 0 38px rgba(6,182,212,.2); transform:translateY(-2px); }

/* Mobile: full-width analyze button, drop card keeps compact */

@media (max-width:760px) {

  html[data-theme='dark'] body[data-page='ai'] .ai-upload .ai-analyze-btn { width:100%; }

}

html[data-theme='dark'] body[data-page='ai'] .ai-duration { margin-top:.85rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-duration__title { color:#e7e5f7; font-size:.9rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-duration__options { display:grid; grid-template-columns:repeat(7,1fr); gap:.45rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-duration__option { min-height:58px; border:1px solid rgba(203,196,255,.16); border-radius:14px; background:rgba(255,255,255,.045); color:#d4d1e2; font-weight:800; transition:.2s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-duration__option:hover { border-color:#8a6dff; transform:translateY(-2px); }

html[data-theme='dark'] body[data-page='ai'] .ai-duration__option.is-selected { border-color:#8167ff; background:linear-gradient(135deg,#5641d7,#7661ff); color:#fff; box-shadow:0 0 20px rgba(118,97,255,.3); }

html[data-theme='dark'] body[data-page='ai'] .ai-result__head { padding-bottom:1rem; border-bottom:1px solid rgba(215,207,255,.12); }

html[data-theme='dark'] body[data-page='ai'] .ai-result__body { padding-top:1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty { min-height:330px; display:grid; place-items:center; align-content:center; gap:.8rem; padding:1.4rem; text-align:center; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal { position:relative; display:grid; place-items:center; width:142px; height:142px; border:1px solid rgba(255,224,113,.3); border-radius:50%; background:radial-gradient(circle,rgba(255,224,113,.16),rgba(255,224,113,.02) 60%,transparent 61%); box-shadow:0 0 50px rgba(255,224,113,.08),inset 0 0 35px rgba(255,224,113,.08); }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::before, html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::after { content:''; position:absolute; border:1px solid rgba(143,120,255,.3); border-radius:50%; animation:ai-ring 2.4s ease-out infinite; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::before { inset:-12px; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal::after { inset:-28px; animation-delay:1.2s; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal span { position:absolute; width:10px; height:10px; border-radius:50%; background:#ffe071; box-shadow:0 0 22px #ffe071; animation:ai-pulse 1.5s ease-in-out infinite; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__signal b { color:#ffe071; font:700 1.35rem 'Unbounded',sans-serif; letter-spacing:-.08em; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty > strong { color:#f7f4ff; font-size:1.05rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty > p { max-width:300px; margin:0; color:#9694aa; font-size:.8rem; line-height:1.55; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__status { color:#5deeb2; font-size:.68rem; font-weight:800; }

html[data-theme='dark'] body[data-page='ai'] .ai-result-empty__status i { display:inline-block; width:7px; height:7px; margin-right:.3rem; border-radius:50%; background:#20f3a4; box-shadow:0 0 10px #20f3a4; }

html[data-theme='dark'] body[data-page='ai'] .ai-result__meta { color:#8d8aa3; font-size:.8rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-direction { margin:.75rem 0; color:#ffe071; font-size:clamp(2.2rem,5vw,4.3rem); letter-spacing:-.08em; }

html[data-theme='dark'] body[data-page='ai'] .ai-direction.up { color:#50f4ad; }

html[data-theme='dark'] body[data-page='ai'] .ai-direction.down { color:#ff7595; }

html[data-theme='dark'] body[data-page='ai'] .ai-recommendation { padding:1rem 1.1rem; border:1px solid rgba(118,97,255,.22); border-radius:16px; background:rgba(91,71,205,.11); }

html[data-theme='dark'] body[data-page='ai'] .ai-recommendation span { color:#8e8ca1; }

html[data-theme='dark'] body[data-page='ai'] .ai-recommendation strong { display:block; margin-top:.5rem; color:#f5f4ff; font-size:1rem; white-space:normal; line-height:1.45; }

html[data-theme='dark'] body[data-page='ai'] .ai-answer { color:#f5f4ff; font-size:1rem; line-height:1.5; }

html[data-theme='dark'] body[data-page='ai'] .ai-reason { color:#aaa7bc; font-size:.85rem; line-height:1.45; }

html[data-theme='dark'] body[data-page='ai'] .ai-outcome { display:block; padding-top:1rem; border-top:1px solid rgba(215,207,255,.12); color:#aaa7bc; }

html[data-theme='dark'] body[data-page='ai'] .ai-outcome > div { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.65rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-outcome button { padding:.65rem 1rem; border:1px solid rgba(203,196,255,.2); border-radius:13px; background:transparent; color:#e1deef; font-size:.8rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-outcome button:hover { border-color:#8e78ff; background:rgba(118,97,255,.14); }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.4rem; width:auto; min-width:195px; min-height:44px; margin:.75rem 0 .2rem; padding-inline:1.05rem; border:0; border-radius:14px; background:linear-gradient(135deg,#b8ff39,#4df1af); color:#0a2118; font-size:.8rem; font-weight:900; box-shadow:0 8px 20px rgba(99,243,144,.18),0 0 26px rgba(77,241,175,.12); transition:.25s ease; overflow:hidden; }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn::before { content:''; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent); transform:translateX(-100%); transition:transform .6s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn:hover { box-shadow:0 10px 28px rgba(99,243,144,.3),0 0 38px rgba(77,241,175,.2); transform:translateY(-2px); }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn:hover::before { transform:translateX(200%); }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn:disabled { opacity:.55; cursor:not-allowed; }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn span { position:relative; z-index:1; font-size:.95rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-loader { display:grid; place-items:center; min-height:300px; text-align:center; }

html[data-theme='dark'] body[data-page='ai'] .ai-loader strong { color:#f5f4ff; font-size:1.1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-loader__steps span { display:block; margin-top:.6rem; color:#a7a4bb; font-size:.75rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-loader__bar { width:80%; height:5px; margin-top:1rem; overflow:hidden; border-radius:99px; background:rgba(255,255,255,.1); }

html[data-theme='dark'] body[data-page='ai'] .ai-loader__bar i { display:block; width:45%; height:100%; background:#9c82ff; box-shadow:0 0 15px #9c82ff; animation:ai-progress 1.4s ease-in-out infinite; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay { position:absolute; z-index:5; inset:1.25rem; display:grid; place-items:center; align-content:center; gap:.5rem; overflow:hidden; border-radius:20px; background:rgba(8,10,22,.74); backdrop-filter:blur(5px); text-align:center; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay strong { color:#fff; font-size:1.15rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay span { color:#aaa7bf; font-size:.75rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb { color:#9e86ff; font-size:3rem; text-shadow:0 0 30px #8f75ff; animation:ai-orb 1.2s ease-in-out infinite; }

html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay i { position:absolute; left:0; right:0; height:2px; background:#9e86ff; box-shadow:0 0 20px 5px #9e86ff; animation:ai-scan 1.4s ease-in-out infinite; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide { position:absolute; z-index:3; inset:0; pointer-events:none; opacity:0; transition:opacity .5s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide.is-visible { opacity:1; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__beam { position:absolute; left:58%; top:18%; bottom:12%; width:2px; background:linear-gradient(180deg,transparent,#ffe071 35%,#ffe071 70%,transparent); box-shadow:0 0 14px #ffe071; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry,

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__target { position:absolute; padding:.55rem .8rem; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(17,20,30,.88); box-shadow:0 10px 24px rgba(0,0,0,.3); color:#edf7f2; font-size:.72rem; font-weight:800; white-space:nowrap; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry { left:52%; top:45%; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry i { display:inline-block; width:9px; height:9px; margin-right:.35rem; border-radius:50%; background:#b8ff44; box-shadow:0 0 12px #b8ff44; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__target { right:7%; top:12%; color:#ffe071; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__arrow { position:absolute; left:calc(58% - 10px); top:35%; color:#b8ff44; font-size:2rem; text-shadow:0 0 14px currentColor; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--down .ai-chart-guide__beam { background:linear-gradient(180deg,transparent,#ff7595 35%,#ff7595 70%,transparent); box-shadow:0 0 14px #ff7595; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--down .ai-chart-guide__target { color:#ff9cb2; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--down .ai-chart-guide__arrow { color:#ff7595; }

html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide--wait .ai-chart-guide__beam { background:linear-gradient(180deg,transparent,#ffe071 35%,#ffe071 70%,transparent); }

html[data-theme='dark'] body[data-page='ai'] .ai-history { margin-top:1rem; padding:1.2rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-history .card__title { display:flex; align-items:center; justify-content:space-between; color:#f3f1ff; font:700 1rem 'Unbounded',sans-serif; }

html[data-theme='dark'] body[data-page='ai'] .ai-history .card__title::after { content:'LIVE DATA'; padding:.3rem .55rem; border:1px solid rgba(32,243,164,.25); border-radius:99px; color:#55edb2; font:700 .55rem 'Manrope',sans-serif; letter-spacing:.12em; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-row { display:grid; grid-template-columns:auto auto auto 1fr auto; align-items:center; gap:.8rem; margin-top:.7rem; padding:.8rem .9rem; border:1px solid rgba(170,157,255,.13); border-radius:15px; background:rgba(255,255,255,.035); }

html[data-theme='dark'] body[data-page='ai'] .ai-history-row b { min-width:70px; color:#ffe071; font:700 .72rem 'Unbounded',sans-serif; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-row b.up { color:#50f4ad; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-row b.down { color:#ff7595; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-row__duration { color:#a38cff; font:700 .7rem 'Unbounded',sans-serif; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-row__text { overflow:hidden; color:#c5c2d5; font-size:.75rem; text-overflow:ellipsis; white-space:nowrap; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-row__date { color:#77758b; font-size:.65rem; white-space:nowrap; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome { padding:.28rem .45rem; border-radius:7px; font-size:.6rem; font-style:normal; font-weight:800; white-space:nowrap; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome.yes { color:#5ef0b3; background:rgba(32,243,164,.1); }

html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome.no { color:#ff8aa1; background:rgba(255,117,149,.1); }

html[data-theme='dark'] body[data-page='ai'] .ai-history-outcome.skipped { color:#aaa7bd; background:rgba(255,255,255,.08); }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions { display:flex; align-items:center; gap:.35rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button { display:grid; place-items:center; width:32px; height:32px; padding:0; border:1px solid rgba(203,196,255,.2); border-radius:10px; background:rgba(255,255,255,.035); color:#aaa7bd; font-size:.9rem; font-weight:900; cursor:pointer; transition:.2s ease; }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button:hover { transform:translateY(-2px); }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button[data-history-outcome='yes']:hover { border-color:#55efb2; color:#55efb2; background:rgba(85,239,178,.12); box-shadow:0 0 16px rgba(85,239,178,.18); }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button[data-history-outcome='no']:hover { border-color:#ff718f; color:#ff718f; background:rgba(255,113,143,.12); box-shadow:0 0 16px rgba(255,113,143,.18); }

html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button[data-history-outcome='skipped']:hover { border-color:#aaa7bd; color:#e8e5f1; background:rgba(255,255,255,.1); }

@keyframes ai-ring { 0% { transform:scale(.75); opacity:.8; } 100% { transform:scale(1.25); opacity:0; } }

@keyframes ai-scan { 0%,100% { transform:translateY(-130px); opacity:.25; } 50% { transform:translateY(130px); opacity:1; } }

@keyframes ai-progress { 0% { transform:translateX(-120%); } 100% { transform:translateX(250%); } }

@keyframes ai-orb { 0%,100% { transform:scale(.85) rotate(0deg); opacity:.6; } 50% { transform:scale(1.12) rotate(90deg); opacity:1; } }

@media (max-width:760px) {

  html[data-theme='dark'] body[data-page='ai'] .page-hero { padding-top:1rem; padding-bottom:1rem; }

  html[data-theme='dark'] body[data-page='ai'] .page-hero__copy { display:none; }

  html[data-theme='dark'] body[data-page='ai'] .ai-terminal { padding:.7rem; border-radius:22px; }

  html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top { margin-bottom:.7rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-terminal__top p { display:none; }

  html[data-theme='dark'] body[data-page='ai'] .ai-terminal__grid { display:block; }

  html[data-theme='dark'] body[data-page='ai'] .ai-upload, html[data-theme='dark'] body[data-page='ai'] .ai-result { padding:.85rem; border-radius:22px; }

  html[data-theme='dark'] body[data-page='ai'] .ai-upload { min-height:0; }

  html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview, html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview img { max-height:390px; }

  html[data-theme='dark'] body[data-page='ai'] .ai-duration__options { gap:.35rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-duration__option { min-height:57px; font-size:.72rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-risk { min-height:0; margin-top:.8rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-result-empty { min-height:280px; }

  html[data-theme='dark'] body[data-page='ai'] .ai-history-row { grid-template-columns:auto auto 1fr; gap:.45rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-history-row__text { grid-column:1 / -1; white-space:normal; }

  html[data-theme='dark'] body[data-page='ai'] .ai-history-row__date { justify-self:end; }

  html[data-theme='dark'] body[data-page='ai'] .ai-history-actions button { width:30px; height:30px; }

  html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__entry { left:42%; top:45%; }

  html[data-theme='dark'] body[data-page='ai'] .ai-chart-guide__target { right:4%; top:10%; }

  html[data-theme='dark'] body[data-page='ai'] .ai-result__head { gap:.4rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-direction { font-size:3.1rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-recommendation strong { font-size:.9rem; }

  html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty { flex-direction:column; min-height:auto; padding:1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-drop-empty .btn { width:100%; }

html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { width:100%; min-height:46px; font-size:.85rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-history { max-height:220px; overflow-y:auto; margin-top:1rem; }

html[data-theme='dark'] body[data-page='ai'] .ai-history .card__title { position:relative; }

/* History scroll indicator */

}



html[data-theme='light'] {

  --bg: #ece8df;

  --bg-2: #f2efe8;

  --bg-elev: #f8f6f1;

  --surface: rgba(255, 255, 255, .5);

  --surface-2: rgba(255, 255, 255, .38);

  --surface-3: rgba(255, 255, 255, .72);

  --surface-solid: #f8f6f1;

  --line: rgba(23, 25, 29, .12);

  --line-strong: rgba(23, 25, 29, .24);

  --text: #17191d;

  --text-soft: #3f4247;

  --muted: #71736f;

  --brand: #5237e6;

  --brand-2: #7f6bff;

  --brand-3: #b49dff;

  --green: #2f7d54;

  --red: #bd4560;

  --lime: #9db52f;

  --grad-brand: linear-gradient(135deg, #6b52ff 0%, #9b8bff 100%);

  --grad-text: linear-gradient(100deg, #17191d 0%, #5145a7 55%, #8b7bdc 100%);

  --grad-panel: linear-gradient(145deg, rgba(255,255,255,.7), rgba(255,255,255,.36));

  --shadow-sm: 0 18px 44px rgba(49, 43, 33, .1);

  --shadow-md: 0 32px 90px rgba(49, 43, 33, .15);

  --shadow-glow: 0 0 0 1px rgba(255,255,255,.7), 0 30px 90px rgba(82,55,230,.16);

  --radius-xs: 14px;

  --radius-sm: 20px;

  --radius-md: 28px;

  --radius-lg: 38px;

  --radius-xl: 52px;

}



html[data-theme='dark'] {

  --v2-paper: #0a0c12;

  --v2-paper-2: #10131b;

  --v2-ink: #f4f1e9;

  --v2-ink-soft: #c9c7c1;

  --v2-muted: #96959a;

  --v2-line: rgba(244, 241, 233, .13);

  --v2-line-strong: rgba(244, 241, 233, .26);

  --v2-glass: rgba(22, 25, 34, .66);

  --v2-glass-2: rgba(255, 255, 255, .055);

  --v2-shadow: 0 32px 90px rgba(0, 0, 0, .42);

  --v2-shadow-soft: 0 14px 40px rgba(0, 0, 0, .28);

  --v2-header: rgba(12, 15, 22, .68);

  --v2-header-scroll: rgba(12, 15, 22, .9);

  --bg: #0a0c12;

  --bg-2: #10131b;

  --bg-elev: #151923;

  --surface: rgba(255, 255, 255, .055);

  --surface-2: rgba(255, 255, 255, .04);

  --surface-3: rgba(255, 255, 255, .09);

  --surface-solid: #151923;

  --line: rgba(255, 255, 255, .12);

  --line-strong: rgba(255, 255, 255, .25);

  --text: #f4f1e9;

  --text-soft: #cfcdc6;

  --muted: #96959a;

  --brand: #8d7bff;

  --brand-2: #b2a5ff;

  --brand-3: #d3c9ff;

  --green: #6ee7a8;

  --red: #ff8aa0;

  --lime: #d9ff63;

  --grad-brand: linear-gradient(135deg, #8d7bff 0%, #d3c9ff 100%);

  --grad-text: linear-gradient(100deg, #ffffff 0%, #b9adff 60%, #d9ff63 100%);

  --grad-panel: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.025));

  --shadow-sm: 0 18px 44px rgba(0, 0, 0, .28);

  --shadow-md: 0 32px 90px rgba(0, 0, 0, .42);

  --shadow-glow: 0 0 0 1px rgba(255,255,255,.14), 0 30px 90px rgba(82,55,230,.24);

  --radius-xs: 14px;

  --radius-sm: 20px;

  --radius-md: 28px;

  --radius-lg: 38px;

  --radius-xl: 52px;

}



html { background: var(--v2-paper); scroll-behavior: smooth; }

body {

  background: var(--v2-paper);

  color: var(--v2-ink);

  font-family: 'Manrope', system-ui, sans-serif;

  letter-spacing: -.018em;

  -webkit-font-smoothing: antialiased;

}

body.menu-open { overflow: hidden; }

::selection { background: var(--v2-violet); color: #fff; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .hero-title { font-family: 'Unbounded', 'Manrope', sans-serif; }



.container { width: min(1320px, calc(100% - 44px)); margin-inline: auto; }

@media (max-width: 700px) { .container { width: min(100% - 28px, 1320px); } }



.page-bg {

  background:

    radial-gradient(1000px 780px at 78% -8%, rgba(255,255,255,.85), transparent 62%),

    radial-gradient(820px 680px at -10% 22%, rgba(180, 215, 235, .3), transparent 68%),

    radial-gradient(900px 700px at 55% 112%, rgba(177, 159, 244, .16), transparent 68%),

    linear-gradient(180deg, #f3f0ea 0%, #ece8df 54%, #e8e4da 100%);

  opacity: 1;

}

html[data-theme='dark'] .page-bg {

  background:

    radial-gradient(900px 700px at 80% -10%, rgba(82,55,230,.2), transparent 64%),

    radial-gradient(800px 600px at 0% 30%, rgba(55, 110, 150, .14), transparent 65%),

    linear-gradient(180deg, #0a0c12 0%, #0d1017 58%, #090b10 100%);

}

.page-bg::before { opacity: .22; background-size: 120px 120px; }



/* ---------- shared chrome ---------- */

.v2-kicker {

  display: inline-flex; align-items: center; gap: .6rem;

  color: var(--v2-muted); font-size: .68rem; font-weight: 800;

  letter-spacing: .16em; text-transform: uppercase;

}

.v2-kicker span {

  display: inline-grid; place-items: center; min-width: 28px; height: 22px; padding: 0 .4rem;

  border: 1px solid var(--v2-line-strong); border-radius: 999px; font-size: .58rem;

}

.v2-kicker--light { color: rgba(255,255,255,.68); }

.v2-kicker--light span { border-color: rgba(255,255,255,.28); }

.v2-muted { color: var(--v2-muted); }

.v2-title {

  margin: .65rem 0 0;

  font-size: clamp(2.3rem, 5vw, 4.9rem);

  line-height: .97;

  letter-spacing: -.072em;

  font-weight: 500;

}

.v2-section { position: relative; padding: clamp(4.8rem, 9vw, 9rem) 0; }

.v2-section--flush { padding-top: 0; }

.v2-section--last { padding-bottom: clamp(4.5rem, 8vw, 8rem); }

.v2-section__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; margin-bottom: clamp(2.2rem, 4vw, 4rem); }

.v2-section__aside { max-width: 390px; padding-bottom: .5rem; }

.v2-section__aside p { margin: 0 0 1.1rem; color: var(--v2-muted); font-size: .94rem; line-height: 1.75; }

.v2-text-link {

  display: inline-flex; align-items: center; gap: .5rem; color: var(--v2-ink);

  font-size: .8rem; font-weight: 800; letter-spacing: -.01em;

  border-bottom: 1px solid var(--v2-line-strong); padding-bottom: .22rem;

  transition: gap .3s ease, border-color .3s ease;

}

.v2-text-link span { color: var(--v2-violet); font-size: 1rem; }

.v2-text-link:hover { gap: .8rem; border-color: var(--v2-violet); }



/* ---------- header ---------- */

.site-header--future { position: sticky; top: 14px; z-index: 110; background: transparent; border: 0; padding: 0; }

.site-header--future::before { display: none; }

.site-header--future .header-inner {

  min-height: 68px; padding: 9px 12px 9px 18px;

  border: 1px solid rgba(23, 25, 29, .12);

  border-radius: 999px;

  background: var(--v2-header);

  box-shadow: 0 12px 40px rgba(45, 40, 31, .1), inset 0 1px 0 rgba(255,255,255,.66);

  backdrop-filter: blur(24px) saturate(1.45);

  -webkit-backdrop-filter: blur(24px) saturate(1.45);

  transition: background .35s ease, box-shadow .35s ease, transform .35s ease;

}

html[data-theme='dark'] .site-header--future .header-inner {

  border-color: rgba(255,255,255,.11);

  box-shadow: 0 16px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.08);

}

.site-header--future.is-scrolled .header-inner {

  background: var(--v2-header-scroll);

  box-shadow: 0 18px 54px rgba(45, 40, 31, .16), inset 0 1px 0 rgba(255,255,255,.7);

}

html[data-theme='dark'] .site-header--future.is-scrolled .header-inner { box-shadow: 0 18px 54px rgba(0,0,0,.46), inset 0 1px 0 rgba(255,255,255,.09); }

.site-header--future .brand-mark { width: 38px; height: 38px; }

.site-header--future .brand-mark img { border-radius: 12px; }

.site-header--future .brand-name { font-size: .92rem; }

.site-header--future .brand-sub { font-size: .5rem; letter-spacing: .2em; color: var(--v2-muted); }

.site-header--future .main-nav { gap: .1rem; }

.site-header--future .nav-link { padding: .62rem .85rem; color: var(--v2-muted); font-size: .78rem; }

.site-header--future .nav-link:hover { color: var(--v2-ink); background: rgba(255,255,255,.5); }

html[data-theme='dark'] .site-header--future .nav-link:hover { background: rgba(255,255,255,.07); }

.site-header--future .nav-link.is-active { color: var(--v2-ink); background: rgba(255,255,255,.55); box-shadow: inset 0 0 0 1px rgba(23,25,29,.08); }

html[data-theme='dark'] .site-header--future .nav-link.is-active { background: rgba(255,255,255,.09); box-shadow: inset 0 0 0 1px rgba(255,255,255,.09); }

.site-header--future .nav-link.is-active::after { display: none; }

.site-header--future .header-theme { width: 38px; height: 38px; border-color: var(--v2-line); background: rgba(255,255,255,.36); }

html[data-theme='dark'] .site-header--future .header-theme { background: rgba(255,255,255,.06); }

.site-header--future .header-actions { gap: .45rem; }

.site-header--future .btn--sm { min-height: 38px; padding-inline: 1rem; font-size: .72rem; }

.site-header--future .btn--ghost { background: transparent; border-color: transparent; box-shadow: none; color: var(--v2-ink-soft); }

.site-header--future .btn--ghost:hover { background: rgba(255,255,255,.5); }

html[data-theme='dark'] .site-header--future .btn--ghost:hover { background: rgba(255,255,255,.08); }

.site-header--future .btn--primary {

  color: #fff; background: var(--v2-ink); border-color: var(--v2-ink);

  box-shadow: 0 8px 22px rgba(23,25,29,.2);

}

html[data-theme='dark'] .site-header--future .btn--primary { color: #121318; background: #f4f1e9; border-color: #f4f1e9; }

.site-header--future .btn--primary:hover { filter: none; transform: translateY(-1px); box-shadow: 0 12px 28px rgba(23,25,29,.26); }

.auth-slot { display: flex; align-items: center; }

.auth-guest { display: flex; align-items: center; gap: .25rem; }

.auth-guest[hidden], .account-pill[hidden], [data-auth-user][hidden], [data-auth-guest][hidden] { display: none !important; }

.account-pill {

  display: flex; align-items: center; gap: .55rem; padding: .28rem .4rem .28rem .3rem;

  border: 1px solid var(--v2-line); border-radius: 999px; background: rgba(255,255,255,.4);

  color: var(--v2-ink); transition: background .25s ease, transform .25s ease;

}

html[data-theme='dark'] .account-pill { background: rgba(255,255,255,.06); }

.account-pill:hover { background: rgba(255,255,255,.7); transform: translateY(-1px); }

html[data-theme='dark'] .account-pill:hover { background: rgba(255,255,255,.1); }

.account-pill__avatar {

  display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%;

  background: var(--v2-violet); color: #fff; font-family: 'Unbounded'; font-size: .76rem;

}

.account-pill__copy { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }

.account-pill__copy small { color: var(--v2-muted); font-size: .5rem; font-weight: 800; text-transform: uppercase; letter-spacing: .1em; }

.account-pill__copy b { max-width: 92px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .74rem; }

.account-pill__arrow { display: grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; background: rgba(23,25,29,.08); }

.account-pill__arrow svg { width: 12px; height: 12px; }

html[data-theme='dark'] .account-pill__arrow { background: rgba(255,255,255,.1); }



.site-header--future .burger { border-color: var(--v2-line); background: rgba(255,255,255,.5); color: var(--v2-ink); }

html[data-theme='dark'] .site-header--future .burger { background: rgba(255,255,255,.06); }



/* mobile menu */

.mobile-menu__panel { background: var(--v2-paper-2); color: var(--v2-ink); border-left: 1px solid var(--v2-line); }

.mobile-menu__backdrop { background: rgba(16,17,21,.48); backdrop-filter: blur(8px); }

.mobile-nav a { color: var(--v2-ink-soft); }

.mobile-nav a.is-active { color: var(--v2-violet); }

.mobile-nav a span { color: var(--v2-muted); }

.mobile-menu__label { color: var(--v2-muted); }



/* ---------- buttons ---------- */

.btn {

  border-radius: 999px; font-family: 'Manrope', sans-serif; font-weight: 800;

  letter-spacing: -.01em; box-shadow: none;

  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease, background .3s ease, color .3s ease;

}

.btn--primary { color: #fff; background: var(--v2-violet); border: 1px solid var(--v2-violet); box-shadow: 0 10px 30px rgba(82,55,230,.25); }

.btn--primary:hover { color: #fff; background: var(--v2-violet-deep); border-color: var(--v2-violet-deep); transform: translateY(-2px); box-shadow: 0 16px 40px rgba(82,55,230,.3); }

html[data-theme='dark'] .btn--primary { color: #111218; background: var(--v2-lime); border-color: var(--v2-lime); }

html[data-theme='dark'] .btn--primary:hover { background: #e6ff92; border-color: #e6ff92; }

.btn--light { color: #17191d; background: #f8f6f0; border: 1px solid rgba(255,255,255,.65); box-shadow: 0 12px 32px rgba(0,0,0,.16); }

.btn--light:hover { background: #fff; transform: translateY(-2px); }

.btn--glass { color: #fff; background: rgba(255,255,255,.13); border: 1px solid rgba(255,255,255,.38); backdrop-filter: blur(18px); }

.btn--glass:hover { background: rgba(255,255,255,.22); transform: translateY(-2px); }

.btn--ghost { color: var(--v2-ink); background: transparent; border: 1px solid var(--v2-line-strong); box-shadow: none; }

.btn--ghost:hover { background: rgba(255,255,255,.5); transform: translateY(-2px); }

html[data-theme='dark'] .btn--ghost:hover { background: rgba(255,255,255,.07); }

.btn--lg { min-height: 56px; padding-inline: 1.6rem; font-size: .82rem; }

.btn--block { width: 100%; justify-content: space-between; }

.btn .arrow, .btn > svg { width: 17px; height: 17px; }

.v2-btn-glow { box-shadow: 0 16px 46px rgba(82,55,230,.38), 0 0 0 1px rgba(255,255,255,.14) inset; }



.v2-pill {

  display: inline-flex; align-items: center; gap: .5rem; min-height: 32px; padding: 0 .8rem;

  border: 1px solid var(--v2-line); border-radius: 999px; font-size: .64rem; font-weight: 800;

  letter-spacing: .03em; color: var(--v2-ink-soft); background: rgba(255,255,255,.4);

}

.v2-pill--glass { color: rgba(255,255,255,.9); background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.26); backdrop-filter: blur(14px); }

.v2-pill--dark { color: rgba(255,255,255,.85); background: rgba(0,0,0,.18); border-color: rgba(255,255,255,.2); }

.v2-live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--v2-lime); box-shadow: 0 0 0 4px rgba(217,255,99,.14); animation: v2Pulse 2.4s ease-in-out infinite; }

.v2-live-badge { display: inline-flex; align-items: center; gap: .4rem; padding: .36rem .62rem; border-radius: 999px; background: rgba(217,255,99,.12); color: #7d941f; font-size: .56rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }

html[data-theme='dark'] .v2-live-badge { color: var(--v2-lime); background: rgba(217,255,99,.1); }

.v2-live-badge i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; animation: v2Pulse 2s infinite; }

.v2-chip { display: inline-flex; align-items: center; min-height: 28px; padding: 0 .68rem; border: 1px solid var(--v2-line); border-radius: 999px; color: var(--v2-muted); font-size: .58rem; font-weight: 800; letter-spacing: .02em; white-space: nowrap; }

.v2-chip--glass { color: rgba(255,255,255,.84); border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.1); backdrop-filter: blur(12px); }

.v2-chip--dark { color: #d9ff63; border-color: rgba(217,255,99,.3); background: rgba(217,255,99,.08); }

.v2-chip--light { color: #17191d; border-color: rgba(255,255,255,.75); background: rgba(255,255,255,.72); }

.v2-chip--violet { color: var(--v2-violet); border-color: rgba(82,55,230,.24); background: rgba(82,55,230,.08); }



/* ---------- hero ---------- */

.v2-hero { padding: 0 0 18px; }

.v2-hero__stage {

  position: relative; isolation: isolate; overflow: hidden;

  min-height: min(830px, 91vh);

  border-radius: clamp(28px, 4vw, 52px);

  background: #182131;

  box-shadow: 0 40px 110px rgba(44, 40, 30, .2);

}

.v2-hero__photo {

  position: absolute; inset: -7%; width: 114%; height: 114%; object-fit: cover; object-position: center 56%;

  z-index: -3; will-change: transform; transform: translate3d(0,0,0) scale(1.02);

  animation: v2HeroDrift 26s ease-in-out infinite alternate;

}

.v2-hero__veil {

  position: absolute; inset: 0; z-index: -2;

  background:

    linear-gradient(90deg, rgba(9, 15, 24, .78) 0%, rgba(9, 15, 24, .44) 42%, rgba(9, 15, 24, .06) 68%, rgba(9, 15, 24, .2) 100%),

    linear-gradient(180deg, rgba(9, 15, 24, .24) 0%, rgba(9, 15, 24, .04) 36%, rgba(9, 15, 24, .8) 100%),

    radial-gradient(70% 90% at 82% 12%, rgba(89, 64, 217, .28), transparent 66%);

}

.v2-hero__grain {

  position: absolute; inset: 0; z-index: -1; opacity: .2; pointer-events: none; mix-blend-mode: soft-light;

  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");

}

.v2-hero__top {

  position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 1rem;

  padding: 26px clamp(1.4rem, 3.3vw, 2.8rem) 0;

}

.v2-hero__top-note { color: rgba(255,255,255,.54); font-size: .58rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }

.v2-hero__grid {

  position: relative; z-index: 4;

  display: grid; grid-template-columns: minmax(0, 1.06fr) minmax(380px, .94fr);

  align-items: end; gap: clamp(1.5rem, 3vw, 3.4rem);

  min-height: 690px; padding: clamp(2.6rem, 5vw, 4.2rem) clamp(1.4rem, 3.3vw, 2.8rem) clamp(1.6rem, 3vw, 2.6rem);

}

.v2-hero__copy { padding-bottom: .4rem; max-width: 690px; }

.v2-hero__eyebrow {

  display: inline-flex; align-items: center; gap: .55rem; color: rgba(255,255,255,.7);

  font-size: .64rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase;

}

.v2-hero__eyebrow::before { content: ''; width: 24px; height: 1px; background: rgba(255,255,255,.5); }

.v2-hero__title {

  margin: .85rem 0 1.25rem;

  color: #fff;

  font-size: clamp(3rem, 6.3vw, 6.4rem);

  font-weight: 400; line-height: .9; letter-spacing: -.08em;

  text-wrap: balance;

}

.v2-hero__title span {

  background: linear-gradient(100deg, #ffffff 4%, #d5e6f7 44%, #d9ff63 105%);

  -webkit-background-clip: text; background-clip: text; color: transparent;

}

.v2-hero__lead { max-width: 530px; margin: 0 0 1.8rem; color: rgba(255,255,255,.74); font-size: clamp(.94rem, 1.1vw, 1.08rem); line-height: 1.7; }

.v2-hero__actions { display: flex; flex-wrap: wrap; gap: .65rem; }

.v2-hero__proof { display: flex; align-items: center; gap: .8rem; margin-top: 1.9rem; color: #fff; }

.v2-avatars { display: flex; align-items: center; }

.v2-avatars img, .v2-avatars span {

  width: 38px; height: 38px; border-radius: 50%; object-fit: cover; display: grid; place-items: center;

  border: 2px solid rgba(255,255,255,.72); margin-left: -10px; background: rgba(18,22,30,.7);

  font-size: .56rem; font-weight: 900; color: #fff;

}

.v2-avatars img:first-child { margin-left: 0; }

.v2-proof-copy { display: flex; flex-direction: column; line-height: 1.25; }

.v2-proof-copy b { font-size: .78rem; }

.v2-proof-copy span { color: rgba(255,255,255,.58); font-size: .66rem; }



.v2-hero__visual { position: relative; display: flex; align-items: flex-end; justify-content: flex-end; min-height: 520px; perspective: 1200px; }

.v2-orb {

  position: absolute; right: 8%; top: 0; width: clamp(190px, 22vw, 310px); aspect-ratio: 1; border-radius: 50%;

  background: radial-gradient(circle at 33% 26%, #fff 0%, #d5e4f6 11%, #8a9fe3 30%, #4a3ac6 58%, #16123d 82%, #090b18 100%);

  box-shadow: inset -28px -30px 70px rgba(4, 5, 15, .75), inset 18px 16px 44px rgba(255,255,255,.42), 0 50px 90px rgba(23, 15, 70, .44);

  animation: v2OrbFloat 9s ease-in-out infinite;

  z-index: 0;

}

.v2-orb::before {

  content: ''; position: absolute; inset: -17%; border-radius: 50%;

  border: 1px solid rgba(255,255,255,.2); transform: rotateX(68deg) rotateZ(-16deg);

  box-shadow: 0 0 0 22px rgba(255,255,255,.035);

}

.v2-orb::after {

  content: ''; position: absolute; left: 18%; top: 12%; width: 35%; height: 22%; border-radius: 50%;

  background: radial-gradient(ellipse, rgba(255,255,255,.82), transparent 70%); filter: blur(8px); transform: rotate(-24deg);

}

.v2-orb i {

  position: absolute; inset: 12%; border-radius: 50%; border: 1px solid rgba(255,255,255,.24);

  transform: rotateX(70deg) rotateZ(28deg); box-shadow: 0 0 32px rgba(141,123,255,.32);

}

.v2-orb b {

  position: absolute; right: 4%; top: 22%; width: 14px; height: 14px; border-radius: 50%;

  background: var(--v2-lime); box-shadow: 0 0 0 7px rgba(217,255,99,.16), 0 0 34px rgba(217,255,99,.8);

}



.v2-dash {

  position: relative; z-index: 2; width: min(440px, 100%);

  padding: 16px; border-radius: 28px;

  color: #17191d;

  background: rgba(250, 249, 245, .8);

  border: 1px solid rgba(255,255,255,.72);

  box-shadow: 0 32px 90px rgba(5, 8, 17, .34), inset 0 1px 0 rgba(255,255,255,.8);

  backdrop-filter: blur(30px) saturate(1.2);

  transform-style: preserve-3d;

}

.v2-dash__head, .v2-dash__pair, .v2-dash__foot { display: flex; align-items: center; justify-content: space-between; gap: .8rem; }

.v2-dash__brand { display: flex; align-items: center; gap: .55rem; }

.v2-dash__mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: #17191d; color: #fff; font-family: 'Unbounded'; font-size: .68rem; }

.v2-dash__brand b { display: block; font-size: .72rem; letter-spacing: -.02em; }

.v2-dash__brand small { display: block; color: #74767a; font-size: .52rem; }

.v2-dash .v2-live-badge { background: rgba(129, 151, 48, .12); color: #6c811f; }

.v2-dash__pair { margin: 1.15rem 0 .55rem; }

.v2-dash__pair > div > span { display: block; font-family: 'Unbounded'; font-size: .92rem; letter-spacing: -.04em; }

.v2-dash__pair > div > small { display: block; margin-top: .2rem; color: #74767a; font-size: .53rem; }

.v2-dash__price { text-align: right; }

.v2-dash__price b { display: block; font-size: 1.18rem; font-variant-numeric: tabular-nums; letter-spacing: -.04em; }

.v2-dash__price span { color: #3b8d64; font-size: .65rem; font-weight: 800; }

.v2-dash__chart { height: 172px; margin: 0 -2px; }

.v2-dash__chart svg { width: 100%; height: 100%; overflow: visible; }

.v2-dash__signal { display: flex; align-items: center; gap: .6rem; margin-top: .35rem; padding: .7rem .75rem; border-radius: 16px; background: #17191d; color: #f7f4ed; }

.v2-signal-tag { display: inline-grid; place-items: center; min-width: 44px; height: 27px; padding: 0 .5rem; border-radius: 8px; background: var(--v2-lime); color: #17191d; font-size: .57rem; font-weight: 900; letter-spacing: .08em; }

.v2-signal-tag.is-down { background: #ffb1bc; }

.v2-dash__signal div:nth-child(2) { flex: 1; }

.v2-dash__signal b { display: block; font-size: .68rem; }

.v2-dash__signal small { display: block; margin-top: .12rem; color: rgba(255,255,255,.55); font-size: .5rem; }

.v2-dash__confidence { text-align: right; }

.v2-dash__confidence b { color: var(--v2-lime); font-size: .92rem; }

.v2-dash__foot { margin-top: .8rem; padding: .15rem .2rem 0; }

.v2-dash__foot div { display: flex; flex-direction: column; gap: .12rem; }

.v2-dash__foot small { color: #85878a; font-size: .5rem; text-transform: uppercase; letter-spacing: .08em; }

.v2-dash__foot b { font-size: .67rem; }

.v2-dash__foot b.is-ok { color: #317a55; }



.v2-float-card {

  position: absolute; z-index: 3; display: flex; align-items: center; gap: .6rem;

  padding: .7rem .78rem; border-radius: 18px; color: #17191d;

  background: rgba(250,249,245,.76); border: 1px solid rgba(255,255,255,.7);

  box-shadow: 0 18px 50px rgba(6,9,17,.24); backdrop-filter: blur(20px);

  animation: v2Float 7s ease-in-out infinite;

}

.v2-float-card b { display: block; font-size: .62rem; }

.v2-float-card span { display: block; margin-top: .08rem; color: #74767a; font-size: .52rem; }

.v2-float-card--ai { left: -1.5rem; top: 22%; }

.v2-float-card--risk { left: 1.5rem; bottom: 2%; animation-delay: -3s; }

.v2-float-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 10px; background: rgba(82,55,230,.1); color: var(--v2-violet); }

.v2-float-icon svg { width: 16px; height: 16px; }

.v2-mini-ring { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: conic-gradient(var(--v2-violet) 0 22%, rgba(23,25,29,.1) 22% 100%); position: relative; }

.v2-mini-ring::before { content: ''; position: absolute; inset: 4px; border-radius: 50%; background: #f8f6f0; }

.v2-mini-ring span { position: relative; font-size: .5rem; font-weight: 900; }

.v2-hero__scroll { position: absolute; left: 50%; bottom: 16px; z-index: 5; translate: -50% 0; width: 28px; height: 44px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; }

.v2-hero__scroll span { position: absolute; left: 50%; top: 9px; translate: -50% 0; width: 3px; height: 8px; border-radius: 3px; background: #fff; animation: v2Scroll 2s ease-in-out infinite; }



/* ---------- ticker ---------- */

.v2-ticker { position: relative; overflow: hidden; border-top: 1px solid var(--v2-line); border-bottom: 1px solid var(--v2-line); padding: 17px 0; margin-top: 8px; background: rgba(255,255,255,.16); }

html[data-theme='dark'] .v2-ticker { background: rgba(255,255,255,.025); }

.v2-ticker__track { display: flex; align-items: center; gap: 3.4rem; width: max-content; animation: v2Marquee 46s linear infinite; }

.v2-ticker:hover .v2-ticker__track { animation-play-state: paused; }

.v2-ticker__track > span { display: inline-flex; align-items: center; gap: .7rem; white-space: nowrap; }

.v2-ticker__track i { color: var(--v2-muted); font-size: .6rem; font-style: normal; font-weight: 800; letter-spacing: .08em; }

.v2-ticker__track b { font-size: .72rem; font-variant-numeric: tabular-nums; }

.v2-ticker__track em { color: #3b8d64; font-size: .62rem; font-style: normal; font-weight: 800; }

html[data-theme='dark'] .v2-ticker__track em { color: var(--v2-lime); }



/* ---------- bento ---------- */

.v2-bento { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 16px; }

.v2-tile {

  position: relative; overflow: hidden; isolation: isolate;

  border: 1px solid var(--v2-line); border-radius: var(--v2-radius);

  background: var(--v2-glass-2); box-shadow: inset 0 1px 0 rgba(255,255,255,.5);

  transition: transform .55s cubic-bezier(.22,1,.36,1), box-shadow .55s ease;

}

.v2-tile:hover { transform: translateY(-6px); box-shadow: var(--v2-shadow-soft); }

html[data-theme='dark'] .v2-tile { box-shadow: inset 0 1px 0 rgba(255,255,255,.07); }

.v2-tile__top { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }

.v2-tile h3 { position: relative; z-index: 3; margin: 0 0 .6rem; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.1; letter-spacing: -.05em; font-weight: 500; }

.v2-tile p { position: relative; z-index: 3; margin: 0; color: var(--v2-muted); font-size: .82rem; line-height: 1.65; }

.v2-tile--scanner { grid-column: span 7; min-height: 500px; display: flex; flex-direction: column; justify-content: space-between; padding: 22px; color: #fff; border-color: rgba(255,255,255,.18); }

.v2-tile--live { grid-column: span 5; min-height: 500px; padding: 22px; display: flex; flex-direction: column; background: #17191d; color: #fff; border-color: rgba(255,255,255,.09); }

.v2-tile--live p { color: rgba(255,255,255,.55); }

.v2-tile--risk { grid-column: span 4; min-height: 380px; padding: 22px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; border-color: rgba(255,255,255,.18); }

.v2-tile--risk p { color: rgba(255,255,255,.64); }

.v2-tile--trader { grid-column: span 4; min-height: 380px; padding: 22px; display: flex; flex-direction: column; }

.v2-tile--community { grid-column: span 4; min-height: 380px; padding: 22px; display: flex; flex-direction: column; justify-content: space-between; background: #22184d; color: #fff; border-color: rgba(255,255,255,.12); }

.v2-tile__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1s cubic-bezier(.22,1,.36,1); }

.v2-tile:hover .v2-tile__photo { transform: scale(1.04); }

.v2-tile__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(11,15,23,.08) 0%, rgba(11,15,23,.22) 40%, rgba(11,15,23,.88) 100%); }

.v2-tile__scan { position: relative; align-self: flex-end; width: min(285px, 88%); margin-top: auto; padding: 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 20px; background: rgba(12,16,25,.46); backdrop-filter: blur(18px); overflow: hidden; }

.v2-scan-line { position: absolute; left: 0; right: 0; height: 1px; top: 20%; background: linear-gradient(90deg, transparent, var(--v2-lime), transparent); box-shadow: 0 0 16px rgba(217,255,99,.7); animation: v2Scan 4s ease-in-out infinite; }

.v2-scan-row { display: flex; justify-content: space-between; gap: 1rem; padding: .42rem 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .58rem; }

.v2-scan-row:last-child { border-bottom: 0; }

.v2-scan-row span { color: rgba(255,255,255,.55); }

.v2-scan-row b { font-weight: 800; }

.v2-scan-row b.is-lime { color: var(--v2-lime); }

.v2-tile__body { position: relative; z-index: 3; max-width: 490px; margin-top: 1.5rem; }

.v2-tile--scanner .v2-chip { align-self: flex-start; }

.v2-live-chart { position: relative; margin: 1.4rem -4px .2rem; height: 140px; }

.v2-live-chart svg { width: 100%; height: 100%; }

.v2-line-draw { stroke-dasharray: 520; stroke-dashoffset: 520; animation: v2Draw 3.6s cubic-bezier(.4,0,.2,1) forwards; }

.v2-live-chart__tag { position: absolute; right: 6%; top: 4%; padding: .32rem .55rem; border-radius: 999px; background: var(--v2-lime); color: #17191d; font-size: .52rem; font-weight: 900; }

.v2-signal-list { display: grid; gap: .4rem; margin-top: auto; }

.v2-signal-list > div { display: flex; align-items: center; gap: .6rem; padding: .55rem .6rem; border-radius: 12px; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.07); }

.v2-signal-list b { font-size: .62rem; }

.v2-signal-list small { margin-left: auto; color: rgba(255,255,255,.45); font-size: .52rem; }

.v2-signal-list .v2-signal-tag { min-width: 40px; height: 24px; font-size: .5rem; }

.v2-tile__bg { position: absolute; inset: 0; z-index: -2; background-size: cover; background-position: center; }

.v2-tile--risk::after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(20,15,60,.1), rgba(16,12,42,.86)); }

.v2-gauge { position: absolute; right: 20px; top: 64px; width: 132px; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(var(--v2-lime) 0 26%, rgba(255,255,255,.12) 26% 100%); display: grid; place-items: center; transform: rotate(-30deg); }

.v2-gauge::before { content: ''; position: absolute; inset: 9px; border-radius: 50%; background: #1b1740; }

.v2-gauge__inner { position: relative; display: flex; flex-direction: column; align-items: center; transform: rotate(30deg); }

.v2-gauge__inner b { font-family: 'Unbounded'; font-size: 1.25rem; letter-spacing: -.06em; }

.v2-gauge__inner span { color: rgba(255,255,255,.5); font-size: .54rem; }

.v2-tile--risk h3 { max-width: 210px; }

.v2-trader { display: flex; align-items: center; gap: .8rem; margin: 1.4rem 0 1rem; padding: .8rem; border: 1px solid var(--v2-line); border-radius: 18px; background: rgba(255,255,255,.45); }

html[data-theme='dark'] .v2-trader { background: rgba(255,255,255,.045); }

.v2-trader__avatar { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; }

.v2-trader__avatar img { width: 100%; height: 100%; object-fit: cover; }

.v2-trader small { display: block; color: var(--v2-muted); font-size: .52rem; text-transform: uppercase; letter-spacing: .06em; }

.v2-trader b { display: block; margin-top: .12rem; font-size: .8rem; }

.v2-trader b i { color: #2f7d54; font-style: normal; }

.v2-trader span { display: block; margin-top: .1rem; color: var(--v2-muted); font-size: .54rem; }

.v2-trader__rows { display: grid; gap: .35rem; margin-bottom: auto; }

.v2-trader__rows > div { display: flex; justify-content: space-between; gap: .6rem; padding: .46rem 0; border-bottom: 1px dashed var(--v2-line); font-size: .6rem; }

.v2-trader__rows span { color: var(--v2-muted); }

.v2-trader__rows b { font-weight: 800; }

.v2-tile--trader h3 { margin-top: 1.2rem; font-size: 1.2rem; }

.v2-community__faces { display: flex; margin: 1rem 0 auto; }

.v2-community__faces img, .v2-community__faces span { width: 52px; height: 52px; border-radius: 50%; object-fit: cover; border: 2px solid #22184d; margin-left: -12px; display: grid; place-items: center; background: var(--v2-lime); color: #17191d; font-size: .58rem; font-weight: 900; }

.v2-community__faces img:first-child { margin-left: 0; }

.v2-tile--community blockquote { margin: 1.2rem 0 .8rem; font-family: 'Unbounded'; font-size: 1.06rem; line-height: 1.25; letter-spacing: -.04em; }

.v2-community__quote b { display: block; font-size: .66rem; }

.v2-community__quote span { color: rgba(255,255,255,.48); font-size: .54rem; }



/* ---------- AI showcase ---------- */

.v2-ai { position: relative; overflow: hidden; isolation: isolate; min-height: 660px; border-radius: clamp(28px, 4vw, 50px); padding: clamp(2rem, 5vw, 4.4rem); display: flex; align-items: center; color: #fff; box-shadow: 0 40px 100px rgba(30, 20, 70, .22); }

.v2-ai__photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -3; }

.v2-ai__veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg, rgba(12,10,25,.92) 0%, rgba(12,10,25,.62) 43%, rgba(12,10,25,.18) 76%), linear-gradient(180deg, rgba(12,10,25,.3), rgba(12,10,25,.6)); }

.v2-ai__orb { position: absolute; right: 12%; top: 8%; width: clamp(220px, 30vw, 440px); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 35% 30%, rgba(255,255,255,.8), rgba(152,167,255,.35) 18%, rgba(82,55,230,.24) 48%, transparent 70%); filter: blur(4px); z-index: -1; animation: v2OrbFloat 12s ease-in-out infinite; }

.v2-ai__copy { position: relative; z-index: 2; max-width: 570px; }

.v2-ai h2 { margin: .7rem 0 1.2rem; font-size: clamp(2.5rem, 5vw, 4.8rem); line-height: .95; letter-spacing: -.075em; font-weight: 500; }

.v2-ai h2 span { color: var(--v2-lime); }

.v2-ai p { max-width: 450px; color: rgba(255,255,255,.66); font-size: .92rem; line-height: 1.7; }

.v2-ai__points { display: flex; flex-wrap: wrap; gap: .4rem 1rem; margin: 1.2rem 0 1.7rem; }

.v2-ai__points span { color: rgba(255,255,255,.78); font-size: .7rem; font-weight: 700; }

.v2-ai__points i { display: inline-grid; place-items: center; width: 17px; height: 17px; margin-right: .28rem; border-radius: 50%; background: rgba(217,255,99,.14); color: var(--v2-lime); font-size: .55rem; font-style: normal; }

.v2-ai__panel { position: absolute; z-index: 3; right: clamp(1.4rem, 4vw, 3.4rem); bottom: clamp(1.4rem, 4vw, 3.4rem); width: min(390px, 40%); padding: 20px; border-radius: 28px; color: #17191d; background: rgba(250,249,245,.86); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 30px 80px rgba(0,0,0,.28); backdrop-filter: blur(26px); }

.v2-ai__panel-head { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }

.v2-ai__panel .v2-live-badge { background: rgba(82,55,230,.1); color: var(--v2-violet); }

.v2-ai__verdict { display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; margin: 1.1rem 0 .65rem; }

.v2-ai__dir { font-family: 'Unbounded'; font-size: 2.1rem; letter-spacing: -.07em; color: #3b8d64; }

.v2-ai__verdict b { display: block; font-family: 'Unbounded'; font-size: 1.6rem; letter-spacing: -.06em; text-align: right; }

.v2-ai__verdict small { display: block; color: #777; font-size: .52rem; }

.v2-ai__meter { height: 5px; border-radius: 99px; background: rgba(23,25,29,.1); overflow: hidden; }

.v2-ai__meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--v2-violet), #9b8bff); }

.v2-ai__panel ul { display: grid; gap: .55rem; margin: 1rem 0; padding: 0; list-style: none; }

.v2-ai__panel li { display: flex; gap: .55rem; color: #55585c; font-size: .65rem; line-height: 1.4; }

.v2-ai__panel li span { color: var(--v2-violet); font-family: 'Unbounded'; font-size: .48rem; }

.v2-ai__panel-foot { display: flex; justify-content: space-between; gap: .5rem; padding-top: .75rem; border-top: 1px solid rgba(23,25,29,.1); color: #777; font-size: .52rem; }

.v2-ai__panel-foot b { color: #17191d; letter-spacing: .04em; }



/* ---------- path ---------- */

.v2-path { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }

.v2-step {

  position: relative; min-height: 320px; padding: 22px; display: flex; flex-direction: column;

  border: 1px solid var(--v2-line); border-radius: 30px; background: rgba(255,255,255,.28);

  transition: background .4s ease, transform .4s cubic-bezier(.22,1,.36,1), box-shadow .4s ease;

}

html[data-theme='dark'] .v2-step { background: rgba(255,255,255,.035); }

.v2-step:hover { background: rgba(255,255,255,.56); transform: translateY(-5px); box-shadow: var(--v2-shadow-soft); }

html[data-theme='dark'] .v2-step:hover { background: rgba(255,255,255,.065); }

.v2-step__num { color: var(--v2-muted); font-family: 'Unbounded'; font-size: .72rem; letter-spacing: .04em; }

.v2-step__icon { display: grid; place-items: center; width: 44px; height: 44px; margin: 2.2rem 0 auto; border-radius: 15px; border: 1px solid var(--v2-line); background: rgba(255,255,255,.35); color: var(--v2-violet); }

html[data-theme='dark'] .v2-step__icon { background: rgba(255,255,255,.06); }

.v2-step__icon svg { width: 20px; height: 20px; }

.v2-step h3 { margin: 1.2rem 0 .5rem; font-size: 1.24rem; letter-spacing: -.045em; font-weight: 500; }

.v2-step p { margin: 0 0 1.2rem; color: var(--v2-muted); font-size: .78rem; line-height: 1.6; }

.v2-step__meta { margin-top: auto; padding-top: .8rem; border-top: 1px solid var(--v2-line); color: var(--v2-muted); font-size: .58rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }



/* ---------- calculator ---------- */

.v2-calc { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; padding: clamp(1.4rem, 4vw, 3.8rem); border: 1px solid var(--v2-line); border-radius: var(--v2-radius); background: linear-gradient(135deg, rgba(255,255,255,.42), rgba(255,255,255,.16)); box-shadow: inset 0 1px 0 rgba(255,255,255,.5); }

html[data-theme='dark'] .v2-calc { background: linear-gradient(135deg, rgba(255,255,255,.06), rgba(255,255,255,.015)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }

.v2-calc__copy p { max-width: 430px; margin: 1.2rem 0; color: var(--v2-muted); font-size: .88rem; line-height: 1.75; }

.v2-calc__note { display: flex; gap: .75rem; max-width: 420px; padding: .85rem; border: 1px solid var(--v2-line); border-radius: 18px; background: rgba(255,255,255,.3); }

html[data-theme='dark'] .v2-calc__note { background: rgba(255,255,255,.04); }

.v2-calc__note-icon { display: grid; place-items: center; flex: 0 0 26px; height: 26px; border-radius: 50%; background: var(--v2-violet); color: #fff; font-family: 'Unbounded'; font-size: .64rem; }

.v2-calc__note p { margin: 0; font-size: .68rem; line-height: 1.55; }

.v2-calc__widget { padding: clamp(1.1rem, 2.4vw, 1.8rem); border-radius: 26px; background: rgba(255,255,255,.65); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 24px 70px rgba(49,43,33,.12); }

html[data-theme='dark'] .v2-calc__widget { background: rgba(255,255,255,.055); border-color: rgba(255,255,255,.1); box-shadow: 0 24px 70px rgba(0,0,0,.3); }

.v2-calc__head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.1rem; }

.v2-calc__head b { font-family: 'Unbounded'; font-size: 1.05rem; letter-spacing: -.04em; }

.v2-calc .calc-field { margin-bottom: 1.1rem; }

.v2-calc .calc-field__top { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: .55rem; }

.v2-calc .calc-field__top label { color: var(--v2-muted); font-size: .65rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }

.v2-calc .calc-field__top output { font-family: 'Unbounded'; font-size: .92rem; letter-spacing: -.04em; }

.v2-calc .calc-range { position: relative; height: 26px; display: flex; align-items: center; }

.v2-calc .calc-range::before { content: ''; position: absolute; left: 0; right: 0; height: 4px; border-radius: 99px; background: rgba(23,25,29,.12); }

html[data-theme='dark'] .v2-calc .calc-range::before { background: rgba(255,255,255,.12); }

.v2-calc .calc-range__fill { position: absolute; left: 0; height: 4px; border-radius: 99px; background: var(--v2-violet); z-index: 1; }

.v2-calc .calc-range__knob { position: absolute; z-index: 2; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; background: #fff; border: 4px solid var(--v2-violet); box-shadow: 0 4px 12px rgba(82,55,230,.3); pointer-events: none; }

.v2-calc .calc-range input { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 3; }

.v2-calc .calc-scale { display: flex; justify-content: space-between; color: var(--v2-muted); font-size: .55rem; }

.v2-calc__results { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: .5rem; margin-top: 1.2rem; }

.v2-calc__result { padding: .8rem; border: 1px solid var(--v2-line); border-radius: 16px; background: rgba(255,255,255,.32); }

html[data-theme='dark'] .v2-calc__result { background: rgba(255,255,255,.04); }

.v2-calc__result small { display: block; color: var(--v2-muted); font-size: .52rem; text-transform: uppercase; letter-spacing: .06em; }

.v2-calc__result strong { display: block; margin-top: .3rem; font-family: 'Unbounded'; font-size: .88rem; letter-spacing: -.04em; }

.v2-calc__result strong small { display: inline; color: inherit; font-family: 'Manrope'; font-size: .52rem; letter-spacing: 0; }

.v2-calc__result span { display: block; margin-top: .2rem; color: var(--v2-muted); font-size: .5rem; }

.v2-calc__result--main { color: #fff; background: var(--v2-ink); border-color: var(--v2-ink); }

.v2-calc__result--main small, .v2-calc__result--main span { color: rgba(255,255,255,.55); }

.v2-calc__summary { margin: .9rem 0 0; color: var(--v2-muted); font-size: .6rem; line-height: 1.5; }



/* ---------- pricing ---------- */

.v2-plans { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; align-items: stretch; }

.v2-plan { position: relative; overflow: hidden; display: flex; flex-direction: column; padding: 26px; border: 1px solid var(--v2-line); border-radius: var(--v2-radius); background: rgba(255,255,255,.32); transition: transform .45s cubic-bezier(.22,1,.36,1), box-shadow .45s ease; }

html[data-theme='dark'] .v2-plan { background: rgba(255,255,255,.04); }

.v2-plan:hover { transform: translateY(-6px); box-shadow: var(--v2-shadow-soft); }

.v2-plan--featured { color: #fff; background: #17191d; border-color: #17191d; transform: translateY(-14px); box-shadow: 0 28px 80px rgba(23,25,29,.24); }

.v2-plan--featured:hover { transform: translateY(-20px); box-shadow: 0 36px 90px rgba(23,25,29,.3); }

.v2-plan__glow { position: absolute; right: -30%; top: -20%; width: 70%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle, rgba(82,55,230,.55), transparent 68%); filter: blur(8px); }

.v2-plan .v2-chip { position: relative; z-index: 1; }

.v2-plan--featured .v2-chip:not(.v2-chip--light) { color: rgba(255,255,255,.7); border-color: rgba(255,255,255,.2); }

.v2-plan__top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }

.v2-plan__index { color: var(--v2-muted); font-family: 'Unbounded'; font-size: .7rem; }

.v2-plan--featured .v2-plan__index { color: rgba(255,255,255,.42); }

.v2-plan h3 { position: relative; z-index: 1; margin: 1.8rem 0 .5rem; font-size: 2rem; letter-spacing: -.06em; font-weight: 500; }

.v2-plan__desc { position: relative; z-index: 1; min-height: 42px; margin: 0; color: var(--v2-muted); font-size: .72rem; line-height: 1.55; }

.v2-plan--featured .v2-plan__desc { color: rgba(255,255,255,.55); }

.v2-plan__price { display: flex; align-items: baseline; gap: .4rem; margin: 1.4rem 0 .5rem; }

.v2-plan__price span { color: var(--v2-muted); font-size: .6rem; }

.v2-plan__price b { font-family: 'Unbounded'; font-size: clamp(1.5rem, 2.6vw, 2.35rem); letter-spacing: -.06em; font-weight: 500; }

.v2-plan--featured .v2-plan__price span { color: rgba(255,255,255,.5); }

.v2-plan__ai { display: flex; align-items: baseline; gap: .35rem; margin-bottom: 1.1rem; color: var(--v2-violet); }

.v2-plan__ai b { font-family: 'Unbounded'; font-size: 1.4rem; letter-spacing: -.05em; }

.v2-plan__ai span { font-size: .62rem; font-weight: 800; }

.v2-plan--featured .v2-plan__ai { color: var(--v2-lime); }

.v2-plan ul { display: grid; gap: .45rem; margin: 0 0 1.4rem; padding: 0; list-style: none; }

.v2-plan li { display: flex; justify-content: space-between; gap: 1rem; padding: .5rem .6rem; border-radius: 10px; background: rgba(255,255,255,.35); font-size: .62rem; }

html[data-theme='dark'] .v2-plan li { background: rgba(255,255,255,.05); }

.v2-plan--featured li { background: rgba(255,255,255,.065); }

.v2-plan li span { color: var(--v2-muted); }

.v2-plan--featured li span { color: rgba(255,255,255,.5); }

.v2-plan li b { font-weight: 800; }

.v2-plan .btn { margin-top: auto; }

.v2-plan--featured .btn--light { color: #17191d; }

.v2-plans__note { margin: 2rem 0 0; color: var(--v2-muted); font-size: .62rem; line-height: 1.5; }



/* ---------- community ---------- */

.v2-community { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; }

.v2-community__copy p { max-width: 430px; margin: 1.2rem 0; color: var(--v2-muted); font-size: .88rem; line-height: 1.75; }

.v2-community__stats { display: flex; gap: 2rem; margin: 1.6rem 0; }

.v2-community__stats b { display: block; font-family: 'Unbounded'; font-size: 1.55rem; letter-spacing: -.06em; font-weight: 500; }

.v2-community__stats span { color: var(--v2-muted); font-size: .56rem; }

.v2-community__mosaic { display: grid; grid-template-columns: 1.15fr .85fr; grid-template-rows: 1fr 1fr; gap: 10px; min-height: 480px; }

.v2-mosaic { relative; position: relative; overflow: hidden; margin: 0; border-radius: 24px; background: #1a1d24; }

.v2-mosaic img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.22,1,.36,1); }

.v2-mosaic:hover img { transform: scale(1.04); }

.v2-mosaic--main { grid-row: span 2; }

.v2-mosaic figcaption { position: absolute; left: 14px; right: 14px; bottom: 14px; display: flex; flex-direction: column; gap: .15rem; color: #fff; }

.v2-mosaic figcaption span { color: rgba(255,255,255,.6); font-size: .52rem; text-transform: uppercase; letter-spacing: .08em; }

.v2-mosaic figcaption b { font-size: .72rem; }

.v2-mosaic--quote { display: flex; flex-direction: column; justify-content: flex-end; padding: 16px; color: #fff; background: var(--v2-violet); }

.v2-mosaic--quote blockquote { margin: 0 0 auto; font-family: 'Unbounded'; font-size: .88rem; line-height: 1.25; letter-spacing: -.04em; }

.v2-mosaic--quote figcaption { position: static; margin-top: 1rem; color: rgba(255,255,255,.6); font-size: .56rem; }



/* ---------- FAQ ---------- */

.v2-faq { display: grid; grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr); gap: clamp(2rem, 6vw, 7rem); }

.v2-faq__head p { max-width: 330px; margin: 1.2rem 0 1.2rem; color: var(--v2-muted); font-size: .82rem; line-height: 1.7; }

.v2-faq__list { border-top: 1px solid var(--v2-line); }

.v2-faq__item { border-bottom: 1px solid var(--v2-line); }

.v2-faq__item summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.2rem 0; cursor: pointer; list-style: none; font-size: .92rem; font-weight: 800; letter-spacing: -.02em; }

.v2-faq__item summary::-webkit-details-marker { display: none; }

.v2-faq__item summary span { position: relative; flex: 0 0 22px; height: 22px; border: 1px solid var(--v2-line-strong); border-radius: 50%; }

.v2-faq__item summary span::before, .v2-faq__item summary span::after { content: ''; position: absolute; left: 50%; top: 50%; width: 8px; height: 1px; background: var(--v2-ink); translate: -50% -50%; transition: transform .3s ease; }

.v2-faq__item summary span::after { transform: rotate(90deg); }

.v2-faq__item[open] summary span::after { transform: rotate(0deg); }

.v2-faq__item p { max-width: 650px; margin: -.2rem 0 1.2rem; color: var(--v2-muted); font-size: .78rem; line-height: 1.7; }



/* ---------- final CTA ---------- */

.v2-cta { position: relative; overflow: hidden; isolation: isolate; min-height: 500px; display: flex; align-items: center; padding: clamp(2rem, 5vw, 4.6rem); border-radius: clamp(28px, 4vw, 52px); color: #fff; background: #17191d; box-shadow: 0 40px 100px rgba(23,25,29,.25); }

.v2-cta__bg { position: absolute; inset: 0; z-index: -3; background: url('../img/new/violet-3d.jpg') center/cover; opacity: .5; }

.v2-cta__orb { position: absolute; right: 4%; top: 50%; translate: 0 -50%; width: clamp(240px, 34vw, 480px); aspect-ratio: 1; border-radius: 50%; z-index: -1; background: radial-gradient(circle at 32% 26%, #fff, #d3e1f4 12%, #8f9fea 32%, #5237e6 58%, #17123d 82%); box-shadow: inset -30px -34px 70px rgba(7,5,20,.7), 0 40px 100px rgba(82,55,230,.35); opacity: .82; }

.v2-cta__copy { position: relative; z-index: 2; max-width: 720px; }

.v2-cta h2 { margin: .8rem 0 1rem; font-size: clamp(2.5rem, 5.6vw, 5.4rem); line-height: .92; letter-spacing: -.075em; font-weight: 500; }

.v2-cta h2 span { color: var(--v2-lime); }

.v2-cta p { max-width: 440px; color: rgba(255,255,255,.58); font-size: .84rem; line-height: 1.7; }

.v2-cta__actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: 1.6rem; }

.v2-cta__login { color: rgba(255,255,255,.55); font-size: .66rem; }

.v2-cta__login b { color: #fff; border-bottom: 1px solid rgba(255,255,255,.4); }

.v2-cta__mark { position: absolute; right: 7%; bottom: 10%; z-index: 2; font-family: 'Unbounded'; font-size: clamp(6rem, 18vw, 16rem); line-height: .7; letter-spacing: -.12em; color: rgba(255,255,255,.08); }

.v2-hero, .v2-section, .v2-ticker { opacity: 1; }



/* ---------- footer ---------- */

.site-footer { margin-top: 0; padding: clamp(3rem, 6vw, 5rem) 0 2rem; border: 0; background: var(--v2-footer); color: var(--v2-footer-text); border-radius: 38px 38px 0 0; }

html[data-theme='light'] .site-footer,

html[data-theme='dark'] .site-footer { background: var(--v2-footer); color: var(--v2-footer-text); }

.site-footer .brand-name { color: var(--v2-footer-text); }

.site-footer .brand-sub { color: rgba(244,241,233,.45); }

.site-footer .footer-brand p { color: rgba(244,241,233,.58); }

.site-footer .footer-col h5 { color: rgba(244,241,233,.45); }

.site-footer .footer-col a { color: rgba(244,241,233,.74); }

.site-footer .footer-col a:hover { color: var(--v2-lime); }

.site-footer .footer-newsletter p { color: rgba(244,241,233,.55); }

.site-footer .footer-newsletter h5 { color: rgba(244,241,233,.45); }

.site-footer .footer-form { border-color: rgba(255,255,255,.16); background: rgba(255,255,255,.06); }

.site-footer .footer-form input { color: #fff; }

.site-footer .footer-form input::placeholder { color: rgba(255,255,255,.35); }

.site-footer .footer-form .icon-btn { color: #17191d; background: var(--v2-lime); }

.site-footer .risk-note { color: rgba(244,241,233,.4); }

.site-footer .footer-bottom { border-top-color: rgba(255,255,255,.1); color: rgba(244,241,233,.4); }

.site-footer .footer-bottom a { color: rgba(244,241,233,.55); }

.site-footer .footer-socials .icon-btn { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.05); color: #fff; }

.site-footer .footer-socials .icon-btn:hover { background: var(--v2-lime); color: #17191d; }

.site-footer .footer-main { gap: 2rem; }



/* ---------- animations ---------- */

@keyframes v2HeroDrift { 0% { transform: scale(1.04) translate3d(-.5%, -.5%, 0); } 100% { transform: scale(1.1) translate3d(1.5%, 1%, 0); } }

@keyframes v2OrbFloat { 0%,100% { transform: translate3d(0,0,0) rotate(-2deg); } 50% { transform: translate3d(0,-18px,0) rotate(2deg); } }

@keyframes v2Float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-9px); } }

@keyframes v2Pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .55; transform: scale(.82); } }

@keyframes v2Marquee { to { transform: translateX(-50%); } }

@keyframes v2Scan { 0%,100% { top: 12%; opacity: .3; } 50% { top: 84%; opacity: 1; } }

@keyframes v2Draw { to { stroke-dashoffset: 0; } }

@keyframes v2Scroll { 0% { transform: translateY(0); opacity: 1; } 70% { transform: translateY(12px); opacity: 0; } 100% { transform: translateY(0); opacity: 0; } }



/* ---------- reveal ---------- */

[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .85s ease, transform .85s cubic-bezier(.22,1,.36,1); transition-delay: var(--delay, 0ms); }

[data-reveal='scale'] { transform: scale(.96); }

[data-reveal='left'] { transform: translateX(-24px); }

[data-reveal='right'] { transform: translateX(24px); }

[data-reveal].is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {

  [data-reveal] { opacity: 1 !important; transform: none !important; }

  .v2-hero__photo, .v2-orb, .v2-float-card, .v2-line-draw, .v2-ticker__track, .v2-scan-line, .v2-hero__scroll span { animation: none !important; }

}



/* ---------- responsive ---------- */

@media (max-width: 1180px) {

  .v2-hero__grid { grid-template-columns: minmax(0, 1fr); min-height: auto; gap: 2.2rem; }

  .v2-hero__copy { max-width: 780px; }

  .v2-hero__visual { min-height: 500px; justify-content: flex-start; padding-left: 2rem; }

  .v2-dash { width: min(460px, 100%); }

  .v2-orb { right: 18%; top: -2%; }

  .v2-float-card--ai { left: 0; top: 16%; }

  .v2-float-card--risk { left: 36%; bottom: 2%; }

  .v2-tile--scanner { grid-column: span 12; }

  .v2-tile--live { grid-column: span 12; min-height: 440px; }

  .v2-tile--risk, .v2-tile--trader, .v2-tile--community { grid-column: span 4; }

  .v2-path { grid-template-columns: repeat(2, minmax(0, 1fr)); }

  .v2-ai__panel { width: min(360px, 42%); }

  .v2-community__mosaic { min-height: 430px; }

}



@media (max-width: 900px) {

  .site-header--future { top: 8px; }

  .site-header--future .header-inner { min-height: 60px; padding: 6px 8px 6px 14px; }

  .v2-section__head { flex-direction: column; align-items: flex-start; gap: 1.4rem; }

  .v2-section__aside { max-width: 560px; }

  .v2-hero__stage { min-height: auto; }

  .v2-hero__grid { padding-top: 3rem; }

  .v2-hero__visual { padding-left: 0; }

  .v2-tile--risk, .v2-tile--trader, .v2-tile--community { grid-column: span 6; }

  .v2-tile--community { grid-column: span 12; min-height: 340px; }

  .v2-ai { min-height: auto; display: block; padding: 2rem; }

  .v2-ai__copy { max-width: 620px; }

  .v2-ai__panel { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 2rem; }

  .v2-calc, .v2-community, .v2-faq { grid-template-columns: 1fr; gap: 2.4rem; }

  .v2-plans { grid-template-columns: 1fr; }

  .v2-plan--featured { transform: none; }

  .v2-plan--featured:hover { transform: translateY(-6px); }

  .v2-community__copy { max-width: 640px; }

  .v2-community__mosaic { min-height: 500px; }

  .v2-faq__head p { max-width: 480px; }

  .v2-cta { min-height: 440px; }

  .v2-cta__orb { right: -12%; opacity: .5; }

}



@media (max-width: 680px) {

  .v2-hero__top { padding-top: 18px; }

  .v2-hero__top-note { display: none; }

  .v2-hero__grid { padding: 2.2rem 1.15rem 1.4rem; }

  .v2-hero__title { font-size: clamp(2.5rem, 12vw, 3.6rem); }

  .v2-hero__lead { font-size: .86rem; }

  .v2-hero__actions { gap: .5rem; }

  .v2-hero__actions .btn { flex: 1 1 100%; justify-content: center; }

  .v2-hero__visual { min-height: 420px; margin-top: 1rem; }

  .v2-dash { width: 100%; padding: 13px; border-radius: 24px; }

  .v2-dash__chart { height: 140px; }

  .v2-orb { width: 180px; right: 0; top: -4%; opacity: .82; }

  .v2-float-card--ai { left: -.35rem; top: 8%; padding: .55rem .6rem; }

  .v2-float-card--risk { display: none; }

  .v2-hero__proof { margin-top: 1.2rem; }

  .v2-hero__scroll { display: none; }

  .v2-ticker { padding: 13px 0; }

  .v2-ticker__track { gap: 2rem; }

  .v2-title { font-size: clamp(2.25rem, 10.5vw, 3.25rem); }

  .v2-bento { gap: 10px; }

  .v2-tile--risk, .v2-tile--trader, .v2-tile--community { grid-column: span 12; min-height: 320px; }

  .v2-tile--scanner { min-height: 440px; padding: 18px; border-radius: 26px; }

  .v2-tile--live { min-height: 390px; padding: 18px; border-radius: 26px; }

  .v2-tile--risk, .v2-tile--trader, .v2-tile--community { padding: 18px; border-radius: 26px; }

  .v2-path { grid-template-columns: 1fr; }

  .v2-step { min-height: 270px; }

  .v2-calc { padding: 1.1rem; border-radius: 26px; }

  .v2-calc__widget { padding: 1rem; }

  .v2-calc__results { grid-template-columns: 1fr 1fr; }

  .v2-calc__result--main { grid-column: span 2; }

  .v2-plan { padding: 20px; border-radius: 28px; }

  .v2-community__mosaic { min-height: 400px; grid-template-columns: 1fr 1fr; }

  .v2-mosaic--main { grid-row: span 1; }

  .v2-mosaic--quote { grid-column: span 2; min-height: 170px; }

  .v2-mosaic--small { display: none; }

  .v2-ai { padding: 1.4rem; border-radius: 28px; }

  .v2-ai h2 { font-size: clamp(2.3rem, 11vw, 3.1rem); }

  .v2-ai__panel { padding: 16px; border-radius: 22px; }

  .v2-cta { padding: 1.6rem; min-height: 430px; border-radius: 30px; }

  .v2-cta h2 { font-size: clamp(2.3rem, 11vw, 3.3rem); }

  .v2-cta__orb { width: 260px; right: -24%; top: 18%; opacity: .35; }

  .v2-cta__mark { display: none; }

  .v2-cta__actions { align-items: flex-start; }

  .v2-cta__login { margin-top: .3rem; }

  .site-footer { border-radius: 26px 26px 0 0; }

  /* AI page - compact footer for mobile - force override */

  html[data-theme='dark'] body[data-page='ai'] .site-footer {

    position: relative !important;

    margin-top: 0.2rem !important;

    padding: 0 !important;

  }

  html[data-theme='dark'] body[data-page='ai'] .footer-main {

    display: flex !important;

    flex-direction: row !important;

    justify-content: center !important;

    align-items: center !important;

    gap: 1rem !important;

    padding: 0.2rem 0 0.3rem !important;

    margin: 0 !important;

    grid-template-columns: auto auto !important;

  }

  html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-col { display: none !important; }

  html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-bottom { display: none !important; }

  html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-name { font-size: 0.8rem !important; line-height: 1.2; }

  html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-sub { display: none !important; }

  html[data-theme='dark'] body[data-page='ai'] .site-footer .risk-note { font-size: 0.65rem !important; }

  html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-newsletter,

  html[data-theme='dark'] body[data-page='ai'] .site-footer .site-footer__actions { display: none !important; }

  .account-pill__copy { display: none; }

  .account-pill { padding: .24rem; }

  .account-pill__arrow { display: none; }

}



@media (max-width: 420px) {

  .v2-hero__title { font-size: 2.35rem; }

  .v2-dash__pair > div > span { font-size: .8rem; }

  .v2-dash__price b { font-size: 1rem; }

  .v2-dash__foot small { font-size: .44rem; }

  .v2-community__mosaic { grid-template-columns: 1fr; grid-template-rows: auto; }

  .v2-mosaic--main { min-height: 260px; }

  .v2-mosaic--portrait { min-height: 220px; }

  .v2-mosaic--quote { grid-column: auto; min-height: 180px; }

  .v2-calc__results { grid-template-columns: 1fr; }

  .v2-calc__result--main { grid-column: auto; }

}





/* AI page - compact footer - MUST BE AT END FOR HIGHEST PRIORITY */

html[data-theme='dark'] body[data-page='ai'] .site-footer {

  padding: 0 !important;

  margin: 0.4rem 0 0.3rem !important;

  min-height: auto !important;

  border-radius: 0 0 12px 12px !important;

}

html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-main {

  padding: 0.2rem 0 0.3rem !important;

  margin: 0 !important;

  grid-template-columns: auto auto !important;

  gap: 1rem !important;

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

}

html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-col,

html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-bottom,

html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-newsletter,

html[data-theme='dark'] body[data-page='ai'] .site-footer .site-footer__actions { display: none !important; }

html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-name { font-size: 0.75rem !important; margin: 0 !important; }

html[data-theme='dark'] body[data-page='ai'] .site-footer .brand-sub { display: none !important; }

html[data-theme='dark'] body[data-page='ai'] .site-footer .risk-note { font-size: 0.65rem !important; }



/* AI page footer absolute positioning for mobile */

@media (max-width: 900px) {

  html[data-theme='dark'] body[data-page='ai'] .site-footer {

    position: absolute !important;

    bottom: 0 !important;

    left: 0 !important;

    right: 0 !important;

    padding: 0.3rem 0 0.3rem !important;

    margin: 0 !important;

    height: auto !important;

    min-height: auto !important;

    border-radius: 0 !important;

    transform: none !important;

  }

  html[data-theme='dark'] body[data-page='ai'] .site-footer .footer-main {

    padding: 0.2rem 0 !important;

    margin: 0 !important;

    height: auto !important;

  }

}



/* AI page - minimal footer */

html[data-theme='dark'] body[data-page='ai'] .site-footer { display: none !important; }

html[data-theme='dark'] body[data-page='ai'] [data-ai-footer] {

  display: block !important;

  text-align: center !important;

  padding: 0.4rem 0 0.5rem !important;

}

html[data-theme='dark'] body[data-page='ai'] [data-ai-footer]:before {

  content: '© 2026 aitradesig. Все права защищены.' !important;

  font-size: 0.75rem !important;

  color: rgba(244,241,233,0.55) !important;

  display: block !important;

}



/* AI page footer completely hidden - use minimal inline text */

html[data-theme='dark'] body[data-page='ai'] .site-footer { display: none !important; }

html[data-theme='dark'] body[data-page='ai'] [data-site-footer] { display: none !important; }

html[data-theme='dark'] body[data-page='ai'] .site-footer[data-site-footer] { display: none !important; }



/* AI page - COMPLETELY HIDE ALL FOOTER ELEMENTS - absolute removal */

html[data-theme='dark'] body[data-page='ai'] .site-footer,

html[data-theme='dark'] body[data-page='ai'] footer,

html[data-theme='dark'] body[data-page='ai'] [data-site-footer],

html[data-theme='dark'] body[data-page='ai'] .footer-main,

html[data-theme='dark'] body[data-page='ai'] .footer-col,

html[data-theme='dark'] body[data-page='ai'] .footer-bottom,

html[data-theme='dark'] body[data-page='ai'] .footer-brand,

html[data-theme='dark'] body[data-page='ai'] .footer-socials,

html[data-theme='dark'] body[data-page='ai'] .site-footer__brand,

html[data-theme='dark'] body[data-page='ai'] .site-footer__actions,

html[data-theme='dark'] body[data-page='ai'] .site-footer * {

  display: none !important;

  visibility: hidden !important;

  height: 0 !important;

  min-height: 0 !important;

  padding: 0 !important;

  margin: 0 !important;

  overflow: hidden !important;

  position: absolute !important;

  transform: translateY(-9999px) !important;

  left: -9999px !important;

}



html[data-theme='dark'] body[data-page='ai'] .ai-minifooter {

  display: block !important;

  text-align: center !important;

  font-size: 0.75rem !important;

  color: rgba(244,241,233,0.55) !important;

  padding: 0.3rem 0 0.4rem !important;

}

/* AI page - eliminate any footer space and prevent scroll */
html[data-theme='dark'] body[data-page='ai'] {
  overflow-y: hidden !important;
}

html[data-theme='dark'] body[data-page='ai'] .site-footer,
html[data-theme='dark'] body[data-page='ai'] footer,
html[data-theme='dark'] body[data-page='ai'] [data-site-footer] {
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  overflow: hidden !important;
}

/* ======================================================================
   AI TERMINAL R2 — polish pass (2026-11-02)
   ====================================================================== */

/* --- Scan overlay: full-bleed terminal glass. Chart can not leak out. --- */
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay {
  position:absolute; z-index:9; inset:0; display:grid; place-items:center; align-content:center; justify-content:center; gap:.55rem;
  padding:1.15rem; border-radius:22px; overflow:hidden; text-align:center;
  border:1px solid rgba(133,109,255,.24);
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,.03) 0 1px, transparent 1px 9px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 9px),
    radial-gradient(100% 55% at 50% 0%, rgba(97,72,222,.3), transparent 62%),
    radial-gradient(90% 50% at 50% 100%, rgba(38,208,150,.14), transparent 60%),
    linear-gradient(180deg, #0a0c17, #0b0d1a);
  box-shadow:inset 0 0 120px rgba(90,68,210,.18);
  backdrop-filter:blur(26px) saturate(1.25);
  -webkit-backdrop-filter:blur(26px) saturate(1.25);
}
html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview.is-analyzing { border-radius:22px; }
html[data-theme='dark'] body[data-page='ai'] .ai-upload__preview.is-analyzing img { filter:blur(14px) brightness(.72) saturate(1.15); transform:scale(1.06); transition:.45s ease; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame { inset:16px; border-radius:16px; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-frame span { border-color:rgba(109,243,189,.95); filter:drop-shadow(0 0 9px rgba(109,243,189,.65)); }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-line { left:7%; right:7%; height:2px; border-radius:99px; box-shadow:none; background:linear-gradient(90deg,transparent,#8f75ff 25%,#dcd6ff 50%,#37e4c8 75%,transparent); box-shadow:0 0 18px 3px rgba(143,117,255,.55); animation:ai-scanline2 2.8s cubic-bezier(.45,.05,.55,.95) infinite; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__top { inset:1.15rem 1.25rem auto; color:#9d97c9; letter-spacing:.14em; font-size:.62rem; }
html[data-theme='dark'] body[data-page='ai'] #aiScanPercent { font:700 1.15rem 'Unbounded',sans-serif; letter-spacing:-.02em; background:linear-gradient(90deg,#a08cff,#4ee7c3); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay strong { font:700 1.2rem 'Unbounded',sans-serif; color:#fff; margin-top:.2rem; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay span { color:#b3aed4; font-size:.78rem; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages { position:absolute; left:1.15rem; right:1.15rem; bottom:1.1rem; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); gap:.4rem; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b { padding:.55rem .2rem; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(9,11,22,.65); color:#8d8aa0; font-size:.56rem; letter-spacing:.02em; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__stages b.is-active { border-color:rgba(109,243,189,.45); background:rgba(109,243,189,.1); color:#6df3bd; box-shadow:0 0 18px rgba(109,243,189,.18); }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb { position:relative; display:grid; place-items:center; width:96px; height:96px; margin-bottom:.35rem; color:#fff; font-size:2.3rem; animation:none; text-shadow:none; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb i { display:none; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb::before { content:''; position:absolute; inset:0; border-radius:50%; background:conic-gradient(from 0deg, rgba(143,117,255,0) 0deg, rgba(143,117,255,.15) 40deg, #8f75ff 130deg, #37e4c8 210deg, rgba(55,228,200,.1) 285deg, rgba(143,117,255,0) 360deg); -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px)); mask:radial-gradient(farthest-side, transparent calc(100% - 4px), #000 calc(100% - 3px)); animation:ai-spin2 1.15s linear infinite; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb::after { content:''; position:absolute; inset:13px; border-radius:50%; background:radial-gradient(circle at 32% 28%, rgba(143,117,255,.55), rgba(10,12,24,.92) 72%); box-shadow:inset 0 0 26px rgba(143,117,255,.35); }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb b { position:relative; z-index:1; filter:drop-shadow(0 0 16px rgba(143,117,255,.85)); animation:ai-orb 1.6s ease-in-out infinite; }
@keyframes ai-spin2 { to { transform:rotate(360deg); } }
@keyframes ai-scanline2 { 0% { top:10%; opacity:0; } 12% { opacity:1; } 88% { opacity:1; } 100% { top:90%; opacity:0; } }
@keyframes ai-pulse2 { 0%,100% { transform:scale(1); opacity:1; } 50% { transform:scale(1.35); opacity:.55; } }

/* --- Analyze button: compact, visible only when a chart is loaded --- */
html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { display:none; width:auto; max-width:300px; min-width:0; min-height:38px; margin:.6rem auto .1rem; padding:.5rem .95rem; font-size:.72rem; border-radius:12px; align-self:center; box-shadow:0 6px 16px rgba(99,243,144,.16),0 0 18px rgba(77,241,175,.1); }
html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn span { font-size:.8rem; }

/* --- Result panel: top row + signals counter pill --- */
html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top { justify-content:flex-start; gap:.5rem; flex-wrap:wrap; }
html[data-theme='dark'] body[data-page='ai'] .ai-stage-result__top #aiNewAnalysis { margin-left:auto; }
html[data-theme='dark'] body[data-page='ai'] .ai-stage-result:not([hidden]) #aiNewAnalysis { display:inline-flex; align-items:center; justify-content:center; gap:.4rem; min-width:0; min-height:42px; padding:.6rem 1.05rem; border:0; border-radius:13px; background:linear-gradient(135deg,#7b61ff,#37b7f6); color:#f6f5ff; font-size:.78rem; font-weight:900; cursor:pointer; box-shadow:0 10px 26px rgba(103,86,255,.32), inset 0 1px 0 rgba(255,255,255,.28); transition:.25s ease; }
html[data-theme='dark'] body[data-page='ai'] #aiNewAnalysis:hover { box-shadow:0 12px 30px rgba(103,86,255,.5); transform:translateY(-2px); }
html[data-theme='dark'] body[data-page='ai'] .ai-stage-count { display:inline-flex; align-items:center; margin-right:auto; padding:.32rem .62rem; border:1px solid rgba(109,243,189,.32); border-radius:99px; background:rgba(109,243,189,.09); color:#6df3bd; font-size:.6rem; font-weight:900; letter-spacing:.05em; white-space:nowrap; }
html[data-theme='dark'] body[data-page='ai'] .ai-stage-count[hidden] { display:none; }

/* --- WAIT === "no scenario" state: friendly empty signal, no ЖДАТЬ --- */
html[data-theme='dark'] body[data-page='ai'] .ai-stage-result.is-wait { border-color:rgba(255,224,113,.28); background:radial-gradient(90% 55% at 88% 0%, rgba(255,190,63,.14), transparent 55%), radial-gradient(circle at 85% 5%, rgba(109,85,255,.2), transparent 40%), linear-gradient(145deg,#13142a,#171526); }
html[data-theme='dark'] body[data-page='ai'] .ai-stage-result.is-wait .ai-stage-result__direction { color:#ffe071; font-size:2.5rem; letter-spacing:-.06em; text-shadow:0 0 30px rgba(255,224,113,.35); }
html[data-theme='dark'] body[data-page='ai'] .ai-stage-result.is-wait .ai-stage-result__scenario { border-color:rgba(255,224,113,.24); background:rgba(255,224,113,.06); }
html[data-theme='dark'] body[data-page='ai'] .ai-stage-result.is-wait .ai-stage-result__scenario span { color:#ffd76a; }

/* --- Risk manager: signals left counter row + glowing chip --- */
html[data-theme='dark'] body[data-page='ai'] .ai-risk__left { position:relative; z-index:1; display:flex; align-items:center; gap:.5rem; padding:.72rem .95rem; border:1px dashed rgba(109,243,189,.4); border-radius:14px; background:rgba(109,243,189,.05); color:#a9c6c1; font-size:.75rem; font-weight:800; }
html[data-theme='dark'] body[data-page='ai'] .ai-risk__left i { flex:0 0 9px; width:9px; height:9px; border-radius:50%; background:#6df3bd; box-shadow:0 0 12px #6df3bd; animation:ai-pulse2 1.6s ease-in-out infinite; }
html[data-theme='dark'] body[data-page='ai'] .ai-risk__left span { color:#6df3bd; letter-spacing:.02em; }
html[data-theme='dark'] body[data-page='ai'] .ai-risk__head .chip { min-height:30px; display:inline-flex; align-items:center; padding:.4rem .75rem; border-radius:99px; background:linear-gradient(135deg,rgba(109,243,189,.16),rgba(77,241,175,.07)); border:1px solid rgba(109,243,189,.35); color:#6df3bd; font:800 .62rem/1 'Manrope',sans-serif; letter-spacing:.07em; box-shadow:0 0 16px rgba(109,243,189,.14); }

/* --- Uploaded bar slim + hover --- */
html[data-theme='dark'] body[data-page='ai'] .ai-upload__loaded { margin:.6rem 0 .1rem; width:100%; padding:.55rem .8rem .55rem .95rem; border-radius:13px; }
html[data-theme='dark'] body[data-page='ai'] .ai-upload__loaded span { font-size:.72rem; letter-spacing:.05em; }
html[data-theme='dark'] body[data-page='ai'] .ai-change-image { padding:.5rem .9rem; border-radius:11px; background:rgba(129,106,255,.12); border:1px solid rgba(129,106,255,.3); color:#c3b2ff; font-size:.74rem; transition:.2s ease; }
html[data-theme='dark'] body[data-page='ai'] .ai-change-image:hover { background:rgba(129,106,255,.2); color:#ded4ff; transform:translateY(-1px); }

@media (max-width:760px) {
  html[data-theme='dark'] body[data-page='ai'] .ai-analyze-btn { width:auto; max-width:280px; min-height:40px; font-size:.74rem; align-self:center; }
  html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb { width:82px; height:82px; font-size:1.9rem; }
  html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay strong { font-size:1.02rem; }
  html[data-theme='dark'] body[data-page='ai'] .ai-stage-result.is-wait .ai-stage-result__direction { font-size:2.2rem; }
}

/* --- R2b: scanner core strictly centered --- */
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__core { justify-self:center; align-self:center; text-align:center; }
html[data-theme='dark'] body[data-page='ai'] .ai-scan-overlay__orb { margin-inline:auto; }