/* ============================================================
   PipsGuard — HOME PAGE (index.html only, loaded after styles.css)
   Dashboard light design system applied to the landing page:
   aurora canvas, floating-card hero, white/see-through section
   bands, white cards with hairline borders and soft shadows.
   Everything is scoped under body.home so no other page is affected.
   ============================================================ */

/* ---------- Tokens (PipsGuard-Dashboard globals.css, light) ---------- */
body.home {
  --accent:#2962FF; --accent-ink:#1F4FD6; --accent-soft:#EAF0FF; --accent-2:#7EA2FF;
  --bg:#F4F5F8; --muted:#EEF0F4; --table-head:#F6F7FA;
  --ink:#10131C; --ink-2:#5A6272; --ink-3:#8A91A0;
  --hair:#E5E8EE; --hair-2:#D2D7E0;
  --card:#FFFFFF; --dark:#0E0E13; --dark-line:rgba(255,255,255,0.07);
  --profit:#0F9160; --profit-soft:#E3F6EE; --loss:#D9303F; --loss-soft:#FDEBED;
  --warn:#B45309; --warn-soft:#FEF3E2; --amber:#F59E0B;
  --t-indigo:#2962FF; --t-indigo-s:#EAF0FF; --t-rose:#E0364A; --t-rose-s:#FDEBEE;
  --t-violet:#7C3AED; --t-violet-s:#F1EBFE; --t-teal:#13925D; --t-teal-s:#E6F7F0;
  --t-amber:#C27C06; --t-amber-s:#FDF4E0; --t-sky:#0284C7; --t-sky-s:#E3F2FB;
  --sh-card:0 1px 2px rgb(16 24 64 / .04),0 2px 10px rgb(16 24 64 / .05);
  --sh-hover:0 2px 4px rgb(16 24 64 / .06),0 8px 24px rgb(16 24 64 / .08);
  --sh-float:0 1px 2px rgb(16 24 64 / .04),0 14px 30px -12px rgb(16 24 64 / .16),0 40px 64px -34px rgb(16 24 64 / .26);
  --r-sm:6px; --r-md:8px; --r-lg:10px; --r-xl:14px;
  --mono:'JetBrains Mono',monospace; --font:'DM Sans',-apple-system,sans-serif; --serif:'DM Sans',-apple-system,sans-serif;
  background:var(--bg);
  color:var(--ink);
  text-rendering:optimizeLegibility;
}
body.home .grain { display:none; }

/* ============================================================
   AURORA — animated brand glow behind the whole page.
   Fixed to the viewport, below everything. See-through sections
   show it; the white bands and the footer are solid and cover it.
   Compositor-only (transform + opacity).
   ============================================================ */
.home .aurora{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;
  background:linear-gradient(180deg,#ECF1FF 0%, rgb(244 245 248 / 0) 55%);}
.home .aurora i{position:absolute;display:block;border-radius:50%;will-change:transform;}
.home .aurora i::after{content:'';position:absolute;inset:0;border-radius:50%;opacity:0;will-change:opacity;}
.home .aurora .b1{width:62vmax;height:46vmax;left:42vw;top:-12vh;
  background:radial-gradient(closest-side, rgb(41 98 255 / .30), rgb(41 98 255 / 0) 72%);animation:aurA 14s ease-in-out infinite alternate;}
.home .aurora .b1::after{background:radial-gradient(closest-side, rgb(124 58 237 / .26), rgb(124 58 237 / 0) 72%);animation:hue 9s ease-in-out infinite alternate;}
.home .aurora .b2{width:50vmax;height:38vmax;left:68vw;top:-22vh;
  background:radial-gradient(closest-side, rgb(124 58 237 / .22), rgb(124 58 237 / 0) 72%);animation:aurB 18s ease-in-out infinite alternate;}
.home .aurora .b2::after{background:radial-gradient(closest-side, rgb(41 98 255 / .26), rgb(41 98 255 / 0) 72%);animation:hue 11s ease-in-out 2s infinite alternate;}
.home .aurora .b3{width:52vmax;height:40vmax;left:18vw;top:38vh;
  background:radial-gradient(closest-side, rgb(2 132 199 / .20), rgb(2 132 199 / 0) 72%);animation:aurC 16s ease-in-out infinite alternate;}
.home .aurora .b3::after{background:radial-gradient(closest-side, rgb(41 98 255 / .22), rgb(41 98 255 / 0) 72%);animation:hue 8s ease-in-out 1s infinite alternate;}
.home .aurora .b4{width:46vmax;height:36vmax;left:-16vw;top:-6vh;
  background:radial-gradient(closest-side, rgb(41 98 255 / .16), rgb(41 98 255 / 0) 72%);animation:aurD 20s ease-in-out infinite alternate;}
.home .aurora .b4::after{background:radial-gradient(closest-side, rgb(2 132 199 / .18), rgb(2 132 199 / 0) 72%);animation:hue 12s ease-in-out 3s infinite alternate;}
.home .aurora .b5{width:56vmax;height:42vmax;left:62vw;top:62vh;
  background:radial-gradient(closest-side, rgb(41 98 255 / .20), rgb(41 98 255 / 0) 72%);animation:aurE 17s ease-in-out infinite alternate;}
.home .aurora .b5::after{background:radial-gradient(closest-side, rgb(167 139 250 / .24), rgb(167 139 250 / 0) 72%);animation:hue 10s ease-in-out 4s infinite alternate;}
@keyframes aurA{0%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(-30vw,14vh,0) scale(1.12)}66%{transform:translate3d(-12vw,34vh,0) scale(.92)}100%{transform:translate3d(12vw,20vh,0) scale(1.06)}}
@keyframes aurB{0%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(-26vw,24vh,0) scale(1.15)}66%{transform:translate3d(-44vw,8vh,0) scale(1)}100%{transform:translate3d(-18vw,40vh,0) scale(1.1)}}
@keyframes aurC{0%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(30vw,-18vh,0) scale(1.1)}66%{transform:translate3d(50vw,6vh,0) scale(.95)}100%{transform:translate3d(14vw,-30vh,0) scale(1.12)}}
@keyframes aurD{0%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(22vw,26vh,0) scale(1.08)}66%{transform:translate3d(40vw,52vh,0) scale(1.14)}100%{transform:translate3d(10vw,64vh,0) scale(.96)}}
@keyframes aurE{0%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(-34vw,-10vh,0) scale(1.12)}66%{transform:translate3d(-58vw,-28vh,0) scale(.94)}100%{transform:translate3d(-20vw,-46vh,0) scale(1.08)}}
@keyframes hue{0%{opacity:0}100%{opacity:1}}

