/* ════════════════════════════════════════════════════════════════
       TOURIVERS — "AURORA GLASS" REDESIGN
       Premium dark SaaS: conic-gradient borders · spotlight glow cards ·
       frosted glass · soft mesh · restrained (non-oversized) fluid type.
    ════════════════════════════════════════════════════════════════ */
    :root {
      --cyan:#22D3EE; --blue:#3B82F6; --purple:#A855F7; --pink:#FF4D9D;
      --green:#34D399; --gold:#FBBF24;
      --dark:#04060C; --dark2:#080C16; --panel:#0B111E;
      --ink:#F3F7FD; --muted:rgba(243,247,253,.7); --dim:rgba(243,247,253,.48);
      --br:rgba(255,255,255,.08); --brh:rgba(34,211,238,.4); --line:rgba(255,255,255,.06);

      /* restrained fluid type scale — caps stay modest */
      --fs-micro:clamp(.62rem,.58rem + .15vw,.72rem);
      --fs-tiny:clamp(.72rem,.68rem + .18vw,.82rem);
      --fs-sm:clamp(.82rem,.78rem + .2vw,.9rem);
      --fs-base:clamp(.92rem,.86rem + .28vw,1.02rem);
      --fs-lead:clamp(1rem,.92rem + .38vw,1.16rem);
      --fs-h4:clamp(1.05rem,.96rem + .38vw,1.22rem);
      --fs-h3:clamp(1.22rem,1.05rem + .8vw,1.6rem);
      --fs-h2:clamp(1.6rem,1.25rem + 1.8vw,2.5rem);
      --fs-h1:clamp(2rem,1.4rem + 2.8vw,3.4rem);

      --pad:clamp(3.5rem,2.4rem + 6vw,7rem);
      --gap:clamp(.85rem,.55rem + 1.2vw,1.4rem);
      --wrap:1280px;
      --rad:clamp(16px,2vw,24px);
    }

    *{ box-sizing:border-box; }
    .wrap{ width:100%; max-width:var(--wrap); margin-inline:auto; padding-inline:clamp(1rem,4vw,2.25rem); }

    .gt{ background:linear-gradient(110deg,var(--cyan),var(--blue) 48%,var(--purple)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .gt-warm{ background:linear-gradient(110deg,var(--gold),var(--pink)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .font-display{ font-family:'Space Grotesk',system-ui,sans-serif; }

    /* ── ambient mesh backdrop (fixed) ─────────────────────────────── */
    .mesh{ position:fixed; inset:0; z-index:-3; pointer-events:none; overflow:hidden; }
    .mesh i{ position:absolute; border-radius:50%; filter:blur(100px); opacity:.32; mix-blend-mode:screen; }
    .mesh .m1{ width:48vw; height:48vw; top:-12%; left:-8%; background:radial-gradient(circle,var(--cyan),transparent 64%); animation:swim1 26s ease-in-out infinite; }
    .mesh .m2{ width:44vw; height:44vw; top:24%; right:-10%; background:radial-gradient(circle,var(--purple),transparent 64%); animation:swim2 32s ease-in-out infinite; }
    .mesh .m3{ width:40vw; height:40vw; bottom:-12%; left:30%; background:radial-gradient(circle,var(--pink),transparent 66%); animation:swim3 29s ease-in-out infinite; opacity:.2; }
    @keyframes swim1{ 50%{ transform:translate(10%,12%) scale(1.12);} }
    @keyframes swim2{ 50%{ transform:translate(-12%,8%) scale(.9);} }
    @keyframes swim3{ 50%{ transform:translate(8%,-12%) scale(1.1);} }
    .dotgrid{ position:fixed; inset:0; z-index:-2; pointer-events:none; opacity:.5;
      background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px); background-size:30px 30px;
      mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000,transparent 75%);
      -webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 0%,#000,transparent 75%); }

    /* ════════════════════════════════════════════════════════════════
       CONIC-GRADIENT ANIMATED BORDER (signature element)
    ════════════════════════════════════════════════════════════════ */
    @property --ang{ syntax:'<angle>'; initial-value:0deg; inherits:false; }
    @keyframes spin{ to{ --ang:360deg; } }
    .glow-card{ position:relative; border-radius:var(--rad); padding:1px;
      background:linear-gradient(var(--panel),var(--panel)) padding-box,
        conic-gradient(from var(--ang),transparent 55%,var(--cyan),var(--purple),var(--pink),transparent) border-box;
      border:1px solid transparent; }
    .glow-card:hover{ animation:spin 4s linear infinite; }
    @media(prefers-reduced-motion:reduce){ .glow-card:hover{ animation:none; } }
    .glow-card > .inner{ border-radius:calc(var(--rad) - 1px); height:100%; }

    /* ════════════════════════════════════════════════════════════════
       BUTTONS / CHIPS
    ════════════════════════════════════════════════════════════════ */
    .btn{ position:relative; overflow:hidden; display:inline-flex; align-items:center; gap:.5rem;
      padding:clamp(.8rem,1.2vw,.95rem) clamp(1.3rem,2.4vw,1.9rem); border-radius:12px;
      font-weight:700; font-size:var(--fs-sm); text-decoration:none; white-space:nowrap;
      transition:transform .2s, box-shadow .3s, background .25s, border-color .25s, color .25s; }
    .btn-accent{ background:linear-gradient(120deg,var(--cyan),var(--blue)); color:var(--dark); box-shadow:0 8px 28px rgba(34,211,238,.28); }
    .btn-accent:hover{ transform:translateY(-3px); box-shadow:0 14px 44px rgba(34,211,238,.46); }
    .btn-accent::after{ content:''; position:absolute; inset:0; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%); transform:translateX(-130%); transition:transform .6s; }
    .btn-accent:hover::after{ transform:translateX(130%); }
    .btn-gold{ background:linear-gradient(120deg,var(--gold),var(--pink)); color:var(--dark); box-shadow:0 8px 28px rgba(251,191,36,.26); }
    .btn-gold:hover{ transform:translateY(-3px); box-shadow:0 14px 44px rgba(251,191,36,.42); }
    .btn-line{ border:1.5px solid var(--br); background:rgba(255,255,255,.04); color:var(--ink); backdrop-filter:blur(8px); }
    .btn-line:hover{ transform:translateY(-3px); border-color:var(--brh); background:rgba(34,211,238,.1); }
    @media(max-width:440px){ .btn{ width:100%; justify-content:center; } }

    /* Google Play badge button */
    .btn-gplay{ display:inline-flex; align-items:center; gap:.7rem; padding:.6rem 1.4rem; border-radius:12px;
      background:#000; border:1px solid rgba(255,255,255,.22); color:#fff; text-decoration:none; white-space:nowrap;
      transition:transform .2s, box-shadow .3s, border-color .25s; }
    .btn-gplay:hover{ transform:translateY(-3px); border-color:rgba(255,255,255,.5); box-shadow:0 12px 36px rgba(0,0,0,.45); }
    .btn-gplay svg{ width:22px; height:22px; flex-shrink:0; }
    .btn-gplay .gp-txt{ display:flex; flex-direction:column; line-height:1.05; text-align:left; }
    .btn-gplay .gp-sm{ font-size:.58rem; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.75); }
    .btn-gplay .gp-lg{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:1.05rem; font-weight:600; letter-spacing:.01em; }
    @media(max-width:440px){ .btn-gplay{ width:100%; justify-content:center; } }

    /* App Store badge — coming soon (disabled look) */
    .btn-appstore{ position:relative; display:inline-flex; align-items:center; gap:.7rem; padding:.6rem 1.4rem; border-radius:12px;
      background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.16); color:rgba(255,255,255,.7);
      text-decoration:none; white-space:nowrap; cursor:default; backdrop-filter:blur(8px); }
    .btn-appstore svg{ width:22px; height:22px; flex-shrink:0; opacity:.8; }
    .btn-appstore .gp-txt{ display:flex; flex-direction:column; line-height:1.05; text-align:left; }
    .btn-appstore .gp-sm{ font-size:.58rem; font-weight:500; letter-spacing:.06em; text-transform:uppercase; color:rgba(255,255,255,.55); }
    .btn-appstore .gp-lg{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:1.05rem; font-weight:600; letter-spacing:.01em; }
    .soon-tag{ position:absolute; top:-9px; right:-8px; padding:.18rem .5rem; border-radius:999px;
      background:linear-gradient(120deg,var(--gold),var(--pink)); color:var(--dark);
      font-size:.54rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; box-shadow:0 4px 14px rgba(251,191,36,.35); }
    @media(max-width:440px){ .btn-appstore{ width:100%; justify-content:center; } }

    .chip{ display:inline-flex; align-items:center; gap:.5rem; padding:.4rem .9rem; border-radius:999px;
      border:1px solid var(--br); background:rgba(255,255,255,.04); backdrop-filter:blur(8px);
      font-size:var(--fs-micro); font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
    @keyframes blink{ 0%,100%{opacity:1} 50%{opacity:.3} }
    .chip .dot{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 8px var(--green); animation:blink 1.6s ease-in-out infinite; }
    .pdot{ width:6px; height:6px; border-radius:50%; background:var(--pink); box-shadow:0 0 7px var(--pink); animation:blink 1.6s infinite; flex-shrink:0; }

    /* ════════════════════════════════════════════════════════════════
       HERO
    ════════════════════════════════════════════════════════════════ */
    .hero{ position:relative; padding-block:clamp(2.5rem,5vw,4.5rem); }
    .hero-top{ display:flex; align-items:center; justify-content:center; gap:.9rem; flex-wrap:wrap; margin-bottom:clamp(1.8rem,4vw,2.8rem); }
    .hero-stat{ font-size:var(--fs-micro); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); }
    .hero-stat b{ color:var(--cyan); }
    .hero-sep{ width:1px; height:13px; background:var(--line); }

    .hero-h1{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h1); font-weight:700;
      line-height:1.04; letter-spacing:-.03em; text-align:center; color:var(--ink); max-width:24ch; margin:0 auto clamp(1rem,2.5vw,1.5rem); }
    .hero-sub{ max-width:60ch; margin:0 auto clamp(1.6rem,3.5vw,2.3rem); text-align:center; font-size:var(--fs-lead); color:var(--muted); line-height:1.6; }
    .hero-sub b{ color:var(--ink); font-weight:600; }
    .hero-cta{ display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; margin-bottom:clamp(2.2rem,4.5vw,3.2rem); }

    /* hero showcase: big proof + orbiting stat cards */
    .showcase{ position:relative; max-width:960px; margin:0 auto; }
    .proof-card{ position:relative; border-radius:var(--rad); padding:clamp(1.8rem,4vw,3rem) clamp(1.5rem,4vw,2.5rem);
      background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
      border:1px solid var(--br); text-align:center; overflow:hidden; }
    .proof-card::before{ content:''; position:absolute; width:70%; height:70%; top:-25%; left:50%; transform:translateX(-50%);
      background:radial-gradient(circle,rgba(34,211,238,.2),transparent 70%); pointer-events:none; }
    .proof-k{ font-size:var(--fs-tiny); font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--dim); }
    .proof-num{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(2.6rem,1.8rem + 3.2vw,4rem); font-weight:700; line-height:.9; letter-spacing:-.04em; margin-block:.4rem .5rem; position:relative; }
    .proof-cap{ font-size:var(--fs-sm); color:var(--muted); }
    .proof-cap b{ color:var(--green); }

    /* stat strip under proof */
    .statstrip{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:var(--gap);
      background:var(--line); border:1px solid var(--line); border-radius:var(--rad); overflow:hidden; }
    @media(max-width:620px){ .statstrip{ grid-template-columns:repeat(2,1fr); } }
    .ss{ background:rgba(8,12,22,.85); backdrop-filter:blur(10px); padding:clamp(1rem,2.2vw,1.4rem) .8rem; text-align:center; transition:background .25s; }
    .ss:hover{ background:rgba(34,211,238,.06); }
    .ss-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.3rem,1rem + 1.3vw,1.85rem); font-weight:700; line-height:1; margin-bottom:.35rem; }
    .ss-k{ font-size:var(--fs-micro); font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--dim); line-height:1.3; }

    /* ════════════════════════════════════════════════════════════════
       MARQUEE
    ════════════════════════════════════════════════════════════════ */
    .marquee{ position:relative; overflow:hidden; border-block:1px solid var(--line); padding-block:clamp(.9rem,1.8vw,1.3rem);
      mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent); }
    .marquee-row{ display:flex; width:max-content; gap:clamp(1.8rem,4vw,3rem); animation:march 38s linear infinite; }
    .marquee:hover .marquee-row{ animation-play-state:paused; }
    @keyframes march{ to{ transform:translateX(-50%);} }
    .mq{ display:inline-flex; align-items:center; gap:clamp(1.8rem,4vw,3rem); font-family:'Space Grotesk',system-ui,sans-serif;
      font-size:clamp(.9rem,.78rem + .55vw,1.18rem); font-weight:600; color:var(--dim); white-space:nowrap; transition:color .25s; }
    .mq:hover{ color:var(--ink); }
    .mq::after{ content:'•'; color:var(--cyan); opacity:.5; font-size:1.1em; }
  


    /* ════════════════════════════════════════════════════════════════
       SECTION SHELL
    ════════════════════════════════════════════════════════════════ */
    .sec{ position:relative; padding-block:var(--pad); }
    .sec + .sec{ padding-top:0; }
    .marquee + .sec{ padding-top:clamp(2.5rem,5vw,4rem); }
    .sec-head{ max-width:780px; margin-bottom:clamp(2.2rem,4.5vw,3.5rem); }
    .sec-head.center{ margin-inline:auto; text-align:center; }
    .kicker{ display:inline-flex; align-items:center; gap:.5rem; font-size:var(--fs-tiny); font-weight:700;
      letter-spacing:.16em; text-transform:uppercase; color:var(--cyan); margin-bottom:.9rem; }
    .kicker::before{ content:''; width:24px; height:2px; border-radius:2px; background:var(--cyan); }
    .sec-title{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h2); font-weight:700;
      letter-spacing:-.02em; line-height:1.08; color:var(--ink); margin:0 0 .9rem; }
    .sec-desc{ font-size:var(--fs-base); color:var(--muted); line-height:1.7; max-width:58ch; }
    .sec-head.center .sec-desc{ margin-inline:auto; }

    .g3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); }
    .g2{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gap); }
    @media(max-width:980px){ .g3{ grid-template-columns:repeat(2,1fr);} }
    @media(max-width:720px){ .g2{ grid-template-columns:1fr;} }
    @media(max-width:560px){ .g3{ grid-template-columns:1fr;} }

    /* spotlight feature card (mouse-follow glow via JS-free radial on hover) */
    .fcard{ position:relative; border:1px solid var(--br); border-radius:var(--rad); padding:clamp(1.4rem,2.8vw,2rem);
      background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01)); overflow:hidden;
      display:flex; flex-direction:column; transition:border-color .3s, transform .3s, box-shadow .3s; }
    .fcard::after{ content:''; position:absolute; inset:0; opacity:0; transition:opacity .35s; pointer-events:none;
      background:radial-gradient(360px circle at 50% 0%,rgba(34,211,238,.12),transparent 70%); }
    .fcard:hover{ border-color:var(--brh); transform:translateY(-6px); box-shadow:0 22px 54px rgba(0,0,0,.4); }
    .fcard:hover::after{ opacity:1; }
    .fcard-no{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-tiny); font-weight:700; color:var(--cyan); letter-spacing:.15em; margin-bottom:.9rem; }
    .fcard-ico{ font-size:clamp(1.8rem,3.5vw,2.3rem); line-height:1; margin-bottom:.85rem; }
    .fcard-t{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h4); font-weight:600; color:var(--ink); margin-bottom:.55rem; line-height:1.2; }
    .fcard-b{ font-size:var(--fs-sm); color:var(--muted); line-height:1.7; flex:1; margin-bottom:1rem; }
    .tags{ display:flex; flex-wrap:wrap; gap:.4rem; }
    .tag{ padding:.26rem .65rem; border-radius:999px; background:rgba(34,211,238,.1); color:var(--cyan); font-size:var(--fs-micro); font-weight:700; letter-spacing:.04em; text-transform:uppercase; }

    /* ── ALT section-02 cards: icon-badge + 3-line clamp ── */
    .xcard{ position:relative; border:1px solid var(--br); border-radius:var(--rad); padding:clamp(1.4rem,2.6vw,1.9rem);
      background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); overflow:hidden;
      display:flex; flex-direction:column; transition:border-color .3s, transform .3s, box-shadow .3s; }
    .xcard::before{ content:''; position:absolute; top:0; left:0; width:100%; height:2px; transform:scaleX(0); transform-origin:left;
      background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink)); transition:transform .4s ease; }
    .xcard:hover{ border-color:var(--brh); transform:translateY(-6px); box-shadow:0 22px 54px rgba(0,0,0,.4); }
    .xcard:hover::before{ transform:scaleX(1); }
    .xcard-top{ display:flex; align-items:center; gap:.9rem; margin-bottom:1rem; }
    .xcard-badge{ width:clamp(44px,7vw,54px); height:clamp(44px,7vw,54px); border-radius:15px; flex-shrink:0;
      display:flex; align-items:center; justify-content:center; font-size:clamp(1.3rem,2.8vw,1.7rem);
      background:linear-gradient(150deg,rgba(34,211,238,.18),rgba(168,85,247,.1)); border:1px solid var(--br); }
    .xcard-no{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-tiny); font-weight:700; color:var(--dim); letter-spacing:.15em; margin-left:auto; }
    .xcard-t{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h4); font-weight:600; color:var(--ink); margin-bottom:.5rem; line-height:1.2; }
    .xcard-b{ font-size:var(--fs-sm); color:var(--muted); line-height:1.6; margin-bottom:1rem; flex:1;
      display:-webkit-box; -webkit-line-clamp:3; line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }

    /* ════════════════════════════════════════════════════════════════
       PLATFORM (glow-card wrapped)
    ════════════════════════════════════════════════════════════════ */
    .plat{ position:relative; background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(34,211,238,.015));
      padding:clamp(1.6rem,3.2vw,2.4rem); display:flex; flex-direction:column; height:100%; }
    .plat-hd{ display:flex; align-items:center; gap:1rem; margin-bottom:1.4rem; }
    .plat-ico{ font-size:clamp(2rem,4vw,2.5rem); line-height:1; }
    .plat-nm{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h3); font-weight:600; color:var(--ink); line-height:1.05; }
    .plat-sub{ font-size:var(--fs-tiny); color:var(--muted); margin-top:.25rem; }
    .plat-list{ display:flex; flex-direction:column; gap:.65rem; flex:1; margin-bottom:1.4rem; }
    .prow{ display:flex; gap:.75rem; align-items:flex-start; padding:.75rem .9rem; border-radius:12px;
      background:rgba(255,255,255,.03); border-left:2.5px solid var(--cyan); transition:background .25s, transform .25s, border-color .25s; }
    .prow:hover{ background:rgba(34,211,238,.08); transform:translateX(5px); border-left-color:var(--pink); }
    .prow i{ font-style:normal; font-size:1.05rem; flex-shrink:0; }
    .prow span{ font-size:var(--fs-sm); color:var(--muted); line-height:1.55; }
    .prow span b{ color:var(--ink); font-weight:700; }

    /* ── ALT PLATFORM: horizontal spotlight rows ── */
    .pf{ display:grid; grid-template-columns:.85fr 1.15fr; gap:0; border:1px solid var(--br); border-radius:var(--rad);
      overflow:hidden; background:rgba(255,255,255,.02); }
    .pf + .pf{ margin-top:var(--gap); }
    .pf.flip .pf-id{ order:2; }
    @media(max-width:820px){ .pf{ grid-template-columns:1fr; } .pf.flip .pf-id{ order:0; } }

    .pf-id{ position:relative; padding:clamp(1.8rem,3.5vw,2.8rem); display:flex; flex-direction:column; justify-content:center;
      gap:1rem; overflow:hidden; background:linear-gradient(160deg,rgba(34,211,238,.1),rgba(168,85,247,.05)); }
    .pf-id::before{ content:''; position:absolute; width:240px; height:240px; border-radius:50%; top:-60px; right:-60px;
      background:radial-gradient(circle,rgba(34,211,238,.3),transparent 70%); filter:blur(10px); pointer-events:none; }
    .pf.web .pf-id{ background:linear-gradient(160deg,rgba(168,85,247,.1),rgba(59,130,246,.05)); }
    .pf.web .pf-id::before{ background:radial-gradient(circle,rgba(168,85,247,.3),transparent 70%); }
    .pf-orb{ width:clamp(54px,9vw,72px); height:clamp(54px,9vw,72px); border-radius:20px; display:flex; align-items:center; justify-content:center;
      font-size:clamp(1.8rem,4vw,2.4rem); background:rgba(255,255,255,.07); border:1px solid var(--br); position:relative; z-index:1; }
    .pf-nm{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h3); font-weight:700; color:var(--ink); line-height:1.05; position:relative; z-index:1; }
    .pf-sub{ font-size:var(--fs-tiny); color:var(--muted); position:relative; z-index:1; }
    .pf-tag{ align-self:flex-start; padding:.3rem .7rem; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid var(--br);
      font-size:var(--fs-micro); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--cyan); position:relative; z-index:1; }
    .pf.web .pf-tag{ color:var(--purple); }
    .pf-cta{ position:relative; z-index:1; margin-top:.4rem; }

    .pf-body{ padding:clamp(1.5rem,3vw,2.2rem); display:flex; flex-direction:column; justify-content:center; }
    .pf-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.7rem; }
    @media(max-width:520px){ .pf-grid{ grid-template-columns:1fr; } }
    .pf-feat{ padding:.85rem 1rem; border-radius:13px; background:rgba(255,255,255,.03); border:1px solid var(--line);
      transition:background .25s, transform .25s, border-color .25s; }
    .pf-feat:hover{ background:rgba(34,211,238,.07); transform:translateY(-3px); border-color:var(--brh); }
    .pf-feat i{ font-style:normal; font-size:1.2rem; display:block; margin-bottom:.4rem; }
    .pf-feat h4{ font-size:var(--fs-sm); font-weight:700; color:var(--ink); margin:0 0 .2rem; }
    .pf-feat p{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.5; margin:0; }

    /* ── ALT 2: CSS-only tab switcher with device mockup ── */
    .gw{ max-width:1060px; margin-inline:auto; }
    .gw input{ position:absolute; opacity:0; pointer-events:none; }
    .gw-tabs{ display:inline-flex; padding:.35rem; border-radius:999px; border:1px solid var(--br);
      background:rgba(255,255,255,.04); backdrop-filter:blur(8px); margin:0 auto clamp(1.6rem,3vw,2.2rem); gap:.25rem; }
    .gw-wrap{ display:flex; justify-content:center; }
    .gw-tab{ display:inline-flex; align-items:center; gap:.5rem; padding:.6rem 1.3rem; border-radius:999px; cursor:pointer;
      font-size:var(--fs-sm); font-weight:700; color:var(--muted); transition:color .25s, background .25s; user-select:none; white-space:nowrap; }
    .gw-tab:hover{ color:var(--ink); }
    #gw-m:checked ~ .gw-wrap label[for="gw-m"],
    #gw-w:checked ~ .gw-wrap label[for="gw-w"]{ background:linear-gradient(120deg,var(--cyan),var(--blue)); color:var(--dark); }

    .gw-stage{ position:relative; border:1px solid var(--br); border-radius:var(--rad); overflow:hidden;
      background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); }
    .gw-panel{ display:none; grid-template-columns:.9fr 1.1fr; }
    @media(max-width:820px){ .gw-panel{ grid-template-columns:1fr; } }
    #gw-m:checked ~ .gw-stage .gw-panel.m{ display:grid; }
    #gw-w:checked ~ .gw-stage .gw-panel.w{ display:grid; }

    /* device mockup side */
    .gw-device{ position:relative; padding:clamp(1.8rem,4vw,3rem); display:flex; align-items:center; justify-content:center; overflow:hidden;
      background:linear-gradient(160deg,rgba(34,211,238,.1),rgba(168,85,247,.05)); }
    .gw-panel.w .gw-device{ background:linear-gradient(160deg,rgba(168,85,247,.1),rgba(59,130,246,.05)); }
    .gw-device::before{ content:''; position:absolute; width:300px; height:300px; border-radius:50%;
      background:radial-gradient(circle,rgba(34,211,238,.28),transparent 70%); filter:blur(12px); }
    .gw-panel.w .gw-device::before{ background:radial-gradient(circle,rgba(168,85,247,.28),transparent 70%); }

    /* phone frame */
    .phone{ position:relative; z-index:1; width:clamp(150px,40vw,200px); aspect-ratio:9/19; border-radius:26px;
      border:6px solid rgba(255,255,255,.14); background:var(--dark2); box-shadow:0 30px 70px rgba(0,0,0,.5); padding:.7rem .55rem; }
    .phone::before{ content:''; position:absolute; top:.55rem; left:50%; transform:translateX(-50%); width:36%; height:5px; border-radius:3px; background:rgba(255,255,255,.18); }
    /* browser frame */
    .browser{ position:relative; z-index:1; width:clamp(230px,52vw,330px); aspect-ratio:16/11; border-radius:14px;
      border:1px solid rgba(255,255,255,.14); background:var(--dark2); box-shadow:0 30px 70px rgba(0,0,0,.5); overflow:hidden; }
    .browser-bar{ display:flex; align-items:center; gap:.4rem; padding:.55rem .7rem; border-bottom:1px solid var(--line); background:rgba(255,255,255,.03); }
    .browser-bar i{ width:9px; height:9px; border-radius:50%; background:rgba(255,255,255,.2); }
    .scr{ padding:1rem .85rem; display:flex; flex-direction:column; gap:.55rem; }
    .scr-row{ height:9px; border-radius:5px; background:rgba(255,255,255,.07); }
    .scr-row.lg{ height:26px; background:linear-gradient(90deg,rgba(34,211,238,.35),rgba(168,85,247,.2)); }
    .gw-panel.w .scr-row.lg{ background:linear-gradient(90deg,rgba(168,85,247,.35),rgba(59,130,246,.2)); }
    .scr-row.w70{ width:70%; } .scr-row.w50{ width:50%; } .scr-row.w85{ width:85%; }
    .scr-grid{ display:grid; grid-template-columns:1fr 1fr; gap:.5rem; margin-top:.2rem; }
    .scr-tile{ height:34px; border-radius:8px; background:rgba(255,255,255,.05); border:1px solid var(--line); }

    /* content side */
    .gw-info{ padding:clamp(1.6rem,3.2vw,2.4rem); display:flex; flex-direction:column; justify-content:center; }
    .gw-head{ display:flex; align-items:center; gap:.8rem; margin-bottom:1.2rem; }
    .gw-emoji{ font-size:clamp(1.6rem,3.5vw,2.1rem); }
    .gw-nm{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h3); font-weight:700; color:var(--ink); line-height:1.05; }
    .gw-sub{ font-size:var(--fs-tiny); color:var(--muted); margin-top:.2rem; }
    .gw-list{ display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.4rem; }
    .gw-li{ display:flex; gap:.7rem; align-items:flex-start; font-size:var(--fs-sm); color:var(--muted); line-height:1.5; }
    .gw-li b{ color:var(--ink); font-weight:700; }
    .gw-li::before{ content:'›'; color:var(--cyan); font-weight:800; flex-shrink:0; }
    .gw-panel.w .gw-li::before{ color:var(--purple); }

    /* ── ALT 3: interactive expanding split-screen ── */
    .split{ display:flex; gap:clamp(.6rem,1.2vw,1rem); min-height:clamp(420px,60vh,560px); }
    @media(max-width:780px){ .split{ flex-direction:column; min-height:0; } }

    .sp{ position:relative; flex:1; border:1px solid var(--br); border-radius:var(--rad); overflow:hidden; cursor:pointer;
      display:flex; flex-direction:column; justify-content:flex-end; padding:clamp(1.6rem,3vw,2.4rem);
      background:linear-gradient(160deg,rgba(34,211,238,.12),rgba(168,85,247,.04));
      transition:flex .55s cubic-bezier(.7,0,.2,1), border-color .35s; }
    .sp.web{ background:linear-gradient(160deg,rgba(168,85,247,.12),rgba(59,130,246,.04)); }
    .sp::before{ content:''; position:absolute; inset:0; pointer-events:none;
      background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(34,211,238,.22),transparent 65%); opacity:.5; transition:opacity .45s; }
    .sp.web::before{ background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(168,85,247,.22),transparent 65%); }

    /* desktop expand on hover/focus — default both 1, hovered grows */
    @media(min-width:781px){
      .split:hover .sp{ flex:.7; }
      .split .sp:hover, .split .sp:focus-within{ flex:2.2; border-color:var(--brh); }
      .split:hover .sp::before{ opacity:.25; }
      .split .sp:hover::before, .split .sp:focus-within::before{ opacity:.7; }
      .sp-extra{ max-height:0; opacity:0; overflow:hidden; transition:max-height .55s ease, opacity .4s ease .1s; }
      .sp:hover .sp-extra, .sp:focus-within .sp-extra{ max-height:480px; opacity:1; }
    }

    /* giant ghost glyph */
    .sp-ghost{ position:absolute; top:clamp(-.4rem,-1vw,-.8rem); right:clamp(.4rem,2vw,1.4rem); font-size:clamp(5rem,16vw,11rem);
      line-height:1; opacity:.08; pointer-events:none; filter:grayscale(.2); }
    .sp-step{ position:absolute; top:clamp(1rem,2.5vw,1.6rem); left:clamp(1.2rem,2.5vw,1.8rem);
      font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-tiny); font-weight:700; letter-spacing:.18em; color:var(--cyan); z-index:2; }
    .sp.web .sp-step{ color:var(--purple); }

    .sp-content{ position:relative; z-index:2; }
    .sp-tag{ display:inline-block; padding:.3rem .75rem; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid var(--br);
      font-size:var(--fs-micro); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--ink); margin-bottom:.9rem; }
    .sp-title{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h3); font-weight:700; color:var(--ink); line-height:1.05; margin-bottom:.5rem; }
    .sp-sub{ font-size:var(--fs-sm); color:var(--muted); line-height:1.5; margin-bottom:1.1rem; max-width:42ch; }
    .sp-extra{ display:flex; flex-direction:column; gap:.55rem; margin-bottom:1.2rem; }
    .sp-li{ display:flex; gap:.6rem; align-items:flex-start; font-size:var(--fs-sm); color:var(--muted); line-height:1.45; max-width:46ch; }
    .sp-li b{ color:var(--ink); font-weight:700; }
    .sp-li::before{ content:'▹'; color:var(--cyan); flex-shrink:0; }
    .sp.web .sp-li::before{ color:var(--purple); }
    .sp-hint{ font-size:var(--fs-micro); font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--dim); margin-top:.2rem; }
    @media(min-width:781px){ .sp:hover .sp-hint, .sp:focus-within .sp-hint{ display:none; } }
    @media(max-width:780px){ .sp-extra{ max-height:none; opacity:1; } .sp-hint{ display:none; } }

    /* ── ALT 4: unified "one ecosystem" sync band ── */
    .eco{ position:relative; display:grid; grid-template-columns:1fr auto 1fr; align-items:stretch; gap:0;
      border:1px solid var(--br); border-radius:var(--rad); overflow:hidden; background:rgba(255,255,255,.02); }
    @media(max-width:840px){ .eco{ grid-template-columns:1fr; } }

    .eco-side{ position:relative; padding:clamp(1.6rem,3.2vw,2.6rem); display:flex; flex-direction:column; overflow:hidden;
      background:linear-gradient(160deg,rgba(34,211,238,.09),transparent 70%); }
    .eco-side.web{ background:linear-gradient(200deg,rgba(168,85,247,.09),transparent 70%); align-items:flex-end; text-align:right; }
    .eco-side::before{ content:''; position:absolute; width:200px; height:200px; border-radius:50%; top:-50px;
      background:radial-gradient(circle,rgba(34,211,238,.25),transparent 70%); filter:blur(8px); pointer-events:none; }
    .eco-side.web::before{ right:-40px; background:radial-gradient(circle,rgba(168,85,247,.25),transparent 70%); }
    .eco-side:not(.web)::before{ left:-40px; }

    .eco-orb{ width:clamp(50px,8vw,64px); height:clamp(50px,8vw,64px); border-radius:18px; display:flex; align-items:center; justify-content:center;
      font-size:clamp(1.6rem,3.5vw,2.1rem); background:rgba(255,255,255,.07); border:1px solid var(--br); position:relative; z-index:1; margin-bottom:1rem; }
    .eco-tag{ font-size:var(--fs-micro); font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--cyan); position:relative; z-index:1; margin-bottom:.5rem; }
    .eco-side.web .eco-tag{ color:var(--purple); }
    .eco-nm{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h3); font-weight:700; color:var(--ink); line-height:1.05; position:relative; z-index:1; margin-bottom:.4rem; }
    .eco-sub{ font-size:var(--fs-tiny); color:var(--muted); position:relative; z-index:1; margin-bottom:1.2rem; }
    .eco-list{ display:flex; flex-direction:column; gap:.5rem; position:relative; z-index:1; flex:1; margin-bottom:1.3rem; }
    .eco-li{ display:flex; gap:.55rem; align-items:flex-start; font-size:var(--fs-sm); color:var(--muted); line-height:1.45; }
    .eco-li b{ color:var(--ink); font-weight:700; }
    .eco-li::before{ content:'▹'; color:var(--cyan); flex-shrink:0; }
    .eco-side.web .eco-li{ flex-direction:row-reverse; }
    .eco-side.web .eco-li::before{ color:var(--purple); content:'◃'; }
    .eco-cta{ position:relative; z-index:1; }

    /* central sync core */
    .eco-core{ position:relative; width:clamp(70px,12vw,120px); display:flex; flex-direction:column; align-items:center; justify-content:center;
      background:rgba(255,255,255,.015); border-inline:1px solid var(--line); }
    @media(max-width:840px){ .eco-core{ width:auto; border-inline:none; border-block:1px solid var(--line); flex-direction:row; padding:1rem; gap:1rem; } }
    .eco-core-ring{ width:clamp(46px,8vw,64px); height:clamp(46px,8vw,64px); border-radius:50%; position:relative;
      display:flex; align-items:center; justify-content:center; font-size:clamp(1.1rem,2.5vw,1.5rem);
      background:radial-gradient(circle,rgba(255,255,255,.08),rgba(255,255,255,.02)); border:1px solid var(--br); }
    .eco-core-ring::before, .eco-core-ring::after{ content:''; position:absolute; inset:-6px; border-radius:50%; border:1px solid rgba(34,211,238,.4); animation:ripple 2.4s ease-out infinite; }
    .eco-core-ring::after{ animation-delay:1.2s; }
    @keyframes ripple{ 0%{ transform:scale(.8); opacity:.8; } 100%{ transform:scale(1.5); opacity:0; } }
    .eco-core-lbl{ font-size:var(--fs-micro); font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--dim); text-align:center; margin-top:.7rem; line-height:1.4; }
    @media(max-width:840px){ .eco-core-lbl{ margin-top:0; } }
    /* animated connecting pulse line across the band */
    .eco-wire{ position:absolute; top:50%; left:0; right:0; height:2px; transform:translateY(-50%); overflow:hidden; pointer-events:none; opacity:.6; }
    @media(max-width:840px){ .eco-wire{ display:none; } }
    .eco-wire span{ position:absolute; top:0; left:-30%; width:30%; height:100%;
      background:linear-gradient(90deg,transparent,var(--cyan),var(--purple),transparent); animation:wire 3.2s linear infinite; }
    @keyframes wire{ to{ left:130%; } }

    /* ── ALT 5: showcase hero with store badges + highlight ribbon ── */
    .show{ display:grid; grid-template-columns:1.25fr .75fr; gap:var(--gap); }
    @media(max-width:880px){ .show{ grid-template-columns:1fr; } }

    .show-main{ position:relative; border:1px solid var(--br); border-radius:var(--rad); overflow:hidden;
      padding:clamp(1.8rem,3.5vw,3rem); background:linear-gradient(150deg,rgba(34,211,238,.12),rgba(168,85,247,.05) 70%); display:flex; flex-direction:column; }
    .show-main::before{ content:''; position:absolute; width:340px; height:340px; border-radius:50%; top:-90px; right:-70px;
      background:radial-gradient(circle,rgba(34,211,238,.3),transparent 70%); filter:blur(14px); pointer-events:none; }
    .show-badge{ align-self:flex-start; display:inline-flex; align-items:center; gap:.45rem; padding:.35rem .9rem; border-radius:999px;
      background:rgba(255,255,255,.08); border:1px solid var(--br); font-size:var(--fs-micro); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--cyan); margin-bottom:1.1rem; position:relative; z-index:1; }
    .show-h{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h3); font-weight:700; color:var(--ink); line-height:1.08; margin-bottom:.6rem; position:relative; z-index:1; }
    .show-p{ font-size:var(--fs-sm); color:var(--muted); line-height:1.6; max-width:48ch; margin-bottom:1.4rem; position:relative; z-index:1; }
    .show-feats{ display:grid; grid-template-columns:1fr 1fr; gap:.6rem; margin-bottom:1.6rem; position:relative; z-index:1; }
    @media(max-width:520px){ .show-feats{ grid-template-columns:1fr; } }
    .show-feat{ display:flex; gap:.55rem; align-items:flex-start; font-size:var(--fs-sm); color:var(--muted); line-height:1.45; }
    .show-feat b{ color:var(--ink); font-weight:700; }
    .show-feat span:first-child{ flex-shrink:0; }
    .show-stores{ display:flex; flex-wrap:wrap; gap:.7rem; position:relative; z-index:1; margin-top:auto; }

    .show-web{ position:relative; border:1px solid var(--br); border-radius:var(--rad); overflow:hidden;
      padding:clamp(1.6rem,3vw,2.4rem); background:linear-gradient(150deg,rgba(168,85,247,.12),rgba(59,130,246,.05) 70%); display:flex; flex-direction:column; }
    .show-web::before{ content:''; position:absolute; width:240px; height:240px; border-radius:50%; bottom:-70px; left:-50px;
      background:radial-gradient(circle,rgba(168,85,247,.28),transparent 70%); filter:blur(12px); pointer-events:none; }
    .show-web .show-badge{ color:var(--purple); }
    .show-web .show-list{ display:flex; flex-direction:column; gap:.5rem; position:relative; z-index:1; flex:1; margin-bottom:1.4rem; }
    .show-web .show-li{ display:flex; gap:.55rem; align-items:flex-start; font-size:var(--fs-sm); color:var(--muted); line-height:1.45; }
    .show-web .show-li b{ color:var(--ink); font-weight:700; }
    .show-web .show-li::before{ content:'▹'; color:var(--purple); flex-shrink:0; }

    /* ── ALT 6: centered app spotlight with floating feature pills ── */
    .spot{ position:relative; border:1px solid var(--br); border-radius:var(--rad); overflow:hidden;
      padding:clamp(2rem,4vw,3.5rem) clamp(1rem,3vw,2rem); background:linear-gradient(180deg,rgba(34,211,238,.06),rgba(168,85,247,.03)); }
    .spot::before{ content:''; position:absolute; width:min(120%,700px); height:380px; top:-80px; left:50%; transform:translateX(-50%);
      background:radial-gradient(ellipse 60% 70% at 50% 0%,rgba(34,211,238,.22),rgba(168,85,247,.08) 45%,transparent 72%); pointer-events:none; }

    .spot-stage{ position:relative; z-index:1; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:clamp(1rem,3vw,2.5rem); max-width:960px; margin-inline:auto; }
    @media(max-width:860px){ .spot-stage{ grid-template-columns:1fr; } }

    .spot-col{ display:flex; flex-direction:column; gap:.8rem; }
    .spot-col.r{ align-items:flex-end; text-align:right; }
    @media(max-width:860px){ .spot-col, .spot-col.r{ align-items:stretch; text-align:left; flex-direction:row; flex-wrap:wrap; justify-content:center; } }

    .pill{ display:inline-flex; align-items:center; gap:.55rem; padding:.7rem 1rem; border-radius:14px;
      background:rgba(255,255,255,.05); border:1px solid var(--br); backdrop-filter:blur(8px);
      transition:transform .25s, border-color .25s, background .25s; }
    .pill:hover{ transform:translateY(-3px); border-color:var(--brh); background:rgba(34,211,238,.08); }
    .pill b{ display:block; font-size:var(--fs-sm); font-weight:700; color:var(--ink); line-height:1.1; }
    .pill small{ font-size:var(--fs-micro); color:var(--muted); }
    .pill .pi{ font-size:1.3rem; flex-shrink:0; }
    .spot-col.r .pill{ flex-direction:row-reverse; text-align:right; }
    @media(max-width:860px){ .spot-col.r .pill{ flex-direction:row; text-align:left; } }

    /* phone mockup */
    .spot-phone{ position:relative; width:clamp(160px,42vw,210px); aspect-ratio:9/19; margin-inline:auto;
      border-radius:30px; border:7px solid rgba(255,255,255,.16); background:var(--dark2);
      box-shadow:0 40px 90px rgba(0,0,0,.55); padding:.8rem .6rem; overflow:hidden; }
    .spot-phone::before{ content:''; position:absolute; top:.6rem; left:50%; transform:translateX(-50%); width:34%; height:6px; border-radius:4px; background:rgba(255,255,255,.2); z-index:2; }
    .pscr{ height:100%; border-radius:18px; background:linear-gradient(180deg,rgba(34,211,238,.12),rgba(168,85,247,.06)); padding:1.4rem .7rem .7rem; display:flex; flex-direction:column; gap:.5rem; }
    .pscr .pr{ height:9px; border-radius:5px; background:rgba(255,255,255,.1); }
    .pscr .pr.lg{ height:30px; background:linear-gradient(90deg,rgba(34,211,238,.4),rgba(168,85,247,.25)); margin-bottom:.3rem; }
    .pscr .pr.w60{ width:60%; } .pscr .pr.w80{ width:80%; }
    .pscr .pg{ display:grid; grid-template-columns:1fr 1fr; gap:.4rem; margin-top:.2rem; }
    .pscr .pt{ height:38px; border-radius:9px; background:rgba(255,255,255,.07); border:1px solid var(--line); }
    .pscr .pcoin{ margin-top:auto; height:30px; border-radius:9px; background:linear-gradient(90deg,var(--gold),var(--pink)); opacity:.85; }

    .spot-stores{ position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:.7rem; justify-content:center; margin-top:clamp(1.8rem,4vw,2.6rem); }

    /* web strip below */
    .spot-web{ position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap;
      max-width:960px; margin:clamp(1.4rem,3vw,2rem) auto 0; padding:clamp(1rem,2.2vw,1.4rem) clamp(1.2rem,2.5vw,1.8rem);
      border:1px solid var(--br); border-radius:16px; background:linear-gradient(120deg,rgba(168,85,247,.08),rgba(59,130,246,.04)); }
    .spot-web-txt{ display:flex; align-items:center; gap:.8rem; }
    .spot-web-txt .we{ font-size:1.6rem; }
    .spot-web-txt b{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-base); font-weight:700; color:var(--ink); display:block; line-height:1.1; }
    .spot-web-txt small{ font-size:var(--fs-tiny); color:var(--muted); }

    /* ── ALT 7: availability matrix / launch-status board ── */
    .avail{ display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(1.5rem,4vw,3.5rem); align-items:center;
      border:1px solid var(--br); border-radius:var(--rad); overflow:hidden; padding:clamp(1.8rem,3.5vw,3rem);
      background:linear-gradient(150deg,rgba(34,211,238,.07),rgba(168,85,247,.03) 70%); position:relative; }
    .avail::before{ content:''; position:absolute; width:360px; height:360px; border-radius:50%; bottom:-120px; left:-80px;
      background:radial-gradient(circle,rgba(34,211,238,.18),transparent 70%); filter:blur(16px); pointer-events:none; }
    @media(max-width:860px){ .avail{ grid-template-columns:1fr; } }

    .avail-l{ position:relative; z-index:1; }
    .avail-eyebrow{ font-size:var(--fs-tiny); font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--cyan); margin-bottom:.9rem; }
    .avail-h{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h3); font-weight:700; color:var(--ink); line-height:1.1; margin-bottom:.8rem; }
    .avail-p{ font-size:var(--fs-sm); color:var(--muted); line-height:1.6; max-width:42ch; margin-bottom:1.3rem; }
    .avail-meta{ display:flex; gap:1.5rem; flex-wrap:wrap; }
    .avail-meta div{ font-size:var(--fs-tiny); color:var(--muted); }
    .avail-meta b{ display:block; font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h4); font-weight:700; color:var(--ink); line-height:1; margin-bottom:.2rem; }
    .avail-meta b.c{ color:var(--cyan); } .avail-meta b.p{ color:var(--purple); } .avail-meta b.g{ color:var(--green); }

    .avail-list{ position:relative; z-index:1; display:flex; flex-direction:column; gap:.7rem; }
    .arow{ display:flex; align-items:center; gap:1rem; padding:clamp(.9rem,2vw,1.2rem) clamp(1rem,2.2vw,1.4rem);
      border:1px solid var(--br); border-radius:16px; background:rgba(255,255,255,.03);
      transition:border-color .25s, transform .25s, background .25s; }
    .arow.live:hover{ border-color:var(--brh); transform:translateX(5px); background:rgba(34,211,238,.06); }
    .arow.soon{ opacity:.85; }
    .arow-ico{ width:clamp(40px,7vw,50px); height:clamp(40px,7vw,50px); border-radius:13px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
      font-size:clamp(1.3rem,3vw,1.7rem); background:rgba(255,255,255,.06); border:1px solid var(--br); }
    .arow-txt{ flex:1; min-width:0; }
    .arow-txt b{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-base); font-weight:700; color:var(--ink); display:block; line-height:1.15; }
    .arow-txt small{ font-size:var(--fs-tiny); color:var(--muted); }
    .arow-state{ display:inline-flex; align-items:center; gap:.4rem; font-size:var(--fs-micro); font-weight:800; letter-spacing:.08em; text-transform:uppercase; white-space:nowrap; }
    .arow-state.on{ color:var(--green); }
    .arow-state.wait{ color:var(--gold); }
    .arow-state .sd{ width:7px; height:7px; border-radius:50%; }
    .arow-state.on .sd{ background:var(--green); box-shadow:0 0 8px var(--green); animation:blink 1.6s infinite; }
    .arow-state.wait .sd{ background:var(--gold); box-shadow:0 0 8px var(--gold); }
    .arow-act{ flex-shrink:0; }
    .arow-act .mini{ display:inline-flex; align-items:center; gap:.4rem; padding:.5rem .9rem; border-radius:10px; text-decoration:none;
      font-size:var(--fs-tiny); font-weight:700; white-space:nowrap; transition:transform .2s, background .2s, border-color .2s; }
    .arow-act .mini.go{ background:var(--ink); color:var(--dark); }
    .arow-act .mini.go:hover{ transform:translateY(-2px); box-shadow:0 8px 22px rgba(243,247,253,.18); }
    .arow-act .mini.ln{ border:1px solid var(--br); background:rgba(255,255,255,.04); color:var(--ink); }
    .arow-act .mini.ln:hover{ transform:translateY(-2px); border-color:var(--brh); }
    @media(max-width:480px){ .arow{ flex-wrap:wrap; } .arow-act{ width:100%; } .arow-act .mini{ width:100%; justify-content:center; } }

    /* ════════════════════════════════════════════════════════════════
       INVESTOR
    ════════════════════════════════════════════════════════════════ */
    .invest{ position:relative; overflow:hidden;
      background:radial-gradient(ellipse 55% 45% at 12% 0%,rgba(251,191,36,.08),transparent 60%),radial-gradient(ellipse 55% 45% at 88% 100%,rgba(255,77,157,.07),transparent 60%); }
    .invest .kicker{ color:var(--gold); }
    .invest .kicker::before{ background:var(--gold); }

    .market{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); margin-bottom:var(--gap); }
    @media(max-width:760px){ .market{ grid-template-columns:1fr; } }
    .mcard{ border:1px solid rgba(251,191,36,.2); border-radius:var(--rad); padding:clamp(1.4rem,2.8vw,2rem);
      background:rgba(251,191,36,.04); transition:border-color .3s, transform .3s; }
    .mcard:hover{ border-color:rgba(251,191,36,.42); transform:translateY(-5px); }
    .mnum{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.8rem,1.3rem + 1.9vw,2.7rem); font-weight:700; line-height:1; margin-bottom:.5rem; }
    .mlbl{ font-size:var(--fs-sm); font-weight:700; color:var(--ink); margin-bottom:.4rem; }
    .mnote{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.6; }

    .isplit{ display:grid; grid-template-columns:1fr 1fr; gap:var(--gap); align-items:stretch; }
    @media(max-width:900px){ .isplit{ grid-template-columns:1fr; } }
    .panel{ border:1px solid var(--br); border-radius:var(--rad); padding:clamp(1.5rem,3vw,2.2rem); background:rgba(255,255,255,.025); }
    .panel-hd{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h4); font-weight:600; color:var(--ink); margin-bottom:1.2rem; display:flex; align-items:center; gap:.6rem; }
    .drow{ display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.8rem 0; border-bottom:1px solid var(--line); }
    .drow:last-child{ border-bottom:none; }
    .drow-l{ font-size:var(--fs-sm); color:var(--muted); }
    .num-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h4); font-weight:700;
      background:linear-gradient(135deg,var(--cyan),var(--pink)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; white-space:nowrap; }

    .rev{ display:flex; flex-direction:column; gap:.85rem; }
    .rev-item{ display:flex; gap:.8rem; align-items:flex-start; }
    .rev-b{ width:10px; height:10px; border-radius:3px; flex-shrink:0; margin-top:.4rem; }
    .rev-item h4{ font-size:var(--fs-sm); font-weight:700; color:var(--ink); margin:0 0 .2rem; }
    .rev-item p{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.6; margin:0; }

    .chart{ display:flex; align-items:flex-end; gap:clamp(.4rem,1.5vw,1rem); height:160px; margin:1.5rem 0 1rem; }
    .bar{ flex:1; display:flex; flex-direction:column; align-items:center; gap:.5rem; justify-content:flex-end; height:100%; }
    .bar-fill{ width:100%; border-radius:8px 8px 0 0; background:linear-gradient(180deg,var(--cyan),rgba(59,130,246,.2)); position:relative; }
    .bar-fill::after{ content:attr(data-v); position:absolute; top:-1.35rem; left:50%; transform:translateX(-50%); font-size:var(--fs-micro); font-weight:800; color:var(--cyan); white-space:nowrap; }
    .bar-lbl{ font-size:var(--fs-micro); font-weight:700; color:var(--dim); letter-spacing:.06em; }

    /* ── ALT traction: milestone timeline ── */
    .tl{ position:relative; margin:.5rem 0 1.4rem; padding-left:1.6rem; }
    .tl::before{ content:''; position:absolute; left:5px; top:.4rem; bottom:.4rem; width:2px;
      background:linear-gradient(180deg,var(--cyan),var(--purple),var(--gold)); opacity:.5; }
    .tl-item{ position:relative; padding-bottom:1.1rem; }
    .tl-item:last-child{ padding-bottom:0; }
    .tl-item::before{ content:''; position:absolute; left:-1.6rem; top:.3rem; width:12px; height:12px; border-radius:50%;
      background:var(--dark2); border:2px solid var(--cyan); box-shadow:0 0 0 3px rgba(34,211,238,.12); }
    .tl-item.now::before{ background:var(--gold); border-color:var(--gold); box-shadow:0 0 0 3px rgba(251,191,36,.18); animation:blink 1.8s infinite; }
    .tl-row{ display:flex; align-items:baseline; justify-content:space-between; gap:.8rem; }
    .tl-when{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-tiny); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); }
    .tl-h{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-base); font-weight:600; color:var(--ink); margin:.15rem 0; line-height:1.2; }
    .tl-item.now .tl-h{ background:linear-gradient(135deg,var(--gold),var(--pink)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .tl-note{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.5; margin-top:.15rem; }

    /* ── stat tiles grid (data room) ── */
    .stats{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); }
    @media(max-width:900px){ .stats{ grid-template-columns:repeat(2,1fr); } }
    @media(max-width:460px){ .stats{ grid-template-columns:repeat(2,1fr); } }
    .stat{ position:relative; border:1px solid var(--br); border-radius:var(--rad); padding:clamp(1.3rem,2.6vw,1.8rem);
      background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); overflow:hidden;
      transition:border-color .3s, transform .3s, box-shadow .3s; }
    .stat::before{ content:''; position:absolute; width:90px; height:90px; border-radius:50%; top:-30px; right:-26px;
      background:radial-gradient(circle,rgba(34,211,238,.2),transparent 70%); opacity:0; transition:opacity .35s; }
    .stat:hover{ border-color:var(--brh); transform:translateY(-6px); box-shadow:0 20px 48px rgba(0,0,0,.4); }
    .stat:hover::before{ opacity:1; }
    .stat-ico{ font-size:clamp(1.4rem,3vw,1.8rem); line-height:1; margin-bottom:.8rem; }
    .stat-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.5rem,1.1rem+1.8vw,2.2rem); font-weight:700; line-height:1; margin-bottom:.4rem; }
    .stat-k{ font-size:var(--fs-tiny); font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); line-height:1.3; }

    /* ── ALT section-04: stylish bento stat grid ── */
    .dbento{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); }
    @media(max-width:860px){ .dbento{ grid-template-columns:repeat(2,1fr); } }
    @media(max-width:460px){ .dbento{ grid-template-columns:1fr; } }

    .dtile{ position:relative; border:1px solid var(--br); border-radius:var(--rad); padding:clamp(1.4rem,2.8vw,2rem);
      background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); overflow:hidden;
      display:flex; flex-direction:column; justify-content:space-between; gap:1.2rem; min-height:150px;
      transition:border-color .35s, transform .35s, box-shadow .35s; }
    .dtile::after{ content:''; position:absolute; width:120px; height:120px; border-radius:50%; right:-40px; bottom:-40px;
      background:var(--tint,radial-gradient(circle,rgba(34,211,238,.25),transparent 70%)); opacity:.5; filter:blur(6px); transition:opacity .35s, transform .35s; pointer-events:none; }
    .dtile:hover{ border-color:var(--brh); transform:translateY(-6px); box-shadow:0 24px 56px rgba(0,0,0,.42); }
    .dtile:hover::after{ opacity:.9; transform:scale(1.25); }
    .dtile-top{ display:flex; align-items:center; justify-content:space-between; position:relative; z-index:1; }
    .dtile-ico{ width:clamp(40px,7vw,48px); height:clamp(40px,7vw,48px); border-radius:13px; display:flex; align-items:center; justify-content:center;
      font-size:clamp(1.2rem,2.6vw,1.5rem); background:rgba(255,255,255,.06); border:1px solid var(--br); }
    .dtile-trend{ font-size:var(--fs-micro); font-weight:800; letter-spacing:.04em; color:var(--green); display:inline-flex; align-items:center; gap:.25rem; }
    .dtile-body{ position:relative; z-index:1; }
    .dtile-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.7rem,1.1rem+2.4vw,2.8rem); font-weight:700; line-height:.95; margin-bottom:.35rem; }
    .dtile-k{ font-size:var(--fs-tiny); font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); line-height:1.3; }

    /* featured wide hero tile */
    .dtile.feat{ grid-column:span 2; grid-row:span 2; justify-content:flex-end;
      background:linear-gradient(150deg,rgba(34,211,238,.16),rgba(168,85,247,.08) 60%,transparent); }
    @media(max-width:460px){ .dtile.feat{ grid-column:span 1; grid-row:span 1; } }
    .dtile.feat::before{ content:''; position:absolute; inset:0; opacity:.5; pointer-events:none;
      background:radial-gradient(ellipse 70% 60% at 80% 0%,rgba(34,211,238,.25),transparent 65%); }
    .dtile.feat .dtile-v{ font-size:clamp(2.6rem,1.5rem+5vw,5rem); }
    .dtile.feat .dtile-k{ font-size:var(--fs-sm); }
    .dtile.feat .dtile-sub{ position:relative; z-index:1; font-size:var(--fs-sm); color:var(--muted); line-height:1.6; margin-top:.8rem; max-width:38ch; }

    /* ── ALT section-04: clean divided metrics band ── */
    .band{ border:1px solid var(--br); border-radius:var(--rad); overflow:hidden;
      background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); }
    .band-grid{ display:grid; grid-template-columns:repeat(4,1fr); }
    @media(max-width:780px){ .band-grid{ grid-template-columns:repeat(2,1fr); } }
    @media(max-width:420px){ .band-grid{ grid-template-columns:1fr; } }

    .bcell{ position:relative; padding:clamp(1.5rem,3vw,2.4rem) clamp(1.2rem,2.5vw,1.8rem);
      border-right:1px solid var(--line); border-bottom:1px solid var(--line);
      display:flex; flex-direction:column; gap:.5rem; transition:background .3s; overflow:hidden; }
    .bcell:hover{ background:rgba(34,211,238,.05); }
    /* remove edge borders per row of 4 */
    @media(min-width:781px){
      .band-grid .bcell:nth-child(4n){ border-right:none; }
      .band-grid .bcell:nth-child(n+5){ border-bottom:none; }
    }
    @media(max-width:780px) and (min-width:421px){
      .band-grid .bcell:nth-child(2n){ border-right:none; }
      .band-grid .bcell:nth-last-child(-n+2){ border-bottom:none; }
    }
    @media(max-width:420px){
      .bcell{ border-right:none; }
      .band-grid .bcell:last-child{ border-bottom:none; }
    }
    .bcell::before{ content:''; position:absolute; left:0; top:0; width:2px; height:100%; transform:scaleY(0); transform-origin:top;
      background:linear-gradient(180deg,var(--cyan),var(--purple)); transition:transform .35s ease; }
    .bcell:hover::before{ transform:scaleY(1); }
    .bcell-top{ display:flex; align-items:center; gap:.5rem; }
    .bcell-ico{ font-size:1.15rem; }
    .bcell-k{ font-size:var(--fs-micro); font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--dim); }
    .bcell-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.7rem,1.1rem+2.4vw,2.7rem); font-weight:700; line-height:1; }
    .bcell-note{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.5; }

    /* ── ALT section-04: leaderboard-style stat rows ── */
    .lbd{ display:grid; grid-template-columns:1fr 1fr; gap:0 clamp(2rem,5vw,4rem); }
    @media(max-width:760px){ .lbd{ grid-template-columns:1fr; } }
    .lrow{ position:relative; display:flex; align-items:center; gap:clamp(.8rem,2vw,1.2rem);
      padding:clamp(1rem,2.2vw,1.4rem) 0; border-bottom:1px solid var(--line); transition:padding-left .3s; }
    .lrow:hover{ padding-left:.6rem; }
    .lrow-ico{ width:clamp(40px,7vw,50px); height:clamp(40px,7vw,50px); border-radius:14px; flex-shrink:0;
      display:flex; align-items:center; justify-content:center; font-size:clamp(1.2rem,2.6vw,1.6rem);
      background:linear-gradient(150deg,rgba(34,211,238,.16),rgba(168,85,247,.08)); border:1px solid var(--br);
      transition:transform .3s; }
    .lrow:hover .lrow-ico{ transform:scale(1.08) rotate(-4deg); }
    .lrow-mid{ flex:1; min-width:0; }
    .lrow-k{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-base); font-weight:600; color:var(--ink); line-height:1.2; }
    .lrow-note{ font-size:var(--fs-tiny); color:var(--muted); margin-top:.15rem; }
    .lrow-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.4rem,1rem+1.8vw,2.1rem); font-weight:700; line-height:1; white-space:nowrap;
      background:linear-gradient(135deg,var(--cyan),var(--purple)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .lrow.warm .lrow-v{ background:linear-gradient(135deg,var(--gold),var(--pink)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .lrow.warm .lrow-ico{ background:linear-gradient(150deg,rgba(251,191,36,.16),rgba(255,77,157,.08)); }
    /* drop the last border in each column */
    @media(min-width:761px){ .lbd .lrow:nth-last-child(-n+1), .lbd .lrow:nth-child(4){ } .lbd .lrow:nth-child(4), .lbd .lrow:last-child{ border-bottom:none; } }
    @media(max-width:760px){ .lbd .lrow:last-child{ border-bottom:none; } }

    /* ── ALT section-04: oversized ghost-number cards ── */
    .ghost-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); }
    @media(max-width:900px){ .ghost-grid{ grid-template-columns:repeat(2,1fr); } }
    @media(max-width:440px){ .ghost-grid{ grid-template-columns:1fr; } }

    .gcard{ position:relative; border:1px solid var(--br); border-radius:var(--rad); overflow:hidden; isolation:isolate;
      min-height:clamp(160px,22vw,210px); padding:clamp(1.2rem,2.4vw,1.6rem);
      background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01));
      display:flex; flex-direction:column; justify-content:space-between;
      transition:border-color .35s, transform .35s, box-shadow .35s; }
    .gcard:hover{ border-color:var(--brh); transform:translateY(-6px); box-shadow:0 24px 56px rgba(0,0,0,.42); }
    /* giant outlined number watermark */
    .gcard-bignum{ position:absolute; right:-.2rem; bottom:-1.4rem; z-index:-1; pointer-events:none;
      font-family:'Space Grotesk',system-ui,sans-serif; font-weight:700; font-size:clamp(4.5rem,3rem+8vw,8rem); line-height:.8;
      letter-spacing:-.05em; -webkit-text-fill-color:transparent;
      background:linear-gradient(160deg,rgba(34,211,238,.5),rgba(168,85,247,.25)); -webkit-background-clip:text; background-clip:text;
      opacity:.16; transition:opacity .4s, transform .4s; }
    .gcard:hover .gcard-bignum{ opacity:.3; transform:scale(1.06) translateY(-.3rem); }
    .gcard.warm .gcard-bignum{ background:linear-gradient(160deg,rgba(251,191,36,.5),rgba(255,77,157,.3)); -webkit-background-clip:text; background-clip:text; }

    .gcard-ico{ width:clamp(38px,6vw,46px); height:clamp(38px,6vw,46px); border-radius:12px; display:flex; align-items:center; justify-content:center;
      font-size:clamp(1.15rem,2.4vw,1.4rem); background:rgba(255,255,255,.06); border:1px solid var(--br); }
    .gcard-foot .gcard-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.5rem,1.1rem+1.6vw,2.1rem); font-weight:700; line-height:1; margin-bottom:.25rem; }
    .gcard-k{ font-size:var(--fs-tiny); font-weight:700; letter-spacing:.07em; text-transform:uppercase; color:var(--muted); line-height:1.3; }

    /* ── ALT section-04: glass orbit / pill cluster ── */
    .orbit{ display:flex; flex-wrap:wrap; justify-content:center; gap:clamp(.7rem,1.6vw,1.1rem); max-width:1040px; margin-inline:auto; }
    .ostat{ position:relative; display:flex; align-items:center; gap:clamp(.7rem,1.6vw,1rem);
      padding:clamp(.85rem,1.8vw,1.15rem) clamp(1.1rem,2.4vw,1.7rem); border-radius:999px;
      border:1px solid var(--br); background:rgba(255,255,255,.04); backdrop-filter:blur(10px);
      transition:transform .3s, border-color .3s, background .3s, box-shadow .3s; }
    .ostat:hover{ transform:translateY(-4px) scale(1.02); border-color:var(--brh); background:rgba(34,211,238,.08); box-shadow:0 16px 40px rgba(0,0,0,.4); }
    .ostat-ico{ width:clamp(36px,6vw,44px); height:clamp(36px,6vw,44px); border-radius:50%; flex-shrink:0;
      display:flex; align-items:center; justify-content:center; font-size:clamp(1.1rem,2.4vw,1.4rem);
      background:linear-gradient(150deg,rgba(34,211,238,.2),rgba(168,85,247,.1)); border:1px solid var(--br); }
    .ostat.warm .ostat-ico{ background:linear-gradient(150deg,rgba(251,191,36,.22),rgba(255,77,157,.12)); }
    .ostat-txt{ display:flex; flex-direction:column; line-height:1; }
    .ostat-v{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.25rem,.9rem+1.4vw,1.75rem); font-weight:700;
      background:linear-gradient(135deg,var(--cyan),var(--purple)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .ostat.warm .ostat-v{ background:linear-gradient(135deg,var(--gold),var(--pink)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
    .ostat-k{ font-size:var(--fs-micro); font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); margin-top:.3rem; }
    /* size-vary a couple for organic feel */
    .ostat.big .ostat-v{ font-size:clamp(1.5rem,1rem+1.8vw,2.1rem); }
    @media(max-width:520px){ .orbit{ flex-direction:column; } .ostat{ width:100%; } }

    /* ════════════════════════════════════════════════════════════════
       GAMES
    ════════════════════════════════════════════════════════════════ */
    .games{ display:grid; grid-template-columns:repeat(auto-fill,minmax(clamp(92px,13vw,118px),1fr)); gap:clamp(.7rem,1.4vw,1rem); }
    .game{ aspect-ratio:1; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.5rem;
      padding:1rem .5rem; border-radius:16px; border:1px solid var(--br);
      background:linear-gradient(150deg,rgba(34,211,238,.08),transparent); text-align:center; position:relative; overflow:hidden;
      transition:transform .25s, border-color .25s, box-shadow .25s; }
    .game::after{ content:''; position:absolute; inset:0; background:linear-gradient(150deg,rgba(34,211,238,.18),rgba(168,85,247,.12)); opacity:0; transition:opacity .25s; }
    .game:hover{ transform:scale(1.06); border-color:var(--brh); box-shadow:0 12px 30px rgba(34,211,238,.2); }
    .game:hover::after{ opacity:1; }
    .game-e{ font-size:clamp(1.4rem,2.6vw,1.85rem); position:relative; z-index:1; }
    .game-n{ font-size:var(--fs-micro); font-weight:700; color:var(--ink); line-height:1.25; position:relative; z-index:1; }

    /* ════════════════════════════════════════════════════════════════
       STEPS
    ════════════════════════════════════════════════════════════════ */
    .steps{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gap); position:relative; }
    .steps::before{ content:''; position:absolute; top:clamp(1.7rem,3vw,2.2rem); left:12.5%; right:12.5%; height:2px; background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink)); opacity:.25; }
    @media(max-width:900px){ .steps{ grid-template-columns:repeat(2,1fr);} .steps::before{ display:none;} }
    @media(max-width:520px){ .steps{ grid-template-columns:1fr;} }
    .step{ padding:clamp(1.3rem,2.8vw,1.8rem) 1.3rem; border-radius:var(--rad); border:1px solid var(--br);
      background:linear-gradient(150deg,rgba(34,211,238,.07),transparent); text-align:center; transition:border-color .3s, transform .3s; }
    .step:hover{ border-color:var(--brh); transform:translateY(-6px); }
    .step-n{ width:clamp(42px,6.5vw,52px); height:clamp(42px,6.5vw,52px); margin:0 auto 1rem; border-radius:50%;
      background:linear-gradient(135deg,var(--cyan),var(--purple)); display:flex; align-items:center; justify-content:center;
      font-family:'Space Grotesk',system-ui,sans-serif; font-size:clamp(1.05rem,2vw,1.3rem); font-weight:700; color:var(--dark); }
    .step-t{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-base); font-weight:600; color:var(--ink); margin-bottom:.5rem; }
    .step-b{ font-size:var(--fs-sm); color:var(--muted); line-height:1.6; }

    /* ════════════════════════════════════════════════════════════════
       TESTIMONIALS
    ════════════════════════════════════════════════════════════════ */
    .testi{ padding:clamp(1.4rem,2.8vw,1.9rem); border-radius:var(--rad); border:1px solid var(--br);
      background:rgba(255,255,255,.03); transition:border-color .3s, transform .3s; display:flex; flex-direction:column; }
    .testi:hover{ border-color:var(--brh); transform:translateY(-5px); }
    .testi-s{ display:flex; gap:.15rem; margin-bottom:.9rem; font-size:.9rem; }
    .testi-q{ font-size:var(--fs-sm); color:var(--ink); line-height:1.7; flex:1; margin-bottom:1.2rem; font-style:italic; opacity:.92; }
    .testi-f{ display:flex; align-items:center; gap:.8rem; }
    .testi-f > div:last-child{ min-width:0; display:flex; flex-direction:column; justify-content:center; gap:.12rem; }
    .testi-av{ width:40px; height:40px; border-radius:13px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
      font-family:'Space Grotesk',system-ui,sans-serif; font-size:.95rem; font-weight:700; color:var(--dark); background:linear-gradient(135deg,var(--cyan),var(--purple)); }
    .testi-nm{ font-size:var(--fs-sm); font-weight:700; color:var(--ink); line-height:1.2; }
    .testi-h{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.3; }
    .testi-role{ align-self:flex-start; display:inline-flex; align-items:center; gap:.35rem; padding:.28rem .7rem; border-radius:999px;
      font-size:var(--fs-micro); font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:1rem;
      background:rgba(34,211,238,.12); color:var(--cyan); border:1px solid rgba(34,211,238,.2); }
    .testi-role.team{ background:rgba(168,85,247,.12); color:var(--purple); border-color:rgba(168,85,247,.2); }
    .testi-role.org{ background:rgba(52,211,153,.12); color:var(--green); border-color:rgba(52,211,153,.2); }
    .testi-role.brand{ background:rgba(251,191,36,.12); color:var(--gold); border-color:rgba(251,191,36,.2); }
    .testi-role.invest{ background:rgba(255,77,157,.12); color:var(--pink); border-color:rgba(255,77,157,.2); }
    .testi-av.team{ background:linear-gradient(135deg,var(--purple),var(--blue)); }
    .testi-av.org{ background:linear-gradient(135deg,var(--green),var(--cyan)); }
    .testi-av.brand{ background:linear-gradient(135deg,var(--gold),var(--pink)); }
    .testi-av.invest{ background:linear-gradient(135deg,var(--pink),var(--purple)); }

    /* ── ALT section-06: masonry quote wall ── */
    .wall{ columns:3; column-gap:var(--gap); }
    @media(max-width:980px){ .wall{ columns:2; } }
    @media(max-width:600px){ .wall{ columns:1; } }
    .qcard{ position:relative; break-inside:avoid; margin-bottom:var(--gap); border:1px solid var(--br); border-radius:var(--rad);
      padding:clamp(1.5rem,2.8vw,2rem); background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); overflow:hidden;
      transition:border-color .3s, transform .3s, box-shadow .3s; }
    .qcard:hover{ border-color:var(--brh); transform:translateY(-5px); box-shadow:0 22px 50px rgba(0,0,0,.4); }
    .qcard-mark{ position:absolute; top:.2rem; right:.8rem; font-family:Georgia,serif; font-size:5rem; line-height:1; color:var(--cyan); opacity:.1; pointer-events:none; }
    .qcard.feat{ background:linear-gradient(150deg,rgba(34,211,238,.14),rgba(168,85,247,.06)); }
    .qcard-role{ display:inline-flex; align-items:center; gap:.35rem; padding:.26rem .65rem; border-radius:999px; margin-bottom:.9rem;
      font-size:var(--fs-micro); font-weight:800; letter-spacing:.08em; text-transform:uppercase;
      background:rgba(34,211,238,.12); color:var(--cyan); border:1px solid rgba(34,211,238,.2); }
    .qcard-role.team{ background:rgba(168,85,247,.12); color:var(--purple); border-color:rgba(168,85,247,.2); }
    .qcard-role.org{ background:rgba(52,211,153,.12); color:var(--green); border-color:rgba(52,211,153,.2); }
    .qcard-role.brand{ background:rgba(251,191,36,.12); color:var(--gold); border-color:rgba(251,191,36,.2); }
    .qcard-role.invest{ background:rgba(255,77,157,.12); color:var(--pink); border-color:rgba(255,77,157,.2); }
    .qcard-q{ font-size:var(--fs-sm); color:var(--ink); line-height:1.7; opacity:.94; margin-bottom:1.2rem; position:relative; z-index:1; }
    .qcard.feat .qcard-q{ font-size:var(--fs-base); }
    .qcard-f{ display:flex; align-items:center; gap:.75rem; }
    .qcard-av{ width:38px; height:38px; border-radius:11px; flex-shrink:0; display:flex; align-items:center; justify-content:center;
      font-family:'Space Grotesk',system-ui,sans-serif; font-size:.9rem; font-weight:700; color:var(--dark); background:linear-gradient(135deg,var(--cyan),var(--purple)); }
    .qcard-av.team{ background:linear-gradient(135deg,var(--purple),var(--blue)); }
    .qcard-av.org{ background:linear-gradient(135deg,var(--green),var(--cyan)); }
    .qcard-av.brand{ background:linear-gradient(135deg,var(--gold),var(--pink)); }
    .qcard-av.invest{ background:linear-gradient(135deg,var(--pink),var(--purple)); }
    .qcard-meta{ display:flex; flex-direction:column; gap:.1rem; min-width:0; }
    .qcard-nm{ font-size:var(--fs-sm); font-weight:700; color:var(--ink); line-height:1.2; }
    .qcard-h{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.3; }
    .qcard-s{ font-size:.8rem; margin-bottom:.7rem; }

    /* ── ALT section-06 v2: review cards with polished author block ── */
    .rev-wall{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gap); }
    @media(max-width:980px){ .rev-wall{ grid-template-columns:repeat(2,1fr); } }
    @media(max-width:600px){ .rev-wall{ grid-template-columns:1fr; } }

    .rcard{ position:relative; border:1px solid var(--br); border-radius:var(--rad); padding:clamp(1.5rem,2.8vw,2rem);
      background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); overflow:hidden;
      display:flex; flex-direction:column; transition:border-color .3s, transform .3s, box-shadow .3s; }
    .rcard::before{ content:''; position:absolute; top:0; left:0; right:0; height:3px; transform:scaleX(0); transform-origin:left;
      background:var(--accent,linear-gradient(90deg,var(--cyan),var(--purple))); transition:transform .4s ease; }
    .rcard:hover{ border-color:var(--brh); transform:translateY(-6px); box-shadow:0 22px 52px rgba(0,0,0,.42); }
    .rcard:hover::before{ transform:scaleX(1); }

    /* author block at TOP */
    .rauth{ display:flex; align-items:center; gap:.85rem; margin-bottom:1.1rem; }
    .ravatar{ position:relative; width:48px; height:48px; border-radius:50%; flex-shrink:0; padding:2px;
      background:var(--ring,linear-gradient(135deg,var(--cyan),var(--purple))); }
    .ravatar span{ display:flex; width:100%; height:100%; border-radius:50%; align-items:center; justify-content:center;
      font-family:'Space Grotesk',system-ui,sans-serif; font-size:1rem; font-weight:700; color:var(--ink);
      background:var(--panel); letter-spacing:.02em; }
    .ravatar::after{ content:''; position:absolute; right:1px; bottom:1px; width:11px; height:11px; border-radius:50%;
      background:var(--green); border:2px solid var(--panel); box-shadow:0 0 6px var(--green); }
    .rauth-info{ min-width:0; flex:1; }
    .rauth-nm{ display:flex; align-items:center; gap:.35rem; font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-base); font-weight:700; color:var(--ink); line-height:1.15; }
    .rauth-nm svg{ width:14px; height:14px; flex-shrink:0; }
    .rauth-h{ font-size:var(--fs-tiny); color:var(--muted); line-height:1.3; margin-top:.1rem; }
    .rauth-role{ margin-left:auto; align-self:flex-start; padding:.24rem .6rem; border-radius:999px; flex-shrink:0;
      font-size:var(--fs-micro); font-weight:800; letter-spacing:.06em; text-transform:uppercase;
      background:rgba(34,211,238,.12); color:var(--cyan); border:1px solid rgba(34,211,238,.2); }
    .rauth-role.team{ background:rgba(168,85,247,.12); color:var(--purple); border-color:rgba(168,85,247,.2); }
    .rauth-role.org{ background:rgba(52,211,153,.12); color:var(--green); border-color:rgba(52,211,153,.2); }
    .rauth-role.brand{ background:rgba(251,191,36,.12); color:var(--gold); border-color:rgba(251,191,36,.2); }
    .rauth-role.invest{ background:rgba(255,77,157,.12); color:var(--pink); border-color:rgba(255,77,157,.2); }
    .rcard-s{ font-size:.82rem; margin-bottom:.7rem; letter-spacing:.05em; }
    .rcard-q{ font-size:var(--fs-sm); color:var(--muted); line-height:1.7; flex:1; }
    .rcard-q b{ color:var(--ink); font-weight:600; }

    /* ════════════════════════════════════════════════════════════════
       FAQ
    ════════════════════════════════════════════════════════════════ */
    .faq{ display:flex; flex-direction:column; gap:.75rem; max-width:840px; margin:0 auto; }
    .faq-item{ border:1px solid var(--br); border-radius:14px; background:rgba(255,255,255,.04); overflow:hidden; transition:border-color .25s; }
    .faq-item:hover{ border-color:var(--brh); }
    .faq-item[open]{ border-color:rgba(34,211,238,.4); background:rgba(34,211,238,.04); }
    .faq-item summary{ padding:clamp(.95rem,2vw,1.2rem) clamp(1.05rem,2.4vw,1.5rem); font-size:var(--fs-base); font-weight:700; color:var(--ink); cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:1rem; list-style:none; user-select:none; }
    .faq-item summary::-webkit-details-marker{ display:none; }
    .faq-item summary::after{ content:'+'; font-size:1.35rem; font-weight:300; color:var(--cyan); flex-shrink:0; line-height:1; }
    .faq-item[open] summary::after{ content:'\2212'; }
    .faq-b{ padding:0 clamp(1.05rem,2.4vw,1.5rem) 1.2rem; font-size:var(--fs-sm); color:var(--muted); line-height:1.78; }
    .faq-b a{ color:var(--cyan); }

    /* ════════════════════════════════════════════════════════════════
       FINAL CTA
    ════════════════════════════════════════════════════════════════ */
    .final{ position:relative; overflow:hidden; padding-block:clamp(4rem,8vw,7rem); text-align:center; }
    .final::before{ content:''; position:absolute; inset:0; pointer-events:none;
      background:radial-gradient(ellipse 85% 55% at 50% 0%,rgba(34,211,238,.14),transparent 60%),radial-gradient(ellipse 65% 45% at 80% 100%,rgba(168,85,247,.12),transparent 60%); }
    .final-in{ position:relative; z-index:1; max-width:860px; margin:0 auto; }
    .final-t{ font-family:'Space Grotesk',system-ui,sans-serif; font-size:var(--fs-h2); font-weight:700; letter-spacing:-.02em; line-height:1.08; color:var(--ink); margin-bottom:.9rem; }
    .final-s{ font-size:var(--fs-lead); color:var(--muted); line-height:1.65; margin-bottom:clamp(1.8rem,3.5vw,2.4rem); }

    .reveal{ transition:opacity .7s cubic-bezier(.16,1,.3,1), transform .7s cubic-bezier(.16,1,.3,1); }