:root{
    --bg-base:#0A0A0B;
    --bg-elevated:#111114;
    --bg-subtle:#15151A;
    --bg-deep:#060607;
    --border-subtle:#1F1F24;
    --border-hover:#2A2A30;
    --text-primary:#F5F5F7;
    --text-secondary:#D4D4D8;
    --text-muted:#8E8E96;
    --text-faint:#52525B;
    --accent:#E11D2A;
    --accent-glow:#FF2A38;
    --accent-deep:#8B0F18;
    --accent-soft:rgba(225,29,42,.12);
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:var(--bg-base);color:var(--text-primary);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:'ss01','cv11'}
  body{overflow-x:hidden}
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
  img{max-width:100%;display:block}

  .display{font-family:'Space Grotesk',sans-serif;letter-spacing:-0.025em;font-weight:700;line-height:0.95}
  .head{font-family:'Space Grotesk',sans-serif;letter-spacing:-0.02em;font-weight:600;line-height:1.05}
  .mono{font-family:'JetBrains Mono',monospace;font-feature-settings:'ss02'}
  .eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:0.22em;text-transform:uppercase;color:var(--text-muted);display:inline-flex;align-items:center;gap:10px}
  .eyebrow::before{content:"";width:24px;height:1px;background:var(--accent)}
  .eyebrow.center{justify-content:center}
  .eyebrow.center::before{display:none}
  .eyebrow.dot::before{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}

  .container{max-width:1280px;margin:0 auto;padding:0 32px}
  .section{padding:140px 0;position:relative;border-top:1px solid var(--border-subtle)}
  .section:first-child{border-top:none}

  /* Light section modifier — inverts palette while keeping cards dark */
  .section.light{background:#F5F5F7;border-top:none;color:#1A1A1F}
  .section.light .sec-title{color:#0A0A0B}
  .section.light .sec-title em{padding-right:0.08em}
  .section.light .sec-sub{color:#3F3F46}
  .section.light .eyebrow{color:#52525B}
  .section.light .eyebrow::before{background:var(--accent)}
  .section.light .eyebrow.dot::before{background:var(--accent)}
  .section.light .how-equation{color:#1A1A1F}
  .section.light .eq-part{background:rgba(0,0,0,0.03);border-color:#E4E4E7}
  .section.light .eq-part .val{color:#0A0A0B}
  .section.light .eq-op{color:#52525B}
  .section.light .how-line{opacity:.5}

  /* Cards inside light sections keep their dark backgrounds — but their internal text must reset to light */
  .section.light .how-card,
  .section.light .tech-card,
  .section.light .invest-card,
  .section.light .net-bn,
  .section.light .market-card{color:var(--text-primary)}
  .section.light .how-card h3,
  .section.light .how-card h4,
  .section.light .tech-card h4,
  .section.light .invest-card h3,
  .section.light .net-bn h4,
  .section.light .market-card h4{color:var(--text-primary)}
  .section.light .how-card p,
  .section.light .tech-card p,
  .section.light .invest-card p,
  .section.light .net-bn p,
  .section.light .market-card p{color:var(--text-secondary)}

  /* Slight shadow boost so dark cards feel anchored on light bg instead of floating */
  .section.light .how-card,
  .section.light .tech-card,
  .section.light .invest-card,
  .section.light .net-bn,
  .section.light .market-card{box-shadow:0 16px 40px -16px rgba(10,10,11,0.25),0 4px 12px -4px rgba(10,10,11,0.12)}

  /* Stat numbers inside light sections — flip the white-to-gray gradient to dark-to-medium */
  .section.light .stat-num{background:linear-gradient(180deg,#0A0A0B 30%,#71717A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* Bordered list elements — lighten dividers for light bg */
  .section.light .partner-stats,
  .section.light .partner-benefits{border-top-color:#E4E4E7}
  .section.light .stat-row,
  .section.light .pb-item{border-bottom-color:#E4E4E7}

  /* Stat labels and sub-list */
  .section.light .stat-label{color:#3F3F46}
  .section.light .stat-streams li{color:#3F3F46}

  /* Benefits checklist text */
  .section.light .pb-item{color:#1A1A1F}
  .section.light .pb-item .num{color:#71717A}

  /* Partner takeaway callout — slightly more visible red tint on white */
  .section.light .partner-takeaway{background:linear-gradient(180deg,rgba(225,29,42,0.05),rgba(225,29,42,0.02));border-color:rgba(225,29,42,0.22)}
  .section.light .partner-takeaway p{color:#0A0A0B}
  .section.light .partner-takeaway .eyebrow{color:#52525B}

  /* Red section modifier — high-energy splash moment for thematic punchlines */
  .section.red{background:linear-gradient(180deg,#C71725 0%,#8B0F18 100%);border-top:none;position:relative;overflow:hidden;color:#FFFFFF}
  .section.red::before{content:"";position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:1200px;height:700px;background:radial-gradient(ellipse at center,rgba(255,90,100,0.5) 0%,transparent 60%);pointer-events:none;z-index:0}
  .section.red > .container{position:relative;z-index:1}

  /* Headlines and copy */
  .section.red .sec-title{color:#FFFFFF}
  .section.red .sec-title em{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:#FFFFFF;color:#FFFFFF;padding-right:0.08em}
  .section.red .sec-sub{color:rgba(255,255,255,0.88)}
  .section.red p{color:rgba(255,255,255,0.92)}

  /* Eyebrow on red bg */
  .section.red .eyebrow{color:rgba(255,255,255,0.78)}
  .section.red .eyebrow::before{background:rgba(255,255,255,0.6)}
  .section.red .eyebrow.dot::before{background:#FFFFFF;box-shadow:0 0 10px rgba(255,255,255,0.5)}

  /* Feature item rows — transparent bg, sits on light section directly, so needs DARK text */
  .section.light .feat-item{border-color:#E4E4E7}
  .section.light .feat-item h4{color:#0A0A0B}
  .section.light .feat-item p{color:#3F3F46}
  .section.light .feat-num{color:#71717A}
  .section.light .feat-item:hover h4{color:#0A0A0B}
  .section.light .feat-item:hover .feat-num{color:var(--accent)}

  /* Dark cards inside App light section — their internal text must reset to light */
  .section.light .app-phone,
  .section.light .app-phone-screen,
  .section.light .ui-float{color:var(--text-primary)}
  .section.light .ph-greet .nm{color:var(--text-primary)}
  .section.light .ph-card .ttl{color:var(--text-primary)}
  .section.light .ph-card .sub{color:var(--text-muted)}
  .section.light .uif-val{color:var(--text-primary)}
  .section.light .uif-row{color:var(--text-primary)}

  /* Community cards (light) */
  .section.light .comm-card{color:var(--text-primary)}
  .section.light .comm-card h3{color:var(--text-primary)}
  .section.light .comm-card p{color:var(--text-secondary)}

  /* Stage rows on investors page (light) */
  .section.light .stage-row{color:var(--text-primary)}
  .section.light .stage-row h4{color:var(--text-primary)}
  .section.light .stage-row p{color:var(--text-secondary)}

  /* App-section background overrides for light mode */
  .section.light.app-section{background:#F5F5F7}
  .section.light.app-section::before{display:none}
  .section.light::before{display:none}

  /* App-tagline gradient text — flip dark-to-medium for light bg */
  .section.light .app-tagline-text{background:linear-gradient(180deg,#0A0A0B 30%,#71717A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

  /* Community comm-tagline (Accountability · Motivation · Results row) for light bg */
  .section.light .comm-tagline{color:#52525B}
  .section.light .comm-tagline span::after{color:var(--accent)}

  /* Logo tiles inside red sections (Integration Partners) */
  .section.red .logo-tile{background:rgba(20,20,24,0.92);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.85);box-shadow:0 8px 24px -8px rgba(0,0,0,0.4)}

  /* Market cards inside red sections (3 category cards in Integration Partners) */
  .section.red .market-card{background:linear-gradient(180deg,rgba(20,20,24,0.95),rgba(10,10,11,0.95));border-color:rgba(255,255,255,0.14);color:#FFFFFF;box-shadow:0 12px 32px -8px rgba(0,0,0,0.45),inset 0 1px 0 rgba(255,255,255,0.05)}
  .section.red .market-card h4{color:#FFFFFF}
  .section.red .market-card .lbl{color:rgba(255,255,255,0.7)}
  .section.red .market-card .meta{color:rgba(255,255,255,0.75)}
  .section.red .market-card .meta::before{background:#FFFFFF}
  .section.red .market-card .ic{background:rgba(255,255,255,0.12);color:#FFFFFF}

  /* Market foot text inside red sections */
  .section.red .market-foot{color:rgba(255,255,255,0.85)}

  /* Header */
  .header{position:fixed;top:0;left:0;right:0;height:68px;z-index:100;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(10,10,11,0.65);border-bottom:1px solid var(--border-subtle)}
  .header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 32px;max-width:1440px;margin:0 auto}
  .logo{display:flex;align-items:center;text-decoration:none}
  .logo-img{height:36px;width:auto;display:block}
  .footer .logo-img{height:32px}
  .logo-mark{width:22px;height:22px;position:relative}
  .logo-mark svg{width:100%;height:100%}
  nav.primary{display:flex;gap:36px;font-size:13px;color:var(--text-secondary);font-weight:500}
  nav.primary a{position:relative;transition:color .2s}
  nav.primary a:hover{color:var(--text-primary)}
  nav.primary a.active{color:var(--text-primary)}
  nav.primary a.active::after{content:"";position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}
  .header-cta{display:flex;align-items:center;gap:8px}

  /* Buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;font-size:13.5px;font-weight:500;letter-spacing:0.01em;transition:all .25s cubic-bezier(.2,.7,.3,1);white-space:nowrap}
  .btn .arrow{width:14px;height:14px;transition:transform .25s}
  .btn:hover .arrow{transform:translateX(3px)}
  .btn-sm{height:36px;padding:0 16px;font-size:12.5px}
  .btn-lg{height:52px;padding:0 26px;font-size:14.5px}
  .btn-primary{background:linear-gradient(180deg,#F23341 0%,var(--accent) 60%,#B91622 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.3),0 0 0 1px rgba(225,29,42,.4),0 8px 30px -8px rgba(225,29,42,.5)}
  .btn-primary:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3),0 0 0 1px rgba(225,29,42,.55),0 14px 40px -8px rgba(225,29,42,.7)}
  .btn-secondary{background:rgba(255,255,255,.04);color:var(--text-primary);border:1px solid rgba(255,255,255,.12)}
  .btn-secondary:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.22)}
  .btn-ghost{color:var(--text-secondary)}
  .btn-ghost:hover{color:var(--text-primary)}

  /* Hero */
  .hero{min-height:100vh;padding-top:140px;padding-bottom:100px;position:relative;overflow:hidden;border-top:none}
  .hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
  .hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:1200px;height:900px;background:radial-gradient(ellipse at center,rgba(225,29,42,0.28) 0%,rgba(225,29,42,0.08) 35%,transparent 65%);filter:blur(20px);animation:breathe 8s ease-in-out infinite}
  @keyframes breathe{0%,100%{opacity:.85;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.05)}}
  .hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}
  .hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);gap:32px;align-items:center;min-height:calc(100vh - 240px)}
  .hero-copy{grid-column:span 6;display:flex;flex-direction:column;gap:32px}
  .hero-visual{grid-column:span 6;position:relative;height:640px}

  .hero-headline{font-size:clamp(48px,6vw,88px);font-family:'Space Grotesk';font-weight:700;letter-spacing:-0.04em;line-height:0.92;text-wrap:balance}
  .hero-headline .line{display:block}
  @media (prefers-reduced-motion: no-preference){
    .hero-headline .line{opacity:0;transform:translateY(20px);animation:rise .9s cubic-bezier(.2,.7,.3,1) forwards}
    .hero-headline .line:nth-child(1){animation-delay:.1s}
    .hero-headline .line:nth-child(2){animation-delay:.2s}
    .hero-headline .line:nth-child(3){animation-delay:.3s}
    .hero-headline .line:nth-child(4){animation-delay:.4s}
  }
  .hero-headline em{font-style:italic;font-weight:700;background:linear-gradient(180deg,#FF4350 0%,#E11D2A 70%,#8B0F18 100%);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;display:inline-block;padding-right:0.15em}
  .hero-headline em::after{content:"";position:absolute;left:-4%;right:-4%;bottom:6%;height:24%;background:radial-gradient(ellipse at center,rgba(225,29,42,.4),transparent 70%);filter:blur(12px);z-index:-1}
  @keyframes rise{to{opacity:1;transform:translateY(0)}}

  .hero-sub-tag{font-family:'JetBrains Mono';font-size:12px;color:var(--text-muted);letter-spacing:0.18em;text-transform:uppercase;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .hero-sub-tag span{display:inline-flex;align-items:center;gap:6px}
  .hero-sub-tag .sep{width:3px;height:3px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}
  .hero-body{font-size:18px;line-height:1.6;color:var(--text-secondary);max-width:540px;font-weight:400}
  .hero-cta-row{display:flex;gap:12px;flex-wrap:wrap}
  .hero-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;padding-top:24px;border-top:1px solid var(--border-subtle);max-width:560px}
  .trust-item{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-muted)}
  .trust-item svg{width:14px;height:14px;color:var(--accent);flex-shrink:0}

  /* Hero Visual — Platform render placeholder + phone overlay */
  .platform-render{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;height:100%}
  .platform-frame{position:relative;width:100%;max-width:720px;height:auto;border-radius:12px;background:linear-gradient(180deg,#15151A 0%,#0C0C0F 100%);border:1px solid var(--border-subtle);overflow:hidden;box-shadow:0 60px 120px -30px rgba(0,0,0,.8),0 0 80px -20px rgba(225,29,42,.35)}
  .platform-frame::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(225,29,42,.18),transparent 55%);pointer-events:none}
  /* Real product image inside the frame */
  .hero-product-frame{position:relative;width:96%;margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 60px -10px rgba(225,29,42,.25);background:#0A0A0B}
  .hero-product-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(10,10,11,.45) 100%);pointer-events:none}
  .hero-product-img{display:block;width:100%;height:auto}
  .pod-status{position:absolute;top:24px;right:24px;display:flex;align-items:center;gap:6px;font-family:'JetBrains Mono';font-size:9px;letter-spacing:0.2em;color:var(--text-muted);z-index:3}
  .pod-status .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:blink 2s ease-in-out infinite}
  @keyframes blink{0%,100%{opacity:1}50%{opacity:.4}}

  .corner-tag{position:absolute;font-family:'JetBrains Mono';font-size:10px;letter-spacing:0.2em;color:var(--text-faint);text-transform:uppercase}
  .corner-tag.tl{top:20px;left:20px}
  .corner-tag.bl{bottom:20px;left:20px;display:flex;align-items:center;gap:8px}
  .corner-tag.bl::before{content:"";width:14px;height:1px;background:var(--accent)}

  /* Floating phone */
  .phone-float{position:absolute;bottom:-20px;right:-30px;width:200px;height:400px;border-radius:32px;background:linear-gradient(180deg,#1A1A1F,#0A0A0B);border:1.5px solid #2A2A30;padding:8px;box-shadow:0 40px 80px -10px rgba(0,0,0,.9),0 0 60px -10px rgba(225,29,42,.3);transform:rotate(6deg);animation:float 6s ease-in-out infinite}
  @keyframes float{0%,100%{transform:rotate(6deg) translateY(0)}50%{transform:rotate(6deg) translateY(-8px)}}
  .phone-screen{width:100%;height:100%;border-radius:24px;background:#0A0A0B;overflow:hidden;position:relative;padding:18px 14px;display:flex;flex-direction:column;gap:10px}
  .phone-notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:60px;height:5px;border-radius:3px;background:#000;z-index:2}
  .phone-time{font-family:'JetBrains Mono';font-size:9px;color:var(--text-muted);letter-spacing:0.1em;display:flex;justify-content:space-between;padding:0 4px}
  .phone-greet{font-family:'Space Grotesk';font-size:14px;font-weight:600;margin-top:8px}
  .phone-greet span{color:var(--text-muted);font-weight:400;font-size:10px;display:block;margin-top:2px;letter-spacing:.05em}
  .phone-score{margin-top:8px;padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(225,29,42,.12),rgba(225,29,42,.02));border:1px solid rgba(225,29,42,.25);position:relative;overflow:hidden}
  .phone-score::before{content:"";position:absolute;top:-30px;right:-30px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,42,.4),transparent 70%)}
  .score-label{font-family:'JetBrains Mono';font-size:8px;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}
  .score-value{font-family:'Space Grotesk';font-size:42px;font-weight:700;letter-spacing:-0.04em;line-height:1;margin-top:4px;color:var(--text-primary)}
  .score-value sup{font-size:14px;color:var(--text-muted);font-weight:400;margin-left:2px;vertical-align:top;margin-top:8px;display:inline-block}
  .score-bar{height:3px;background:rgba(255,255,255,.06);border-radius:2px;margin-top:10px;overflow:hidden}
  .score-bar-fill{height:100%;width:92%;background:linear-gradient(90deg,#FF2A38,#E11D2A);border-radius:2px;box-shadow:0 0 8px rgba(225,29,42,.6)}
  .phone-card{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:10px;font-size:10px}
  .phone-card-icon{width:24px;height:24px;border-radius:6px;background:rgba(225,29,42,.15);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}
  .phone-card-icon svg{width:12px;height:12px}
  .phone-card .ttl{font-weight:500;color:var(--text-primary)}
  .phone-card .sub{color:var(--text-muted);font-size:8.5px;margin-top:1px;letter-spacing:.05em}

  .floating-stat{position:absolute;padding:10px 14px;border-radius:12px;background:rgba(20,20,24,.85);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -10px rgba(0,0,0,.6);font-size:11px;display:flex;align-items:center;gap:10px;animation:float 5s ease-in-out infinite}
  .floating-stat .v{font-family:'Space Grotesk';font-size:18px;font-weight:700;color:var(--text-primary)}
  .floating-stat .lbl{color:var(--text-muted);font-family:'JetBrains Mono';font-size:9px;letter-spacing:.15em;text-transform:uppercase}
  .floating-stat .ico{width:28px;height:28px;border-radius:8px;background:rgba(225,29,42,.12);color:var(--accent);display:flex;align-items:center;justify-content:center}
  .floating-stat .ico svg{width:14px;height:14px}
  .stat-1{top:60px;left:-20px;animation-delay:0s}
  .stat-2{top:280px;left:-40px;animation-delay:1.5s}

  .scroll-cue{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono';font-size:10px;letter-spacing:.3em;color:var(--text-faint);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}
  .scroll-cue::after{content:"";width:1px;height:36px;background:linear-gradient(180deg,var(--text-faint),transparent);animation:scrollline 2s ease-in-out infinite}
  @keyframes scrollline{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}

  /* Section heads */
  .sec-head{display:flex;flex-direction:column;gap:18px;margin-bottom:80px;max-width:760px}
  .sec-head.center{align-items:center;text-align:center;margin-left:auto;margin-right:auto}
  .sec-title{font-size:clamp(36px,4.6vw,64px);font-family:'Space Grotesk';font-weight:600;letter-spacing:-0.03em;line-height:1.02;text-wrap:balance}
  .sec-title em{font-style:italic;color:var(--accent)}
  .sec-sub{font-size:18.5px;color:var(--text-secondary);max-width:600px;line-height:1.55;font-weight:400}

  /* How it works */
  .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;position:relative}
  .how-line{position:absolute;top:52px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 20%,var(--accent) 80%,transparent);opacity:.4;z-index:0}
  .how-card{position:relative;padding:36px 32px;border-radius:20px;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-base));border:1px solid var(--border-subtle);transition:all .35s;z-index:1}
  .how-card:hover{border-color:rgba(225,29,42,.4);box-shadow:0 0 60px -10px rgba(225,29,42,.4),inset 0 1px 0 rgba(255,255,255,.04);transform:translateY(-2px)}
  .how-num{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:rgba(225,29,42,.12);border:1px solid rgba(225,29,42,.3);color:var(--accent);font-family:'Space Grotesk';font-weight:600;font-size:16px;margin-bottom:24px;position:relative}
  .how-num::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(225,29,42,.15)}
  .how-card h3{font-family:'Space Grotesk';font-size:24px;font-weight:600;letter-spacing:-0.02em;margin-bottom:12px}
  .how-card p{font-size:15.5px;line-height:1.6;color:var(--text-secondary)}
  .how-tag{margin-top:24px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;gap:8px}
  .how-tag::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}

  .how-equation{margin-top:80px;text-align:center;display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;font-family:'Space Grotesk';font-size:20px;font-weight:500;letter-spacing:-.01em}
  .how-equation .eq-part{padding:14px 26px;border:1px solid var(--border-subtle);border-radius:999px;background:rgba(255,255,255,.02);display:flex;align-items:center;gap:10px}
  .how-equation .eq-part .label{color:var(--accent)}
  .how-equation .eq-part .val{color:var(--text-primary)}
  .how-equation .eq-op{color:var(--text-muted);font-size:14px}

  /* Tech stack */
  .tech-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
  .tech-card{padding:28px 24px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .35s;position:relative;overflow:hidden;min-height:280px;display:flex;flex-direction:column}
  .tech-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .35s}
  .tech-card:hover::before{opacity:1}
  .tech-card:hover{border-color:rgba(225,29,42,.3);transform:translateY(-2px);box-shadow:0 30px 60px -20px rgba(225,29,42,.3)}
  .tech-card:hover .tech-icon{color:var(--accent-glow);transform:scale(1.05)}
  .tech-icon{width:44px;height:44px;border-radius:12px;background:rgba(225,29,42,.08);color:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:24px;transition:all .35s}
  .tech-icon svg{width:22px;height:22px}
  .tech-card h4{font-family:'Space Grotesk';font-size:18px;font-weight:600;letter-spacing:-0.01em;margin-bottom:10px;line-height:1.2}
  .tech-card p{font-size:14.5px;line-height:1.55;color:var(--text-secondary);flex:1}
  .tech-card .num{position:absolute;top:24px;right:24px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;color:var(--text-faint)}

  /* Protocol System / Benefits grid */
  .benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
  .benefit-card{position:relative;padding:36px;border-radius:20px;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-base));border:1px solid var(--border-subtle);transition:all .35s;display:flex;flex-direction:column;overflow:hidden}
  .benefit-card::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .35s}
  .benefit-card:hover::before{opacity:1}
  .benefit-card:hover{border-color:rgba(225,29,42,.3);transform:translateY(-2px);box-shadow:0 30px 60px -20px rgba(225,29,42,.3)}
  .benefit-card.span-2{grid-column:1 / -1}
  .benefit-card .icon{width:44px;height:44px;border-radius:12px;background:rgba(225,29,42,.08);color:var(--accent);display:flex;align-items:center;justify-content:center;transition:all .35s;flex-shrink:0}
  .benefit-card .icon svg{width:22px;height:22px}
  .benefit-card:hover .icon{color:var(--accent-glow);transform:scale(1.05)}
  .benefit-card .eyebrow-row{display:flex;align-items:center;gap:14px;margin-bottom:22px}
  .benefit-card .eyebrow-row span{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase}
  .benefit-card h3{font-family:'Space Grotesk';font-size:23px;font-weight:600;letter-spacing:-.015em;line-height:1.2}
  .benefit-hook{font-style:italic;font-size:16px;line-height:1.5;color:var(--text-secondary);margin-top:8px;margin-bottom:20px}
  .benefit-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;flex:1}
  .benefit-list li{font-size:15px;line-height:1.55;color:var(--text-secondary);padding-left:30px;position:relative}
  .benefit-list li::before{content:"";position:absolute;left:0;top:3px;width:18px;height:18px;border-radius:50%;background-color:rgba(225,29,42,.12);border:1px solid rgba(225,29,42,.35);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E11D2A' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 10px}
  .benefit-positioning{font-style:italic;font-size:14.5px;line-height:1.5;color:var(--accent);padding-top:20px;border-top:1px solid var(--border-subtle);margin-top:24px}

  /* 5-Phase span-2 inner layout */
  .phase-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;flex:1;margin-bottom:4px}
  .benefit-subhead{font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:500;letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;margin-bottom:16px}
  .phase-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
  .phase-list li{font-size:15px;line-height:1.55;color:var(--text-secondary);display:flex;align-items:baseline;gap:14px}
  .phase-num{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--accent);flex-shrink:0;min-width:24px}

  /* Stacking effect capstone */
  .stacking-section{background:var(--bg-deep);position:relative;overflow:hidden;padding-top:100px;padding-bottom:100px}
  .stacking-section::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:900px;height:500px;background:radial-gradient(ellipse at center,rgba(225,29,42,.12),transparent 70%);pointer-events:none;filter:blur(20px)}
  .stacking-section .container{position:relative;z-index:1}
  /* Stack flow — four-step cards in a row with connecting line */
  .stack-flow-rich{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:60px 0;position:relative}
  .stack-flow-line{position:absolute;top:80px;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3) 15%,rgba(255,255,255,0.3) 85%,transparent);z-index:0;overflow:hidden}
  .stack-flow-line::after{content:"";position:absolute;top:-1px;left:0;width:18%;height:3px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.9) 50%,transparent);filter:blur(1px);animation:stack-shimmer 4.5s cubic-bezier(.55,.05,.45,.95) infinite;border-radius:3px}
  @keyframes stack-shimmer{0%{left:-20%;opacity:0}8%{opacity:1}92%{opacity:1}100%{left:102%;opacity:0}}
  @media (prefers-reduced-motion: reduce){.stack-flow-line::after{animation:none;display:none}}

  .stack-step{position:relative;z-index:1;background:linear-gradient(180deg,rgba(20,20,24,0.95),rgba(10,10,11,0.95));border:1px solid rgba(255,255,255,0.14);border-radius:20px;padding:32px 24px 28px;text-align:center;box-shadow:0 16px 40px -10px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06);transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s}
  .stack-step:hover{transform:translateY(-3px);box-shadow:0 24px 60px -12px rgba(0,0,0,0.6),inset 0 1px 0 rgba(255,255,255,0.08)}

  .stack-step-num{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,0.5);margin-bottom:18px}

  .stack-step-icon{width:64px;height:64px;margin:0 auto 22px;border-radius:18px;background:linear-gradient(180deg,rgba(225,29,42,0.28),rgba(225,29,42,0.06));border:1px solid rgba(255,255,255,0.18);display:flex;align-items:center;justify-content:center;color:#ffffff;position:relative}
  .stack-step-icon::before{content:"";position:absolute;inset:-10px;border-radius:24px;background:radial-gradient(circle,rgba(225,29,42,0.35),transparent 65%);z-index:-1;opacity:.7}
  .stack-step-icon svg{width:30px;height:30px}

  .stack-step-title{font-family:'Space Grotesk';font-size:22px;font-weight:700;letter-spacing:-.02em;color:#ffffff;margin-bottom:10px;text-transform:uppercase}
  .stack-step-desc{font-size:14px;line-height:1.5;color:rgba(255,255,255,0.82)}

  /* The Result callout */
  .stack-result-callout{margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,0.18);text-align:center}
  .stack-result-label{display:inline-block;font-family:'JetBrains Mono';font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:rgba(255,255,255,0.75);margin-bottom:18px}
  .stack-result-text{font-family:'Space Grotesk';font-size:clamp(28px,4vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#ffffff;max-width:880px;margin:0 auto}
  .stack-result-text em{font-style:italic;-webkit-text-fill-color:#ffffff;color:#ffffff}

  /* App section */
  .app-section{background:linear-gradient(180deg,var(--bg-base) 0%,var(--bg-deep) 50%,var(--bg-base) 100%);position:relative;overflow:hidden}
  .app-section::before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(ellipse at right center,rgba(225,29,42,.12),transparent 60%);pointer-events:none}
  .app-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:96px;align-items:center;position:relative}
  .app-phone-wrap{position:relative;height:680px;display:flex;align-items:center;justify-content:center}
  .app-phone{width:300px;height:620px;border-radius:48px;background:linear-gradient(180deg,#1A1A1F,#0A0A0B);border:2px solid #2A2A30;padding:10px;box-shadow:0 80px 160px -40px rgba(0,0,0,.9),0 0 100px -20px rgba(225,29,42,.4),inset 0 1px 0 rgba(255,255,255,.05)}
  .app-phone-screen{width:100%;height:100%;border-radius:38px;background:#070708;overflow:hidden;padding:24px 18px;display:flex;flex-direction:column;gap:14px;position:relative}
  .app-phone-screen::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:90px;height:7px;border-radius:4px;background:#000;z-index:5}
  .ph-status{display:flex;justify-content:space-between;font-family:'JetBrains Mono';font-size:11px;color:var(--text-secondary);margin-top:4px}
  .ph-status .icons{display:flex;gap:5px;align-items:center}
  .ph-status .icons div{width:14px;height:8px;border:1px solid var(--text-secondary);border-radius:2px;position:relative}
  .ph-status .icons div::after{content:"";position:absolute;inset:1px;width:60%;background:var(--text-secondary);border-radius:1px}
  .ph-greet{margin-top:24px;font-family:'Space Grotesk'}
  .ph-greet .hi{font-size:11px;color:var(--text-muted);font-family:'JetBrains Mono';letter-spacing:.15em;text-transform:uppercase}
  .ph-greet .nm{font-size:24px;font-weight:600;letter-spacing:-0.02em;margin-top:6px}
  .ph-score{margin-top:14px;padding:22px;border-radius:20px;background:linear-gradient(160deg,rgba(225,29,42,.18),rgba(225,29,42,.04));border:1px solid rgba(225,29,42,.3);position:relative;overflow:hidden}
  .ph-score::before{content:"";position:absolute;top:-40px;right:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(225,29,42,.4),transparent 70%)}
  .ph-score-lbl{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;gap:6px}
  .ph-score-lbl .live{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow);animation:blink 2s infinite}
  .ph-score-num{font-family:'Space Grotesk';font-size:72px;font-weight:700;letter-spacing:-0.05em;line-height:1;margin-top:8px;background:linear-gradient(180deg,#fff,#A1A1AA);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ph-score-num sup{font-size:18px;color:var(--text-muted);font-weight:400;margin-left:4px;vertical-align:top;margin-top:14px;display:inline-block;-webkit-text-fill-color:var(--text-muted)}
  .ph-score-trend{font-family:'JetBrains Mono';font-size:11px;color:#4ADE80;margin-top:4px;display:flex;align-items:center;gap:5px}
  .ph-score-bar{margin-top:14px;display:flex;gap:3px;height:24px;align-items:flex-end}
  .ph-score-bar div{flex:1;background:linear-gradient(180deg,rgba(225,29,42,.6),rgba(225,29,42,.2));border-radius:2px}
  .ph-card{padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px}
  .ph-card-ic{width:36px;height:36px;border-radius:10px;background:rgba(225,29,42,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .ph-card-ic svg{width:16px;height:16px}
  .ph-card .ttl{font-family:'Space Grotesk';font-weight:500;font-size:13px}
  .ph-card .sub{font-family:'JetBrains Mono';font-size:9.5px;color:var(--text-muted);letter-spacing:.1em;margin-top:2px;text-transform:uppercase}
  .ph-card .arrow{margin-left:auto;color:var(--text-muted)}
  .ph-card .arrow svg{width:14px;height:14px}

  /* Floating UI cards around the phone */
  .ui-float{position:absolute;border-radius:14px;background:rgba(20,20,24,.92);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);padding:14px 16px;box-shadow:0 30px 60px -15px rgba(0,0,0,.7);font-size:12px;animation:float 5s ease-in-out infinite}
  .ui-float-1{top:60px;right:-20px;width:180px}
  .ui-float-2{bottom:80px;left:-30px;width:200px;animation-delay:1.5s}
  .ui-float-3{top:280px;right:-60px;width:170px;animation-delay:3s}
  .uif-lbl{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;display:flex;align-items:center;gap:6px}
  .uif-lbl .dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 5px var(--accent-glow)}
  .uif-val{font-family:'Space Grotesk';font-size:24px;font-weight:600;margin-top:6px;letter-spacing:-.02em}
  .uif-trend{font-family:'JetBrains Mono';font-size:10px;color:#4ADE80;margin-top:2px;display:flex;align-items:center;gap:4px}
  .uif-row{display:flex;align-items:center;gap:10px}
  .uif-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,#E11D2A,#8B0F18)}
  .uif-streak{display:flex;align-items:center;gap:4px;margin-top:8px}
  .uif-streak div{flex:1;height:6px;border-radius:2px;background:rgba(255,255,255,.08)}
  .uif-streak div.on{background:linear-gradient(90deg,#FF2A38,#E11D2A);box-shadow:0 0 4px rgba(225,29,42,.5)}

  .app-features{display:flex;flex-direction:column;gap:4px}
  .feat-item{padding:24px 0;border-bottom:1px solid var(--border-subtle);display:flex;gap:24px;align-items:flex-start;cursor:pointer;transition:all .3s;position:relative}
  .feat-item:hover{padding-left:12px}
  .feat-item:hover .feat-num{color:var(--accent)}
  .feat-item:hover h4{color:var(--text-primary)}
  .feat-num{font-family:'JetBrains Mono';font-size:11px;color:var(--text-faint);letter-spacing:.15em;padding-top:5px;flex-shrink:0;width:32px;transition:color .3s}
  .feat-content{flex:1}
  .feat-item h4{font-family:'Space Grotesk';font-size:22px;font-weight:600;letter-spacing:-0.02em;margin-bottom:8px;color:var(--text-primary);transition:color .3s}
  .feat-item p{font-size:15.5px;line-height:1.6;color:var(--text-secondary);max-width:480px}
  .feat-item .arrow-r{position:absolute;right:0;top:28px;color:var(--text-faint);transition:all .3s;opacity:0}
  .feat-item:hover .arrow-r{opacity:1;transform:translateX(4px);color:var(--accent)}

  .app-tagline{margin-top:120px;text-align:center}
  .app-tagline-text{font-family:'Space Grotesk';font-size:clamp(40px,5vw,64px);font-weight:600;font-style:italic;letter-spacing:-0.03em;line-height:1;background:linear-gradient(180deg,#fff 30%,#71717A 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:0.15em}
  .app-cta-row{display:flex;gap:12px;justify-content:center;margin-top:40px}

  /* Network */
  .network-section{position:relative;overflow:hidden}
  .network-pills{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:60px;justify-content:center}
  .net-pill{padding:8px 16px;border-radius:999px;border:1px solid var(--border-subtle);background:rgba(255,255,255,.02);font-size:13px;color:var(--text-secondary);font-weight:500;transition:all .25s;display:flex;align-items:center;gap:8px}
  .net-pill::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}
  .net-pill:hover{border-color:rgba(225,29,42,.4);color:var(--text-primary);background:rgba(225,29,42,.05)}

  .network-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}
  .map-wrap{position:relative;height:520px;border-radius:24px;background:linear-gradient(180deg,#0E0E12,var(--bg-base));border:1px solid var(--border-subtle);overflow:hidden}
  .map-wrap::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.025) 1px,transparent 1px);background-size:32px 32px}
  .map-wrap::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(225,29,42,.12),transparent 60%);pointer-events:none}
  .map-svg{position:relative;width:100%;height:100%;z-index:1}
  .map-overlay{position:absolute;top:24px;left:24px;display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;z-index:2}
  .map-overlay::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:blink 2s infinite}
  .map-stats{position:absolute;bottom:24px;left:24px;right:24px;display:flex;justify-content:space-between;gap:24px;z-index:2}
  .map-stat .v{font-family:'Space Grotesk';font-size:28px;font-weight:600;letter-spacing:-.02em}
  .map-stat .l{font-family:'JetBrains Mono';font-size:9.5px;color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-top:4px}

  .net-benefits{display:flex;flex-direction:column;gap:24px}
  .net-bn{padding:28px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .3s}
  .net-bn:hover{border-color:rgba(225,29,42,.3);transform:translateX(4px)}
  .net-bn-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}
  .net-bn-ic{width:40px;height:40px;border-radius:10px;background:rgba(225,29,42,.1);color:var(--accent);display:flex;align-items:center;justify-content:center}
  .net-bn-ic svg{width:18px;height:18px}
  .net-bn h4{font-family:'Space Grotesk';font-size:18px;font-weight:600;letter-spacing:-.01em}
  .net-bn p{font-size:15.5px;color:var(--text-secondary);line-height:1.55}

  /* Partner pitch */
  .partner-section{position:relative}
  .partner-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
  .partner-stats{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border-subtle)}
  .stat-row{padding:36px 0;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center}
  .stat-num{font-family:'Space Grotesk';font-size:clamp(72px,9vw,128px);font-weight:700;letter-spacing:-0.05em;line-height:0.85;background:linear-gradient(180deg,#fff 30%,#52525B 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .stat-num.accent{background:linear-gradient(180deg,#FF4350,#8B0F18);-webkit-background-clip:text;background-clip:text;color:transparent}
  .stat-label{font-size:14px;color:var(--text-secondary);line-height:1.4;font-weight:500;max-width:200px;text-transform:uppercase;letter-spacing:.05em}
  .stat-row.lead{align-items:flex-start;padding:40px 0}
  .stat-row.lead .stat-label{max-width:none}
  .stat-streams{margin-top:14px;display:flex;flex-direction:column;gap:8px}
  .stat-streams li{list-style:none;font-family:'JetBrains Mono';font-size:13px;color:var(--text-secondary);letter-spacing:.04em;line-height:1.45;text-transform:none;display:flex;gap:12px;align-items:baseline}
  .stat-streams li::before{content:attr(data-num);color:var(--accent);font-weight:500;flex-shrink:0;min-width:24px}

  .partner-takeaway{margin-top:64px;padding:40px;border-radius:18px;background:linear-gradient(180deg,rgba(225,29,42,0.06),rgba(225,29,42,0.02));border:1px solid rgba(225,29,42,0.18);max-width:920px}
  .partner-takeaway .eyebrow{margin-bottom:14px}
  .partner-takeaway p{font-family:'Space Grotesk';font-size:21px;line-height:1.5;color:var(--text-primary);font-weight:400;letter-spacing:-.005em}

  .partner-benefits{display:flex;flex-direction:column;gap:0}
  .pb-item{padding:18px 0;border-bottom:1px solid var(--border-subtle);display:flex;gap:16px;align-items:flex-start;font-size:15.5px;line-height:1.45}
  .pb-check{width:22px;height:22px;border-radius:50%;background:rgba(225,29,42,.12);color:var(--accent);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
  .pb-check svg{width:11px;height:11px}
  .pb-item .num{font-family:'JetBrains Mono';font-size:11px;color:var(--text-faint);letter-spacing:.15em;margin-right:4px}
  .partner-cta{margin-top:48px}

  /* Use Cases */
  .use-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .use-card{position:relative;padding:0;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--border-subtle);overflow:hidden;transition:all .35s;min-height:380px;display:flex;flex-direction:column}
  .use-card:hover{border-color:rgba(225,29,42,.3);transform:translateY(-4px);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
  .use-img{position:relative;height:280px;overflow:hidden;background:var(--bg-deep)}
  .use-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.3,1)}
  .use-card:hover .use-img img{transform:scale(1.04)}
  .use-num{position:absolute;top:14px;left:14px;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;color:var(--text-faint);z-index:2;text-transform:uppercase}
  .use-content{padding:22px;flex:1;display:flex;flex-direction:column}
  .use-icon{display:inline-flex;width:36px;height:36px;border-radius:10px;background:rgba(225,29,42,.1);color:var(--accent);align-items:center;justify-content:center;margin-bottom:14px}
  .use-icon svg{width:20px;height:20px}
  .use-content h4{font-family:'Space Grotesk';font-size:17px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;line-height:1.2}
  .use-content p{font-size:14.5px;color:var(--text-secondary);line-height:1.55;flex:1}

  /* Community */
  .comm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  .comm-card{padding:32px;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border-subtle);transition:all .35s;display:flex;flex-direction:column;gap:24px}
  .comm-card:hover{border-color:rgba(225,29,42,.3);transform:translateY(-2px)}
  .comm-mock{height:240px;border-radius:14px;background:linear-gradient(180deg,#0A0A0B,#070708);border:1px solid var(--border-subtle);padding:18px;position:relative;overflow:hidden}
  .comm-mock-h{font-family:'JetBrains Mono';font-size:9.5px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;margin-bottom:14px}
  .leader-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:11.5px;margin-bottom:4px}
  .leader-row.me{background:rgba(225,29,42,.1);border:1px solid rgba(225,29,42,.25)}
  .leader-rank{font-family:'JetBrains Mono';font-size:10px;color:var(--text-muted);width:14px}
  .leader-row.me .leader-rank{color:var(--accent)}
  .leader-av{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#3A3A42,#1A1A1F)}
  .leader-row.me .leader-av{background:linear-gradient(135deg,#E11D2A,#8B0F18)}
  .leader-name{flex:1;font-weight:500}
  .leader-pts{font-family:'JetBrains Mono';font-size:10px;color:var(--text-muted)}
  .leader-row.me .leader-pts{color:var(--accent)}

  .streak-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:12px}
  .streak-day{aspect-ratio:1;border-radius:5px;background:rgba(255,255,255,.04);position:relative}
  .streak-day.active{background:linear-gradient(135deg,#FF2A38,#E11D2A);box-shadow:0 0 8px rgba(225,29,42,.4)}
  .streak-day.today{background:linear-gradient(135deg,#FF4350,#E11D2A);box-shadow:0 0 14px rgba(225,29,42,.6);outline:1px solid rgba(255,255,255,.3)}
  .streak-stat{display:flex;justify-content:space-between;align-items:flex-end;margin-top:14px}
  .streak-num{font-family:'Space Grotesk';font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1}
  .streak-lbl{font-family:'JetBrains Mono';font-size:9px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase}

  .feed-post{padding:10px 12px;background:rgba(255,255,255,.03);border-radius:10px;font-size:11px;margin-bottom:8px;display:flex;gap:10px;align-items:flex-start}
  .feed-av{width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,#3A3A42,#1A1A1F);flex-shrink:0}
  .feed-name{font-weight:600;font-size:11px}
  .feed-time{font-family:'JetBrains Mono';font-size:9px;color:var(--text-muted);margin-left:6px}
  .feed-text{color:var(--text-secondary);font-size:11px;line-height:1.4;margin-top:3px}
  .feed-react{display:flex;gap:10px;margin-top:6px;font-family:'JetBrains Mono';font-size:9px;color:var(--text-muted);letter-spacing:.1em}
  .feed-react span{display:flex;align-items:center;gap:3px}

  .comm-card h3{font-family:'Space Grotesk';font-size:20px;font-weight:600;letter-spacing:-.02em}
  .comm-card p{font-size:15.5px;line-height:1.55;color:var(--text-secondary)}
  .comm-tagline{margin-top:80px;text-align:center;font-family:'JetBrains Mono';font-size:13px;letter-spacing:.3em;color:var(--text-muted);text-transform:uppercase;display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
  .comm-tagline span{display:inline-flex;align-items:center;gap:24px}
  .comm-tagline span::after{content:"·";color:var(--accent)}
  .comm-tagline span:last-child::after{display:none}

  /* Ecosystem */
  .ecosys-section{position:relative}
  .logo-wall{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin:60px 0 80px}
  .logo-tile{height:80px;border-radius:14px;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono';font-size:10px;letter-spacing:.18em;color:var(--text-faint);text-transform:uppercase;transition:all .3s}
  .logo-tile:hover{border-color:rgba(225,29,42,.25);color:var(--text-secondary)}
  .market-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .market-card{padding:36px 32px;border-radius:20px;background:linear-gradient(180deg,var(--bg-elevated),var(--bg-base));border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:20px;transition:all .3s;min-height:240px;justify-content:space-between}
  .market-card:hover{border-color:rgba(225,29,42,.3);transform:translateY(-2px)}
  .market-card .ic{width:48px;height:48px;border-radius:14px;background:rgba(225,29,42,.1);color:var(--accent);display:flex;align-items:center;justify-content:center}
  .market-card .ic svg{width:22px;height:22px}
  .market-card h4{font-family:'Space Grotesk';font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}
  .market-card .lbl{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:8px}
  .market-card .meta{font-family:'JetBrains Mono';font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:8px;margin-top:4px}
  .market-card .meta::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent)}
  .market-foot{margin-top:60px;text-align:center;font-family:'Space Grotesk';font-size:18px;font-style:italic;color:var(--text-secondary);font-weight:400}

  /* Final CTA */
  .final-cta{padding:200px 0;text-align:center;position:relative;overflow:hidden;background:var(--bg-deep)}
  .final-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1400px;height:1000px;background:radial-gradient(ellipse at center,rgba(225,29,42,.4) 0%,rgba(225,29,42,.12) 30%,transparent 60%);filter:blur(20px);animation:breathe 6s ease-in-out infinite;pointer-events:none}
  .final-headline{font-family:'Space Grotesk';font-size:clamp(56px,8vw,128px);font-weight:700;letter-spacing:-0.045em;line-height:0.92;text-wrap:balance;position:relative;z-index:1}
  .final-headline em{font-style:italic;color:var(--accent);background:linear-gradient(180deg,#FF4350,#8B0F18);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:0.15em}
  .final-sub{font-size:18px;color:var(--text-secondary);margin-top:32px;font-weight:400;position:relative;z-index:1}
  .final-cta-row{display:flex;gap:14px;justify-content:center;margin-top:48px;flex-wrap:wrap;position:relative;z-index:1}

  /* Footer */
  .footer{padding:80px 0 40px;border-top:1px solid var(--border-subtle);background:var(--bg-base)}
  .footer-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:60px;margin-bottom:60px}
  .footer-brand{max-width:280px}
  .footer-brand p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-top:18px}
  .footer-col h5{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase;margin-bottom:18px}
  .footer-col a{display:block;font-size:14.5px;color:var(--text-secondary);margin-bottom:12px;transition:color .2s}
  .footer-col a:hover{color:var(--text-primary)}
  .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid var(--border-subtle);font-size:12px;color:var(--text-muted);font-family:'JetBrains Mono';letter-spacing:.05em}
  .footer-social{display:flex;gap:16px}
  .footer-social a{width:34px;height:34px;border-radius:50%;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .25s}
  .footer-social a:hover{border-color:var(--accent);color:var(--accent)}
  .footer-social svg{width:14px;height:14px}

  /* Reveal animation */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease-out,transform .8s ease-out}
  .reveal.in{opacity:1;transform:translateY(0)}


  /* Preview tags */
  .app-preview-tag{position:absolute;top:10px;right:12px;font-family:'JetBrains Mono';font-size:8.5px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;padding:3px 8px;border-radius:4px;background:rgba(225,29,42,.08);border:1px solid rgba(225,29,42,.22);z-index:2;line-height:1}
  .phone-preview-tag{position:absolute;top:-22px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono';font-size:9px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap}
  .app-preview-label{position:absolute;top:0;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono';font-size:10px;letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;padding-bottom:8px;border-bottom:1px solid var(--border-subtle);z-index:2}
  .app-phone-wrap{padding-top:32px}

  /* Map tagline */
  .map-tagline{position:absolute;bottom:24px;left:24px;right:24px;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.12em;color:var(--text-secondary);text-transform:uppercase;line-height:1.5;z-index:2;text-align:center;padding:14px 18px;border-radius:10px;background:rgba(10,10,11,.6);backdrop-filter:blur(8px);border:1px solid var(--border-subtle)}

  /* Hamburger toggle */
  .menu-toggle{display:none;width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--border-subtle);flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .25s}
  .menu-toggle:hover{background:rgba(255,255,255,.08);border-color:var(--border-hover)}
  .menu-bar{width:18px;height:1.5px;background:var(--text-primary);border-radius:2px;transition:transform .25s ease,opacity .25s ease}
  .menu-toggle.open .menu-bar:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
  .menu-toggle.open .menu-bar:nth-child(2){opacity:0}
  .menu-toggle.open .menu-bar:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}

  /* Mobile nav overlay */
  .mobile-nav{position:fixed;inset:0;background:rgba(10,10,11,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:90;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;padding-top:68px}
  .mobile-nav.open{opacity:1;pointer-events:auto}
  .mobile-nav-inner{display:flex;flex-direction:column;align-items:center;gap:48px;padding:32px;width:100%;max-width:480px}
  .mobile-nav-links{display:flex;flex-direction:column;gap:24px;align-items:center}
  .mobile-nav-link{font-family:'Space Grotesk';font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);transition:color .2s}
  .mobile-nav-link:hover{color:var(--accent)}
  .mobile-nav-cta{display:flex;flex-direction:column;gap:12px;width:100%;max-width:280px}
  .mobile-cta-btn{width:100%}

  /* Partner form card */
  .partner-form-card{margin-top:48px;padding:32px;border-radius:16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);scroll-margin-top:88px}
  .partner-form-title{font-family:'Space Grotesk';font-size:28px;font-weight:600;letter-spacing:-.02em;line-height:1.1;margin-top:14px}
  .partner-form-sub{font-size:15px;color:var(--text-secondary);margin-top:10px;line-height:1.5;max-width:520px}
  .hubspot-form-wrap{margin-top:28px}
  /* HubSpot form theming — overrides their injected styles */
  .hs-form-frame,
  .hs-form-frame *{font-family:'Inter',system-ui,sans-serif!important;color:var(--text-primary)!important}
  .hs-form-frame label,
  .hs-form-frame .hs-form-field>label,
  .hs-form-frame .hs-fieldtype-text>label{color:var(--text-secondary)!important;font-size:12px!important;font-weight:500!important;letter-spacing:.02em!important;display:block;margin-bottom:6px}
  .hs-form-frame input[type="text"],
  .hs-form-frame input[type="email"],
  .hs-form-frame input[type="tel"],
  .hs-form-frame input[type="number"],
  .hs-form-frame input[type="url"],
  .hs-form-frame select,
  .hs-form-frame textarea{width:100%!important;background:rgba(255,255,255,0.04)!important;color:var(--text-primary)!important;border:1px solid var(--border-subtle)!important;border-radius:10px!important;padding:12px 14px!important;font-size:14px!important;transition:border-color .2s,box-shadow .2s;outline:none!important;-webkit-appearance:none;appearance:none;font-family:inherit!important}
  .hs-form-frame textarea{min-height:96px;resize:vertical}
  .hs-form-frame input::placeholder,
  .hs-form-frame textarea::placeholder{color:var(--text-faint)!important}
  .hs-form-frame input:focus,
  .hs-form-frame select:focus,
  .hs-form-frame textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px rgba(225,29,42,.15)!important}
  .hs-form-frame .hs-form-field{margin-bottom:18px}
  .hs-form-frame .hs-error-msg,
  .hs-form-frame .hs-error-msgs label{color:#FF6B6B!important;font-size:12px!important;margin-top:6px}
  .hs-form-frame fieldset{max-width:none!important;border:none!important}
  .hs-form-frame fieldset.form-columns-2 .hs-form-field{width:100%!important}
  .hs-form-frame .hs-button,
  .hs-form-frame input[type="submit"]{display:inline-flex!important;align-items:center;justify-content:center;height:48px;padding:0 26px!important;border-radius:999px!important;font-size:14px!important;font-weight:500!important;letter-spacing:.01em;background:linear-gradient(180deg,#F23341 0%,var(--accent) 60%,#B91622 100%)!important;color:#fff!important;border:none!important;cursor:pointer;transition:transform .25s,box-shadow .25s;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.3),0 0 0 1px rgba(225,29,42,.4),0 8px 30px -8px rgba(225,29,42,.5)!important;width:auto!important;font-family:'Inter',system-ui,sans-serif!important;margin-top:8px}
  .hs-form-frame .hs-button:hover,
  .hs-form-frame input[type="submit"]:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(0,0,0,.3),0 0 0 1px rgba(225,29,42,.55),0 14px 40px -8px rgba(225,29,42,.7)!important}
  .hs-form-frame .submitted-message,
  .hs-form-frame .hs-richtext{color:var(--text-secondary)!important;font-size:14px!important;line-height:1.5}
  .hs-form-frame ul.inputs-list{list-style:none!important;padding:0!important;margin:0!important}
  .hs-form-frame .hs-form-required{color:var(--accent)!important;margin-left:2px}

  /* Responsive */
  @media (max-width:1100px){
    .hero-inner{grid-template-columns:1fr;gap:60px}
    .hero-copy,.hero-visual{grid-column:1/-1}
    .hero-visual{height:520px}
    .app-grid{grid-template-columns:1fr;gap:60px}
    .app-phone-wrap{height:auto}
    .network-grid{grid-template-columns:1fr;gap:40px}
    .partner-grid{grid-template-columns:1fr;gap:40px}
    .tech-grid{grid-template-columns:repeat(2,1fr)}
    .use-grid{grid-template-columns:repeat(2,1fr)}
    .comm-grid{grid-template-columns:1fr}
    .how-grid{grid-template-columns:1fr;gap:16px}
    .how-line{display:none}
    .market-grid{grid-template-columns:1fr}
    .logo-wall{grid-template-columns:repeat(4,1fr)}
    .footer-grid{grid-template-columns:1fr 1fr;gap:40px}
    nav.primary{display:none}
    .stack-flow-rich{grid-template-columns:repeat(2,1fr);gap:20px}
    .stack-flow-line{display:none}
  }

  @media (max-width:768px){
    .menu-toggle{display:flex}
    .desktop-only-cta{display:none}
    .header-inner{padding:0 20px}
    .container{padding:0 20px}
    .section{padding:90px 0}
    .hero{padding-top:120px;padding-bottom:60px}
    .hero-copy{min-width:0}
    .hero-cta-row{flex-direction:column;align-items:stretch}
    .hero-cta-row .btn{width:100%;justify-content:center}
    .platform-frame{width:90%;max-width:480px}
    .phone-float{position:relative;bottom:auto;right:auto;left:auto;transform:none;margin:32px auto 0;animation:none;width:180px;height:auto;min-height:340px}
    .phone-float .phone-screen{height:340px}
    .phone-preview-tag{top:-18px}
    .ui-float-1,.ui-float-2,.ui-float-3{display:none}
    .map-wrap{height:auto;min-height:300px;max-height:400px;aspect-ratio:1.4/1}
    .app-tagline{margin-top:60px}
    .app-cta-row{flex-direction:column;align-items:stretch;max-width:340px;margin-left:auto;margin-right:auto}
    .app-cta-row .btn{width:100%;justify-content:center}
    .final-cta{padding:120px 0}
    .final-cta-row{flex-direction:column;align-items:stretch;max-width:340px;margin-left:auto;margin-right:auto}
    .final-cta-row .btn{width:100%;justify-content:center}
    .partner-form-card{padding:24px}
    .partner-takeaway{padding:28px;margin-top:48px}
    .partner-takeaway p{font-size:18px}
    .scroll-cue{display:none}
    .benefits-grid{grid-template-columns:1fr;gap:18px}
    .benefit-card{padding:28px 24px}
    .phase-grid{grid-template-columns:1fr;gap:32px}
    .stacking-section{padding-top:72px;padding-bottom:72px}
  }

  @media (max-width:640px){
    .section{padding:80px 0}
    .tech-grid,.use-grid,.logo-wall{grid-template-columns:1fr 1fr}
    .footer-grid{grid-template-columns:1fr 1fr}
    .stat-row{grid-template-columns:1fr;gap:8px}
    .hero-trust{grid-template-columns:1fr;gap:12px}
    .how-equation{flex-direction:column;gap:12px}
    .how-equation .eq-op{display:none}
    .stack-flow-rich{grid-template-columns:1fr;gap:16px}
    .stack-step{padding:28px 20px 24px}
    .stack-result-callout{margin-top:48px;padding-top:36px}
  }

  @media (max-width:480px){
    .container{padding:0 16px}
    .header-inner{padding:0 16px}
    .section{padding:64px 0}
    .hero-headline{font-size:clamp(40px,11vw,56px)}
    .sec-title{font-size:clamp(30px,8vw,42px)}
    .stat-num{font-size:clamp(56px,15vw,80px)}
    .final-headline{font-size:clamp(40px,11vw,64px)}
    .stat-1,.stat-2{display:none}
    .tech-grid{grid-template-columns:1fr}
    .use-grid{grid-template-columns:1fr}
    .logo-wall{grid-template-columns:repeat(3,1fr)}
    .footer-grid{grid-template-columns:1fr;gap:32px}
    .footer-bottom{flex-direction:column;gap:18px;text-align:center}
    .app-phone{width:240px;height:496px}
    .app-phone-screen{padding:18px 14px}
    .ph-score-num{font-size:56px}
    .partner-form-card{padding:20px;margin-top:32px}
    .partner-form-title{font-size:24px}
    .map-wrap{aspect-ratio:1.3/1}
    .map-overlay{font-size:9.5px;left:14px;top:14px}
    .map-tagline{font-size:9.5px;left:14px;right:14px;bottom:14px;padding:10px 12px}
    .net-pill{font-size:11.5px;padding:7px 13px}
    .platform-frame{width:96%}
    .corner-tag{font-size:9px}
    .pod-status{font-size:8.5px;top:18px;right:18px}
    .hero-product-frame{width:92%}
    .footer{padding:60px 0 32px}
  }


  /* ===== Multi-page additions ===== */

  /* Audience cards (home page) */
  .audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
  .audience-card{position:relative;padding:36px 32px;border-radius:20px;background:linear-gradient(165deg,#F23341 0%,#E11D2A 50%,#8B0F18 100%);border:1px solid rgba(255,255,255,0.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.3),0 20px 50px -15px rgba(225,29,42,.45);transition:all .35s;display:flex;flex-direction:column;gap:18px;min-height:340px;text-decoration:none;color:inherit}
  .audience-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(0,0,0,.35),0 30px 80px -10px rgba(225,29,42,.7)}
  .audience-card .ico{width:52px;height:52px;border-radius:14px;background:rgba(255,255,255,0.15);color:#fff;border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center}
  .audience-card .ico svg{width:24px;height:24px}
  .audience-card .lbl{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,0.75);text-transform:uppercase}
  .audience-card h3{font-family:'Space Grotesk';font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1;color:#fff}
  .audience-card p{font-size:15.5px;line-height:1.55;color:rgba(255,255,255,0.88);flex:1}
  .audience-card .go{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono';font-size:12px;color:#fff;letter-spacing:.12em;text-transform:uppercase;margin-top:8px}
  .audience-card .go svg{width:14px;height:14px;transition:transform .25s}
  .audience-card:hover .go svg{transform:translateX(4px)}

  /* Page-hero (smaller hero on subpages) */
  .page-hero{padding-top:160px;padding-bottom:80px;position:relative;overflow:hidden;border-top:none}
  .page-hero-inner{position:relative;z-index:1;max-width:880px;margin:0 auto;text-align:center}
  .page-hero-headline{font-size:clamp(44px,6vw,80px);font-family:'Space Grotesk';font-weight:700;letter-spacing:-.035em;line-height:0.98;text-wrap:balance}
  .page-hero-headline em{font-style:italic;background:linear-gradient(180deg,#FF4350 0%,#E11D2A 70%,#8B0F18 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:0.15em}
  .page-hero-sub{font-size:19px;color:var(--text-secondary);line-height:1.55;max-width:640px;margin:24px auto 0;font-weight:400}

  /* Two-section partner page divider */
  .section-divider{padding:24px 0;text-align:center;border-top:1px solid var(--border-subtle);margin-top:60px}
  .section-anchor-nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:40px}
  .section-anchor-nav a{padding:10px 18px;border-radius:999px;border:1px solid var(--border-subtle);font-family:'JetBrains Mono';font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);transition:all .25s}
  .section-anchor-nav a:hover{border-color:rgba(225,29,42,.4);color:var(--text-primary);background:rgba(225,29,42,.05)}

  /* Investor specifics */
  .invest-thesis{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
  .invest-card{padding:36px 32px;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:18px}
  .invest-card .num{font-family:'JetBrains Mono';font-size:12px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}
  .invest-card h3{font-family:'Space Grotesk';font-size:22px;font-weight:600;letter-spacing:-.02em;line-height:1.15}
  .invest-card p{font-size:15.5px;line-height:1.6;color:var(--text-secondary)}

  .stage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}
  .stage-row{padding:28px;border-radius:16px;border:1px solid var(--border-subtle);background:var(--bg-elevated);display:flex;gap:20px;align-items:flex-start}
  .stage-row .badge{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;padding:5px 10px;border-radius:6px;background:rgba(225,29,42,.1);border:1px solid rgba(225,29,42,.25);flex-shrink:0;line-height:1.4}
  .stage-row .stage-body h4{font-family:'Space Grotesk';font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}
  .stage-row .stage-body p{font-size:15px;line-height:1.55;color:var(--text-secondary)}

  /* Sub-page intro tag for context (e.g., "Page 1 of 3" or "For Operators") */
  .page-tag{display:inline-flex;align-items:center;gap:10px;font-family:'JetBrains Mono';font-size:11px;letter-spacing:.22em;color:var(--text-muted);text-transform:uppercase;margin-bottom:18px}
  .page-tag::before{content:"";width:24px;height:1px;background:var(--accent)}

  /* Form-card variant for investor request */
  .request-card{max-width:680px;margin:0 auto;padding:40px;border-radius:20px;background:var(--bg-elevated);border:1px solid var(--border-subtle)}
  .request-card .eyebrow{margin-bottom:14px}
  .request-card h2{font-family:'Space Grotesk';font-size:32px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
  .request-card p{font-size:15.5px;color:var(--text-secondary);line-height:1.55;margin-top:12px}

  /* === Persona accordion (recover.html) === */
  .persona-accordion{display:flex;flex-direction:column;gap:14px;margin-top:48px;max-width:920px;margin-left:auto;margin-right:auto}
  .persona-card{background:linear-gradient(180deg,rgba(20,20,24,0.95),rgba(10,10,11,0.95));border:1px solid rgba(255,255,255,0.14);border-radius:18px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
  .persona-card[open]{border-color:rgba(225,29,42,0.4);box-shadow:0 18px 50px -16px rgba(225,29,42,0.25)}
  .persona-card summary{list-style:none;cursor:pointer;padding:24px 28px;display:flex;align-items:center;gap:20px;color:#FFFFFF}
  .persona-card summary::-webkit-details-marker{display:none}
  .persona-card .persona-tag{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase;padding:5px 11px;border-radius:6px;background:rgba(225,29,42,0.1);border:1px solid rgba(225,29,42,0.25);flex-shrink:0;line-height:1}
  .persona-card .persona-headline{font-family:'Space Grotesk';font-size:22px;font-weight:600;letter-spacing:-.02em;color:#FFFFFF;flex:1}
  .persona-card .persona-toggle{width:24px;height:24px;flex-shrink:0;position:relative;transition:transform .35s}
  .persona-card .persona-toggle::before,.persona-card .persona-toggle::after{content:"";position:absolute;background:#FFFFFF;border-radius:1px;top:50%;left:50%;transform:translate(-50%,-50%)}
  .persona-card .persona-toggle::before{width:14px;height:1.5px}
  .persona-card .persona-toggle::after{width:1.5px;height:14px;transition:transform .35s}
  .persona-card[open] .persona-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
  .persona-card .persona-content{padding:0 28px 28px;color:rgba(255,255,255,0.88);line-height:1.6;font-size:16px}
  .persona-card .persona-content p{margin-bottom:14px;color:rgba(255,255,255,0.88)}
  .persona-card .persona-pain{font-size:18px}
  .persona-card .persona-outcomes-label{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.22em;color:rgba(255,255,255,0.65);text-transform:uppercase;margin-top:20px;margin-bottom:8px}
  .persona-card .persona-outcomes{list-style:none;padding:0;margin:0 0 24px}
  .persona-card .persona-outcomes li{padding-left:22px;position:relative;margin-bottom:10px;color:rgba(255,255,255,0.92);line-height:1.55}
  .persona-card .persona-outcomes li::before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:var(--accent);border-radius:2px}

  /* Persona cards inside a light section — keep card dark, ensure all internal text stays light */
  .section.light .persona-card{box-shadow:0 14px 36px -16px rgba(10,10,11,0.25)}
  .section.light .persona-card[open]{box-shadow:0 22px 60px -16px rgba(225,29,42,0.3)}

  /* === Session walkthrough === */
  .session-walkthrough{display:flex;flex-direction:column;gap:18px;margin-top:48px;max-width:920px;margin-left:auto;margin-right:auto}
  .session-step{padding:32px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}
  .session-step-num{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.22em;color:var(--accent);text-transform:uppercase}
  .session-step h3{font-family:'Space Grotesk';font-size:22px;font-weight:600;letter-spacing:-.02em}
  .session-step p{font-size:16px;line-height:1.6;color:var(--text-secondary)}
  .session-step-platform{padding:36px;border-color:rgba(225,29,42,0.18);background:linear-gradient(180deg,rgba(225,29,42,0.04),rgba(225,29,42,0.01))}
  .session-phases{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:20px;border-top:1px solid var(--border-subtle)}
  .session-phase{padding:14px 16px;border-radius:10px;background:rgba(0,0,0,0.25);border:1px solid rgba(255,255,255,0.06);font-size:14.5px;line-height:1.55;color:var(--text-secondary)}
  .session-phase strong{color:var(--text-primary);margin-right:6px}
  .session-phase .ph-num{display:inline-block;font-family:'JetBrains Mono';font-size:10.5px;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-right:14px;padding:3px 8px;border-radius:5px;background:rgba(225,29,42,0.1);border:1px solid rgba(225,29,42,0.22)}

  /* === Contrast grid (why it's different) === */
  .contrast-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:48px;max-width:1080px;margin-left:auto;margin-right:auto}
  .contrast-card{padding:28px;border-radius:16px;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:12px}
  .contrast-card .contrast-tag{font-family:'JetBrains Mono';font-size:11px;letter-spacing:.18em;color:var(--text-muted);text-transform:uppercase}
  .contrast-card .contrast-tag.accent{color:var(--accent)}
  .contrast-card p{font-size:15.5px;line-height:1.55}
  .contrast-card .contrast-good{color:var(--text-primary)}
  .contrast-card .contrast-bad{color:var(--text-muted);font-size:14.5px}
  .contrast-card-highlight{grid-column:1 / -1;background:linear-gradient(180deg,rgba(20,20,24,0.95),rgba(10,10,11,0.95));border:1px solid rgba(225,29,42,0.4);padding:40px;text-align:center;color:#FFFFFF;box-shadow:0 18px 50px -16px rgba(225,29,42,0.3)}
  .contrast-card-highlight .contrast-tag{color:rgba(255,80,90,1)}
  .contrast-card-highlight p{font-family:'Space Grotesk';font-size:19px;font-weight:500;line-height:1.5;color:#FFFFFF;max-width:760px;margin:0 auto}

  /* Contrast grid inside light section */
  .section.light .contrast-card{box-shadow:0 12px 30px -14px rgba(10,10,11,0.2)}

  /* === Science grid === */
  .science-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px;max-width:1080px;margin-left:auto;margin-right:auto}
  .science-item{padding:32px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--border-subtle)}
  .science-item h4{font-family:'Space Grotesk';font-size:19px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px;color:var(--text-primary)}
  .science-item p{font-size:15px;line-height:1.6;color:var(--text-secondary)}
  .science-item-wide{grid-column:1 / -1}

  /* === What you get grid === */
  .get-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .get-card{padding:36px 28px;border-radius:18px;background:linear-gradient(180deg,rgba(20,20,24,0.95),rgba(10,10,11,0.95));border:1px solid rgba(255,255,255,0.14);display:flex;flex-direction:column;gap:14px;color:#FFFFFF;transition:transform .35s,box-shadow .35s}
  .get-card:hover{transform:translateY(-3px)}
  .get-card h3{font-family:'Space Grotesk';font-size:22px;font-weight:600;letter-spacing:-.02em;color:#FFFFFF}
  .get-card p{font-size:15px;line-height:1.55;color:rgba(255,255,255,0.85);flex:1}
  .get-card .get-link{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono';font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-top:8px;text-decoration:none;transition:gap .25s}
  .get-card .get-link:hover{gap:12px}
  .section.light .get-card{box-shadow:0 16px 40px -16px rgba(10,10,11,0.25)}

  /* === FAQ list === */
  .faq-list{display:flex;flex-direction:column;gap:10px;margin-top:48px;max-width:840px;margin-left:auto;margin-right:auto}
  .faq-item{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;transition:border-color .25s}
  .faq-item[open]{border-color:rgba(225,29,42,0.3)}
  .faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Space Grotesk';font-size:17px;font-weight:500;color:var(--text-primary)}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item .faq-toggle{width:20px;height:20px;flex-shrink:0;position:relative;transition:transform .35s}
  .faq-item .faq-toggle::before,.faq-item .faq-toggle::after{content:"";position:absolute;background:var(--text-muted);border-radius:1px;top:50%;left:50%;transform:translate(-50%,-50%)}
  .faq-item .faq-toggle::before{width:12px;height:1.5px}
  .faq-item .faq-toggle::after{width:1.5px;height:12px;transition:transform .35s}
  .faq-item[open] .faq-toggle::after{transform:translate(-50%,-50%) rotate(90deg)}
  .faq-item p{padding:0 24px 22px;font-size:15.5px;line-height:1.6;color:var(--text-secondary);margin:0}

  /* === Recover hero — side-by-side layout with animated app demo === */
  .recover-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:2}
  .recover-hero-layout .page-hero-inner{text-align:left;max-width:none;margin:0}
  .recover-hero-demo{display:flex;align-items:center;justify-content:center;width:100%}
  .app-demo-iframe{width:360px;max-width:100%;height:700px;border:0;background:transparent;position:relative;z-index:2}

  @media (max-width:1100px){
    .recover-hero-layout{grid-template-columns:1fr;gap:40px;text-align:center}
    .recover-hero-layout .page-hero-inner{text-align:center}
    .recover-hero-layout .hero-cta-row{justify-content:center !important}
    .app-demo-iframe{width:340px;height:680px}
  }
  @media (max-width:640px){
    .app-demo-iframe{width:290px;height:620px}
  }

  /* === Recover-page responsive === */
  @media (max-width:1100px){
    .contrast-grid{grid-template-columns:1fr}
    .contrast-card-highlight{grid-column:auto}
    .science-grid{grid-template-columns:1fr}
    .science-item-wide{grid-column:auto}
    .get-grid{grid-template-columns:1fr;gap:18px}
  }
  @media (max-width:640px){
    .persona-card summary{padding:18px 20px;gap:14px;flex-wrap:wrap}
    .persona-card .persona-headline{font-size:18px;width:100%}
    .persona-card .persona-content{padding:0 20px 24px}
    .session-step{padding:24px}
    .session-step-platform{padding:24px}
    .session-phase{padding:12px 14px;font-size:14px}
    .faq-item summary{padding:16px 18px;font-size:15.5px}
    .faq-item p{padding:0 18px 18px}
  }

  /* === Anatomy section — platform feature breakdown === */
  .anatomy-section{padding:120px 0}
  .anatomy-frame{position:relative;margin:60px auto 0;max-width:1100px;padding:0 280px}
  .anatomy-image-wrap{position:relative;width:100%;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(10,10,11,0.5)}
  .anatomy-image{width:100%;height:auto;display:block}
  .anatomy-lines{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
  .anatomy-callout{position:absolute;width:240px;z-index:2}
  .anatomy-callout-left{left:0}
  .anatomy-callout-right{right:0}
  .anatomy-card{background:linear-gradient(180deg,rgba(20,20,24,0.96),rgba(10,10,11,0.96));border:1px solid rgba(225,29,42,0.45);border-radius:10px;padding:14px 16px;color:#FFFFFF;box-shadow:0 8px 18px -10px rgba(225,29,42,0.25),0 3px 8px -3px rgba(10,10,11,0.4)}
  .anatomy-card-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
  .anatomy-badge{width:30px;height:30px;background:#E11D2A;color:#FFFFFF;font-family:'JetBrains Mono';font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:5px;letter-spacing:.05em;flex-shrink:0}
  .anatomy-icon{width:22px;height:22px;color:#E11D2A;flex-shrink:0}
  .anatomy-icon svg{width:100%;height:100%;display:block}
  .anatomy-card h4{font-family:'Space Grotesk';font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#FFFFFF;margin:0;flex:1}
  .anatomy-card p{font-size:12.5px;line-height:1.45;color:rgba(255,255,255,0.78);margin:0}

  /* Anatomy responsive — stack labels above and below the image, hide the lines */
  @media (max-width:1100px){
    .anatomy-frame{padding:0;max-width:680px;display:flex;flex-direction:column}
    .anatomy-callout{position:static;width:100%;margin:0 0 14px}
    .anatomy-callout-left,.anatomy-callout-right{display:block}
    .anatomy-lines{display:none}
    .anatomy-image-wrap{margin:24px 0}
    .anatomy-frame > .anatomy-image-wrap{order:2}
    .anatomy-frame > .anatomy-callout-left{order:1}
    .anatomy-frame > .anatomy-callout-right{order:3}
  }
  @media (max-width:640px){
    .anatomy-section{padding:80px 0}
    .anatomy-card{padding:12px 14px}
    .anatomy-card h4{font-size:15px}
    .anatomy-card p{font-size:12px}
  }

  @media (max-width:1100px){
    .audience-grid{grid-template-columns:1fr}
    .invest-thesis{grid-template-columns:1fr}
    .stage-grid{grid-template-columns:1fr}
  }
  @media (max-width:480px){
    .request-card{padding:24px}
    .page-hero{padding-top:120px;padding-bottom:60px}
  }