/* Scylla page styles — generated from the LandingPage design by build.py */
  body{margin:0}
  .sc-page--glass .stats,.sc-page--glass .heads>div,.sc-page--glass .shot{background:color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .in{max-width:1200px;margin:0 auto;padding:0 var(--space-8)}
  section{padding:var(--space-16) 0}
  .eyebrow{display:block;margin-bottom:var(--space-3);color:var(--silver)}
  h2{margin:0;font:700 42px/46px var(--font-display)}
  .sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-8)}
  .sec-head p{margin:0;max-width:440px;color:var(--ink-muted)}
  h3{margin:0;font:600 22px/28px var(--font-display)}

  /* nav */
  .mk-s{fill:none;stroke:var(--brand);stroke-width:3.4;stroke-linejoin:miter}
  .ring .v{transition:stroke-dasharray 1.4s cubic-bezier(.2,.7,.2,1)}
  nav{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--ground) 82%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  nav .in{display:flex;align-items:center;justify-content:space-between;height:68px}
  .word{font:700 22px/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase}
  .links{display:flex;gap:var(--space-6);font-size:14px}
  .links a{color:var(--ink-muted);text-decoration:none}.links a:hover{color:var(--ink)}
  .nav-r{display:flex;gap:var(--space-2)}

  /* hero */
  .hero{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--space-12);align-items:center;padding:var(--space-16) 0 var(--space-12)}
  .live{display:inline-flex;align-items:center;gap:var(--space-2);height:28px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-pill);font:500 12px/1 var(--font-mono);color:var(--ink-muted)}
  .live .sc-dot{color:var(--profit)}
  h1{margin:var(--space-6) 0 var(--space-4);font:700 68px/70px var(--font-display);letter-spacing:-.01em}
  h1 em{font-style:normal;color:var(--silver)}
  .lead{margin:0;max-width:520px;font-size:18px;line-height:28px;color:var(--ink-muted)}
  .ctas{display:flex;gap:var(--space-3);margin-top:var(--space-8)}
  .trust{display:flex;gap:var(--space-6);margin-top:var(--space-8)}
  .trust span{display:flex;align-items:center;gap:var(--space-2);font-size:13px;color:var(--ink-muted)}
  .trust svg{width:16px;height:16px;stroke:var(--silver);fill:none;stroke-width:1.5}
  .logo{aspect-ratio:4/3;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);display:grid;place-items:center;text-align:center;background:radial-gradient(70% 60% at 50% 40%,var(--brand-deep),transparent 75%)}
  .logo p{margin:var(--space-2) auto 0;max-width:260px;font-size:13px;line-height:18px;color:var(--ink-muted)}
  .stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
  .stats>div{padding:var(--space-4) var(--space-6);display:grid;gap:var(--space-1)}
  .stats>div+div{border-left:1px solid var(--line)}
  .stats b{font:500 30px/36px var(--font-mono)}
  .note{margin:var(--space-3) 0 0;font-size:12px;line-height:18px;letter-spacing:.06em}
  .strip{padding:var(--space-4) 0 0}
  .strip-head{display:flex;justify-content:space-between;align-items:baseline;margin-top:var(--space-12)}
  .strip-head .sc-micro:first-child{color:var(--silver)}

  /* product panel: the live results dashboard */
  .app-wrap{position:relative;margin-top:var(--space-4)}
  .app{border:1px solid var(--line-strong);border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--glow-brand),var(--shadow-card)}
  .app-bar{display:flex;align-items:center;gap:var(--space-8);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-raised) 70%,transparent)}
  .app-bar .word{font-size:14px}
  .app-tabs{display:flex;align-items:center;gap:var(--space-6);font-size:13px;line-height:20px;color:var(--ink-muted)}
  .app-tabs b{color:var(--ink);font-weight:500;box-shadow:inset 0 -2px 0 var(--brand);padding:14px 0}
  .app-live{margin-left:auto;display:flex;align-items:center;gap:var(--space-2);font:500 12px/1 var(--font-mono);color:var(--ink-muted)}
  .app-live .sc-dot{color:var(--profit)}
  .app-body{display:grid;grid-template-columns:1.65fr 1fr}
  .app-main{padding:var(--space-4);border-right:1px solid var(--line)}
  .kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2)}
  .kpis>div{padding:var(--space-3);background:var(--surface-raised);border-radius:var(--radius-md);display:grid;gap:2px}
  .kpis b{font:500 20px/26px var(--font-mono)}
  .kpis .sc-micro{white-space:nowrap;letter-spacing:.05em}
  .kpis small{font:400 11px/14px var(--font-mono);color:var(--ink-muted)}
  .app-chart-head{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4)}
  #app-eq{display:block;width:100%;height:190px;margin-top:var(--space-2)}
  .ae-area{fill:var(--brand);fill-opacity:.14}.ae-line{fill:none;stroke:var(--brand);stroke-width:2}
  .app-side{padding:var(--space-4);display:grid;gap:var(--space-3);align-content:start}
  .app-side table{font-size:12px;line-height:16px}
  .app-side td{padding:7px 0}
  .log{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:400 12px/16px var(--font-mono);color:var(--ink-muted)}
  .log time{color:var(--silver);margin-right:var(--space-2)}
  .log b{color:var(--ink);font-weight:500}
  .ann{position:absolute;z-index:2;display:grid;gap:2px;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font-size:13px;line-height:18px;max-width:240px}
  .ann .sc-micro{color:var(--silver)}
  .ann-l{left:-20px;bottom:40px}
  .ann-r{right:-20px;top:-44px}
  .works{display:flex;align-items:center;justify-content:center;gap:var(--space-12);margin-top:var(--space-12);font:600 16px/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}
  .works .sc-micro{letter-spacing:.08em}

  /* member quotes */
  .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
  .quote{display:flex;flex-direction:column;gap:var(--space-4)}
  .tg-head{display:flex;align-items:center;gap:var(--space-3)}
  .tg-head .sc-badge{margin-left:auto}
  .av{width:40px;height:40px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line-strong);font:600 15px/1 var(--font-display);color:var(--silver)}
  .tg-name{font-weight:600;font-size:15px;line-height:20px}
  .tg-name small{display:block;font:400 12px/16px var(--font-mono);color:var(--ink-muted)}
  .bubble{position:relative;margin:0;padding:var(--space-3) var(--space-4) var(--space-2);background:var(--surface-raised);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-lg) var(--radius-sm);font-size:15px;line-height:23px}
  .bubble time{display:block;text-align:right;margin-top:var(--space-1);font:400 11px/14px var(--font-mono);color:var(--ink-muted)}

  /* marquee shots */
  #hist tr[data-set],.shot[data-set]{cursor:pointer}
  #hist tr[data-set]:hover td{background:color-mix(in srgb,var(--ink) 4%,transparent)}
  #hist tr[data-set]:focus-visible{outline:2px solid var(--brand-ink);outline-offset:-2px}
  .shot[data-set]:hover{border-color:var(--line-strong)}
  .shot[data-set]:focus-visible{outline:2px solid var(--brand-ink);outline-offset:2px}
  /* trade detail: one narrow card; the figures first, then the MEXC result image when there is one */
  .sc-lb-card.has-proof,.sc-lb-card.no-media{width:min(440px,100%);grid-template-columns:minmax(0,1fr)}
  .sc-lb-card.has-proof .sc-lb-side,.sc-lb-card.no-media .sc-lb-side{border-left:0}
  .sc-lb-card.has-proof .sc-lb-media,.sc-lb-card.no-media .sc-lb-media{order:2;min-height:0!important;background:none;border-top:1px solid var(--line)}
  .sc-lb-card.no-media .sc-lb-media{height:64px}
  .sc-lb-card.has-proof .sc-lb-media{padding:var(--space-4) var(--space-6) 64px}
  .sc-lb-card.has-proof #lb-media{position:static!important}
  .sc-lb-card.has-proof .sc-lb-btn{top:auto;bottom:var(--space-3);transform:none}
  .lb-proof{margin:0;display:grid;gap:var(--space-2)}
  .lb-proof img{display:block;width:100%;max-width:392px;height:auto;margin:0 auto;border-radius:var(--radius-md);border:1px solid var(--line)}
  .lb-proof figcaption{color:var(--ink-muted);text-align:center}
  .sc-lightbox.is-open{overflow-y:auto}.sc-lightbox .sc-lb-card{margin:auto}
  .shot{width:260px;flex:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;gap:var(--space-3)}
  .shot-top,.shot-pnl{display:flex;justify-content:space-between;align-items:center}
  .shot svg{display:block;width:100%;height:64px}
  .shot-pnl b{font:500 22px/28px var(--font-mono)}
  .ln-up{fill:none;stroke:var(--profit);stroke-width:1.5}.ln-dn{fill:none;stroke:var(--loss);stroke-width:1.5}

  /* results */
  .res{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-4)}
  .eq-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}
  .eq-big{font:500 44px/48px var(--font-mono);letter-spacing:-.02em}
  .eq svg{display:block;width:100%;height:220px}
  .eq-plot{position:relative;touch-action:pan-y}
  .eq-dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 25%,transparent);pointer-events:none;opacity:0}
  .eq-rule{position:absolute;top:14px;bottom:30px;width:1px;background:var(--line-strong);pointer-events:none;opacity:0}
  .eq-tip{position:absolute;top:0;z-index:5;min-width:170px;padding:var(--space-2) var(--space-3);background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-card);font:400 12px/18px var(--font-mono);pointer-events:none;opacity:0;transition:opacity .1s}
  .eq-tip b{font-weight:500}
  .eq-plot.on .eq-dot,.eq-plot.on .eq-rule,.eq-plot.on .eq-tip{opacity:1}
  .eq-area{fill:url(#eq-grad)}.eq-line{fill:none;stroke:var(--silver);stroke-width:2}
  .eq-end{position:absolute;left:100%;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--profit);box-shadow:0 0 0 4px color-mix(in srgb,var(--profit) 20%,transparent);pointer-events:none}
  .eq-grid{stroke:var(--line);stroke-width:1}
  .eq-axis{font:400 11px var(--font-mono);fill:var(--ink-muted)}
  .wr{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-6)}
  .ring{width:96px;height:96px;flex:none}
  .ring .t{fill:none;stroke:var(--surface-raised);stroke-width:8}.ring .v{fill:none;stroke:var(--brand);stroke-width:8;stroke-linecap:round}
  table{width:100%;border-collapse:collapse;font:400 14px/20px var(--font-mono)}
  th{text-align:left;font:500 11px/14px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);padding:0 0 var(--space-2)}
  td{padding:var(--space-2) 0;border-top:1px solid var(--line)}
  th:last-child,td:last-child{text-align:right}
  .kstats{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-6);margin:0}
  .kstats div{display:flex;justify-content:space-between;align-items:baseline;padding:var(--space-3) 0;border-top:1px solid var(--line);font:400 14px/20px var(--font-mono)}
  .kstats dt{color:var(--ink-muted);font:400 13px/20px var(--font-sans)}
  .kstats dd{margin:0}
  .blk{margin-top:var(--space-4)}
  .blk-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-4)}
  .blk-head h3{margin-top:var(--space-1)}
  .filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}
  .fdiv{width:1px;height:20px;background:var(--line)}
  .hist-note{margin:var(--space-3) 0 0;font-size:12px;line-height:18px;letter-spacing:.06em}
  .hist-foot{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4)}
  .pager{display:flex;align-items:center;gap:var(--space-1)}
  .pager .sc-chip{min-width:30px;padding:0 8px}
  .pager .sc-chip[disabled]{opacity:.4;cursor:default}
  .pg-of{padding:0 var(--space-2);white-space:nowrap}
  .trades{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4)}
  .trades .sc-trade{width:auto}
  .c-up{fill:var(--profit)}.c-dn{fill:var(--loss)}
  .lvl{stroke-width:1;stroke-dasharray:4 4}.lvl-in{stroke:var(--ink-muted)}.lvl-out{stroke:var(--brand-ink)}
  .lvl-t{font:500 9px var(--font-mono);fill:var(--ink-muted)}

  /* how */
  .how{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);counter-reset:h}
  .how .sc-card{display:grid;gap:var(--space-3);align-content:start}
  .num{font:500 13px/1 var(--font-mono);color:var(--silver)}
  .how p,.heads p{margin:0;color:var(--ink-muted)}
  .how-line{height:1px;background:var(--line);margin:var(--space-2) 0}

  /* six heads */
  .heads{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}
  .heads>div{padding:var(--space-6);display:grid;gap:var(--space-2);align-content:start;background:var(--surface)}
  .heads>div:nth-child(n+4){border-top:1px solid var(--line)}
  .heads>div:not(:nth-child(3n+1)){border-left:1px solid var(--line)}
  .head-top{display:flex;justify-content:space-between;align-items:center}

  /* pricing */
  .plans{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);align-items:stretch}
  .plans .sc-price{display:flex;flex-direction:column}
  .plans .sc-btn{margin-top:auto}
  .plans p{margin:0}
  .ph{display:flex;justify-content:space-between;align-items:center}

  /* purchase */
  .buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:var(--space-4)}
  .panel{display:grid;gap:var(--space-4);align-content:start}
  .sum{display:grid;gap:var(--space-2);padding:var(--space-4);background:var(--surface-raised);border-radius:var(--radius-md)}
  .sum-row{display:flex;justify-content:space-between;align-items:baseline}
  .amt{font:500 28px/32px var(--font-mono);color:var(--brand-ink)}
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}
  .check{display:flex;gap:var(--space-2);align-items:flex-start;font-size:13px;line-height:18px;color:var(--ink-muted)}
  .check input{margin-top:2px;accent-color:var(--brand)}
  .check-err{color:var(--loss);margin-top:calc(var(--space-2) * -1)}
  .done{display:none;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-3);justify-items:center}
  .sent .done{display:grid}.sent form{display:none}

  /* faq */
  .faq{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--space-12)}
  details{border-top:1px solid var(--line);padding:var(--space-4) 0}
  details:last-child{border-bottom:1px solid var(--line)}
  summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--space-4);font-weight:500}
  summary::-webkit-details-marker{display:none}
  summary::after{content:"+";font:400 18px/1 var(--font-mono);color:var(--silver)}
  details[open] summary::after{content:"−"}
  details p{margin:var(--space-3) 0 0;color:var(--ink-muted);max-width:620px}

  /* cta + footer */
  .final{display:flex;justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-12);border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(80% 120% at 100% 0%,var(--brand-deep),transparent 70%),color-mix(in srgb,var(--surface) 78%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  .final p{margin:var(--space-2) 0 0;color:var(--ink-muted)}
  footer{border-top:1px solid var(--line);padding:var(--space-8) 0 var(--space-12)}
  .foot{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-8)}
  .foot p{margin:var(--space-3) 0 0;max-width:560px;font-size:12px;line-height:18px;color:var(--ink-muted)}
  .foot-r{display:grid;gap:var(--space-4);justify-items:end}
  .foot-links{display:flex;align-items:baseline;gap:var(--space-6);font-size:13px}
  .foot-links a{color:var(--ink-muted);text-decoration:none}