/* faint dot grid over the aurora (as in the approved mock) */
.home .ticks{position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(circle, rgb(16 24 64 / .14) 1px, transparent 1.4px);
  background-size:112px 112px;background-position:56px 40px;
  -webkit-mask-image:radial-gradient(ellipse 95% 85% at 50% 32%, #000 45%, transparent 92%);
          mask-image:radial-gradient(ellipse 95% 85% at 50% 32%, #000 45%, transparent 92%);opacity:.5;}

/* Every band sits above the aurora; solid bands cover it. */
.home #device-showcase,
.home .trust-strip,
.home .section,
.home .footer { position:relative; z-index:1; }

/* ============================================================
   HERO  (markup + layout identical to the approved mock)
   ============================================================ */
.home .hero-wrap{position:relative;z-index:1;max-width:1250px;margin:0 auto;padding:78px 40px 0;
  line-height:normal;color:var(--ink);font-family:var(--font);letter-spacing:normal;}
.home .hero{display:grid;grid-template-columns:0.72fr 1.42fr;gap:22px;align-items:center;padding:36px 0 44px;
  position:relative;overflow:visible;min-height:0;border:0;background:none;}
.home .hero::before,.home .hero::after{content:none;display:none;}

/* Buttons: the dashboard's primary (brand blue) + outline variants */
.home .hero .btn{font-family:var(--font);font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:9px;border-radius:var(--r-lg);transition:background-color .15s,border-color .15s,box-shadow .15s,transform .15s;letter-spacing:-0.01em;line-height:normal;}
.home .hero .btn svg{width:15px;height:15px;}
.home .hero .btn-ink{background:var(--accent);color:#fff;padding:10px 17px;font-size:14px;box-shadow:0 1px 2px rgb(16 24 64 / .12),0 6px 16px -8px rgb(41 98 255 / .55);}
.home .hero .btn-ink:hover{background:var(--accent-ink);transform:translateY(-1px);}
.home .hero .btn-ink:focus-visible,.home .hero .btn-outline:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(41 98 255 / .3);}
.home .hero .btn-lg{padding:14px 24px;font-size:15px;}
.home .hero .btn-outline{background:var(--card);color:var(--ink);border:1px solid var(--hair-2);padding:13px 22px;font-size:15px;box-shadow:0 1px 2px rgb(16 24 64 / .05);}
.home .hero .btn-outline:hover{background:#F3F5F9;border-color:var(--hair-2);color:var(--ink);transform:translateY(-1px);}

.home .hero .hero-for{font-size:15px;font-weight:500;color:var(--ink-2);letter-spacing:-0.01em;margin:0 0 18px;}
@keyframes ring{0%{transform:scale(.6);opacity:.5}100%{transform:scale(1.5);opacity:0}}
.home .hero h1{font-size:52px;line-height:1.05;letter-spacing:-0.04em;font-weight:800;margin:0 0 44px;font-family:var(--serif);color:var(--ink);}
.home .hero h1 .accent{color:var(--accent);}
.home .hero .sub{font-size:16.5px;line-height:1.5;color:var(--ink-2);max-width:400px;margin-bottom:32px;letter-spacing:-0.005em;}
.home .hero .cta-row{display:flex;gap:12px;align-items:center;}

/* ----- floating cards (dashboard panels) ----- */
.home .stage{position:relative;height:648px;}
.home .lush{position:absolute;background:var(--card);border:1px solid rgb(229 232 238 / .9);border-radius:var(--r-xl);padding:17px;box-shadow:var(--sh-float);color:var(--ink);}
.home .lush:not(.lush-b){box-shadow:0 1px 2px rgb(16 24 64 / .04),0 18px 36px -14px rgb(41 98 255 / .20),0 40px 64px -34px rgb(16 24 64 / .26);}
.home .clabel{display:inline-flex;align-items:center;background:var(--accent-soft);color:var(--accent-ink);border:1px solid rgb(41 98 255 / .18);font-weight:700;font-size:9.5px;letter-spacing:0.09em;text-transform:uppercase;padding:4px 8px;border-radius:var(--r-sm);}
.home .clabel.green{background:rgb(41 98 255 / .18);color:var(--accent-2);border-color:rgb(126 162 255 / .25);}
.home .cnum{font-weight:800;font-size:39px;letter-spacing:-0.038em;line-height:1;font-variant-numeric:tabular-nums;}
.home .cnum .den{font-weight:600;font-size:14px;letter-spacing:-0.01em;color:var(--ink-3);margin-left:5px;}
.home .cpill{display:inline-flex;align-items:center;gap:5px;font-weight:700;font-size:9.5px;letter-spacing:0.05em;text-transform:uppercase;padding:3px 7px;border-radius:var(--r-sm);border:1px solid transparent;}
.home .cpill svg{width:8px;height:8px;}
.home .cpill.green{background:var(--profit-soft);color:var(--profit);border-color:rgb(15 145 96 / .2);}
.home .cpill.soft{background:var(--accent-soft);color:var(--accent-ink);border-color:rgb(41 98 255 / .18);}
.home .cpill.dim{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.78);border-color:rgba(255,255,255,0.1);}
.home .cpill.amber{background:var(--warn-soft);color:var(--warn);border-color:rgb(180 83 9 / .2);}
.home .cstats{display:flex;border-top:1px dashed var(--hair-2);padding-top:12px;margin-top:14px;}
.home .cstat{flex:1;}
.home .cstat .l{font-size:8.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3);}
.home .cstat .v{font-size:15px;font-weight:700;letter-spacing:-0.02em;margin-top:4px;font-variant-numeric:tabular-nums;}
.home .donut2{width:70px;height:70px;border-radius:50%;position:relative;flex:0 0 auto;background:conic-gradient(var(--accent) 0 24%, var(--muted) 24% 100%);}
.home .donut2::after{content:'';position:absolute;inset:8px;background:var(--card);border-radius:50%;}
.home .donut2 .in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;}
.home .donut2 .in b{font-size:15px;font-weight:800;letter-spacing:-0.02em;line-height:1;}
.home .donut2 .in i{font-style:normal;font-size:7.5px;font-weight:700;letter-spacing:0.08em;color:var(--ink-3);margin-top:2px;}
.home .cbar-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;}
.home .cbar-l{font-size:11px;font-weight:600;letter-spacing:0.01em;color:var(--ink-2);}
.home .cbar-v{font-weight:700;font-size:14px;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;}
.home .cbar-track{height:10px;background:var(--muted);border-radius:999px;overflow:hidden;}
.home .cbar-fill{display:block;height:100%;background:var(--accent);border-radius:999px;}
.home .cbars{display:flex;align-items:flex-end;gap:6px;height:48px;margin-top:4px;}
.home .cbars i{flex:1;background:var(--accent-soft);border-radius:4px 4px 0 0;}
.home .cbars i.on{background:var(--accent);}
.home .cmini-head{display:flex;align-items:center;justify-content:space-between;margin:13px 0 8px;padding-top:12px;border-top:1px dashed var(--hair-2);}
.home .cmini-head .l{font-size:8.5px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink-3);}
.home .cmini-head .up{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--profit);}
.home .cmini-head .up svg{width:9px;height:9px;}

/* News Blackout (background card) */
.home .bg-news{top:98px;left:180px;width:444px;min-height:344px;z-index:1;}
.home .nb-head{display:flex;align-items:center;justify-content:space-between;max-width:406px;}
.home .nb-count,.home .nb-list,.home .nb-foot,.home .nb-timeline,.home .nb-desc{max-width:406px;}
.home .nb-count{margin:15px 0 10px;}
.home .nb-desc{font-size:12px;line-height:1.45;color:var(--ink-2);margin:0 0 12px;letter-spacing:-0.005em;}
.home .nb-desc b{color:var(--ink);font-weight:600;}
.home .nb-timeline{position:relative;height:34px;margin:2px 0 14px;}
.home .nb-timeline .trk{position:absolute;left:0;right:0;top:8px;height:4px;background:var(--muted);border-radius:999px;}
.home .nb-timeline .win{position:absolute;top:2px;height:16px;border-radius:var(--r-sm);background:rgb(245 158 11 / .16);border:1px solid rgb(245 158 11 / .5);}
.home .nb-timeline .now{position:absolute;top:4px;width:11px;height:11px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 0 0 3px rgb(41 98 255 / .18);transform:translateX(-50%);}
.home .nb-timeline .tk{position:absolute;top:21px;font-family:var(--mono);font-size:8px;letter-spacing:0.03em;color:var(--ink-3);transform:translateX(-50%);white-space:nowrap;}
.home .nb-lbl{font-size:8.5px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-3);}
.home .nb-time{font-family:var(--mono);font-weight:700;font-size:36px;letter-spacing:-0.02em;line-height:1;margin:6px 0 8px;font-variant-numeric:tabular-nums;}
.home .nb-time .u{color:var(--ink-3);font-size:18px;}
.home .nb-ev{display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;letter-spacing:-0.01em;}
.home .tag-hi{font-weight:700;font-size:8.5px;letter-spacing:0.05em;text-transform:uppercase;color:var(--loss);background:var(--loss-soft);border:1px solid rgb(217 48 63 / .2);padding:2px 6px;border-radius:var(--r-sm);}
.home .tag-med{font-weight:700;font-size:8.5px;letter-spacing:0.05em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);border:1px solid rgb(180 83 9 / .2);padding:2px 6px;border-radius:var(--r-sm);}
.home .nb-list{border-top:1px solid var(--hair);}
.home .nb-row{display:flex;align-items:center;gap:11px;padding:7px 0;border-bottom:1px solid var(--hair);}
.home .nb-row:last-child{border-bottom:0;}
.home .nb-row.now{background:var(--warn-soft);margin:0 -10px;padding-left:10px;padding-right:10px;border-radius:var(--r-md);}
.home .nb-row .t{font-family:var(--mono);font-size:11px;font-weight:500;color:var(--ink-2);width:40px;font-variant-numeric:tabular-nums;}
.home .nb-row .c{font-family:var(--mono);font-size:8.5px;font-weight:600;color:var(--ink-2);background:var(--muted);padding:2px 5px;border-radius:4px;}
.home .nb-row .n{flex:1;font-size:12.5px;font-weight:500;letter-spacing:-0.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* Daily Loss (top-right) */
.home .lush-a{top:8px;right:-92px;width:290px;z-index:3;}
.home .dl-main{display:flex;align-items:center;gap:14px;margin:14px 0 2px;}
.home .dl-fig .cnum{margin-bottom:8px;}

/* Loss Per Trade (bottom-left) on the brand surface */
.home .lush-b{top:430px;left:0;width:296px;z-index:4;background:var(--dark);border-color:var(--dark-line);color:#fff;
  box-shadow:0 2px 8px rgb(9 9 13 / .28),0 42px 78px -30px rgb(9 9 13 / .6);}
.home .lush-b .head{display:flex;align-items:center;justify-content:space-between;}
.home .lush-b .cnum{color:#fff;margin:14px 0 0;}
.home .lush-b .cnum .den{color:var(--accent-2);}
.home .lush-b .cbody{font-size:12.5px;line-height:1.5;color:rgba(255,255,255,0.62);margin:9px 0 14px;letter-spacing:-0.005em;}
.home .lush-b .cbar-l{color:rgba(255,255,255,0.5);}
.home .lush-b .cbar-v{color:#fff;}
.home .lush-b .cbar-track{background:rgba(255,255,255,0.08);}
.home .lush-b .cbar-fill{background:var(--accent-2);}

/* Compounding (bottom-right) */
.home .lush-c{top:398px;right:-92px;width:290px;z-index:3;}
.home .lush-c .head{display:flex;align-items:center;justify-content:space-between;}
.home .cc-fig{display:flex;align-items:center;gap:11px;margin-top:14px;}
.home .cc-sub{font-size:12px;color:var(--ink-2);margin:8px 0 2px;letter-spacing:-0.005em;}

/* ===== element glow: a thin light travels around key card borders ===== */
@property --pg-ang{syntax:'<angle>';inherits:false;initial-value:0deg;}
.home .lush-a,.home .bg-news,.home .lush-c,.home .lush-b,.home .price-card-popular,.home .pos-card-is{--pg-ang:0deg;}
.home .lush-a::after,.home .bg-news::after,.home .lush-c::after,.home .lush-b::after,.home .price-card-popular::after,.home .pos-card-is::after{
  content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;
  background:conic-gradient(from var(--pg-ang), transparent 0deg, transparent 220deg, rgb(126 162 255 / .9) 280deg, rgb(167 139 250 / .95) 320deg, transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite:xor;
          mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
  animation:pg-orbit 6s linear infinite;}
.home .bg-news::after{animation-duration:8s;animation-delay:-2s;}
.home .lush-c::after{animation-delay:-4s;}
.home .lush-b::after{animation-duration:7s;animation-delay:-1s;}
.home .price-card-popular::after{animation-duration:5s;}
@keyframes pg-orbit{to{--pg-ang:360deg;}}

/* breathing glow on the hero CTA */
.home .hero .btn-ink{background:linear-gradient(180deg,#3E72FF 0%,#2962FF 100%);box-shadow:0 1px 0 rgb(255 255 255 / .25) inset,0 10px 24px -8px rgb(41 98 255 / .65);animation:pg-breathe 3.2s ease-in-out infinite;}
.home .hero .btn-ink:hover{background:linear-gradient(180deg,#2F66FF 0%,#1F4FD6 100%);}
@keyframes pg-breathe{
  0%,100%{box-shadow:0 1px 0 rgb(255 255 255 / .25) inset,0 10px 24px -8px rgb(41 98 255 / .55),0 0 0 0 rgb(41 98 255 / 0);}
  50%{box-shadow:0 1px 0 rgb(255 255 255 / .25) inset,0 14px 34px -8px rgb(41 98 255 / .75),0 0 0 6px rgb(41 98 255 / .10);}}

/* ----- hero: graceful degradation below the desktop layout ----- */
/* 1100–1279px: same composition; the stage is scaled so the right-hand cards stay on screen */
@media (max-width:1279px) and (min-width:1100px){
  .home .stage{zoom:.86;}
  .home .lush-a,.home .lush-c{right:-40px;}
}
/* < 1100px: stack the columns; the card stage keeps its composition, centred and scaled */
@media (max-width:1099px){
  .home .hero{grid-template-columns:1fr;gap:36px;padding:64px 0 64px;}
  .home .hero-left{text-align:center;max-width:620px;margin:0 auto;}
  .home .hero .sub{margin-left:auto;margin-right:auto;max-width:460px;}
  .home .hero h1{margin-bottom:32px;}
  .home .hero .cta-row{justify-content:center;flex-wrap:wrap;}
    .home .hero-right{display:flex;justify-content:center;}
  .home .stage{flex:0 0 auto;width:762px;margin-right:92px;}
}
@media (max-width:939px){ .home .stage{zoom:.82;} }
@media (max-width:779px){ .home .stage{zoom:.7;} }
@media (max-width:689px){ .home .stage{zoom:.62;} }
/* phones: no sideways scrolling. The cards sit in a static grid the width
   of the screen: daily limit across the top, the two small cards side by
   side, news blackout (trimmed to its countdown and next events) last. */
@media (max-width:640px){
  .home .hero-wrap{padding:118px 20px 0;}
  .home .hero{padding:12px 0 44px;gap:32px;}
  .home .hero h1{font-size:40px;line-height:1.06;}
  .home .hero .sub{font-size:15.5px;margin-bottom:26px;}
  .home .hero .hero-for{font-size:14px;margin-bottom:14px;}
  .home .hero .cta-row{flex-direction:column;align-items:stretch;gap:10px;}
  .home .hero .cta-row .btn{justify-content:center;}
  .home .hero-right{display:block;min-width:0;}
  .home .stage{zoom:1;width:auto;height:auto;margin:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;}
  .home .stage .lush{position:relative;top:auto;left:auto;right:auto;width:auto;min-height:0;padding:14px;}
  .home .stage .lush:not(.lush-b){box-shadow:0 1px 2px rgb(16 24 64 / .05),0 12px 22px -14px rgb(41 98 255 / .28);}
  .home .stage .lush-b{box-shadow:0 2px 6px rgb(9 9 13 / .22),0 14px 24px -14px rgb(9 9 13 / .5);}
  .home .stage .lush-a{grid-column:1 / -1;order:1;}
  .home .stage .lush-b{order:2;display:flex;flex-direction:column;}
  .home .stage .lush-c{order:3;display:flex;flex-direction:column;}
  .home .stage .bg-news{grid-column:1 / -1;order:4;}

  /* daily limit: donut + figure on the left, the three stats on the right */
  .home .lush-a .dl-main{margin:12px 0 0;}
  .home .lush-a .cnum{font-size:32px;}

  /* the two half-width cards: headline figure, one line of context, the chart */
  .home .lush-b .head,.home .lush-c .head{flex-wrap:wrap;gap:6px;}
  .home .lush-b .cpill.dim,.home .lush-c .head .cpill{display:none;}
  .home .lush-b .cnum,.home .lush-c .cnum{font-size:26px;margin-top:12px;}
  .home .lush-b .cnum .den,.home .lush-c .cnum .den{display:block;margin:6px 0 0;font-size:12px;}
  .home .lush-c .cc-sub,.home .lush-b .cbar-head,.home .lush-c .cmini-head{display:none;}
  .home .lush-b .cbody{font-size:12px;margin:0 0 14px;}
  .home .lush-b .cbar-track{margin-top:auto;position:relative;top:0;}
  .home .lush-b .cnum{margin-bottom:10px;}
  .home .lush-c .cc-fig{flex-wrap:wrap;gap:8px;margin-top:12px;}
  .home .lush-c .cbars{height:36px;margin-top:auto;padding-top:12px;}

  /* news blackout: countdown and the event list, no description or timeline */
  .home .nb-head,.home .nb-count,.home .nb-list,.home .nb-foot,.home .nb-timeline,.home .nb-desc{max-width:none;}
  .home .bg-news .nb-desc,.home .bg-news .nb-timeline{display:none;}
  .home .bg-news .nb-time{font-size:30px;}
  .home .bg-news .nb-count{margin:12px 0 8px;}
}
@media (max-width:400px){
  .home .hero h1{font-size:36px;}
}

/* ============================================================
   SHARED SECTION SYSTEM
   ============================================================ */
.home .section{padding:104px 0;}
.home .section > .container,
.home .trust-strip > .container{max-width:1160px;padding:0 40px;position:relative;z-index:1;}

/* see-through bands show the aurora; white bands cover it */
.home .s-pricing,.home .s-how2,.home .s-rules,.home .s-who,.home .s-testimonials,.home .s-final-cta{background:transparent;border:0;}
.home .trust-strip,.home .s-positioning,.home .s-faq{
  background:var(--card);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.home .s-rules .rules-ambient,.home .app-showcase-glow,.home .ds-glow,.home .s-final-cta::before{display:none;}

/* section heads */
.home .problem-header,.home .pos-header,.home .rules-header,.home .pricing-header,.home .app-showcase-header{
  max-width:680px;margin:0 auto 56px;text-align:center;}
.home .ds-text{max-width:680px;margin:0 auto 64px;text-align:center;}
.home .section h2,.home .ds-h2,.home .rules-headline,.home .app-showcase-heading{
  font-family:var(--serif);font-weight:800;font-size:clamp(30px,3.7vw,45px);line-height:1.08;letter-spacing:-0.035em;color:var(--ink);margin-bottom:0;}
.home .overline,.home .rules-eyebrow,.home .app-showcase-eyebrow,.home .ds-eyebrow{
  display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:0.14em;text-transform:uppercase;
  color:var(--accent-ink);background:var(--accent-soft);border:1px solid rgb(41 98 255 / .15);padding:5px 11px;border-radius:999px;margin:0 0 16px;opacity:1;}
.home .overline::before,.home .app-showcase-eyebrow::before,.home .ds-eyebrow::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--accent);flex:0 0 auto;}
.home .rules-eyebrow-dot{width:5px;height:5px;background:var(--accent);box-shadow:none;animation:none;}
.home .body-text,.home .rules-sub,.home .app-showcase-sub,.home .ds-sub{
  font-size:16.5px;line-height:1.6;color:var(--ink-2);margin:18px auto 0;max-width:560px;letter-spacing:-0.005em;text-align:center;}
.home .text-red{color:var(--loss);}
.home .problem-header h2 .text-red{color:var(--accent);}
.home .mono{font-family:var(--mono);}
.home .dot-sep{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--hair-2);margin:0 12px;vertical-align:middle;}

/* body buttons (sections only; the nav and mobile sticky CTA stay global) */
.home .section .btn{border-radius:var(--r-lg);letter-spacing:-0.01em;gap:9px;}
.home .section .btn-primary{background:var(--accent);color:#fff;border:0;
  box-shadow:0 1px 2px rgb(16 24 64 / .12),0 6px 16px -8px rgb(41 98 255 / .55);}
.home .section .btn-primary:hover{background:var(--accent-ink);transform:translateY(-1px);}
.home .section .btn-lg{padding:14px 24px;font-size:15px;}
.home .section .btn-outline{background:var(--card);color:var(--ink);border:1px solid var(--hair-2);box-shadow:0 1px 2px rgb(16 24 64 / .05);}
.home .section .btn-outline:hover{background:#F3F5F9;color:var(--ink);border-color:var(--hair-2);}
.home .section .btn-arrow{font-size:17px;line-height:1;transition:transform .15s;}
.home .section .btn:hover .btn-arrow{transform:translateX(2px);}

/* ============================================================
   DEVICE SHOWCASE (see-through)
   ============================================================ */
.home #device-showcase{background:transparent;padding:88px 40px 104px;overflow:hidden;}
.home .ds-h2{font-weight:800;}
.home .ds-desktop{filter:drop-shadow(0 2px 6px rgb(16 24 64 / .10)) drop-shadow(0 40px 60px rgb(16 24 64 / .22));}
.home .ds-mobile{filter:drop-shadow(0 2px 6px rgb(16 24 64 / .12)) drop-shadow(0 26px 40px rgb(16 24 64 / .28));}

/* ============================================================
   TRUST STRIP = the dashboard's KPI stat strip (white band)
   ============================================================ */
.home .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);}
.home .trust-item{padding:36px 24px;gap:0;text-align:center;border-right:1px dashed var(--hair-2);}
.home .trust-item:last-child{border-right:0;}
.home .trust-item::before,.home .trust-item::after{content:none !important;display:none !important;}
.home .trust-num{font-family:var(--serif);font-weight:800;font-size:40px;letter-spacing:-0.03em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;}
.home .trust-label{font-size:14px;color:var(--ink-2);margin-top:10px;}

/* ============================================================
   PROBLEM — live session replay (see-through)
   ============================================================ */
.home .terminal{max-width:880px;margin:0 auto;background:var(--card);border:1px solid rgb(229 232 238 / .9);border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--sh-card),0 30px 64px -36px rgb(16 24 64 / .24);}
.home .terminal-bar{padding:13px 18px;background:var(--table-head);border-bottom:1px solid var(--hair);gap:12px;}
.home .terminal-dots .dot{width:10px;height:10px;}
.home .terminal-dots .dot-red{background:#F2B8BD;}
.home .terminal-dots .dot-yellow{background:#F5D9A6;}
.home .terminal-dots .dot-green{background:#AEDFC9;}
.home .terminal-title{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--ink-2);}
.home .terminal-status{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--profit);background:var(--profit-soft);border:1px solid rgb(15 145 96 / .2);padding:3px 8px;border-radius:var(--r-sm);white-space:nowrap;}
.home .terminal-status.blown{color:var(--loss);background:var(--loss-soft);border-color:rgb(217 48 63 / .2);}
.home .terminal-left{padding:18px 20px;border-right:1px solid var(--hair);}
.home .terminal-right{padding:18px 20px;background:#FBFCFD;}
.home .nar-step{opacity:.3;margin-bottom:10px;padding:6px 0;}
.home .nar-step.active{opacity:1;}
.home .nar-step-final.active{background:var(--loss-soft);margin:0 -20px;padding:8px 20px;}
.home .nar-time{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);margin-bottom:4px;}
.home .nar-dot{width:8px;height:8px;margin-top:5px;}
.home .nar-dot-green{background:var(--profit);}
.home .nar-dot-yellow{background:var(--amber);}
.home .nar-dot-red{background:var(--loss);}
.home .nar-dot-skull{background:var(--loss);box-shadow:0 0 0 3px rgb(217 48 63 / .18);}
.home .nar-action{font-size:13px;color:var(--ink);line-height:1.45;letter-spacing:-0.005em;}
.home .nar-step-final .nar-action{font-weight:600;color:var(--loss);}
.home .nar-pnl{font-family:var(--mono);font-size:12.5px;font-weight:600;font-variant-numeric:tabular-nums;}
.home .nar-pnl.green{color:var(--profit);}
.home .nar-pnl.red,.home .nar-pnl.blown{color:var(--loss);text-shadow:none;}
.home .equity-label{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.1em;color:var(--ink-3);}
.home .equity-pnl{font-family:var(--mono);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums;}
.home .equity-canvas{display:block;background:var(--card);border:1px solid var(--hair);border-radius:var(--r-md);margin-bottom:12px;}
.home .equity-stats{gap:8px;}
.home .eq-stat{background:var(--card);border:1px solid var(--hair);border-radius:var(--r-md);padding:7px 9px;align-items:center;}
.home .eq-label{font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);}
.home .eq-val{font-family:var(--mono);font-size:11px;font-weight:700;color:var(--ink);}
.home .problem-verdict{text-align:center;max-width:560px;margin:44px auto 0;}
.home .problem-verdict p{font-family:var(--serif);font-weight:600;font-size:23px;line-height:1.35;letter-spacing:-0.02em;color:var(--ink);}
.home .problem-verdict strong{font-weight:700;color:var(--loss);}
.home .problem-verdict .verdict-sub{font-family:var(--font);font-weight:400;font-size:15px !important;color:var(--ink-2) !important;margin-top:14px;letter-spacing:-0.005em;}

/* ============================================================
   POSITIONING (white band)
   ============================================================ */
.home .s-positioning .pos-header h2{font-size:clamp(30px,3.7vw,45px);}
.home .pos-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:900px;}
.home .pos-card{background:var(--card);border:1px solid rgb(229 232 238 / .9);border-radius:var(--r-xl);padding:24px 26px 14px;box-shadow:var(--sh-card);position:relative;}
.home .pos-card-is{border-color:rgb(41 98 255 / .35);box-shadow:0 0 0 3px rgb(41 98 255 / .08),0 20px 50px -30px rgb(41 98 255 / .35);}
.home .pos-card-label{display:inline-flex;align-items:center;font-family:var(--font);font-weight:700;font-size:9.5px;letter-spacing:0.09em;text-transform:uppercase;
  padding:4px 8px;border-radius:var(--r-sm);margin:0 0 8px;border:1px solid var(--hair);background:var(--muted);color:var(--ink-2);}
.home .pos-card-is .pos-card-label{background:var(--accent);color:#fff;border-color:transparent;}
.home .pos-card-not .pos-card-label{color:var(--ink-2);}
.home .pos-item{gap:13px;padding:13px 0;border-bottom:1px solid var(--hair);}
.home .pos-item:last-child{border-bottom:0;}
.home .pos-icon-x,.home .pos-icon-check{width:22px;height:22px;border-radius:var(--r-sm);margin-top:1px;}
.home .pos-icon-x svg,.home .pos-icon-check svg{width:13px;height:13px;}
.home .pos-icon-x{background:var(--muted);color:var(--ink-3);}
.home .pos-icon-check{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px rgb(41 98 255 / .15);}
.home .pos-item-title{font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--ink);margin-bottom:0;}
.home .pos-item-desc{font-size:12.5px;color:var(--ink-2);margin-top:3px;line-height:1.45;}

/* ============================================================
   PRICING (see-through) — now directly above the rules
   ============================================================ */
.home .s-pricing{text-align:center;}
.home .pricing-header h2{margin-bottom:0;}
.home .trial-bar{max-width:none;margin:0 auto 28px;padding:22px 26px;gap:26px;border-radius:var(--r-xl);
  background:linear-gradient(90deg,#EEF3FF 0%,#FFFFFF 58%);border:1px solid rgb(41 98 255 / .28);
  box-shadow:var(--sh-card),0 24px 48px -32px rgb(41 98 255 / .45);}
.home .trial-bar:hover{border-color:rgb(41 98 255 / .5);box-shadow:var(--sh-hover),0 24px 48px -32px rgb(41 98 255 / .55);}
.home .trial-bar-price{padding-right:26px;border-right:1px dashed var(--hair-2);}
.home .trial-bar-amount{font-family:var(--serif);font-weight:800;color:var(--accent);letter-spacing:-0.03em;}
.home .trial-bar-days{font-family:var(--mono);color:var(--ink-3);}
.home .trial-bar-title{font-size:16.5px;font-weight:700;color:var(--ink);letter-spacing:-0.015em;}
.home .trial-bar-desc{font-size:13.5px;color:var(--ink-2);}
.home .trial-bar-cta{background:var(--accent);border-radius:var(--r-lg);padding:11px 20px;font-size:14px;
  box-shadow:0 1px 2px rgb(16 24 64 / .12),0 6px 16px -8px rgb(41 98 255 / .55);}
.home .trial-bar:hover .trial-bar-cta{background:var(--accent-ink);}
.home .trial-bar-cta .btn-arrow{font-size:16px;line-height:1;transition:transform .15s;}
.home .trial-bar-fine{font-family:var(--mono);color:var(--ink-3);}

.home .pricing-toggle{gap:12px;margin:0 0 36px;}
.home .toggle-label{font-size:13.5px;font-weight:600;color:var(--ink-3);}
.home .toggle-label.active{color:var(--ink);}
.home .toggle-switch{width:42px;height:24px;border-radius:999px;background:var(--hair-2);border:0;transition:background-color .2s;}
.home .toggle-switch.annual{background:var(--accent);}
.home .toggle-knob{width:18px;height:18px;top:3px;left:3px;background:#fff;box-shadow:0 1px 3px rgb(16 24 64 / .25);}
.home .toggle-switch.annual .toggle-knob{transform:translateX(18px);}
.home .toggle-save{font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:.05em;color:var(--profit);background:var(--profit-soft);
  border:1px solid rgb(15 145 96 / .2);padding:3px 7px;border-radius:var(--r-sm);}

.home .pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:none;align-items:stretch;}
.home .price-card{background:var(--card);border:1px solid rgb(229 232 238 / .9);border-radius:var(--r-xl);padding:28px;box-shadow:var(--sh-card);
  text-align:left;transition:border-color .2s,box-shadow .2s;}
.home .price-card:hover{box-shadow:var(--sh-hover);border-color:var(--hair-2);}
.home .price-card-popular{background:var(--card);border-color:rgb(41 98 255 / .35);}
.home .price-card.selected{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px rgb(41 98 255 / .1),0 30px 60px -30px rgb(41 98 255 / .35);}
.home .price-popular-badge{top:-11px;left:28px;transform:none;background:var(--accent);color:#fff;font-family:var(--font);font-weight:700;font-size:9.5px;
  font-size:12px;padding:4px 10px;border-radius:var(--r-sm);box-shadow:none;z-index:2;}
.home .price-card h3{font-size:19px;font-weight:700;letter-spacing:-0.02em;color:var(--ink);margin-bottom:0;}
.home .price-desc{font-size:13px;color:var(--ink-2);margin:4px 0 0;}
.home .price-amount{margin:20px 0 4px;align-items:baseline;}
.home .price-dollar{font-family:var(--serif);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-0.02em;}
.home .price-card .price-num{font-family:var(--serif);font-weight:800;font-size:42px;letter-spacing:-0.03em;color:var(--ink);line-height:1;font-variant-numeric:tabular-nums;}
.home .price-period{font-size:15px;font-weight:500;color:var(--ink-3);margin-left:4px;}
.home .price-billed{font-family:var(--mono);font-size:12px;color:var(--ink-3);margin-bottom:0;}
.home .price-save{color:var(--profit);font-weight:700;}
.home .price-features{margin:22px 0;border-top:1px dashed var(--hair-2);padding-top:20px;}
.home .price-features li{font-size:13.5px;color:var(--ink-2);padding:6px 0 6px 25px;letter-spacing:-0.005em;line-height:1.45;}
.home .price-features li::before{top:8px;left:0;width:15px;height:15px;border-radius:0;background:var(--profit);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;}
.home .price-cta{padding:13px 22px;font-size:14px;}
.home .price-trial-link{font-size:12.5px;color:var(--ink-3);margin-top:12px;}
.home .price-trial-link:hover{color:var(--accent);}

.home .pricing-addon-card{max-width:none;margin:20px auto 0;padding:22px 26px;background:var(--card);border:1px solid rgb(229 232 238 / .9);
  border-radius:var(--r-xl);box-shadow:var(--sh-card);}
.home .pricing-addon-card:hover{border-color:var(--hair-2);box-shadow:var(--sh-hover);}
.home .addon-icon{width:44px;height:44px;border-radius:var(--r-lg);background:var(--t-indigo-s);color:var(--t-indigo);box-shadow:inset 0 0 0 1px rgb(41 98 255 / .14);}
.home .addon-title{font-size:15.5px;font-weight:700;color:var(--ink);letter-spacing:-0.015em;}
.home .addon-desc{font-size:13.5px;color:var(--ink-2);}
.home .addon-pricing{border-left:1px dashed var(--hair-2);}
.home .addon-price .price-dollar{font-size:17px;}
.home .addon-price .price-num{font-family:var(--serif);font-size:28px;font-weight:800;color:var(--ink);}
.home .addon-per{color:var(--ink-3);}
.home .addon-billing{font-family:var(--mono);color:var(--ink-3);}
.home .pricing-trust{font-size:13.5px;color:var(--ink-3);margin-top:32px;}
.home #regionalPricingNote{color:var(--ink-2);opacity:1 !important;font-family:var(--font);font-size:13.5px;}

/* ============================================================
   RULES — interactive showcase (white band)
   ============================================================ */
.home .rules-headline-grad{background:linear-gradient(92deg,#2962FF 0%,#4F7BFF 45%,#7C3AED 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;}
.home .rules-showcase{background:var(--card);border:1px solid rgb(229 232 238 / .9);border-radius:var(--r-xl);overflow:hidden;
  box-shadow:var(--sh-card),0 30px 64px -40px rgb(16 24 64 / .22);}
.home .rules-showcase::before{display:none;}
.home .rules-tab[data-cat="drawdown"]{--tab-color:224,54,74;}
.home .rules-tab[data-cat="position"]{--tab-color:124,58,237;}
.home .rules-tab[data-cat="behavior"]{--tab-color:19,146,93;}
.home .rules-tab[data-cat="time"]{--tab-color:194,124,6;}
.home .rules-tabs{background:var(--table-head);border-bottom:1px solid var(--hair);}
.home .rules-tab{color:var(--ink-2);border-right:1px solid var(--hair);padding:16px 20px;transition:background-color .2s;}
.home .rules-tab:last-child{border-right:0;}
.home .rules-tab:hover{background:#F0F2F6;}
.home .rules-tab-icon{width:36px;height:36px;border-radius:var(--r-lg);border:0;background:rgba(var(--tab-color),.10);color:rgb(var(--tab-color));
  box-shadow:inset 0 0 0 1px rgba(var(--tab-color),.16);}
.home .rules-tab:hover .rules-tab-icon{background:rgba(var(--tab-color),.14);color:rgb(var(--tab-color));}
.home .rules-tab-title{font-size:13.5px;font-weight:600;color:var(--ink);}
.home .rules-tab-meta{font-family:var(--mono);font-size:10px;color:var(--ink-3);letter-spacing:.06em;}
.home .rules-tab.is-active{background:var(--card);}
.home .rules-tab.is-active .rules-tab-icon{background:rgba(var(--tab-color),.14);box-shadow:inset 0 0 0 1px rgba(var(--tab-color),.3);}
.home .rules-tab.is-active .rules-tab-meta{color:rgb(var(--tab-color));}
.home .rules-tab.is-active::after{left:0;right:0;bottom:-1px;height:2px;background:rgb(var(--tab-color));box-shadow:none;}

.home .rule-card[data-cat="drawdown"]{--rc:224,54,74 !important;}
.home .rule-card[data-cat="position"]{--rc:124,58,237 !important;}
.home .rule-card[data-cat="behavior"]{--rc:19,146,93 !important;}
.home .rule-card[data-cat="time"]{--rc:194,124,6 !important;}
.home .rule-card{background:var(--card);border:1px solid rgb(229 232 238 / .9);border-radius:var(--r-xl);padding:18px 20px;box-shadow:var(--sh-card);gap:0;transition:box-shadow .2s,border-color .2s;}
.home .rule-card:hover{background:var(--card);box-shadow:var(--sh-hover);border-color:var(--hair-2);}
.home .rule-card::before{background:radial-gradient(320px 160px at var(--mx, 50%) var(--my, 0%), rgba(var(--rc), 0.07), transparent 60%);}
.home .rule-icon{width:36px;height:36px;border-radius:var(--r-lg);border:0;background:rgba(var(--rc),.10);color:rgb(var(--rc));
  box-shadow:inset 0 0 0 1px rgba(var(--rc),.16);margin-bottom:12px;}
.home .rule-icon svg{width:18px;height:18px;}
.home .rule-card:hover .rule-icon{background:rgba(var(--rc),.14);border:0;box-shadow:inset 0 0 0 1px rgba(var(--rc),.26);}
.home .rule-title{font-size:15px;font-weight:600;letter-spacing:-0.015em;color:var(--ink);margin-bottom:6px;}
.home .rule-desc{font-size:13px;line-height:1.5;color:var(--ink-2);}
@media (min-width:769px){
  .home .rules-grid{background:var(--bg);padding:16px;gap:12px;border-right:1px solid var(--hair);align-content:start;}
}

.home .rules-sim{background:var(--card);}
.home .sim-head{background:var(--table-head);border-bottom:1px solid var(--hair);padding:13px 18px;}
.home .sim-head-dots span:nth-child(1){background:#F2B8BD;opacity:1;}
.home .sim-head-dots span:nth-child(2){background:#F5D9A6;opacity:1;}
.home .sim-head-dots span:nth-child(3){background:#AEDFC9;opacity:1;}
.home .sim-title{font-family:var(--mono);font-size:10.5px;color:var(--ink-2);letter-spacing:.08em;}
.home .sim-status{font-family:var(--mono);font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--profit);background:var(--profit-soft);
  border:1px solid rgb(15 145 96 / .2);padding:3px 8px;border-radius:var(--r-sm);white-space:nowrap;}
.home .sim-status.breach{color:var(--loss);background:var(--loss-soft);border-color:rgb(217 48 63 / .2);}
.home .sim-status-dot{box-shadow:none;}
.home .sim-step{background:var(--card);border:1px solid var(--hair);border-radius:var(--r-lg);opacity:.4;}
.home .sim-step.is-live{opacity:1;}
.home .sim-step[data-step="1"].is-live{border-color:rgb(41 98 255 / .4);box-shadow:0 0 0 3px rgb(41 98 255 / .08),var(--sh-card);}
.home .sim-step[data-step="2"].is-live{border-color:rgb(217 48 63 / .4);box-shadow:0 0 0 3px rgb(217 48 63 / .08),var(--sh-card);}
.home .sim-step[data-step="3"].is-live{border-color:rgb(15 145 96 / .4);box-shadow:0 0 0 3px rgb(15 145 96 / .08),var(--sh-card);}
.home .sim-step-num{font-family:var(--mono);color:var(--accent-ink);background:var(--accent-soft);border-radius:var(--r-sm);}
.home .sim-step-label{font-size:10.5px;color:var(--ink-2);letter-spacing:.1em;}
.home .sim-step-time{font-family:var(--mono);color:var(--ink-3);}
.home .sim-side{background:var(--accent-soft);color:var(--accent-ink);border:1px solid rgb(41 98 255 / .18);border-radius:var(--r-sm);}
.home .sim-symbol{color:var(--ink);}
.home .sim-lot{background:var(--muted);color:var(--ink-2);border-radius:var(--r-sm);}
.home .sim-meta{color:var(--ink-3);}
.home .sim-no-sl{color:var(--loss);}
.home .sim-saved{color:var(--profit);}
.home .sim-connector-line{background:linear-gradient(180deg, transparent, var(--hair-2), transparent);}
.home .sim-step[data-step="1"].is-live + .sim-connector .sim-connector-line{background:linear-gradient(180deg, rgb(41 98 255 / .5), rgb(217 48 63 / .4));}
.home .sim-step[data-step="2"].is-live + .sim-connector .sim-connector-line{background:linear-gradient(180deg, rgb(217 48 63 / .5), rgb(15 145 96 / .4));}
.home .sim-rule{background:var(--loss-soft);border:1px solid rgb(217 48 63 / .2);border-radius:var(--r-md);}
.home .sim-rule-pulse{background:var(--loss);}
.home .sim-rule-name{color:var(--ink);}
.home .sim-rule-reason{color:var(--loss);opacity:1;}
.home .sim-result-badge{background:var(--loss);border-radius:var(--r-sm);box-shadow:0 4px 12px -4px rgb(217 48 63 / .55);}
.home .sim-result-latency{color:var(--profit);}
.home .rules-cta-btn{background:linear-gradient(180deg,#3E72FF 0%,#2962FF 100%) !important;box-shadow:0 1px 0 rgb(255 255 255 / .25) inset,0 10px 24px -8px rgb(41 98 255 / .6) !important;}
.home .rules-cta-sub{font-family:var(--mono);color:var(--ink-3);}
.home .rules-cta-pulse{background:var(--profit);box-shadow:0 0 0 3px rgb(15 145 96 / .16);}
@media (max-width:768px){
  .home .rules-tabs{background:var(--table-head);}
  .home .rules-tab{border:1px solid var(--hair);border-radius:999px;background:var(--card);padding:8px 14px 8px 8px;}
  .home .rules-tab:last-child{border-right:1px solid var(--hair);}
  .home .rules-tab-icon{width:28px;height:28px;border-radius:999px;}
  .home .rules-tab.is-active{border-color:rgba(var(--tab-color),.45);background:rgba(var(--tab-color),.06);}
  .home .rules-grid{background:var(--bg);border-bottom:1px solid var(--hair);}
  .home .rule-card{border-radius:var(--r-xl);}
}

/* ============================================================
   APP SHOWCASE (see-through)
   ============================================================ */
.home .s-app-showcase{padding:104px 0;overflow:hidden;}
.home .app-showcase-browser{border:1px solid rgb(229 232 238 / .9);background:var(--card);border-radius:var(--r-xl);
  box-shadow:0 1px 2px rgb(16 24 64 / .05),0 18px 40px -18px rgb(41 98 255 / .22),0 50px 90px -40px rgb(16 24 64 / .35);}
.home .app-browser-bar{background:var(--table-head);border-bottom:1px solid var(--hair);}
.home .app-browser-dots span:nth-child(1){background:#F2B8BD;}
.home .app-browser-dots span:nth-child(2){background:#F5D9A6;}
.home .app-browser-dots span:nth-child(3){background:#AEDFC9;}
.home .app-browser-url{font-family:var(--mono);color:var(--ink-3);background:var(--card);border:1px solid var(--hair);border-radius:var(--r-md);}
.home .app-pill{font-family:var(--mono);font-size:12px;color:var(--ink-2);background:var(--card);border:1px solid var(--hair);border-radius:999px;
  box-shadow:var(--sh-card);padding:9px 16px;}
.home .app-pill:hover{color:var(--ink);border-color:var(--hair-2);}
.home .app-pill-dot.green{background:var(--profit);box-shadow:0 0 0 3px rgb(15 145 96 / .14);}
.home .app-pill-dot.blue{background:var(--accent);box-shadow:0 0 0 3px rgb(41 98 255 / .14);}
.home .app-pill-dot.orange{background:var(--amber);box-shadow:0 0 0 3px rgb(245 158 11 / .18);}

/* ============================================================
   WHO IT'S FOR (white band)
   ============================================================ */
.home .who-layout{grid-template-columns:320px 1fr;gap:64px;}
.home .who-left h2{top:120px;font-size:clamp(30px,3.4vw,42px);}
.home .who-right{background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-xl);padding:6px;}
.home a.who-item,.home a.who-item:link,.home a.who-item:visited,.home a.who-item:hover,.home a.who-item:active{
  position:relative;padding:18px 52px 18px 20px;border-bottom:0 !important;border-radius:var(--r-lg);transition:background-color .15s,box-shadow .15s;}
.home a.who-item + a.who-item::before{content:'';position:absolute;left:20px;right:20px;top:0;height:1px;background:var(--hair);}
.home a.who-item:hover{background:var(--card);box-shadow:var(--sh-card);}
.home a.who-item:hover::before,.home a.who-item:hover + a.who-item::before{opacity:0;}
.home a.who-item::after{content:'';position:absolute;right:20px;top:50%;width:8px;height:8px;border-top:1.6px solid var(--ink-3);border-right:1.6px solid var(--ink-3);
  transform:translateY(-50%) rotate(45deg);transition:transform .15s,border-color .15s;}
.home a.who-item:hover::after{border-color:var(--accent);transform:translate(3px,-50%) rotate(45deg);}
.home a.who-item h3,.home a.who-item:link h3,.home a.who-item:visited h3{font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:5px;color:var(--ink) !important;}
.home a.who-item:hover h3{color:var(--accent-ink) !important;}
.home a.who-item p,.home a.who-item:link p,.home a.who-item:visited p{font-size:14px;line-height:1.55;color:var(--ink-2) !important;}

/* ============================================================
   HOW IT WORKS (see-through)
   ============================================================ */
.home .s-how > .container{text-align:center;}
.home .s-how > .container > h2{margin:0 auto 56px;max-width:680px;}
.home .steps-row{grid-template-columns:repeat(4,1fr);gap:24px;text-align:left;}
.home .step-item,.home .step-item:first-child{background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-xl);padding:20px;}
.home .step-num{display:inline-grid;place-items:center;width:32px;height:32px;font-family:var(--mono);font-weight:700;font-size:12px;color:var(--accent-ink);
  background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgb(41 98 255 / .15);border-radius:var(--r-lg);letter-spacing:.04em;margin-bottom:16px;opacity:1;}
.home .step-item h3{font-size:16px;font-weight:600;letter-spacing:-0.015em;margin-bottom:9px;color:var(--ink);}
.home .step-item p{font-size:13.5px;line-height:1.55;color:var(--ink-2);}

/* ============================================================
   TESTIMONIALS (white band)
   ============================================================ */
.home .s-testimonials > .container > h2{margin:0 auto 48px;max-width:680px;text-align:center;}
.home .marquee-wrapper{gap:16px;}
.home .marquee-track{gap:16px;}
.home .marquee::before{background:linear-gradient(to right, #fff, rgb(255 255 255 / 0));}
.home .marquee::after{background:linear-gradient(to left, #fff, rgb(255 255 255 / 0));}
.home .testimonial-card{width:360px;background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-xl);padding:24px 26px;}
.home .tc-quote{font-size:15px;line-height:1.55;color:var(--ink);letter-spacing:-0.01em;font-style:normal;margin-bottom:0;}
.home .tc-author{margin-top:18px;padding-top:16px;border-top:1px dashed var(--hair-2);}
.home .tc-author strong{font-size:13.5px;font-weight:600;color:var(--ink);}
.home .tc-author span{font-family:var(--mono);font-size:10.5px;color:var(--ink-3);margin-top:2px;}

/* ============================================================
   FAQ (see-through)
   ============================================================ */
.home .faq-layout{grid-template-columns:280px 1fr;gap:64px;}
.home .faq-left h2{top:120px;font-size:clamp(30px,3.4vw,42px);}
.home .faq-list{background:var(--card);border:1px solid rgb(229 232 238 / .9);border-radius:var(--r-xl);box-shadow:var(--sh-card);padding:0 24px;}
.home .faq-item{border-bottom:1px solid var(--hair);}
.home .faq-item:last-child{border-bottom:0;}
.home .faq-q{padding:20px 0;gap:16px;font-size:16px;font-weight:600;color:var(--ink);letter-spacing:-0.015em;line-height:1.4;}
.home .faq-q:hover{color:var(--accent-ink);}
.home .faq-icon{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:var(--r-md);background:var(--muted);font-family:var(--mono);font-size:16px;
  font-weight:500;color:var(--ink-2);line-height:1;margin-left:0;transition:transform .3s,background-color .2s,color .2s;}
.home .faq-item.open .faq-icon{background:var(--accent-soft);color:var(--accent);}
.home .faq-item.open .faq-a{max-height:900px;padding-bottom:22px;}
.home .faq-a p{font-size:14.5px;line-height:1.6;color:var(--ink-2);max-width:640px;}
.home .faq-a strong{color:var(--ink);}

/* ============================================================
   FINAL CTA (white band)
   ============================================================ */
.home .s-final-cta{padding:104px 0;}
.home .final-inner{text-align:center;max-width:740px;margin:0 auto;}
.home .final-inner h2{font-size:clamp(30px,4vw,48px);line-height:1.08;margin-bottom:0;}
.home .final-inner > p{font-size:16px;line-height:1.6;color:var(--ink-2);margin:22px auto 34px;max-width:600px;}
.home .final-micro{font-size:13.5px !important;color:var(--ink-3) !important;margin-top:18px !important;}

/* ============================================================
   HOW IT WORKS — written explainer with two diagrams
   ============================================================ */
.home .how-intro{max-width:720px;margin:0 0 64px;}
.home .how-intro p{font-size:17px;line-height:1.65;color:var(--ink-2);margin:20px 0 0;letter-spacing:-0.005em;}
.home .how-row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center;padding:56px 0;border-top:1px solid var(--hair);}
.home .how-row-flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr);}
.home .how-row-flip .how-copy{order:2;}
.home .how-copy h3,.home .how-notes h3{font-size:21px;font-weight:700;line-height:1.3;letter-spacing:-0.02em;color:var(--ink);margin:0 0 14px;}
.home .how-copy p,.home .how-notes p{font-size:15.5px;line-height:1.7;color:var(--ink-2);margin:0 0 14px;letter-spacing:-0.005em;}
.home .how-copy p:last-child,.home .how-notes p:last-child{margin-bottom:0;}
.home .how-fig{margin:0;background:var(--card);border:1px solid var(--hair);border-radius:var(--r-xl);box-shadow:var(--sh-card);padding:24px;}
.home .how-notes{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-top:56px;border-top:1px solid var(--hair);}

/* order path */
.home .flow{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1.2fr) 30px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:center;}
.home .fnode{background:var(--bg);border:1px solid var(--hair);border-radius:var(--r-lg);padding:14px;align-self:stretch;}
.home .fn-k{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--ink-3);margin-bottom:6px;}
.home .fn-k img{border-radius:3px;}
.home .fn-t{font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-0.01em;line-height:1.3;}
.home .fn-s{font-size:12.5px;line-height:1.45;color:var(--ink-2);margin-top:6px;}
.home .fn-order{display:inline-block;white-space:nowrap;margin-top:10px;font-family:var(--mono);font-size:12px;color:var(--ink);background:var(--card);border:1px solid var(--hair);border-radius:var(--r-sm);padding:4px 8px;}
.home .fn-order .side{color:var(--profit);font-weight:600;}
.home .fnode-pg{background:var(--card);border-color:rgb(41 98 255 / .35);box-shadow:0 0 0 3px rgb(41 98 255 / .07);}
.home .fn-checks{list-style:none;margin:10px 0 0;padding:0;}
.home .fn-checks li{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink-2);padding:5px 0;border-top:1px dashed var(--hair);}
.home .fn-checks li b{font-weight:600;color:var(--profit);font-variant-numeric:tabular-nums;white-space:nowrap;}
.home .farrow{color:var(--ink-3);display:flex;justify-content:center;}
.home .farrow svg{width:26px;height:12px;}
.home .fbranch{grid-column:3;grid-row:2;display:flex;justify-content:center;color:rgb(217 48 63 / .55);padding:4px 0;}
.home .fbranch svg{width:12px;height:28px;}
.home .fblock{grid-column:2 / 5;grid-row:3;background:var(--loss-soft);border:1px solid rgb(217 48 63 / .22);border-radius:var(--r-lg);padding:12px 14px;text-align:center;}
.home .fblock .fn-t{color:var(--loss);}
.home .fblock .fn-s{color:#8f2a35;}

/* example day chart */
.home .chart-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.home .ch-t{font-size:14px;font-weight:700;color:var(--ink);}
.home .ch-legend{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink-2);}
.home .ch-legend i{display:inline-block;width:16px;height:0;border-top:2px solid var(--accent);margin-left:8px;}
.home .ch-legend i.lg-no{border-top:2px dashed var(--ink-3);}
.home .eqchart{display:block;width:100%;height:auto;font-family:var(--font);}
.home .eqchart .grid line{stroke:var(--hair);stroke-width:1;}
.home .eqchart .ylab text{font-size:12px;fill:var(--ink-3);text-anchor:end;}
.home .eqchart .xlab text{font-size:12px;fill:var(--ink-3);text-anchor:middle;}
.home .eqchart .paused{fill:#F6F7FA;}
.home .eqchart .paused-t{font-size:12.5px;fill:var(--ink-3);text-anchor:middle;}
.home .eqchart .limit{stroke:var(--loss);stroke-width:1.25;stroke-dasharray:5 4;}
.home .eqchart .limit-t{font-size:12.5px;font-weight:600;fill:var(--loss);}
.home .eqchart .ghost{fill:none;stroke:var(--ink-3);stroke-width:1.75;stroke-dasharray:4 4;}
.home .eqchart .ghost-dot{fill:var(--ink-3);}
.home .eqchart .ghost-t{font-size:12.5px;font-weight:600;fill:var(--ink-3);}
.home .eqchart .eq{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;}
.home .eqchart .eq-flat{fill:none;stroke:var(--accent);stroke-width:2.5;opacity:.35;}
.home .eqchart .hit{fill:var(--loss);}
.home .eqchart .hit-ring{fill:rgb(217 48 63 / .14);}
.home .eqchart .callout rect{fill:var(--ink);}
.home .eqchart .callout .c1{font-size:12px;font-weight:600;fill:#fff;}
.home .eqchart .callout .c2{font-size:12px;fill:rgba(255,255,255,.7);}

@media (max-width:900px){
  .home .how-row{grid-template-columns:1fr;gap:32px;padding:44px 0;}
  .home .how-row-flip{grid-template-columns:1fr;}
  .home .how-row-flip .how-copy{order:0;}
  .home .how-notes{grid-template-columns:1fr;gap:36px;padding-top:44px;}
  .home .how-intro{margin-bottom:44px;}
}
@media (max-width:640px){
  .home .how-fig{padding:16px;}
  .home .flow{grid-template-columns:1fr;}
  .home .farrow{transform:rotate(90deg);height:30px;align-items:center;}
  .home .fbranch{grid-column:1;grid-row:auto;}
  .home .fblock{grid-column:1;grid-row:auto;}
  .home .fbranch{display:none;}
  .home .fblock{margin-top:10px;}
}

/* ============================================================
   RESPONSIVE (sections)
   ============================================================ */
@media (max-width:900px){
  .home .steps-row{grid-template-columns:1fr 1fr;}
  .home .who-layout,.home .faq-layout{grid-template-columns:1fr;gap:32px;}
  .home .who-left h2,.home .faq-left h2{position:static;text-align:center;}
}
@media (max-width:768px){
  .home .section{padding:80px 0;}
  .home #device-showcase{padding:72px 20px 88px;}
  .home .section > .container,.home .trust-strip > .container{padding:0 24px;}
  .home .problem-header,.home .pos-header,.home .rules-header,.home .pricing-header,.home .app-showcase-header{margin-bottom:40px;}
  .home .trust-item{padding:26px 10px;}
  .home .trust-num{font-size:28px;}
  .home .terminal-left{border-right:0;border-bottom:1px solid var(--hair);}
  .home .pricing-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;gap:24px;}
  .home .trial-bar-price{border-right:0;border-bottom:1px dashed var(--hair-2);padding-bottom:16px;}
  .home .pricing-addon-card{max-width:420px;}
  .home .addon-pricing{border-left:0;border-top:1px dashed var(--hair-2);}
  .home .pos-grid{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .home .rules-cta-sub{display:block;text-align:center;line-height:1.6;}
  .home .rules-cta-pulse{display:inline-block;vertical-align:middle;margin:-2px 8px 0 0;}
}
@media (max-width:480px){
  .home .app-browser-url{margin-right:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .home .section{padding:68px 0;}
  .home .section > .container,.home .trust-strip > .container{padding:0 16px;}
  .home .trust-grid{grid-template-columns:1fr 1fr;}
  .home .trust-item{border-right:0;padding:22px 8px;}
  .home .trust-item:nth-child(odd){border-right:1px dashed var(--hair-2);}
  .home .trust-item:nth-child(-n+2){border-bottom:1px dashed var(--hair-2);}
  .home .trust-num{font-size:26px;}
  .home .steps-row{grid-template-columns:1fr;}
  .home .testimonial-card{width:300px;}
  .home .problem-verdict p{font-size:20px;}
  .home .faq-list{padding:0 16px;}
  .home .faq-q{font-size:15px;}
  .home .pos-card{padding:20px 18px 10px;}
  .home .price-card{padding:24px 22px;}
}

/* ============================================================
   HERO ENTRANCE — plays once on load.
   Copy rises line by line out of a clip; the dashboard cards
   lift in from a blur, staggered back-to-front; then each card's
   chart draws itself. Uses the individual translate/scale props
   so it never fights the cards' own transforms or the stage zoom.
   ============================================================ */
@property --pct{syntax:'<percentage>';inherits:false;initial-value:24%;}
.home .hero h1 .ln{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;}
.home .hero h1 .ln > span{display:inline-block;animation:hx-line 1s cubic-bezier(.16,1,.3,1) both;}
.home .hero h1 .ln:nth-child(1) > span{animation-delay:.12s;}
.home .hero h1 .ln:nth-child(2) > span{animation-delay:.24s;}
.home .hero .hero-for{animation:hx-rise .8s cubic-bezier(.16,1,.3,1) .02s both;}
.home .hero .sub{animation:hx-rise .9s cubic-bezier(.16,1,.3,1) .42s both;}
.home .hero .cta-row{animation:hx-rise .9s cubic-bezier(.16,1,.3,1) .54s both;}
.home .aurora{animation:hx-fade 1.6s ease both;}

.home .stage .lush{animation:hx-card 1.1s cubic-bezier(.16,1,.3,1) both;}
.home .stage .bg-news{animation-delay:.3s;}
.home .stage .lush-a{animation-delay:.5s;}
.home .stage .lush-c{animation-delay:.65s;}
.home .stage .lush-b{animation-delay:.8s;}

/* card contents draw in after their card lands */
.home .donut2{background:conic-gradient(var(--accent) 0 var(--pct), var(--muted) var(--pct) 100%);animation:hx-donut 1.2s cubic-bezier(.65,0,.35,1) .9s both;}
.home .lush-b .cbar-fill{transform-origin:left;animation:hx-bar 1.1s cubic-bezier(.65,0,.35,1) 1.35s both;}
.home .cbars i{transform-origin:bottom;animation:hx-grow .7s cubic-bezier(.16,1,.3,1) both;}
.home .cbars i:nth-child(1){animation-delay:1.05s}.home .cbars i:nth-child(2){animation-delay:1.1s}
.home .cbars i:nth-child(3){animation-delay:1.15s}.home .cbars i:nth-child(4){animation-delay:1.2s}
.home .cbars i:nth-child(5){animation-delay:1.25s}.home .cbars i:nth-child(6){animation-delay:1.3s}
.home .cbars i:nth-child(7){animation-delay:1.35s}
.home .lush .cpill.green{animation:hx-pop .5s cubic-bezier(.34,1.56,.64,1) 1.6s both;}

@keyframes hx-line{from{translate:0 105%;}to{translate:0 0;}}
@keyframes hx-rise{from{opacity:0;translate:0 18px;filter:blur(4px);}to{opacity:1;translate:0 0;filter:none;}}
@keyframes hx-fade{from{opacity:0;}to{opacity:1;}}
@keyframes hx-card{from{opacity:0;translate:0 44px;scale:.95;filter:blur(10px);}to{opacity:1;translate:0 0;scale:1;filter:none;}}
@keyframes hx-donut{from{--pct:0%;}to{--pct:24%;}}
@keyframes hx-bar{from{transform:scaleX(0);}to{transform:scaleX(1);}}
@keyframes hx-grow{from{transform:scaleY(0);}to{transform:scaleY(1);}}
@keyframes hx-pop{from{opacity:0;scale:.6;}to{opacity:1;scale:1;}}

@media (prefers-reduced-motion: reduce){
  .home .hero h1 .ln > span,.home .hero .hero-for,.home .hero .sub,.home .hero .cta-row,}

/* ============================================================
   REDUCED MOTION
   ============================================================ */
@media (prefers-reduced-motion: reduce){
  .home .aurora i,.home .aurora i::after,.home .hero .btn-ink,
  .home .lush-a::after,.home .bg-news::after,.home .lush-c::after,.home .lush-b::after,
  .home .price-card-popular::after,.home .pos-card-is::after,
  .home .app-showcase-browser,.home .ds-mobile{animation:none !important;}
}

/* "See all 14 rules" under the home rules demo */
.home .rules-all-link{text-align:center;margin-top:36px;}
/* equal-height pricing cards: stretch, push CTA to the bottom */
.home .price-card{display:flex;flex-direction:column;}
.home .price-card .price-features{flex:1;}
.home .price-card .price-cta{margin-top:auto;}
.home .price-card .price-cta.btn-primary{border:1px solid transparent;}