:root{
    --ink:#0b0b0d; --text:#26262c; --soft:#5f5f6b; --faint:#9a9aa3;
    --paper:#ffffff; --paper-2:#fafafa; --paper-3:#f4f4f6;
    --line:#e9e9ee; --line-strong:#dcdce3;
    --indigo:#4f46e5; --indigo-ink:#3d36c4; --indigo-wash:#f2f1fe;
    --blue:#3b82f6; --pink:#ec4899; --orange:#f59e0b; --purple:#8b5cf6; --green:#10b981;
    --r:12px; --r-sm:8px; --maxw:1080px;
    --fd:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    --fb:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    --fm:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--paper)}
  section[id]{scroll-margin-top:88px}
  @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *,*::before,*::after{transition:none!important;animation:none!important} }
  .rv{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1)}
  .rv.in{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){ .rv{opacity:1;transform:none;transition:none} }

  /* ════════ light marketing shell ════════ */
  ::selection{background:var(--indigo);color:#fff}
  body{font-family:var(--fb);background:var(--paper);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  img,video{max-width:100%;display:block}
  a{color:inherit;text-decoration:none}
  h1,h2,h3,h4{font-family:var(--fd);font-weight:600;color:var(--ink)}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
  :focus-visible{outline:2px solid var(--indigo);outline-offset:2px;border-radius:4px}

  .eyebrow{display:inline-block;font-family:var(--fd);font-size:13px;font-weight:500;color:var(--indigo);margin-bottom:12px;letter-spacing:0}

  /* buttons */
  .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--fd);font-weight:500;font-size:14px;border-radius:999px;padding:10px 20px;border:1px solid transparent;cursor:pointer;transition:transform .16s cubic-bezier(.22,.61,.36,1),background .16s,border-color .16s,color .16s,box-shadow .16s;white-space:nowrap}
  .btn:active{transform:scale(.97)}
  .btn-dark{background:var(--ink);color:#fff}
  .btn-dark:hover{background:#26262c;transform:translateY(-1px)}
  .btn-line{background:var(--paper);color:var(--ink);border-color:var(--line-strong)}
  .btn-line:hover{border-color:var(--faint);transform:translateY(-1px)}
  .btn-indigo{background:var(--indigo);color:#fff;box-shadow:0 10px 26px -10px rgba(79,70,229,.55),0 2px 6px -2px rgba(79,70,229,.38)}
  .btn-indigo:hover{background:var(--indigo-ink);transform:translateY(-1px);box-shadow:0 16px 34px -12px rgba(79,70,229,.6),0 3px 9px -2px rgba(79,70,229,.45)}
  .btn-lg{padding:14px 28px;font-size:15px}

  /* floating pill nav */
  header{position:fixed;top:0;left:0;right:0;z-index:60;padding:14px 20px 0;pointer-events:none}
  .nav{pointer-events:auto;max-width:980px;margin:0 auto;display:flex;align-items:center;gap:22px;padding:9px 9px 9px 20px;border-radius:20px;border:1px solid var(--line);background:rgba(243,243,246,.9);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 8px 30px -22px rgba(11,11,13,.2);transition:box-shadow .25s,background .25s}
  header.scrolled .nav{background:rgba(243,243,246,.97);box-shadow:0 14px 38px -18px rgba(11,11,13,.26)}
  .logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--fd);font-weight:600;font-size:16px;letter-spacing:-.01em;color:var(--ink)}
  .logo-badge{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:7px;background:linear-gradient(135deg,#6d66ff,#4338ca);color:#fff;font-weight:700;font-size:13px}
  .nav-links{display:flex;gap:2px;margin-left:auto}
  .nav-links a{font-size:13.5px;font-weight:500;color:var(--text);padding:7px 13px;border-radius:999px;transition:color .15s,background .15s}
  .nav-links a:hover{color:var(--ink);background:var(--paper-3)}
  .nav-right{display:flex;align-items:center;gap:8px}
  .nav-right .btn{padding:8px 17px;font-size:13.5px}
  .nav-toggle{display:none;background:transparent;border:0;color:var(--ink);cursor:pointer;padding:6px}
  .mobile-menu{display:none}

  /* dropdown nav */
  .nd{position:relative}
  .nd-btn{font-family:inherit;font-size:13.5px;font-weight:500;color:var(--soft);padding:7px 13px;border-radius:999px;background:transparent;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:color .15s,background .15s}
  .nd-btn .crt{opacity:.65;transition:transform .25s cubic-bezier(.22,.61,.36,1)}
  .nd:hover .nd-btn.nd.open .nd-btn{color:var(--ink);background:var(--paper-3)}
  .nd.open .nd-btn .crt{transform:rotate(180deg)}
  .nd-panel{position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,10px) scale(.97);transform-origin:top center;opacity:0;visibility:hidden;pointer-events:none;min-width:252px;padding:7px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 24px 60px -24px rgba(11,11,13,.28);transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s linear .22s}
  .nd.open .nd-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);transition:opacity .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1),visibility 0s}
  /* mega dropdown: full-nav-width panel with icon cards */
  .nav{position:relative}
  .nd:has(.nd-mega){position:static}
  .nd-panel.nd-mega{left:14px;right:14px;top:calc(100% + 10px);min-width:0;transform:translateY(10px) scale(.99);padding:10px;border-radius:20px}
  .nd.open .nd-panel.nd-mega{transform:translateY(0) scale(1)}
  .nd-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .nd-card{display:flex;gap:13px;align-items:flex-start;padding:15px 16px;border-radius:14px;background:var(--paper-2);transition:background .15s}
  .nd-card:hover{background:var(--paper-3)}
  .nd-card .ic{flex:none;width:18px;height:18px;color:var(--faint);margin-top:2px}
  .nd-card .ic svg{width:18px;height:18px;display:block}
  .nd-card b{display:block;font-family:var(--fd);font-size:14.5px;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-bottom:2px;white-space:normal}
  .nd-card span{display:block;font-size:12.5px;color:var(--soft);line-height:1.45;white-space:normal}
  @media (prefers-reduced-motion:reduce){ .nd-panel{transition:none} .nd-btn .crt{transition:none} }

  /* hero */
  .hero{padding:150px 0 60px;position:relative;overflow:hidden;text-align:center;background:var(--paper)}
  .hero::before{content:"";position:absolute;inset:-12% -6% 0;z-index:0;pointer-events:none;background:radial-gradient(38% 44% at 15% 6%,rgba(79,70,229,.22),transparent 62%),radial-gradient(34% 40% at 85% 15%,rgba(236,72,153,.15),transparent 60%),radial-gradient(46% 48% at 50% 98%,rgba(139,92,246,.20),transparent 66%),radial-gradient(30% 34% at 90% 80%,rgba(245,158,11,.12),transparent 62%)}
  .hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:200px;z-index:0;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--paper))}
  .hero .wrap{max-width:1000px;position:relative;z-index:1}
  .hero-live{display:none}
  .hero-live i{display:none}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(79,70,229,.45)}70%{box-shadow:0 0 0 10px rgba(79,70,229,0)}100%{box-shadow:0 0 0 0 rgba(79,70,229,0)}}
  .hero-badge{display:inline-flex;align-items:center;gap:9px;margin:0 auto 30px;padding:5px 15px 5px 6px;border-radius:999px;background:rgba(255,255,255,.7);backdrop-filter:blur(6px);border:1px solid var(--line);box-shadow:0 1px 2px rgba(11,11,13,.05);font-size:13.5px;font-weight:500;color:var(--soft);text-decoration:none;transition:border-color .16s,transform .16s}
  .hero-badge:hover{border-color:var(--line-strong);transform:translateY(-1px)}
  .hero-badge .tag{background:var(--indigo);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.03em;text-transform:uppercase}
  .hero-badge .go{color:var(--faint);display:inline-flex}
  .hero h1{font-size:clamp(44px,7.6vw,92px);line-height:1.03;letter-spacing:-.038em;font-weight:600}
  .hero h1 span{display:block}
  .hero h1 .mut{color:var(--indigo);font-style:normal;font-weight:600}
  .hero p.sub{font-size:18.5px;line-height:1.6;color:var(--soft);max-width:50ch;margin:28px auto 0}
  .hero .cta{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:38px}
  .hero .cta .demo-link{display:inline-flex;align-items:center;gap:7px;color:var(--soft);text-decoration:none;font-size:14.5px;font-weight:500;transition:color .16s}
  .hero .cta .demo-link:hover{color:var(--ink)}
  .hero .facts{display:none}
  .hero .facts span{display:none}

  /* hero intro choreography */
  @keyframes heroUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
  .hero .hero-badge{opacity:0;animation:heroUp .7s cubic-bezier(.22,.61,.36,1) forwards .04s}
  .hero h1 span{opacity:0;animation:heroUp .8s cubic-bezier(.22,.61,.36,1) forwards}
  .hero h1 span:nth-child(1){animation-delay:.16s}
  .hero h1 span:nth-child(2){animation-delay:.26s}
  .hero .hero-live{opacity:0;animation:heroUp .6s ease forwards .02s}
  .hero .sub{opacity:0;animation:heroUp .7s cubic-bezier(.22,.61,.36,1) forwards .42s}
  .hero .cta{opacity:0;animation:heroUp .7s cubic-bezier(.22,.61,.36,1) forwards .54s}
  .hero .facts{opacity:0;animation:heroUp .7s cubic-bezier(.22,.61,.36,1) forwards .62s}
  @media (prefers-reduced-motion:reduce){ .hero .hero-badge,.hero h1 span,.hero .hero-live,.hero .sub,.hero .cta,.hero .facts{animation:none;opacity:1} }
  @keyframes stFadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
  .chart-tt{position:absolute;display:none;background:#0f172a;color:#fff;border-radius:9px;padding:8px 11px;font-family:var(--fm);font-size:11px;line-height:1.65;pointer-events:none;z-index:6;box-shadow:0 8px 20px rgba(0,0,0,.28);white-space:nowrap;border:1px solid rgba(255,255,255,.08)}
  .chart-tt b{font-family:var(--fd);font-size:11.5px}
  .heat i{transition:transform .12s,filter .12s;cursor:default}
  .heat i[data-c]{cursor:pointer}
  .heat i.hov{transform:scale(1.35);filter:brightness(1.15);position:relative;z-index:2}
  .dots i{transition:transform .1s}
  .dots i.hov{transform:scale(1.35)}
  .logo img{width:26px;height:26px;border-radius:7px}
  .side-brand .logo-badge{width:22px;height:22px;font-size:12px;border-radius:6px}
  /* ════════ sections (light) ════════ */
  .sec{padding:110px 0 0}
  .sec-head{margin-bottom:30px}
  .sec-head h2{font-size:clamp(30px,4.8vw,52px);letter-spacing:-.035em;line-height:1.06;max-width:22ch}
  .sec-sub{color:var(--soft);font-size:16.5px;max-width:56ch;margin:-14px 0 44px}

  /* featured-on trust bar */
  .trust{padding:30px 0 6px}
  .trust .wrap{display:flex;flex-direction:column;align-items:center;gap:22px}
  .trust-label{font-size:12px;color:var(--faint);font-weight:600;letter-spacing:.16em;text-transform:uppercase}
  .trust-scroll{position:relative;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .trust-track{display:flex;align-items:center;gap:60px;width:max-content;animation:trustmarq 38s linear infinite}
  .trust-scroll:hover .trust-track{animation-play-state:paused}
  @keyframes trustmarq{to{transform:translateX(-50%)}}
  .flogo{display:inline-flex;align-items:center;gap:12px;color:#adaeb9;font-family:var(--fd);font-size:21px;font-weight:700;letter-spacing:-.015em;white-space:nowrap;flex:none}
  .flogo .m{width:30px;height:30px;border-radius:9px;border:1.7px solid #cdced6;color:#adaeb9;display:flex;align-items:center;justify-content:center;font-size:11.5px;font-weight:800;flex:none;letter-spacing:-.02em}
  .flogo .m.circ{border-radius:50%}
  .flogo .m.bare{border:none}
  .flogo .m svg{width:18px;height:18px}
  @media (prefers-reduced-motion:reduce){.trust-track{animation:none;flex-wrap:wrap;justify-content:center;width:auto}}
  .foot-badges{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px}
  .foot-badges a{display:inline-flex;line-height:0;border-radius:8px;opacity:.85;transition:opacity .16s,transform .16s cubic-bezier(.22,.61,.36,1)}
  .foot-badges a:hover{opacity:1;transform:translateY(-1px)}
  .foot-badges img{display:block;width:auto;height:26px;max-width:none}

  /* platforms orbit */
  .integrates{position:relative;overflow:hidden;padding:64px 0 82px}
  .integrates .sec-head{text-align:center;max-width:var(--maxw);margin:0 auto 0}
  .integrates .sec-head h2{max-width:none}
  .integrates .sec-sub{margin:14px auto 0;max-width:56ch;text-align:center}
  .orbit{position:relative;margin-top:52px;min-height:280px;display:flex;align-items:center;justify-content:center}
  .orbit-rings{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1180px,150%);aspect-ratio:1;pointer-events:none;z-index:0}
  .orbit-rings i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--line);border-radius:50%;will-change:transform,opacity;animation:orbitPulse 11s ease-in-out infinite}
  .orbit-rings i:nth-child(1){width:24%;height:24%;border-color:var(--line-strong)}
  .orbit-rings i:nth-child(2){width:46%;height:46%}
  .orbit-rings i:nth-child(3){width:70%;height:70%}
  .orbit-rings i:nth-child(4){width:100%;height:100%}
  .orbit-rings i:nth-child(1){animation-duration:8s}
  .orbit-rings i:nth-child(2){animation-duration:10s;animation-delay:-2.5s}
  .orbit-rings i:nth-child(3){animation-duration:12.5s;animation-delay:-5s}
  .orbit-rings i:nth-child(4){animation-duration:15s;animation-delay:-7.5s}
  @keyframes orbitPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.035);opacity:.55}}
  .orbit-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(12px,3vw,42px)}
  .pf{display:flex;flex-direction:column;align-items:center;gap:11px;width:86px;text-align:center}
  .pf .g{width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--ink)}
  .pf .g svg{width:38px;height:38px}
  .pf b{font-family:var(--fd);font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.01em}
  .pf em{font-style:normal;font-size:10.5px;color:var(--faint);margin-top:-3px;letter-spacing:.02em}
  .pf.soon .g{filter:grayscale(1);opacity:.4;color:var(--faint)}
  .pf.soon b{color:var(--faint);font-weight:500}
  .pf.live-new em{color:var(--indigo);font-weight:600;background:var(--indigo-wash);border-radius:999px;padding:2px 8px;margin-top:1px;letter-spacing:.01em}
  .pf.core{width:130px}
  .core-disc{width:94px;height:94px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 38%,#efeefe,#e0ddfb);box-shadow:0 0 0 12px rgba(79,70,229,.05),0 20px 50px -16px rgba(79,70,229,.42)}
  .core-disc .s{width:52px;height:52px;border-radius:15px;background:linear-gradient(150deg,#6d64ee,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:800;font-size:26px;letter-spacing:-.03em;box-shadow:0 8px 20px -6px rgba(79,70,229,.55)}
  @media (max-width:820px){
    .orbit{min-height:0}
    .orbit-rings{display:none}
    .orbit-row{flex-wrap:wrap;gap:26px 20px}
    .pf.core{order:-1;width:100%;margin-bottom:6px}
    .pf{width:78px}
  }

  /* get-started (indigo band) */
  .steps3{position:relative;overflow:hidden;background:linear-gradient(180deg,#5b52ea,#4f46e5);color:#fff;padding:84px 0 76px}
  .steps3 .wrap{position:relative;z-index:1}
  .steps3-lines{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
  .steps3-lines .ln{position:absolute}
  .steps3-lines .ln-a{top:-40px;left:-30px}
  .steps3-lines .ln-b{bottom:-70px;right:-30px;transform:scaleX(-1)}
  .steps3-head{text-align:center;max-width:760px;margin:0 auto}
  .steps3 .pill{display:inline-flex;align-items:center;gap:8px;padding:7px 15px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#fff;font-size:13px;font-weight:600;margin-bottom:18px}
  .steps3 .pill i{width:6px;height:6px;border-radius:50%;background:#6ee7a8;box-shadow:0 0 0 3px rgba(110,231,168,.25)}
  .steps3 h2{font-size:clamp(30px,4.4vw,46px);letter-spacing:-.03em;line-height:1.08;font-weight:700;color:#fff}
  .steps3 .s3-sub{margin:16px auto 0;max-width:52ch;color:rgba(255,255,255,.84);font-size:17px;line-height:1.55}
  .steps3 .s3-sub b{color:#fff;font-weight:700}
  .s3-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px}
  .s3-card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 34px 60px -30px rgba(23,16,74,.55);display:flex;flex-direction:column}
  .s3-viz{height:188px;background:linear-gradient(180deg,#f4f3ff,#ecebfe);position:relative;overflow:hidden}
  .s3-body{padding:24px 26px 30px}
  .s3-body .n{display:flex;align-items:center;gap:11px;margin-bottom:9px}
  .s3-body .num{width:26px;height:26px;border-radius:50%;background:var(--indigo);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;flex:none}
  .s3-body h3{font-size:18.5px;font-weight:700;color:var(--ink);letter-spacing:-.02em}
  .s3-body p{margin-top:2px;color:var(--soft);font-size:14.5px;line-height:1.6}
  .s3-cta{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:46px}
  .s3-cta a{display:inline-flex;align-items:center;gap:9px;background:#fff;color:var(--indigo-ink);font-family:var(--fd);font-weight:700;font-size:16px;padding:15px 34px;border-radius:999px;box-shadow:0 16px 34px -14px rgba(20,16,60,.55);transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s}
  .s3-cta a:hover{transform:translateY(-2px);box-shadow:0 22px 46px -14px rgba(20,16,60,.65)}
  .s3-cta a svg{width:18px;height:18px}
  .s3-cta .fine{color:rgba(255,255,255,.74);font-size:13px}
  .mk-win{position:absolute;left:24px;right:24px;top:28px;background:#fff;border:1px solid #e7e4fb;border-radius:12px;box-shadow:0 16px 30px -18px rgba(60,50,150,.5);overflow:hidden}
  .mk-bar{display:flex;align-items:center;gap:5px;padding:9px 11px;border-bottom:1px solid #f1effe}
  .mk-bar .d{width:7px;height:7px;border-radius:50%;background:#dcd8f7;flex:none}
  .mk-url{flex:1;height:8px;border-radius:5px;background:#eceafe;margin-left:8px}
  .mk-lines{padding:14px;display:flex;flex-direction:column;gap:9px}
  .mk-lines span{height:9px;border-radius:5px;background:#eae7fd}
  .mk-tiles{display:flex;gap:8px;padding:12px 14px 0}
  .mk-tile{flex:1;height:32px;border-radius:8px;background:#f1effe;border:1px solid #e8e4fc}
  .mk-ext{width:20px;height:20px;border-radius:6px;background:linear-gradient(150deg,#6d64ee,#4f46e5);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;margin-left:8px;flex:none}
  .mk-av{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#c9b6f7,#8b76e8);flex:none}
  .mk-badge{position:absolute;width:38px;height:38px;border-radius:11px;background:#fff;box-shadow:0 12px 24px -8px rgba(60,50,150,.45);display:flex;align-items:center;justify-content:center;color:var(--indigo)}
  .mk-badge svg{width:20px;height:20px}
  .mk-cursor{position:absolute;color:var(--ink);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
  .mk-cursor svg{width:22px;height:22px}
  @media (max-width:820px){ .s3-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto} }

  /* how it works: premium stepper */
  .how{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .how::before{content:"";position:absolute;top:52px;left:16%;right:16%;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 6px,transparent 6px 12px);z-index:0}
  .how .step{position:relative;z-index:1;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px 26px 30px;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s,border-color .28s}
  .how .step:hover{transform:translateY(-5px);box-shadow:0 30px 60px -34px rgba(11,11,13,.24);border-color:var(--line-strong)}
  .how .node{position:relative;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#eef0ff,#e5e8ff);border:1px solid #dee2ff;color:var(--indigo);display:flex;align-items:center;justify-content:center;margin-bottom:20px}
  .how .node svg{width:26px;height:26px}
  .how .node .num{position:absolute;top:-8px;right:-8px;width:23px;height:23px;border-radius:50%;background:var(--ink);color:#fff;font-size:11.5px;font-weight:700;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums;box-shadow:0 4px 12px -3px rgba(11,11,13,.4)}
  .how h3{font-size:18px;letter-spacing:-.015em;margin-bottom:8px}
  .how p{font-size:14.5px;color:var(--soft);line-height:1.62}

  /* stat band */
  .statband{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,var(--paper),var(--paper-2))}
  .stat{padding:40px 28px 36px;border-right:1px solid var(--line);position:relative;transition:background .25s}
  .stat::before{content:"";position:absolute;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--indigo),#8583f7);transition:width .7s cubic-bezier(.22,.61,.36,1)}
  .statband.in .stat::before{width:100%}
  .statband.in .stat:nth-child(2)::before{transition-delay:.08s}
  .statband.in .stat:nth-child(3)::before{transition-delay:.16s}
  .statband.in .stat:nth-child(4)::before{transition-delay:.24s}
  .stat:hover{background:rgba(79,70,229,.035)}
  .stat:last-child{border-right:0}
  .stat .v{font-family:var(--fd);font-size:clamp(36px,4.6vw,52px);font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.035em;line-height:1}
  .stat .v em{font-style:normal;color:var(--indigo)}
  .stat .l{margin-top:12px;font-family:var(--fd);font-size:14px;color:var(--soft);font-weight:500}

  /* dashboards */
  /* ── feature showcase: alternating rows with animated dashboard mockups ── */
  .feats{display:flex;flex-direction:column;gap:30px;margin-top:10px}
  .feat{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;align-items:center;--facc:#4f46e5}
  .feat.rev .feat-viz{order:2}
  .feat-copy{max-width:480px}
  .feat-badge{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;padding:8px 14px;border-radius:12px;margin-bottom:18px}
  .feat-badge svg{width:16px;height:16px;flex:none}
  .feat h3{font-size:clamp(24px,2.6vw,32px);letter-spacing:-.025em;line-height:1.16;margin-bottom:18px;max-width:18ch}
  .feat-list{list-style:none;margin:0 0 26px}
  .feat-list li{position:relative;padding:7px 0 7px 30px;font-size:15.5px;color:var(--soft);line-height:1.55}
  .feat-list li::before{content:"";position:absolute;left:2px;top:14px;width:12px;height:7px;border-left:2px solid var(--facc);border-bottom:2px solid var(--facc);transform:rotate(-45deg)}
  .feat-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
  .feat-more{font-size:14.5px;font-weight:500;color:var(--ink);display:inline-flex;gap:7px;align-items:center;transition:gap .16s}
  .feat-more:hover{gap:11px}

  /* tinted viz panels */
  .feat-viz{position:relative;border-radius:24px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px}
  .feat-video{width:100%;aspect-ratio:1920/1104;display:block;border-radius:14px;border:1px solid rgba(11,11,13,.08);box-shadow:0 30px 70px -34px rgba(11,11,13,.32);background:#fff;object-fit:cover}
  .tint-i{background:linear-gradient(160deg,#eef1ff,#e5e9ff)}
  .tint-p{background:linear-gradient(160deg,#fdf2f8,#fce7f3)}
  .tint-g{background:linear-gradient(160deg,#ecfdf5,#dcf7ec)}
  .tint-o{background:linear-gradient(160deg,#fff7ed,#ffeeda)}
  .tint-v{background:linear-gradient(160deg,#f5f3ff,#ede9fe)}
  .bdg-i{background:#eef0ff;color:#4f46e5}
  .bdg-p{background:#fdf2f8;color:#db2777}
  .bdg-g{background:#ecfdf5;color:#059669}
  .bdg-o{background:#fff7ed;color:#ea580c}
  .bdg-v{background:#f5f3ff;color:#7c3aed}

  .viz-card{background:#fff;width:100%;border-radius:16px 0 0 0;border:1px solid rgba(11,11,13,.07);border-right:0;border-bottom:0;box-shadow:0 30px 70px -34px rgba(11,11,13,.26);padding:22px 26px 30px 22px;min-height:354px}
  .vz-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}
  .vz-av{width:34px;height:34px;border-radius:50%;flex:none;color:#fff;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c74ef,#4338ca)}
  .vz-av.p{background:linear-gradient(135deg,#f472b6,#be185d)}
  .vz-av.g{background:linear-gradient(135deg,#34d399,#047857)}
  .vz-av.sm{width:26px;height:26px;font-size:11px}
  .vz-id b{display:block;font-size:14px;color:var(--ink);line-height:1.25}
  .vz-id span{display:block;font-size:12px;color:var(--faint)}
  .vz-pill{margin-left:auto;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:20px}

  /* shared micro-animations */
  @keyframes vzFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  @keyframes vzBar{from{transform:scaleX(var(--w1,.4))}to{transform:scaleX(var(--w2,.8))}}
  @keyframes vzSweep{0%{transform:translateX(-110%)}55%,100%{transform:translateX(260%)}}
  @keyframes vzDrop{0%{transform:translateY(-2px);opacity:0}18%{opacity:1}82%{opacity:1}100%{transform:translateY(26px);opacity:0}}
  @keyframes vzPop{0%,14%{transform:scale(0);opacity:0}22%{transform:scale(1.12);opacity:1}28%{transform:scale(1)}86%{transform:scale(1);opacity:1}96%,100%{transform:scale(0);opacity:0}}
  @keyframes vzScan{0%,48%{background:var(--line-strong)}58%,88%{background:#10b981}100%{background:var(--line-strong)}}
  @keyframes vzZoom{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}

  /* audit mockup */
  .vz-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
  .vz-kpi{border:1px solid var(--line);border-radius:10px;padding:10px 12px;animation:vzFloat 3.8s ease-in-out infinite}
  .vz-kpi:nth-child(2){animation-delay:.7s}
  .vz-kpi:nth-child(3){animation-delay:1.4s}
  .vz-kpi span{display:block;font-size:10.5px;color:var(--faint);margin-bottom:3px;white-space:nowrap}
  .vz-kpi b{font-size:16px;color:var(--ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
  .vz-row{display:grid;grid-template-columns:30px 1fr 54px;gap:10px;align-items:center;padding:7px 0}
  .vz-row>span{font-size:12px;color:var(--faint)}
  .vz-row b{font-size:12.5px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
  .vz-track{height:8px;border-radius:4px;background:var(--paper-3);overflow:hidden}
  .vz-fill{display:block;height:100%;width:100%;border-radius:4px;transform-origin:left;transform:scaleX(var(--w1,.5));animation:vzBar 3.4s ease-in-out infinite alternate;background:linear-gradient(90deg,#8b85f4,#4f46e5)}
  .vz-fill.p{background:linear-gradient(90deg,#f9a8d4,#db2777)}
  .vz-fill.g{background:linear-gradient(90deg,#6ee7b7,#059669)}

  /* compare mockup */
  .vz-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .vz-col{border:1px solid var(--line);border-radius:12px;padding:14px 14px 16px}
  .vz-col .vz-head{margin-bottom:10px}
  .vz-mini{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:center;padding:6px 0}
  .vz-mini b{font-size:11.5px;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
  .vz-win{position:absolute;top:26px;right:26px;font-size:12px;font-weight:600;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:20px;padding:5px 12px;animation:vzFloat 3.2s ease-in-out infinite;box-shadow:0 8px 20px -8px rgba(4,120,87,.35)}
  .vz-lbl{font-size:10.5px;color:var(--faint);margin:10px 0 2px}

  /* merge mockup */
  .vz-chips{display:flex;gap:8px;margin-bottom:4px;flex-wrap:wrap}
  .vz-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--ink);background:var(--paper-2);border:1px solid var(--line);padding:6px 12px;border-radius:20px;animation:vzFloat 3.4s ease-in-out infinite}
  .vz-chip:nth-child(2){animation-delay:.6s}
  .vz-chip:nth-child(3){animation-delay:1.2s}
  .vz-chip i{width:8px;height:8px;border-radius:50%;flex:none}
  .vz-stream{position:relative;height:32px;margin:4px 0 8px}
  .vz-dot{position:absolute;top:2px;width:6px;height:6px;border-radius:50%;background:#10b981;opacity:0;animation:vzDrop 2.2s linear infinite}
  .vz-dot:nth-child(1){left:18%}
  .vz-dot:nth-child(2){left:50%;animation-delay:.7s}
  .vz-dot:nth-child(3){left:80%;animation-delay:1.4s}
  .vz-combined{border:1px solid var(--line);border-radius:12px;padding:16px}
  .vz-combined .vz-track{margin:10px 0 12px}

  /* watchlist mockup */
  .vz-scanbtn{margin-left:auto;font-size:12px;font-weight:600;color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;border-radius:20px;padding:5px 12px;animation:vzFloat 3s ease-in-out infinite}
  .vz-prog{height:5px;border-radius:3px;background:var(--paper-3);overflow:hidden;margin:2px 0 14px}
  .vz-prog i{display:block;height:100%;width:40%;border-radius:3px;background:linear-gradient(90deg,#fdba74,#ea580c);animation:vzSweep 2.6s ease-in-out infinite}
  .vz-acct{display:flex;align-items:center;gap:11px;padding:9px 0;border-top:1px solid var(--line)}
  .vz-acct:first-of-type{border-top:0}
  .vz-acct .vz-id{flex:1}
  .vz-status{width:9px;height:9px;border-radius:50%;background:var(--line-strong);animation:vzScan 5.2s ease-in-out infinite}
  .vz-acct:nth-of-type(2) .vz-status{animation-delay:.9s}
  .vz-acct:nth-of-type(3) .vz-status{animation-delay:1.8s}
  .vz-acct:nth-of-type(4) .vz-status{animation-delay:2.7s}
  .vz-acct em{font-style:normal;font-size:11.5px;color:var(--faint);font-variant-numeric:tabular-nums}

  /* trend finder mockup */
  .vz-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px}
  .vz-toggle{font-size:12px;font-weight:600;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:20px;padding:5px 12px;animation:vzFloat 3.4s ease-in-out infinite}
  .vz-count{margin-left:auto;font-size:11.5px;color:var(--faint)}
  .vz-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .vz-thumb{position:relative;aspect-ratio:5/3.4;border-radius:10px;overflow:hidden;animation:vzZoom 5.6s ease-in-out infinite}
  .vz-thumb:nth-child(2){animation-delay:1.2s}
  .vz-thumb:nth-child(3){animation-delay:2.4s}
  .vz-thumb:nth-child(4){animation-delay:3.6s}
  .vz-thumb.t1{background:linear-gradient(140deg,#c7cdf8,#5b54d6)}
  .vz-thumb.t2{background:linear-gradient(140deg,#fbd0e0,#b83280)}
  .vz-thumb.t3{background:linear-gradient(140deg,#c2ecd9,#177a52)}
  .vz-thumb.t4{background:linear-gradient(140deg,#fde3bd,#b9691f)}
  .vz-thumb .who{position:absolute;left:8px;bottom:7px;font-size:10px;font-weight:600;color:#fff;background:rgba(17,17,26,.55);border-radius:10px;padding:2px 8px}
  .vz-mult{position:absolute;top:7px;right:7px;font-size:11px;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:2px 8px;animation:vzPop 6s ease-in-out infinite}
  .vz-mult.d2{animation-delay:1.6s}

  @media (prefers-reduced-motion:reduce){
    .feat-viz *{animation:none!important}
    .vz-mult{opacity:1;transform:none}
    .vz-dot{opacity:0}
  }

  /* statement: scroll-driven word reveal */
  .statement{padding:150px 0 30px}
  .st-kick{display:none}
  .st-text{font-family:var(--fd);font-weight:600;font-size:clamp(28px,4.6vw,54px);line-height:1.16;letter-spacing:-.032em;max-width:22ch;color:var(--ink)}
  .st-text .w{color:#c9c9d2;transition:color .3s ease}
  .st-text .w.on{color:var(--ink)}
  .st-text em{font-style:normal}
  .st-text em .w.on{color:var(--indigo)}
  @media (prefers-reduced-motion:reduce){ .st-text .w{color:var(--ink);transition:none} .st-text em .w{color:var(--indigo)} }

  /* everyday: illustrated feature grid */
  #everyday .sec-head{text-align:center;max-width:var(--maxw);margin:0 auto}
  #everyday .sec-head h2{max-width:none}
  #everyday .sec-sub{margin:14px auto 0;max-width:54ch;text-align:center}
  .exg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:46px}
  .excard{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:15px 15px 22px;transition:transform .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s,border-color .26s}
  .excard:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(11,11,13,.2);border-color:var(--line-strong)}
  .ex-viz{position:relative;height:158px;border-radius:14px;background:radial-gradient(circle,rgba(79,70,229,.11) 1px,transparent 1.6px) -2px -2px/15px 15px,linear-gradient(160deg,#f7f6ff,#efedfe);border:1px solid #eceafe;overflow:hidden;margin-bottom:17px;display:flex;align-items:center;justify-content:center}
  .excard h4{font-size:16.5px;font-weight:700;letter-spacing:-.015em;margin:0 3px 6px;color:var(--ink);line-height:1.3}
  .excard p{margin:0 3px;color:var(--soft);font-size:13.5px;line-height:1.6}
  .ex-ill{width:104px;height:104px;display:block;filter:drop-shadow(0 14px 16px rgba(79,70,229,.14))}
  .ex-ill .ln{fill:none;stroke:#4f46e5;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
  .ex-ill .card{fill:#fff;stroke:#4f46e5;stroke-width:2.3;stroke-linejoin:round;stroke-linecap:round}
  .ex-ill .fill{fill:#4f46e5}
  .ex-ill .soft{fill:#cfc9f7}
  @media(max-width:900px){.exg{grid-template-columns:1fr 1fr}}
  @media(max-width:600px){.exg{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}

  /* api */
  .api-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}
  .api-grid p{color:var(--soft);font-size:15.5px;margin-bottom:22px}
  .code{font-family:var(--fm);font-size:13px;line-height:1.7;color:#40404a;background:var(--paper-2);border:1px solid var(--line-strong);border-radius:16px;padding:22px 24px;white-space:pre;overflow-x:auto;box-shadow:0 24px 60px -34px rgba(11,11,13,.14)}
  .code .c{color:#9a9aa3}
  .code .k{color:var(--indigo)}
  .code .s{color:#059669}

  /* pricing */
  .plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  .plan{padding:28px 26px 26px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;background:var(--paper);position:relative;transition:border-color .2s,transform .2s,box-shadow .2s}
  .plan:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 20px 44px -28px rgba(11,11,13,.18)}
  .plan.hl{border-color:#c7c2f7;background:linear-gradient(180deg,rgba(79,70,229,.05),rgba(79,70,229,.01) 46%),var(--paper);box-shadow:0 24px 54px -30px rgba(79,70,229,.3)}
  .plan .tag{font-family:var(--fd);font-size:13px;color:var(--indigo);font-weight:500;margin-bottom:10px;min-height:14px}
  .plan h3{font-size:17px;margin-bottom:2px}
  .plan .who{font-size:13px;color:var(--faint);margin-bottom:16px}
  .plan .price{font-family:var(--fd);font-size:33px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
  .plan .price em{font-style:normal;font-size:13.5px;color:var(--faint);font-weight:500;letter-spacing:normal}
  .plan ul{list-style:none;margin:18px 0 24px;flex:1}
  .plan li{font-size:14px;color:var(--soft);padding:8px 0;border-top:1px solid var(--line)}
  .plan .btn{width:100%}
  .plan .fine{font-family:var(--fd);font-size:12.5px;color:var(--faint);text-align:center;margin-top:11px}
  #api .sec-head,#pricing .sec-head,#faq .sec-head{text-align:center;max-width:var(--maxw);margin:0 auto}
  #api .sec-head h2,#pricing .sec-head h2,#faq .sec-head h2{max-width:none}
  #api .sec-sub{margin:14px auto 0;max-width:58ch;text-align:center}
  #pricing .sec-sub,#faq .sec-sub{margin:14px auto 40px;max-width:58ch;text-align:center}
  .api-card{max-width:640px;margin:44px auto 0}
  .api-cta{display:flex;justify-content:center;align-items:center;gap:22px;margin-top:26px;flex-wrap:wrap}

  /* faq */
  #faq{padding:105px 24px 115px;background:#f7f8fc}
  #faq .wrap{max-width:1152px}
  .faq-head{text-align:center}
  #faq .faq-head h2{max-width:none;margin:0;color:#1d2639;font-size:clamp(46px,6.2vw,78px);font-weight:700;line-height:1.05;letter-spacing:-.055em}
  #faq .faq-head p{margin:22px auto 0;color:#596579;font-family:'Inter',system-ui,sans-serif;font-size:clamp(16px,2vw,21px);line-height:1.55}
  .faq{max-width:none;margin:72px auto 0}
  .faq details{margin-bottom:14px;border:1px solid #dfe4ee;border-radius:17px;background:rgba(255,255,255,.28);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
  .faq details:last-child{margin-bottom:0}
  .faq details[open]{border-color:#d6dbea;background:rgba(255,255,255,.58);box-shadow:0 10px 24px rgba(31,42,68,.035)}
  .faq summary{position:relative;list-style:none;cursor:pointer;padding:26px 72px 26px 31px;color:#202b40;font-family:'Geist',system-ui,sans-serif;font-size:clamp(17px,1.8vw,21px);font-weight:500;line-height:1.35;transition:color .2s ease}
  .faq summary:hover{color:var(--indigo)}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"";position:absolute;top:50%;right:32px;width:10px;height:10px;border-right:1.8px solid #8ea0bd;border-bottom:1.8px solid #8ea0bd;transform:translateY(-70%) rotate(45deg);transition:transform .25s ease,border-color .25s ease}
  .faq details[open] summary::after{border-color:#6d66ff;transform:translateY(-25%) rotate(225deg)}
  .faq details p{max-width:990px;padding:0 72px 27px 31px;color:#5e697b;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.65}
  @keyframes faqIn{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
  .faq details[open] p{animation:faqIn .28s ease both}
  @media(max-width:700px){#faq{padding:78px 18px 85px}#faq .faq-head h2{font-size:42px}#faq .faq-head p{margin-top:16px;font-size:15px}.faq{margin-top:46px}.faq summary{padding:21px 54px 21px 21px;font-size:17px}.faq summary::after{right:23px}.faq details p{padding:0 54px 23px 21px;font-size:14px}}
  @media (prefers-reduced-motion:reduce){.faq details,.faq summary::after,.faq details[open] p{animation:none;transition:none}}

  /* blog posts */
  .blogs-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap}
  .blogs-head h2{font-size:clamp(30px,4.4vw,50px);letter-spacing:-.03em;line-height:1.02;font-weight:800;color:var(--ink);max-width:none}
  .blogs-viewall{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;font-family:var(--fd);font-weight:600;font-size:15px;padding:13px 24px;border-radius:14px;transition:transform .18s cubic-bezier(.22,.61,.36,1),box-shadow .18s}
  .blogs-viewall:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(11,11,13,.4)}
  .blogs-viewall svg{width:17px;height:17px}
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .bpost{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:20px;padding:16px 16px 22px;background:var(--paper);transition:transform .24s cubic-bezier(.22,.61,.36,1),box-shadow .24s,border-color .24s}
  .bpost:hover{transform:translateY(-4px);box-shadow:0 30px 60px -34px rgba(11,11,13,.22);border-color:var(--line-strong)}
  .bpost-viz{height:178px;border-radius:14px;background:linear-gradient(160deg,#f4f3ff,#ecebfe);border:1px solid #eceafe;overflow:hidden;margin-bottom:18px}
  .bpost-viz svg{width:100%;height:100%;display:block}
  .bpost-cat{align-self:flex-start;font-size:11.5px;font-weight:600;color:var(--indigo);background:var(--indigo-wash);padding:4px 10px;border-radius:999px;margin:0 4px 11px}
  .bpost h3{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.28;color:var(--ink);margin:0 4px 9px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
  .bpost h3 svg{width:18px;height:18px;flex:none;color:var(--faint);margin-top:3px;transition:transform .2s,color .2s}
  .bpost:hover h3 svg{transform:translate(2px,-2px);color:var(--indigo)}
  .bpost p{margin:0 4px;color:var(--soft);font-size:14.5px;line-height:1.6}
  @media(max-width:860px){ .blog-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto} }

  /* scroll headline swap */
  .swap{position:relative;height:210vh}
  .swap-pin{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}
  .swap-line{position:relative;text-align:center;max-width:15ch;padding:0 24px}
  .swap-line h2{font-family:var(--fd);font-weight:800;font-size:clamp(30px,5vw,62px);letter-spacing:-0.032em;line-height:1.03;color:var(--ink);transition:opacity .45s cubic-bezier(.22,.61,.36,1),transform .45s cubic-bezier(.22,.61,.36,1)}
  .swap-b{position:absolute;left:0;right:0;top:0;opacity:0;transform:translateY(14px)}
  .swap.past .swap-a{opacity:0;transform:translateY(-14px)}
  .swap.past .swap-b{opacity:1;transform:none}
  .swap-a .em,.swap-b .em{color:var(--indigo)}
  .swap-obj{position:absolute;top:50%;left:0;transform:translate(calc(var(--p,0)*(100vw + 360px) - 200px),-50%);will-change:transform}
  .fly-card{position:relative;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px 15px 11px 12px;box-shadow:0 18px 40px -18px rgba(17,17,26,.32);transform:rotate(-4deg)}
  .fly-thumb{width:36px;height:46px;border-radius:8px;background:linear-gradient(155deg,#6d5efc,#4331c4);flex-shrink:0}
  .fly-v{font-family:var(--fd);font-weight:800;font-size:15px;color:var(--green)}
  .fly-s{font-size:11px;color:var(--faint)}
  .fly-trail{position:absolute;top:50%;right:100%;width:120px;height:14px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(79,70,229,.28));border-radius:20px;filter:blur(3px)}
  @media(max-width:700px){ .swap{height:170vh} .swap-obj{display:none} }
  @media(prefers-reduced-motion:reduce){ .swap-obj{display:none} }

  /* end cta */
  .end{padding:130px 0}
  .end .inner{text-align:center;display:flex;flex-direction:column;align-items:center}
  .end h2{font-size:clamp(36px,6vw,68px);letter-spacing:-.042em;line-height:1.03;max-width:16ch}
  .end p{color:var(--soft);margin:20px 0 34px;font-size:17px}

  footer.site{border-top:1px solid var(--line);padding:60px 0 42px;background:var(--paper-2)}
  .foot{display:grid;grid-template-columns:1.6fr repeat(6,1fr);gap:28px}
  .foot-brand .logo{margin-bottom:12px}
  .foot-brand p{color:var(--faint);font-size:13.5px;max-width:220px}
  .foot h5{font-family:var(--fd);font-size:13px;font-weight:600;color:var(--ink);margin-bottom:14px}
  .foot-col a{display:block;color:var(--faint);font-size:13.5px;margin-bottom:10px;transition:color .15s}
  .foot-col a:hover{color:var(--ink)}
  .foot-bot{display:flex;justify-content:space-between;align-items:center;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);color:var(--faint);font-family:var(--fm);font-size:12px}

  @media(max-width:960px){
    header{padding:12px 12px 0}
    .nav{gap:12px}
    .nav-links{display:none}
    .nav-toggle{display:block}
    .mobile-menu.open{display:flex;flex-direction:column;max-width:920px;margin:8px auto 0;pointer-events:auto;padding:10px 18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.97);backdrop-filter:blur(16px)}
    .mobile-menu.open a{padding:12px 4px;font-size:15px;color:var(--soft);border-bottom:1px solid var(--line)}
    .mobile-menu.open a:last-child{border-bottom:0}
    .mobile-menu.open details{border-bottom:1px solid var(--line)}
    .mobile-menu.open summary{padding:12px 4px;font-size:15px;color:var(--soft);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}
    .mobile-menu.open summary::-webkit-details-marker{display:none}
    .mobile-menu.open summary::after{content:"+";color:var(--faint);font-size:17px}
    .mobile-menu.open details[open] summary::after{content:"\2013"}
    .mobile-menu.open details a{border-bottom:0;font-size:14px;padding:9px 4px 9px 16px;color:var(--faint)}
    .mobile-menu.open details a:hover{color:var(--ink)}
    .hero{padding:128px 0 52px}
    .sec{padding:84px 0 0}
    .how{grid-template-columns:1fr;gap:14px}
    .how::before{display:none}
    .feat{grid-template-columns:1fr;gap:28px}
    .feat.rev .feat-viz{order:0}
    .feat-viz{min-height:0;padding:16px;border-radius:18px}
    .viz-card{min-height:0}
    .feat-copy{max-width:none}
    .api-grid{grid-template-columns:1fr}
    .plans{grid-template-columns:1fr}
    .rows{grid-template-columns:1fr}
    .statband{grid-template-columns:1fr 1fr}
    .stat{border-bottom:1px solid var(--line)}
    .stat:nth-child(even){border-right:0}
    .stat:nth-child(n+3){border-bottom:0}
    .foot{grid-template-columns:1fr 1fr}
    .app{flex-direction:column;height:560px}
    .side{width:auto;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:4px;overflow-x:auto;overflow-y:hidden;padding:10px;flex:none}
    .side-brand.side-label{display:none}
    .side-item{width:auto;flex:none;padding:7px 12px}
    .kgrid{grid-template-columns:repeat(2,1fr)}
    .charts2{grid-template-columns:1fr}
    .duo{grid-template-columns:1fr}
    .rstat{display:none}
    .rpills{border-left:0;padding-left:0;margin-left:auto}
  }
  @media(max-width:600px){
    .quote{width:300px}
    .demo-url{display:none}
    .demo-annot{display:none}
  }

  /* homepage hero image (replaces the interactive demo) */
  .hero-image{padding:20px 0 40px}
  .hero-image .wrap{max-width:1240px}
  .hero-image-frame{display:block;border-radius:20px;overflow:hidden;background:#0a0a0e;box-shadow:0 40px 100px -40px rgba(11,11,13,.4),0 14px 40px -20px rgba(11,11,13,.18);transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s}
  .hero-image-frame:hover{transform:translateY(-4px);box-shadow:0 50px 110px -40px rgba(11,11,13,.5),0 20px 50px -20px rgba(11,11,13,.24)}
  .hero-image-frame img{width:100%;height:auto;display:block}
  .hero-image-cta{display:flex;justify-content:center;margin-top:22px}
  @media(max-width:720px){ .hero-image{padding:12px 0 24px} .hero-image-frame{border-radius:14px} }



/* ===== Shortimize-matched type + chrome, Statly palette ===== */
.v2page{
  --sm-h1:48px; --sm-h1-lh:60px;
  --sm-body:18px; --sm-body-lh:25.2px;
  --grad:linear-gradient(to bottom right,#6d64ea,#4f46e5);
  --grad-h:linear-gradient(to bottom right,#8078ee,#5d55e8);
  --ink-clip:linear-gradient(to bottom,#1e293b,#475569);
  --slate-50:#f8fafc; --slate-200:#e2e8f0; --slate-500:#64748b; --slate-600:#475569;
  --gray-600:#4b5563;
}
/* Adspirer type pairing: Geist display, Inter body. */
.v2page,.v2page .v2{font-family:'Inter',system-ui,sans-serif}
.v2 h1,.v2 h2,.v2 h3{font-family:'Geist',system-ui,sans-serif;font-weight:700;line-height:1.25;letter-spacing:normal;padding-bottom:.1em}
.v2 p,.v2 .sub{font-family:'Inter',system-ui,sans-serif;letter-spacing:-.1px}
.v2 .clip{background:var(--ink-clip);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- NAV: floating, rounded product bar ---------- */
.v2page #siteHeader{position:sticky;top:10px;z-index:60;background:transparent;border:0;box-shadow:none;padding:0}
.v2page #siteHeader .nav,
.v2page #siteHeader.scrolled .nav{
  width:min(1200px,calc(100vw - 40px));max-width:calc(100vw - 40px);min-height:72px;
  margin:0 auto;padding:8px 10px 8px 28px;border:1px solid rgba(22,28,45,.08);border-radius:999px;
  background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);
  box-shadow:0 14px 32px rgba(31,35,49,.08),0 2px 5px rgba(31,35,49,.04);transform:none;
  transition:box-shadow .25s ease,background .25s ease}
.v2page #siteHeader.scrolled .nav{background:rgba(255,255,255,.985);box-shadow:0 18px 40px rgba(31,35,49,.12),0 2px 5px rgba(31,35,49,.05)}
.v2page #siteHeader .logo{gap:10px;font-size:18px;font-weight:700;letter-spacing:-.04em}
.v2page #siteHeader .logo-badge{width:28px;height:28px;border-radius:8px;font-size:15px}
.v2page #siteHeader .nav-links{margin:0 auto;gap:4px;align-items:center}
.v2page #siteHeader .nav-links>a,.v2page #siteHeader .nd-btn{font-size:15px;font-weight:500;color:#25252b;padding:9px 14px}
.v2page #siteHeader .nd-btn:hover,.v2page #siteHeader .nav-links>a:hover{background:#f4f4f6;color:#111118}
.v2page #siteHeader .nav-right{gap:10px}
.nav-login{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid #dce0e8;border-radius:999px;color:#23232a;font-size:15px;font-weight:500;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.nav-login:hover{border-color:#bfc5d0;background:#fafafa;transform:translateY(-1px)}
.v2page #siteHeader .nav-actions .btn-grad{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:4px 23px;border-radius:999px;background:linear-gradient(135deg,#6d66ff,#4338ca);color:#fff;box-shadow:none;opacity:1;transform:none;pointer-events:auto;font-size:15px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.v2page #siteHeader .nav-actions .btn-grad:hover{background:linear-gradient(135deg,#7d77ff,#4c40d9);transform:translateY(-1px);box-shadow:0 10px 22px rgba(67,56,202,.25);filter:brightness(1.03)}
.v2page .nav-spacer{height:10px}
@media(max-width:1100px){.v2page #siteHeader .nav,.v2page #siteHeader.scrolled .nav{width:calc(100vw - 24px);max-width:calc(100vw - 24px);padding-left:18px}.v2page #siteHeader .nav-toggle{display:block}.v2page #siteHeader .nav-links{display:none}}
@media(max-width:540px){.v2page #siteHeader .nav{min-height:62px;padding:6px 8px 6px 15px}.v2page #siteHeader .logo{font-size:16px}.v2page #siteHeader .logo-badge{width:25px;height:25px;font-size:13px}.nav-login{display:none}.v2page #siteHeader .nav-actions .btn-grad{min-height:44px;padding:4px 17px;font-size:13px}}

/* buttons */
.btn-grad{background:var(--grad);color:#fff;border:0;border-radius:8px;
  font-family:'Geist',system-ui,sans-serif;font-weight:700;font-size:14px;padding:10px 24px;
  box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);
  transition:background .3s ease-out,box-shadow .3s ease-out}
.btn-grad:hover{background:var(--grad-h);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1)}
.btn-grad.big{font-size:16px;padding:18px 26px;border-radius:10px}
.btn-grad .ar{transition:transform .3s ease-out}
.btn-grad:hover .ar{transform:translateX(3px)}

/* ---------- HERO: centred product introduction ---------- */
.v2-hero{padding:86px 0 56px;text-align:center}
.v2-hero .in{max-width:1240px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:54px}
.v2-hero .in>div:first-child{max-width:1120px}
.v2-hero h1{font-size:clamp(3rem,7.1vw,6.8rem);line-height:1.04;letter-spacing:-.065em;margin:0 0 28px;color:#10172a}
.v2-hero h1 .hero-em{position:relative;display:inline-block;color:var(--indigo)}
.v2-hero h1 .hero-em::after{content:"";position:absolute;left:-2%;right:-4%;bottom:-.14em;height:.18em;border-bottom:5px solid rgba(109,102,255,.42);border-radius:50%;transform:rotate(-2deg)}
.v2-hero .sub{font-size:clamp(1.05rem,2vw,1.42rem);line-height:1.52;color:#46556d;margin:0 auto 38px;max-width:52ch}
.v2-hero .acts{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;align-items:center}
.v2-hero .acts .btn-grad.big{padding:15px 29px;font-size:17px;border-radius:10px}
.v2-hero .btn-demo{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 27px;border:1px solid #dce3ef;border-radius:10px;background:#fff;color:#334155;font-size:17px;font-weight:600;box-shadow:0 1px 2px rgba(16,24,40,.03);transition:border-color .2s,transform .2s,box-shadow .2s}
.v2-hero .btn-demo:hover{border-color:#b8c2d3;transform:translateY(-1px);box-shadow:0 8px 18px rgba(16,24,40,.07)}
.v2-hero .micro{display:none}

/* platform rail: 68px full-colour marks, exactly their size */
.v2-stage{display:flex;align-items:center;justify-content:center;width:100%}
.v2-rail{display:none}
.v2-rail img,.v2-rail svg{width:68px;height:68px;display:block}
.v2-shot{width:min(1040px,100%);min-width:0;border-radius:14px;overflow:hidden;background:#fff;
  border:1px solid var(--slate-200);box-shadow:0 20px 50px rgba(0,0,0,.1)}
.v2-shot img{display:block;width:100%;height:auto}
@media(max-width:600px){.v2-hero{padding:54px 0 38px}.v2-hero .in{padding:0 18px;gap:36px}.v2-hero h1{font-size:clamp(2.7rem,13vw,4rem);letter-spacing:-.06em}.v2-hero .sub{margin-bottom:28px}.v2-hero .acts{width:100%;gap:10px}.v2-hero .acts .btn-grad.big,.v2-hero .btn-demo{flex:1;padding:13px 12px;font-size:15px}}

/* ---------- STATLY IN NUMBERS ---------- */
.metrics-band{padding:82px 24px 76px;background:#fbfcff}
.metrics-band__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1220px;margin:0 auto}
.metrics-band__item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:214px;padding:16px 26px;text-align:center}
.metrics-band__item+.metrics-band__item{border-left:1px solid #e1e6f0}
.metrics-band__item strong{display:block;color:#283244;font-family:'Geist',system-ui,sans-serif;font-size:clamp(62px,7vw,100px);font-weight:650;line-height:1;letter-spacing:-.065em;font-variant-numeric:tabular-nums}
.metrics-band__item span{display:block;margin-top:24px;color:#657187;font-family:'Inter',system-ui,sans-serif;font-size:clamp(16px,1.6vw,20px);line-height:1.35}
@media(max-width:650px){.metrics-band{padding:44px 24px}.metrics-band__grid{grid-template-columns:1fr}.metrics-band__item{min-height:0;padding:28px 12px}.metrics-band__item+.metrics-band__item{border-left:0;border-top:1px solid #e1e6f0}.metrics-band__item strong{font-size:clamp(56px,15vw,78px)}.metrics-band__item span{margin-top:12px;font-size:16px}}

/* ---------- PRODUCT COLLAGE ---------- */
.collage{padding:68px 0 22px}
.collage-wrap{max-width:1152px;margin:0 auto;padding:0 24px}
.collage-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;margin-bottom:35px}
.collage-eyebrow{display:inline-block;margin-bottom:18px;padding:7px 13px;border-radius:999px;background:#eeedff;color:var(--indigo);font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:700}
.collage-head h2{margin:0;color:#171f31;font-size:clamp(35px,4.5vw,58px);font-weight:700;line-height:1.1;letter-spacing:-.055em}
.collage-head h2 span{color:var(--indigo)}
.collage-head p{max-width:47ch;margin:0 0 5px;color:#626d81;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.65}
.collage-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:285px 285px;gap:16px}
.collage-card{position:relative;overflow:hidden;border:1px solid #e8eaf1;border-radius:21px;background:#fff;box-shadow:0 8px 24px rgba(20,27,45,.045)}
.collage-card h3{margin:0 0 8px;color:#171f31;font-size:clamp(20px,2vw,28px);font-weight:700;line-height:1.2;letter-spacing:-.035em}
.collage-card p{margin:0;color:#677286;font-family:'Inter',system-ui,sans-serif;font-size:14px;line-height:1.6}
.collage-card .card-copy{position:relative;z-index:2}
.collage-trends{grid-column:span 5;grid-row:span 2;background:linear-gradient(158deg,#eeedff 0%,#fafaff 63%,#fff 100%)}
.collage-trends .card-copy{position:absolute;left:29px;right:29px;bottom:30px}
.collage-trends .card-copy p{max-width:39ch}
.collage-trend-demo{position:absolute;top:28px;left:28px;right:28px;height:386px;overflow:hidden;border:1px solid #e1e4f0;border-radius:16px;background:#fff;box-shadow:0 24px 45px rgba(39,34,108,.12)}
.collage-demo-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px 14px;border-bottom:1px solid #eff0f5}
.collage-demo-header strong{color:#263144;font-family:'Inter',system-ui,sans-serif;font-size:12px}
.collage-demo-header small{padding:5px 8px;border-radius:999px;background:#efedff;color:#554bd0;font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:700}
.collage-trend-progress{height:2px;background:#f0effb}
.collage-trend-progress::after{content:"";display:block;width:100%;height:100%;background:#655be3;transform-origin:left}
.collage-trend-tabs{display:flex;gap:6px;padding:13px 17px 4px}
.collage-trend-tabs span{padding:6px 10px;border:1px solid #eceef5;border-radius:999px;color:#7f899b;font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:600}
.collage-trend-tabs span:first-child{border-color:#cac6ff;background:#eeedff;color:#4f46c9}
.collage-trend-list{padding:6px 17px 0}
.collage-trend-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eff0f5}
.collage-trend-thumb{position:relative;display:grid;place-items:center;flex:none;width:42px;height:59px;border-radius:8px;background:radial-gradient(circle at 30% 25%,#e5dcff,transparent 35%),linear-gradient(145deg,#7770d9,#292557)}
.collage-trend-thumb::after{content:"";width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #fff}
.collage-trend-row:nth-child(2) .collage-trend-thumb{background:radial-gradient(circle at 70% 32%,#ffe3dd,transparent 37%),linear-gradient(145deg,#e8a8a7,#704b9c)}
.collage-trend-row:nth-child(3) .collage-trend-thumb{background:radial-gradient(circle at 28% 28%,#e4f8f4,transparent 38%),linear-gradient(145deg,#78bac2,#3f3e86)}
.collage-trend-row strong{display:block;color:#31394b;font-family:'Inter',system-ui,sans-serif;font-size:12px}
.collage-trend-row span{display:block;margin-top:4px;color:#929cac;font-family:'Inter',system-ui,sans-serif;font-size:10px}
.collage-trend-rise{margin-left:auto;padding:5px 7px;border-radius:6px;background:#f0efff;color:#554bd0;font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:700;white-space:nowrap}
.collage-watchlist{grid-column:span 7;padding:29px;background:linear-gradient(130deg,#fff 50%,#f6f5ff 100%)}
.collage-watchlist .card-copy{max-width:42%;padding-top:8px}
.collage-watch-demo{position:absolute;top:34px;right:-26px;bottom:-5px;left:47%;overflow:hidden;border:1px solid #e6e8f1;border-radius:15px;background:#fff;box-shadow:0 22px 38px rgba(43,38,98,.10)}
.collage-watch-demo-head{display:flex;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid #edf0f5;color:#495367;font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:700}
.collage-watch-demo-head span{color:#5a52ca}
.collage-watch-profile{display:flex;align-items:center;gap:10px;padding:16px 16px 14px}
.collage-watch-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#8179ef,#d1cafa);color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:700}
.collage-watch-profile strong{display:block;color:#263144;font-family:'Inter',system-ui,sans-serif;font-size:11px}
.collage-watch-profile small{display:block;margin-top:3px;color:#9ba4b3;font-family:'Inter',system-ui,sans-serif;font-size:9px}
.collage-watch-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 16px}
.collage-watch-kpis div{padding:11px 9px;border:1px solid #e9ebf3;border-radius:9px;background:#fbfcff}
.collage-watch-kpis small{display:block;color:#9ba4b3;font-family:'Inter',system-ui,sans-serif;font-size:8px}
.collage-watch-kpis strong{display:block;margin-top:5px;color:#353d50;font-family:'Inter',system-ui,sans-serif;font-size:13px}
.collage-watch-chart{display:block;width:calc(100% - 32px);height:70px;margin:12px 16px 0}
.collage-utilities{display:grid;grid-column:span 7;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}
.collage-mini{display:flex;align-items:center;gap:16px;min-width:0;padding:12px 19px;border:1px solid #e8eaf1;border-radius:16px;background:#fff;box-shadow:0 6px 17px rgba(20,27,45,.035)}
.collage-mini-icon{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:12px;background:#efedff;color:#554bd0}
.collage-mini-icon svg{width:22px;height:22px}
.collage-mini h3{margin:0 0 4px;color:#263144;font-size:17px;line-height:1.2;letter-spacing:-.03em}
.collage-mini p{margin:0;color:#758094;font-family:'Inter',system-ui,sans-serif;font-size:12px;line-height:1.4}
@media(max-width:900px){.collage-head{grid-template-columns:1fr;gap:16px}.collage-grid{grid-template-columns:1fr;grid-template-rows:auto}.collage-trends,.collage-watchlist,.collage-utilities{grid-column:1;grid-row:auto}.collage-trends{min-height:500px}.collage-watchlist{min-height:285px}.collage-utilities{min-height:285px}}
@media(max-width:600px){.collage{padding-top:52px}.collage-wrap{padding:0 18px}.collage-head h2{font-size:38px}.collage-head p{font-size:15px}.collage-grid{gap:13px}.collage-card{border-radius:17px}.collage-trends{min-height:470px}.collage-trend-demo{left:18px;right:18px;top:20px;height:310px}.collage-trends .card-copy{left:20px;right:20px;bottom:23px}.collage-trend-row{padding:7px 0}.collage-trend-thumb{width:34px;height:47px}.collage-watchlist{min-height:335px;padding:22px}.collage-watchlist .card-copy{max-width:none;padding:0}.collage-watch-demo{left:22px;right:-32px;top:138px;bottom:-9px}.collage-utilities{min-height:0;grid-template-rows:auto}.collage-mini{min-height:88px;padding:12px 14px}.collage-mini h3{font-size:15px}.collage-mini p{font-size:11px}}
@media(max-width:370px){.collage-trend-tabs span{padding:5px 7px}.collage-trend-row{gap:8px}.collage-mini{gap:10px}.collage-mini-icon{width:36px;height:36px}.collage-mini p{font-size:10px}}

/* ---------- HOW IT WORKS: SCROLL-LED THREE STEP SEQUENCE ---------- */
.hiw{padding:88px 0 94px;border-top:1px solid #f0f1f6;background:#fafbff}
.hiw-head{max-width:1152px;margin:0 auto;padding:0 24px;text-align:center}
.hiw-kicker,.hiw-step-label{display:inline-block;padding:7px 14px;border-radius:999px;background:#e9edff;color:var(--indigo);font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:700}
.hiw-head h2{margin:22px auto 15px;color:#171f31;font-size:clamp(40px,5vw,62px);line-height:1.08;letter-spacing:-.055em}
.hiw-head h2 span{color:var(--indigo)}
.hiw-head p{margin:0;color:#667085;font-family:'Inter',system-ui,sans-serif;font-size:18px;line-height:1.6}
.hiw-steps{max-width:1152px;margin:26px auto 0;padding:0 24px}
.hiw-step{position:sticky;top:86px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:66px;min-height:calc(100svh - 86px);margin-bottom:86px;background:#fafbff}
.hiw-step:nth-child(1){z-index:1}.hiw-step:nth-child(2){z-index:2}.hiw-step:nth-child(3){z-index:3}
.hiw-step:not(:first-child){box-shadow:0 -24px 30px -30px rgba(34,42,80,.14)}
.hiw-step:last-child{margin-bottom:0}
.hiw-copy{max-width:440px}
.hiw-copy h3{margin:17px 0 17px;color:#171f31;font-size:clamp(35px,3.8vw,49px);line-height:1.13;letter-spacing:-.045em}
.hiw-copy p{margin:0;color:#687386;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.7}
.hiw-copy .hiw-link{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:13px 22px;border-radius:10px;background:var(--indigo);color:#fff;font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 8px 18px rgba(79,70,229,.17);transition:transform .2s,box-shadow .2s}
.hiw-copy .hiw-link:hover{transform:translateY(-2px);box-shadow:0 12px 22px rgba(79,70,229,.25)}
.hiw-visual{position:relative;overflow:hidden;min-width:0;height:460px;border:1px solid #e7eafd;border-radius:29px;background:radial-gradient(circle at 13% 15%,#dce5ff,transparent 48%),radial-gradient(circle at 90% 85%,#eeebff,transparent 54%),#f4f6ff}
.hiw-visual::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#7b74cf 1px,transparent 1px);background-size:24px 24px;opacity:.08;mask-image:linear-gradient(90deg,transparent,#000 40%,transparent)}
.hiw-window,.hiw-schedule,.hiw-queue,.hiw-results,.hiw-float{position:absolute;border:1px solid #e7e9f1;background:#fff;box-shadow:0 20px 46px rgba(28,34,85,.11)}
.hiw-window{top:57px;left:10%;width:80%;height:338px;border-radius:17px;overflow:hidden}
.hiw-window-bar{display:flex;align-items:center;gap:7px;height:42px;padding:0 18px;border-bottom:1px solid #eef0f5;color:#475467;font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:700}
.hiw-window-bar i{width:7px;height:7px;border-radius:50%;background:#d7d9e4}
.hiw-window-bar span{margin-left:12px}
.hiw-window-body{padding:25px 27px}
.hiw-folder-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#252e42;font-family:'Inter',system-ui,sans-serif;font-size:18px;font-weight:700}
.hiw-folder-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#eeedff;color:var(--indigo)}
.hiw-folder-head small{display:block;margin-top:3px;color:#929bad;font-size:11px;font-weight:500}
.hiw-account{display:flex;align-items:center;gap:10px;margin-top:8px;padding:9px 11px;border:1px solid #eef0f5;border-radius:10px;color:#344054;font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:700}
.hiw-avatar{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e7dcff;color:#6e56ad;font-size:10px}
.hiw-account:nth-child(2) .hiw-avatar{background:#d9e8ff;color:#496ca9}.hiw-account:nth-child(3) .hiw-avatar{background:#ffe7ed;color:#b15875}
.hiw-account small{margin-left:auto;color:#98a2b3;font-size:10px;font-weight:500}
.hiw-float{z-index:2;display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:10px;color:#394152;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700}
.hiw-float-folder{top:29px;right:5%;color:var(--indigo)}
.hiw-float-folder b{font-size:17px;line-height:1}
.hiw-art-schedule .hiw-schedule{top:57px;left:9%;width:56%;padding:22px;border-radius:16px}
.hiw-art-schedule .hiw-schedule strong,.hiw-queue strong,.hiw-results strong{color:#273046;font-family:'Inter',system-ui,sans-serif;font-size:14px}
.hiw-art-schedule .hiw-schedule p{margin:15px 0 9px;color:#8b95a7;font-family:'Inter',system-ui,sans-serif;font-size:11px}
.hiw-times{display:flex;gap:7px}
.hiw-times span{padding:9px 10px;border:1px solid #e9ebf2;border-radius:8px;color:#7d8798;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700}
.hiw-times .chosen{border-color:#bbb7ff;background:#eeedff;color:var(--indigo)}
.hiw-daily{display:flex;align-items:center;justify-content:space-between;margin-top:21px;padding-top:14px;border-top:1px solid #edf0f5;color:#394152;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700}
.hiw-daily i{position:relative;width:28px;height:16px;border-radius:999px;background:var(--indigo)}
.hiw-daily i::after{content:"";position:absolute;right:3px;top:3px;width:10px;height:10px;border-radius:50%;background:#fff}
.hiw-queue{top:203px;right:8%;width:59%;padding:19px 20px;border-radius:15px}
.hiw-queue-head{display:flex;justify-content:space-between;margin-bottom:13px}
.hiw-queue-head span{color:var(--indigo);font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:700}
.hiw-queue-row{display:flex;align-items:center;gap:9px;margin-top:12px;color:#687386;font-family:'Inter',system-ui,sans-serif;font-size:11px}
.hiw-queue-row i{width:7px;height:7px;border-radius:50%;background:#726bf3}
.hiw-queue-row em{width:40%;height:5px;margin-left:auto;border-radius:999px;background:#eeedff}
.hiw-float-time{bottom:45px;left:8%;color:var(--indigo)}
.hiw-art-results .hiw-results{top:38px;left:8%;width:84%;height:381px;padding:22px;border-radius:16px}
.hiw-results-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #eef0f5}
.hiw-results-head span{color:#8b95a7;font-family:'Inter',system-ui,sans-serif;font-size:10px}
.hiw-results-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:17px 0}
.hiw-results-summary div{padding:13px;border:1px solid #e9ebf2;border-radius:10px;background:#fcfcff}
.hiw-results-summary small{display:block;color:#8993a5;font-family:'Inter',system-ui,sans-serif;font-size:10px}
.hiw-results-summary b{display:block;margin-top:5px;color:#252e42;font-family:'Inter',system-ui,sans-serif;font-size:16px}
.hiw-results-summary div:last-child b{color:var(--indigo)}
.hiw-results-chart{display:block;width:100%;height:83px;margin-bottom:12px}
.hiw-results-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid #eef0f5;color:#344054;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700}
.hiw-results-thumb{width:31px;height:31px;border-radius:6px;background:linear-gradient(140deg,#b8c7ff,#7b65a7)}
.hiw-results-row + .hiw-results-row .hiw-results-thumb{background:linear-gradient(140deg,#f5bbbd,#a46b9c)}
.hiw-results-row small{margin-left:auto;color:var(--indigo);font-size:10px}
.hiw-float-trend{top:17px;right:3%;color:var(--indigo)}
.hiw-step.is-visible .hiw-visual{animation:hiw-enter .7s ease-out both}
.hiw-step.is-visible .hiw-float{animation:hiw-pop .6s .35s ease-out both}
.hiw-step.is-visible .hiw-account{animation:hiw-pop .5s ease-out both}
.hiw-step.is-visible .hiw-account:nth-child(1){animation-delay:.22s}.hiw-step.is-visible .hiw-account:nth-child(2){animation-delay:.38s}.hiw-step.is-visible .hiw-account:nth-child(3){animation-delay:.54s}
.hiw-step.is-visible .hiw-times .chosen{animation:hiw-glow 1.6s .5s ease-in-out 2}
.hiw-step.is-visible .hiw-queue-row{animation:hiw-pop .45s ease-out both}
.hiw-step.is-visible .hiw-queue-row:nth-child(2){animation-delay:.4s}.hiw-step.is-visible .hiw-queue-row:nth-child(3){animation-delay:.6s}.hiw-step.is-visible .hiw-queue-row:nth-child(4){animation-delay:.8s}
.hiw-results-chart .line{stroke-dasharray:500;stroke-dashoffset:500}
.hiw-step.is-visible .hiw-results-chart .line{animation:hiw-draw 1.4s .3s ease-out forwards}
@keyframes hiw-enter{from{opacity:.35;transform:translateY(25px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes hiw-pop{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@keyframes hiw-glow{50%{box-shadow:0 0 0 5px rgba(79,70,229,.14)}}
@keyframes hiw-draw{to{stroke-dashoffset:0}}
@media(max-width:900px){.hiw-step{gap:28px;min-height:calc(100svh - 86px)}.hiw-visual{height:385px}.hiw-copy h3{font-size:36px}.hiw-copy p{font-size:15px}.hiw-window{top:43px;height:300px}.hiw-window-body{padding:18px}.hiw-art-schedule .hiw-schedule{left:6%;width:65%;top:36px}.hiw-queue{top:190px;right:5%;width:75%}.hiw-float-time{bottom:10px;left:6%}.hiw-art-results .hiw-results{top:25px;height:338px}}
@media(max-width:700px){.hiw{padding:65px 0 70px}.hiw-head{padding:0 18px}.hiw-head h2{font-size:40px}.hiw-head p{font-size:15px}.hiw-steps{padding:0 18px}.hiw-step{position:relative;top:auto;grid-template-columns:1fr;gap:30px;min-height:0;margin-bottom:0;padding:70px 0;border-bottom:1px solid #e8eaf2;box-shadow:none!important}.hiw-step:first-child{padding-top:62px}.hiw-step:last-child{border-bottom:0}.hiw-copy{max-width:none}.hiw-copy h3{font-size:34px}.hiw-visual{height:370px}}
@media(max-width:420px){.hiw-visual{height:340px;border-radius:20px}.hiw-window{left:6%;width:88%;height:292px;top:26px}.hiw-window-bar{height:36px}.hiw-window-body{padding:15px}.hiw-float-folder{top:8px;right:2%}.hiw-art-schedule .hiw-schedule{padding:14px;left:4%;width:72%;top:23px}.hiw-queue{top:170px;right:3%;width:83%;padding:14px}.hiw-float-time{display:none}.hiw-art-results .hiw-results{left:4%;width:92%;height:316px;top:11px;padding:15px}.hiw-results-summary{margin:10px 0}.hiw-results-chart{height:66px}}
@media(prefers-reduced-motion:reduce){.hiw-step.is-visible .hiw-visual,.hiw-step.is-visible .hiw-float,.hiw-step.is-visible .hiw-account,.hiw-step.is-visible .hiw-queue-row,.hiw-step.is-visible .hiw-times .chosen,.hiw-step.is-visible .hiw-results-chart .line{animation:none!important}.hiw-results-chart .line{stroke-dashoffset:0}}

/* ---------- WHO IT IS FOR ---------- */
.audience{padding:80px 24px 88px;background:#191a2c;color:#fff}
.audience-wrap{max-width:1272px;margin:auto}
.audience h2{margin:0 0 42px;text-align:center;font-size:clamp(34px,4vw,50px);font-weight:400;letter-spacing:-.045em;line-height:1.15}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.audience-card{display:flex;flex-direction:column;align-items:flex-start;padding:32px;background:#232438;border:1px solid #ffffff06;border-radius:20px;transition:background .25s,border-color .25s}
.audience-card:hover{background:#28293f;border-color:#a79bf333}
.audience-card>svg{width:54px;height:54px;margin-bottom:28px;color:#b7aaff}
.audience-card:nth-child(2)>svg{color:#a59af0}.audience-card:nth-child(3)>svg{color:#c4b9f7}
.audience-card h3{font-size:25px;line-height:1.2;font-weight:400;letter-spacing:-.035em;margin:0 0 15px}
.audience-card p{font-size:15px;line-height:1.75;color:#c3c2d0;margin:0 0 28px}
.audience-card a{display:flex;align-items:center;gap:12px;margin-top:auto;color:#c6bcff;font-size:12px;text-decoration:none;padding:5px 0}
.audience-card a span{transition:transform .2s}.audience-card a:hover span{transform:translate(2px,-2px)}
.audience-card a:focus-visible{outline:2px solid #c6bcff;outline-offset:6px;border-radius:2px}
.audience h2,.audience-card h3{color:#f7f6fc}
@media(max-width:800px){.audience{padding:60px 20px}.audience-grid{grid-template-columns:1fr}.audience-card{padding:28px}.audience-card>svg{margin-bottom:20px}.audience-card p{max-width:55ch}.audience h2{margin-bottom:30px}}

/* ---------- ONE VIDEO / ONE YEAR ---------- */
.payoff{position:relative;overflow:hidden;padding:82px 24px 85px;background:#171b3e;color:#fff;text-align:center}
.payoff::before{content:"";position:absolute;inset:-25%;background:radial-gradient(circle at 23% 77%,rgba(109,102,255,.13),transparent 35%),radial-gradient(circle at 78% 34%,rgba(150,134,255,.10),transparent 38%);pointer-events:none}
.payoff-wrap{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.payoff h2{max-width:20ch;margin:0 auto;color:#fff;font-size:clamp(43px,6vw,72px);line-height:1.09;letter-spacing:-.057em}
.payoff h2 span{color:#bcb7ff}
.payoff-evidence{max-width:660px;margin:38px auto 0;color:#d8d9ed;font-family:'Inter',system-ui,sans-serif;font-size:clamp(15px,1.5vw,18px);line-height:1.65}
.payoff-report{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#bcb7ff;font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:600}
.payoff-report small{padding:4px 8px;border:1px solid rgba(188,183,255,.35);border-radius:999px;color:#c9c7e9;font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.payoff-scene{display:flex;align-items:center;justify-content:center;height:235px;margin:48px auto 0}
.payoff-reel{position:relative;flex:none;width:117px;height:178px;padding:5px;border:1px solid rgba(220,216,255,.59);border-radius:19px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.035));box-shadow:0 24px 45px rgba(5,7,31,.36),inset 0 1px rgba(255,255,255,.18);transform:rotate(-7deg)}
.payoff-reel-surface{position:relative;display:grid;place-items:center;overflow:hidden;width:100%;height:100%;border-radius:14px;background:radial-gradient(circle at 25% 32%,rgba(187,179,255,.6),transparent 28%),radial-gradient(circle at 76% 73%,rgba(100,90,221,.75),transparent 34%),linear-gradient(155deg,#5f59aa 4%,#35346c 50%,#161b3f 100%)}
.payoff-reel-surface::before{content:"";position:absolute;inset:14% -35%;border:1px solid rgba(255,255,255,.3);border-radius:50%;transform:rotate(-27deg)}
.payoff-reel-surface::after{content:"";position:absolute;right:12px;bottom:17px;left:12px;height:3px;border-radius:999px;background:linear-gradient(90deg,#f6f5ff 42%,rgba(255,255,255,.23) 42%)}
.payoff-reel-play{position:relative;z-index:1;display:grid;place-items:center;width:43px;height:43px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);box-shadow:0 8px 23px rgba(18,19,57,.2)}
.payoff-reel-play svg{margin-left:2px}
.payoff-reel-scan{position:absolute;z-index:2;top:-55%;left:-30%;width:160%;height:48%;background:linear-gradient(transparent,rgba(255,255,255,.22),transparent);transform:rotate(-18deg);opacity:0}
.payoff-beam{position:relative;flex:0 1 370px;height:2px;margin:0 23px;background:rgba(197,193,255,.16)}
.payoff-beam-core{position:absolute;inset:0;background:linear-gradient(90deg,#7972ff,#c7c3ff 67%,#f4f2ff);box-shadow:0 0 13px rgba(154,147,255,.65);transform:scaleX(0);transform-origin:left}
.payoff-beam-glint{position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 17px 5px rgba(190,185,255,.55);opacity:0;transform:translate(-50%,-50%)}
.payoff-year{position:relative;display:grid;place-items:center;flex:none;width:205px;height:205px}
.payoff-year::before{content:"";position:absolute;inset:18px;border:1px solid rgba(204,200,255,.12);border-radius:50%;background:radial-gradient(circle,rgba(138,130,255,.15),transparent 67%)}
.payoff-year svg{position:relative;width:100%;height:100%;overflow:visible}
.payoff-year-ring{fill:none;stroke:rgba(205,201,255,.13);stroke-width:1}
.payoff-months line{stroke:rgba(205,201,255,.24);stroke-width:4;stroke-linecap:round}
.payoff-year-center{position:absolute;display:flex;flex-direction:column;align-items:center;line-height:1}
.payoff-year-center strong{font-family:'Geist',system-ui,sans-serif;font-size:70px;letter-spacing:-.075em;font-variant-numeric:tabular-nums}
.payoff-year-center span{margin-top:8px;color:#bcb7ff;font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.payoff.is-visible .payoff-reel{animation:payoff-arrive .8s cubic-bezier(.2,.8,.2,1) both}
.payoff.is-visible .payoff-reel-scan{animation:payoff-scan 1.2s ease-in-out .25s both}
.payoff.is-visible .payoff-beam-core{animation:payoff-light 1.8s cubic-bezier(.18,.68,.2,1) .45s forwards}
.payoff.is-visible .payoff-beam-glint{animation:payoff-travel 1.8s cubic-bezier(.18,.68,.2,1) .45s both}
.payoff.is-visible .payoff-months line{animation:payoff-month .65s ease-out calc(1.15s + var(--i)*.11s) forwards}
.payoff.is-visible .payoff-year-center{animation:payoff-year-pop .75s cubic-bezier(.2,.8,.2,1) 1.7s both}
@keyframes payoff-arrive{from{opacity:0;transform:translateY(24px) rotate(-12deg) scale(.88)}to{opacity:1;transform:translateY(0) rotate(-7deg) scale(1)}}
@keyframes payoff-scan{0%{top:-55%;opacity:0}20%{opacity:1}85%{opacity:1}100%{top:115%;opacity:0}}
@keyframes payoff-light{to{transform:scaleX(1)}}
@keyframes payoff-travel{0%{left:0;opacity:0}12%{opacity:1}85%{opacity:1}100%{left:100%;opacity:0}}
@keyframes payoff-month{30%{stroke:#fff;stroke-width:6;filter:drop-shadow(0 0 10px #d4d0ff)}100%{stroke:#aaa4ff;stroke-width:4;filter:drop-shadow(0 0 5px rgba(170,164,255,.5))}}
@keyframes payoff-year-pop{from{opacity:.4;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@media(max-width:700px){.payoff{padding:72px 18px 78px}.payoff h2{font-size:clamp(39px,9.5vw,55px)}.payoff-scene{height:180px;margin-top:38px}.payoff-reel{width:90px;height:140px;border-radius:15px}.payoff-reel-surface{border-radius:11px}.payoff-beam{margin:0 12px}.payoff-year{width:156px;height:156px}.payoff-year-center strong{font-size:56px}.payoff-year-center span{font-size:10px}}
@media(max-width:390px){.payoff-reel{width:79px;height:126px}.payoff-year{width:137px;height:137px}.payoff-year-center strong{font-size:48px}.payoff-year-center span{font-size:9px}.payoff-beam{margin:0 9px}}
@media(prefers-reduced-motion:reduce){.payoff.is-visible .payoff-reel,.payoff.is-visible .payoff-reel-scan,.payoff.is-visible .payoff-beam-core,.payoff.is-visible .payoff-beam-glint,.payoff.is-visible .payoff-months line,.payoff.is-visible .payoff-year-center{animation:none!important}.payoff-beam-core{transform:scaleX(1)}.payoff-months line{stroke:#aaa4ff}.payoff-reel-scan,.payoff-beam-glint{display:none}}

/* ---------- PERSONA-FOCUSED FEEDBACK ---------- */
.voices{padding:105px 24px 118px;background:#fff}
.voices-wrap{max-width:1152px;margin:0 auto}
.voices-head{text-align:center}
.voices-kicker{display:inline-block;padding:7px 14px;border-radius:999px;background:#eeedff;color:var(--indigo);font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:700}
.voices h2{max-width:20ch;margin:20px auto 15px;color:#171f31;font-size:clamp(39px,5vw,59px);line-height:1.08;letter-spacing:-.055em}
.voices-title-line{display:block}
.voices-title-line:last-child{color:var(--indigo)}
.voices-head>p{max-width:56ch;margin:0 auto;color:#697386;font-family:'Inter',system-ui,sans-serif;font-size:17px;line-height:1.6}
.voices-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:46px}
.voice-card{display:flex;flex-direction:column;min-width:0;min-height:455px;padding:27px;border:1px solid #e7e9f0;border-radius:20px;background:#fcfcff;box-shadow:0 12px 30px rgba(24,29,61,.045);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.voice-card:hover{border-color:#dcd9ff;box-shadow:0 18px 38px rgba(45,39,113,.08);transform:translateY(-3px)}
.voice-label{align-self:flex-start;padding:6px 11px;border-radius:999px;background:#eeedff;color:var(--indigo);font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700}
.voice-primary{display:flex;flex:1;flex-direction:column;margin:22px 0 0}
.voice-primary p{margin:0;color:#222b3d;font-family:'Inter',system-ui,sans-serif;font-size:19px;font-weight:600;line-height:1.55;letter-spacing:-.025em}
.voice-primary footer{display:flex;align-items:center;gap:10px;margin-top:auto;padding-top:25px}
.voice-avatar{width:42px;height:42px;flex:none;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #e6e8f0}
.voice-primary footer span{display:flex;flex-direction:column;gap:3px}
.voice-primary footer strong{color:#263144;font-family:'Inter',system-ui,sans-serif;font-size:13px}
.voice-primary footer small{color:#8993a5;font-family:'Inter',system-ui,sans-serif;font-size:11px}
.voice-secondary{margin-top:24px;padding-top:18px;border-top:1px solid #e7eaf2}
.voice-secondary p{margin:0;color:#647085;font-family:'Inter',system-ui,sans-serif;font-size:13px;line-height:1.58}
.voice-secondary>span{display:block;margin-top:11px;color:#475467;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:700}
.voice-secondary small{color:#98a2b3;font-weight:500}
.voices.voices-ready .voices-kicker,.voices.voices-ready .voices-title-line,.voices.voices-ready .voices-head>p,.voices.voices-ready .voice-card{opacity:0;transform:translateY(18px)}
.voices.voices-ready .voices-title-line{transform:translateY(26px)}
.voices.voices-ready.is-visible .voices-kicker,.voices.voices-ready.is-visible .voices-title-line,.voices.voices-ready.is-visible .voices-head>p,.voices.voices-ready.is-visible .voice-card{opacity:1;transform:translateY(0);transition:opacity .72s cubic-bezier(.22,.61,.36,1),transform .72s cubic-bezier(.22,.61,.36,1)}
.voices.voices-ready.is-visible .voices-title-line:first-child{transition-delay:.08s}
.voices.voices-ready.is-visible .voices-title-line:last-child{transition-delay:.16s}
.voices.voices-ready.is-visible .voices-head>p{transition-delay:.23s}
.voices.voices-ready.is-visible .voice-card:nth-child(1){transition-delay:.30s}
.voices.voices-ready.is-visible .voice-card:nth-child(2){transition-delay:.39s}
.voices.voices-ready.is-visible .voice-card:nth-child(3){transition-delay:.48s}
.voices.voices-ready.is-visible .voice-card:hover{transform:translateY(-3px);transition-delay:0s}
@media(max-width:1050px){.voice-card{padding:21px}.voice-primary p{font-size:17px}}
@media(max-width:800px){.voices{padding:80px 18px}.voices-head>p{font-size:15px}.voices-grid{grid-template-columns:1fr;max-width:540px;margin:36px auto 0}.voice-card{min-height:0;padding:25px}.voice-primary footer{margin-top:0}.voice-primary p{font-size:19px}}
@media(prefers-reduced-motion:reduce){.voices.voices-ready .voices-kicker,.voices.voices-ready .voices-title-line,.voices.voices-ready .voices-head>p,.voices.voices-ready .voice-card{opacity:1;transform:none;transition:none}.voice-card:hover{transform:none}}

/* ---------- HOMEPAGE PRICING ---------- */
.home-pricing{padding:75px 24px 80px;background:#f7f8fc}
.home-pricing-wrap{max-width:1152px;margin:0 auto}
.home-pricing-head{text-align:center}
.home-pricing-kicker{color:var(--indigo);font-family:'Inter',system-ui,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.home-pricing h2{margin:15px 0 12px;color:#171f31;font-size:clamp(42px,5.3vw,64px);line-height:1.1;letter-spacing:-.055em}
.home-pricing-head p{margin:0;color:#697386;font-family:'Inter',system-ui,sans-serif;font-size:16px;line-height:1.6}
.home-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:36px}
.home-plan{display:flex;flex-direction:column;min-width:0;min-height:430px;padding:30px;border:1px solid #e4e7f0;border-radius:19px;background:#fff;box-shadow:0 10px 26px rgba(24,29,61,.035)}
.home-plan-featured{border-color:#8e88f5;background:linear-gradient(180deg,#f4f3ff,#fff 48%);box-shadow:0 20px 45px rgba(74,64,178,.11)}
.home-plan-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.home-plan-name{margin:0;color:#222b3e;font-family:'Geist',system-ui,sans-serif;font-size:23px;letter-spacing:-.035em}
.home-plan-tag{padding:5px 9px;border-radius:999px;background:#e9e7ff;color:#4f46c9;font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:700}
.home-plan-for{min-height:43px;margin:11px 0 24px;color:#697386;font-family:'Inter',system-ui,sans-serif;font-size:13px;line-height:1.5}
.home-plan-price{display:flex;align-items:baseline;gap:4px;margin:0;color:#171f31;font-family:'Geist',system-ui,sans-serif;font-size:54px;font-weight:700;letter-spacing:-.06em;line-height:1}
.home-plan-price small{color:#8993a5;font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:500;letter-spacing:0}
.home-plan-price-custom{font-size:37px;letter-spacing:-.045em}
.home-plan-divider{height:1px;margin:24px 0 20px;background:#e7e9f0}
.home-plan-features{display:grid;gap:13px;margin:0 0 22px;padding:0;list-style:none}
.home-plan-features li{position:relative;padding-left:18px;color:#4f5c70;font-family:'Inter',system-ui,sans-serif;font-size:13px;line-height:1.45}
.home-plan-features li::before{content:"";position:absolute;top:8px;left:0;width:6px;height:6px;border-radius:50%;background:#817aef}
.home-plan-action{display:flex;align-items:center;justify-content:center;min-height:47px;margin-top:auto;border:1px solid #d9ddef;border-radius:10px;color:#4038bd;font-family:'Inter',system-ui,sans-serif;font-size:13px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.home-plan-action:hover{transform:translateY(-2px);border-color:#9d98e7;box-shadow:0 8px 18px rgba(41,35,111,.09)}
.home-plan-featured .home-plan-action{border-color:transparent;background:#554ad5;color:#fff}
.home-plan-featured .home-plan-action:hover{box-shadow:0 10px 20px rgba(72,58,186,.22)}
@media(max-width:900px){.home-pricing-grid{gap:12px}.home-plan{padding:23px}.home-plan-name{font-size:21px}.home-plan-price{font-size:48px}.home-plan-price-custom{font-size:34px}}
@media(max-width:750px){.home-pricing{padding:80px 18px 88px}.home-pricing-head p{font-size:15px}.home-pricing-grid{grid-template-columns:1fr;max-width:520px;margin:36px auto 0}.home-plan{min-height:0;padding:26px}.home-plan-for{min-height:0}.home-plan-features{margin-bottom:25px}.home-plan-action{margin-top:0}}

/* ---------- ART DIRECTION PASS: ONE STATLY MOTION LANGUAGE ---------- */
.v2-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 46% 31% at 50% 29%,rgba(109,100,234,.085),transparent 72%)}
.v2-hero::before{content:"";position:absolute;top:132px;left:50%;width:720px;height:720px;border:1px solid rgba(109,100,234,.07);border-radius:50%;transform:translateX(-50%);pointer-events:none}
.v2-stage{position:relative;perspective:1400px}
.v2-shot{position:relative;isolation:isolate;transition:transform .45s cubic-bezier(.22,.61,.36,1),box-shadow .45s ease}
.v2-shot::after{content:"";position:absolute;z-index:2;top:-28%;right:-15%;width:130%;height:18%;background:linear-gradient(180deg,transparent,rgba(126,117,255,.14),transparent);transform:rotate(-7deg);pointer-events:none}
.v2-stage.is-visible .v2-shot{animation:heroReveal 1s cubic-bezier(.2,.8,.2,1) both}
.v2-stage.is-visible .v2-shot::after{animation:heroScan 4.8s 1s ease-in-out infinite}
.hero-signal{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(105,96,222,.18);border-radius:12px;background:rgba(255,255,255,.88);box-shadow:0 15px 35px rgba(28,25,82,.14);backdrop-filter:blur(12px);color:#657084;font-family:'Inter',system-ui,sans-serif;font-size:10px;font-weight:700;opacity:0}
.hero-signal i{width:7px;height:7px;border-radius:50%;background:#6d64ea;box-shadow:0 0 0 5px rgba(109,100,234,.12)}
.hero-signal strong{color:#272f44;font-size:12px}
.hero-signal-a{top:10%;right:1%}.hero-signal-b{bottom:8%;left:1%}
.v2-stage.is-visible .hero-signal{animation:heroChip .75s .65s cubic-bezier(.2,.8,.2,1) forwards}.v2-stage.is-visible .hero-signal-b{animation-delay:.85s}
@keyframes heroReveal{from{opacity:0;transform:translateY(38px) rotateX(4deg) scale(.975)}to{opacity:1;transform:none}}
@keyframes heroScan{0%,18%{top:-28%;opacity:0}35%{opacity:1}68%{opacity:1}84%,100%{top:110%;opacity:0}}
@keyframes heroChip{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}}

/* Repeated section labels are quiet signals, not decorative pills. */
.collage-eyebrow,.hiw-kicker,.voices-kicker{display:inline-flex;align-items:center;gap:9px;padding:0;border-radius:0;background:none;color:#655cda;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.collage-eyebrow::before,.hiw-kicker::before,.voices-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#6d64ea;box-shadow:0 0 0 5px rgba(109,100,234,.09)}
.collage-card,.collage-mini{transition:box-shadow .35s ease,border-color .35s ease}
.collage-card:hover,.collage-mini:hover{border-color:#dcd9f4;box-shadow:0 16px 36px rgba(33,28,92,.075)}
.collage.motion-ready .collage-head>*,.collage.motion-ready .collage-card,.collage.motion-ready .collage-mini{opacity:0;transform:translateY(14px)}
.collage.motion-ready.is-visible .collage-head>*,.collage.motion-ready.is-visible .collage-card,.collage.motion-ready.is-visible .collage-mini{opacity:1;transform:none;transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.collage.motion-ready.is-visible .collage-head>p{transition-delay:.08s}.collage.motion-ready.is-visible .collage-trends{transition-delay:.12s}.collage.motion-ready.is-visible .collage-watchlist{transition-delay:.2s}.collage.motion-ready.is-visible .collage-mini:nth-child(1){transition-delay:.28s}.collage.motion-ready.is-visible .collage-mini:nth-child(2){transition-delay:.36s}.collage.motion-ready.is-visible .collage-mini:nth-child(3){transition-delay:.44s}
.collage.motion-ready .collage-trend-row{opacity:0;transform:translateY(9px)}
.collage.motion-ready .collage-trend-progress::after{transform:scaleX(0)}
.collage.motion-ready.is-visible .collage-trend-row{animation:collageRowReveal .5s cubic-bezier(.2,.8,.2,1) .72s forwards}
.collage.motion-ready.is-visible .collage-trend-row:nth-child(2){animation-delay:.94s}
.collage.motion-ready.is-visible .collage-trend-row:nth-child(3){animation-delay:1.16s}
.collage.motion-ready.is-visible .collage-trend-row:first-child{animation:collageRowReveal .5s cubic-bezier(.2,.8,.2,1) .72s forwards,collageRowFocus .6s ease 1.85s forwards}
.collage.motion-ready.is-visible .collage-trend-progress::after{animation:collageScan 1.55s cubic-bezier(.24,.65,.25,1) .55s forwards}
.collage.motion-ready .collage-watch-demo{opacity:0;transform:translateX(14px)}
.collage.motion-ready.is-visible .collage-watch-demo{animation:collagePanel .7s cubic-bezier(.2,.8,.2,1) .55s forwards}
.collage.motion-ready .collage-watch-kpis div{opacity:0;transform:translateY(7px)}
.collage.motion-ready.is-visible .collage-watch-kpis div{animation:collageMetric .5s ease 1.08s forwards}
.collage.motion-ready.is-visible .collage-watch-kpis div:nth-child(2){animation-delay:1.2s}
.collage.motion-ready.is-visible .collage-watch-kpis div:nth-child(3){animation-delay:1.32s}
.collage.motion-ready .collage-watch-line{stroke-dasharray:360;stroke-dashoffset:360}
.collage.is-visible .collage-watch-line{animation:collageLine 1.5s cubic-bezier(.2,.7,.2,1) 1.38s forwards}
.collage-watch-peak{transform-origin:270px 10px}
.collage.motion-ready .collage-watch-peak{opacity:0;transform:scale(.5)}
.collage.is-visible .collage-watch-peak{animation:collagePeak .45s cubic-bezier(.2,.8,.2,1.3) 2.78s forwards}
.collage.is-visible .collage-mini:nth-child(1) svg path{animation:collageClock .6s ease 1.05s both;transform-origin:12px 12px}
.collage.is-visible .collage-mini:nth-child(2) svg path:last-child{animation:collageDownload .65s ease 1.22s both}
.collage.is-visible .collage-mini:nth-child(3) svg path:last-child{stroke-dasharray:30;animation:collageIconLine .8s ease 1.35s both}
@keyframes collageRowReveal{to{opacity:1;transform:none}}
@keyframes collageRowFocus{to{background:#f4f2ff;box-shadow:inset 3px 0 #655be3}}
@keyframes collageScan{to{transform:scaleX(1)}}
@keyframes collagePanel{to{opacity:1;transform:none}}
@keyframes collageMetric{to{opacity:1;transform:none}}
@keyframes collageLine{to{stroke-dashoffset:0}}
@keyframes collagePeak{to{opacity:1;transform:scale(1)}}
@keyframes collageClock{0%{transform:rotate(-25deg)}65%{transform:rotate(8deg)}100%{transform:none}}
@keyframes collageDownload{from{transform:translateY(-4px);opacity:.35}to{transform:none;opacity:1}}
@keyframes collageIconLine{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}

/* Product previews: real screens and compact, purpose-built feature scenes. */
.collage-wrap{max-width:1320px}
.collage-grid{grid-template-rows:390px 330px;gap:20px}
.collage-card,.collage-mini{border-radius:26px;border-color:#eeedf3;box-shadow:0 3px 5px rgba(30,25,55,.04),0 12px 32px rgba(30,25,55,.035)}
.collage-trends{background:linear-gradient(145deg,#eeedff 0%,#f8f7fc 52%,#fff 85%)}
.collage-trends .card-copy{left:30px;right:30px;bottom:32px}
.collage-card h3{font-size:30px;font-weight:400;letter-spacing:-.045em}
.collage-card p{font-size:15px;line-height:1.6}
.product-capture{position:relative;overflow:hidden;background:#f5f6fb;border:1px solid #e5e4ee;box-shadow:0 18px 36px -20px rgba(38,30,80,.26);border-radius:16px}
.product-capture img{display:block;width:100%;height:auto}
.product-capture-trends{margin:30px 24px 0;transform:perspective(1000px) rotateY(0deg)}
.capture-title{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:16px 14px;background:#fff;color:#242536;font-size:12px;font-weight:600}
.capture-status{font-size:10px;font-weight:400;color:#827c98}
.product-capture-trends img{margin-top:-12px}
.collage-watchlist{padding:28px 28px 0;background:#fff}
.collage-watchlist .card-copy{max-width:none;padding:0}
.collage-watchlist .card-copy p{max-width:49ch;font-size:14px}
.product-capture-watch{margin:24px 0 0;border-radius:13px 13px 0 0;box-shadow:0 12px 32px rgba(33,28,75,.08)}
.product-capture-watch img{max-height:228px;object-fit:contain}
.collage-utilities{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:14px}
.collage-mini{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:20px;padding:18px 16px 22px;overflow:hidden}
.collage-mini h3{font-size:22px;font-weight:400;letter-spacing:-.045em;line-height:1.15;margin:0 0 10px}
.collage-mini p{font-size:12px;line-height:1.55;color:#73798b}
.feature-scene{height:165px;flex:none;border:1px solid #e6e5ed;border-radius:12px;padding:12px;background:#fff;box-shadow:0 8px 20px -16px #807998;font-family:'Inter',system-ui,sans-serif}
.scene-topline{display:flex;align-items:center;gap:5px;color:#6f7486;font-size:8px;font-weight:600;white-space:nowrap}
.scene-tag{margin-left:auto;padding:3px 5px;border-radius:5px;background:#f2f0fd;color:#6c61c6;font-size:7px}
.status-dot{width:5px;height:5px;background:#74b991;border-radius:50%;flex:none}
.schedule-time{padding:18px 0 12px;font-size:30px;line-height:1;font-weight:500;letter-spacing:-1.8px;color:#252338;font-variant-numeric:tabular-nums}
.schedule-time small{font-size:9px;letter-spacing:0;color:#9793a6}
.schedule-days{display:flex;justify-content:space-between;gap:3px}
.schedule-days span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f0edfc;font-size:8px;color:#7568c7}
.scan-track{height:3px;margin-top:13px;overflow:hidden;border-radius:3px;background:#efedf6}
.scan-track i{display:block;width:100%;height:100%;background:#7d6ee9;transform-origin:left}
.scene-caption{font-size:7px;color:#9691a7;margin-top:8px;white-space:nowrap}
.library-scene{position:relative;background:linear-gradient(150deg,#fff,#f6f4fe)}
.saved-reel{position:relative;width:62px;height:88px;margin:9px auto 0;border-radius:8px;background:#eee;box-shadow:0 6px 16px #29213920;transform:rotate(-6deg)}
.saved-reel-image{position:absolute;inset:0;overflow:hidden;border-radius:8px;background-image:url('/statly-trendfinder-preview.png');background-size:330% auto;background-position:50% 16%}
.saved-bookmark{position:absolute;right:-7px;top:-4px;display:grid;place-items:center;width:21px;height:21px;border:3px solid #fff;border-radius:50%;background:#6658dc;color:white;font-size:10px}
.saved-score{position:absolute;bottom:6px;left:6px;padding:3px 4px;background:#262333c9;color:white;border-radius:3px;font-size:8px}
.download-label{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:10px;font-size:8px;color:#756c93}
.download-label svg{width:12px;height:12px}
.signal-value{margin-top:13px;font-size:28px;font-weight:500;letter-spacing:-1px;color:#5446ca;line-height:1}
.signal-value>span{font-size:19px}.signal-value small{display:block;margin-top:5px;font-size:7px;font-weight:400;letter-spacing:0;color:#9691a7}
.signal-bars{margin-top:12px;display:grid;gap:7px}.signal-bars>div{display:grid;grid-template-columns:48px 1fr;gap:5px;align-items:center;font-size:7px;color:#8b859b}
.signal-bars i{display:block;width:var(--bar);height:6px;background:#b9b2d2;border-radius:2px;transform-origin:left}.signal-bars>div:last-child i{background:#7664e5}
.signal-footer{display:flex;justify-content:space-between;border-top:1px solid #eeedf3;padding-top:9px;margin-top:10px;font-size:8px;color:#8b859b}.signal-footer strong{color:#373144;font-weight:500}
.collage.is-visible .product-capture{animation:productSettle .9s cubic-bezier(.2,.8,.2,1) both}.collage.is-visible .product-capture-watch{animation-delay:.2s}
.collage.is-visible .scan-track i{animation:scanProgress 5s ease-in-out infinite}
.collage.is-visible .saved-bookmark{animation:savedCheck 5s ease-in-out infinite}
.collage.is-visible .signal-bars i{animation:signalGrow 5s ease-in-out var(--delay) infinite}
@keyframes productSettle{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
@keyframes scanProgress{0%,12%{transform:scaleX(.08)}65%,90%{transform:scaleX(1)}100%{transform:scaleX(.08)}}
@keyframes savedCheck{0%,15%{opacity:0;scale:.7}30%,90%{opacity:1;scale:1}100%{opacity:0;scale:.7}}
@keyframes signalGrow{0%,10%{transform:scaleX(.1)}45%,95%{transform:scaleX(1)}100%{transform:scaleX(.1)}}
@media(min-width:901px) and (max-width:1100px){.collage-grid{grid-template-rows:330px 330px}.collage-mini{padding:14px 10px 20px}.feature-scene{padding:9px}.collage-mini h3{font-size:20px}.collage-card h3{font-size:26px}.product-capture-trends{margin:24px 18px 0}}
@media(max-width:900px){.collage-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:20px}.collage-trends{min-height:0;padding-bottom:28px}.collage-trends .card-copy{position:relative;left:auto;right:auto;bottom:auto;margin:26px 28px 0}.product-capture-trends{max-width:530px;margin:28px auto 0;width:calc(100% - 48px)}.collage-watchlist{min-height:0;padding-bottom:24px}.product-capture-watch{border-radius:13px}.collage-utilities{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;min-height:310px}.collage-mini{min-height:310px}.collage-card h3{font-size:28px}}
@media(max-width:600px){.collage-card,.collage-mini{border-radius:20px}.collage-watchlist{padding:22px 16px 18px}.collage-trends .card-copy{margin:24px 22px 0}.product-capture-trends{width:calc(100% - 32px);margin-top:18px}.collage-utilities{grid-template-columns:1fr;gap:14px}.collage-mini{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,1fr);align-items:center;min-height:0;gap:20px;padding:20px 16px}.collage-mini h3{font-size:23px}.collage-mini p{font-size:12px}.feature-scene{width:100%;height:170px}.product-capture-watch{margin-top:20px}.collage-card p{font-size:14px}.scene-topline{font-size:8px}}
@media(prefers-reduced-motion:reduce){.product-capture{opacity:1;translate:none}.scan-track i,.signal-bars i{transform:none}.saved-bookmark{opacity:1;scale:1}}

/* Keep screenshots and their explanation together; let content set card height. */
.collage-grid{grid-template-rows:auto auto;align-items:stretch}
.collage-trends{grid-column:span 6;grid-row:auto;padding-bottom:28px}
.collage-trends .card-copy{position:static;margin:24px 28px 0}
.collage-trends .card-copy p{max-width:none}
.collage-trends .feature-detail{margin-top:14px;font-size:14px;color:#7b8090}
.collage-watchlist{display:flex;flex-direction:column;grid-column:span 6;padding:26px 24px 24px}
.product-capture-watch{margin-top:22px;border-radius:13px}
.product-capture-watch img{max-height:none}
.watch-patterns{margin-top:auto;padding-top:20px}
.watch-patterns>span{display:block;margin-bottom:10px;color:#777b8e;font-size:12px}
.watch-patterns img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #eeedf3}
.collage-utilities{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;min-height:0;gap:20px}
.collage-mini{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;gap:22px;padding:20px 20px 24px}
.collage-mini h3{font-size:26px;margin-bottom:10px}
.collage-mini p{font-size:14px;line-height:1.6}
.analytics-capture{display:flex;align-items:center;aspect-ratio:2.35;background:#f5f6fb;border:1px solid #ecebf2;border-radius:12px;overflow:hidden}
.analytics-capture img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.collage-mini:hover .analytics-capture img{transform:scale(1.025)}
.collage.is-visible .analytics-capture{animation:productSettle .8s cubic-bezier(.2,.8,.2,1) both}
.collage.is-visible .library-card .analytics-capture{animation-delay:.12s}
.collage.is-visible .signals-card .analytics-capture{animation-delay:.24s}
@media(max-width:900px){.collage-trends,.collage-watchlist{grid-column:1;grid-row:auto}.collage-trends .card-copy{margin:24px 26px 0}.collage-utilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collage-mini{padding:14px 14px 22px;gap:18px}.collage-mini h3{font-size:22px}.collage-mini p{font-size:12px}.product-capture-watch img{max-height:none}}
@media(max-width:600px){.collage-utilities{grid-template-columns:1fr;gap:16px}.collage-mini{display:flex;padding:18px 18px 24px;gap:20px}.collage-mini h3{font-size:25px}.collage-mini p{font-size:14px}.collage-trends .card-copy{margin:22px 22px 0}.collage-watchlist{padding:22px 18px}.collage-trends .feature-detail{font-size:13px}}

.hiw-head{text-align:left}.hiw-head h2{max-width:13ch;margin:22px 0 15px}.hiw-head p{max-width:45ch}.hiw-step{border-radius:0}
.hiw-step-label{padding:0;background:none;border-radius:0;color:#655cda;letter-spacing:.08em;text-transform:uppercase;font-size:10px}
.hiw-visual{box-shadow:0 35px 65px -42px rgba(43,38,98,.30)}
.hiw-product-scene{display:grid;place-items:center;padding:28px;background:linear-gradient(145deg,#eeedfc,#f7f7fb 70%);border-color:#e9e7f2}
.setup-panel{width:100%;max-width:430px;padding:24px;background:#fff;border:1px solid #e7e6ef;border-radius:18px;box-shadow:0 18px 45px -24px rgba(42,34,86,.25);font-family:'Inter',system-ui,sans-serif;color:#252a3c}
.setup-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.setup-heading>strong{font-size:20px;font-weight:600;letter-spacing:-.6px}
.setup-add{padding:9px 11px;border:1px solid #e7e4f1;border-radius:8px;color:#6558c4;font-size:10px;white-space:nowrap}
.setup-muted{font-size:11px;color:#8b8fa0;margin:9px 0 22px}
.setup-niche{border:1px solid #e8e6f1;border-radius:12px;padding:16px}
.setup-niche-heading{display:flex;align-items:center;gap:8px;margin-bottom:15px;font-size:12px}.setup-niche-heading>span:last-child{margin-left:auto;font-size:9px;color:#9596a5}
.setup-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#9887ed}
.setup-profile{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #f1f0f6;font-size:11px}.setup-profile small{display:block;color:#979aaa;font-size:9px;margin-top:4px}
.setup-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eae6fb;color:#7766ca;font-size:12px}.setup-avatar.second{background:#edeff8;color:#6e7b9b}.setup-check{margin-left:auto;color:#8d7ed2}
.setup-add-profile{padding-top:12px;margin-top:2px;border-top:1px solid #f1f0f6;color:#7365ca;font-size:11px}
.setup-note{display:flex;align-items:center;gap:7px;margin-top:19px;color:#8b8a9b;font-size:10px;line-height:1.5}
.setup-tag{padding:5px 8px;background:#f2f0fb;color:#8575cc;border-radius:6px;font-size:9px}
.setup-field{margin-top:23px}.setup-label{display:block;margin-bottom:8px;color:#9294a4;text-transform:uppercase;font-size:9px;font-weight:600;letter-spacing:.12em}
.setup-select{display:flex;justify-content:space-between;align-items:center;padding:14px 15px;border:1px solid #dedaed;border-radius:9px;background:#fff;font-size:16px}.setup-select strong{font-weight:400}.setup-select>span{color:#9184c6}
.setup-field p{font-size:10px;line-height:1.6;color:#9393a3;margin:8px 0 0}
.hiw-real-results{padding:18px}.results-panel{max-width:490px;padding:0;overflow:hidden}.results-panel .setup-heading{padding:15px 18px;position:relative;z-index:1;background:#fff}.results-panel .setup-heading>strong{font-size:14px}
.results-panel img{display:block;width:100%;height:auto;margin-top:-10px;max-height:365px;object-fit:contain;background:#f5f6fb}
.hiw-step.is-visible .setup-profile{animation:hiw-pop .6s .15s both}.hiw-step.is-visible .setup-profile:nth-of-type(3){animation-delay:.3s}
.hiw-step.is-visible .setup-field{animation:hiw-pop .6s .15s both}.hiw-step.is-visible .setup-field:nth-of-type(3){animation-delay:.3s}
@media(max-width:900px){.hiw-product-scene{height:430px;padding:20px}.setup-panel{padding:20px}.results-panel{padding:0}.setup-heading>strong{font-size:18px}.setup-niche{padding:12px}}
@media(max-width:700px){.hiw-product-scene{height:auto;min-height:370px;padding:22px 18px}.hiw-real-results{min-height:0}.setup-panel{max-width:430px}.results-panel img{max-height:none}.setup-heading>strong{font-size:18px}}

.home-pricing-head{display:grid;grid-template-columns:1fr 1fr;gap:8px 50px;align-items:end;text-align:left}
.home-pricing-kicker{grid-column:1/-1;display:flex;align-items:center;gap:9px}.home-pricing-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:#6d64ea;box-shadow:0 0 0 5px rgba(109,100,234,.09)}
.home-pricing h2{margin-bottom:0}.home-pricing-head p{justify-self:end;max-width:32ch;text-align:right}
.home-plan{position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.home-plan::before{position:absolute;right:19px;bottom:-33px;color:rgba(82,73,207,.055);font-family:'Geist',system-ui,sans-serif;font-size:126px;font-weight:700;line-height:1;pointer-events:none}
.home-plan::before{content:none!important}
.home-pricing-head{display:block;text-align:center}.home-pricing-kicker{justify-content:center}
.home-pricing h2{font-size:clamp(32px,4vw,52px);line-height:1.15;margin:20px 0 0}.home-pricing h2 span{color:var(--indigo)}
.home-pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-plan{padding:24px;min-height:460px}
.home-plan-annual{font-size:11px;line-height:1.6;color:#7b8091;margin:8px 0 0;min-height:36px}.home-pricing-note{margin:24px 0 0;text-align:center;font-size:13px;color:#7b8091}.home-pricing-note a{color:var(--indigo);margin-left:8px}
@media(max-width:1050px){.home-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.home-pricing-grid{grid-template-columns:1fr}.home-plan{min-height:0}.home-plan-action{margin-top:24px}}
.home-plan:hover{transform:translateY(-7px);border-color:#cbc7ff;box-shadow:0 28px 55px -32px rgba(52,44,139,.36)}
.home-pricing.motion-ready .home-pricing-head>*,.home-pricing.motion-ready .home-plan{opacity:0;transform:translateY(22px)}
.home-pricing.motion-ready.is-visible .home-pricing-head>*,.home-pricing.motion-ready.is-visible .home-plan{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.home-pricing.motion-ready.is-visible .home-pricing-head p{transition-delay:.08s}.home-pricing.motion-ready.is-visible .home-plan:nth-child(1){transition-delay:.14s}.home-pricing.motion-ready.is-visible .home-plan:nth-child(2){transition-delay:.23s}.home-pricing.motion-ready.is-visible .home-plan:nth-child(3){transition-delay:.32s}

.blogs{padding-top:112px}.blogs-head{align-items:end}.blogs-head h2::before{content:"Field notes";display:block;margin-bottom:15px;color:#655cda;font-family:'Inter',system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.bpost{border-radius:24px}.bpost-viz{position:relative;background:linear-gradient(145deg,#f8f7ff,#e9e7ff)}
.bpost-viz::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s ease}.bpost:hover .bpost-viz::after{transform:translateX(120%)}
.bpost-cat{padding:0;background:none;border-radius:0;letter-spacing:.08em;text-transform:uppercase}

.faq.rv.in details{animation:faqRowIn .58s cubic-bezier(.2,.8,.2,1) both}.faq.rv.in details:nth-child(2){animation-delay:.05s}.faq.rv.in details:nth-child(3){animation-delay:.10s}.faq.rv.in details:nth-child(4){animation-delay:.15s}.faq.rv.in details:nth-child(5){animation-delay:.20s}.faq.rv.in details:nth-child(6){animation-delay:.25s}.faq.rv.in details:nth-child(7){animation-delay:.30s}.faq.rv.in details:nth-child(8){animation-delay:.35s}.faq.rv.in details:nth-child(9){animation-delay:.40s}
@keyframes faqRowIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.v2-close::after{content:"";position:absolute;left:50%;top:50%;width:min(840px,80vw);height:min(840px,80vw);border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.018);transform:translate(-50%,-50%);animation:closeOrbit 18s linear infinite}
.v2-close h2{max-width:11ch;margin-left:auto;margin-right:auto;letter-spacing:-.055em}
.v2-close .btn-white{position:relative;overflow:hidden}.v2-close .btn-white::after{content:"";position:absolute;top:-50%;left:-55%;width:45%;height:200%;background:linear-gradient(90deg,transparent,rgba(109,100,234,.16),transparent);transform:rotate(18deg);transition:left .7s ease}.v2-close .btn-white:hover::after{left:115%}
.v2-close.motion-ready>*:not(.micro){opacity:0;transform:translateY(22px)}.v2-close.motion-ready.is-visible>*:not(.micro){opacity:1;transform:none;transition:opacity .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1)}.v2-close.motion-ready.is-visible p{transition-delay:.08s}.v2-close.motion-ready.is-visible .btn-white{transition-delay:.16s}
@keyframes closeOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}

@media(max-width:750px){.hero-signal{display:none}.v2-hero::before{width:520px;height:520px}.home-pricing-head{grid-template-columns:1fr}.home-pricing-kicker{grid-column:auto}.home-pricing-head p{justify-self:start;text-align:left}.hiw-head{text-align:left}.v2-close::after{width:110vw;height:110vw}.collage-card:hover,.collage-mini:hover,.home-plan:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.v2-stage.is-visible .v2-shot,.v2-stage.is-visible .v2-shot::after,.v2-stage.is-visible .hero-signal,.v2-close::after,.faq.rv.in details{animation:none}.hero-signal{opacity:1}.collage.motion-ready .collage-trend-row,.collage.motion-ready .collage-watch-demo,.collage.motion-ready .collage-watch-kpis div,.collage-watch-peak{opacity:1;transform:none}.collage.motion-ready.is-visible .collage-trend-row,.collage.motion-ready.is-visible .collage-watch-demo,.collage.motion-ready.is-visible .collage-watch-kpis div,.collage.is-visible .collage-watch-line,.collage.is-visible .collage-watch-peak,.collage.is-visible .collage-mini svg path,.collage.motion-ready.is-visible .collage-trend-progress::after{animation:none}.collage-trend-progress::after{transform:scaleX(1)}.collage-watch-line{stroke-dashoffset:0}}

/* ---------- CLOSER ---------- */
.v2-close{position:relative;overflow:hidden;background:linear-gradient(40deg,#2b1b6e,#0b1240);
  color:#fff;padding:120px 24px;text-align:center;margin-top:120px}
.v2-close::before{content:"";position:absolute;inset:-30%;
  background:radial-gradient(36% 40% at 24% 26%,rgba(124,110,240,.6),transparent 62%),
             radial-gradient(32% 36% at 74% 68%,rgba(79,70,229,.5),transparent 62%),
             radial-gradient(28% 32% at 60% 20%,rgba(147,51,234,.35),transparent 62%);
  filter:blur(40px)}
.v2-close>*{position:relative;z-index:1}
.v2-close h2{max-width:14ch;font-size:clamp(2rem,5vw,4.5rem);line-height:1.1;margin:0 auto 24px;color:#fff}
.v2-close p{font-family:'Inter',system-ui,sans-serif;color:rgba(255,255,255,.9);
  font-size:clamp(1.05rem,2vw,1.5rem);line-height:1.5;max-width:48rem;margin:0 auto 32px}
.v2-close .btn-white{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--indigo);
  font-family:'Geist',system-ui,sans-serif;font-weight:700;font-size:18px;
  padding:16px 48px;border-radius:999px;text-decoration:none;
  box-shadow:0 25px 50px -12px rgba(0,0,0,.45);transition:background .2s}
.v2-close .btn-white:hover{background:#f3f4f6}
.v2-close .micro{font-family:'Inter',system-ui,sans-serif;color:rgba(255,255,255,.65);
  font-size:14px;margin:20px 0 0}

/* Adspirer typography is defined by its metrics as much as its font files:
   regular-weight Geist display type, 1.2 line height, and restrained tracking. */
.v2page .v2-hero h1{
  font-family:'Geist',system-ui,sans-serif;
  font-size:84px;font-weight:400;line-height:1.2;letter-spacing:-.045em;
  padding-bottom:0;margin-bottom:28px;
}
.v2page .v2-hero .sub{
  font-family:'Inter',system-ui,sans-serif;
  font-size:18px;font-weight:400;line-height:1.5;letter-spacing:normal;
  max-width:608px;
}
.v2page .v2-hero .acts .btn-grad.big,.v2page .v2-hero .btn-demo{
  font-family:'Inter',system-ui,sans-serif;font-size:16px;font-weight:500;
}
.v2page #siteHeader .nav-links>a,.v2page #siteHeader .nd-btn,.v2page #siteHeader .nav-login,.v2page #siteHeader .nav-actions .btn-grad{
  font-family:'Inter',system-ui,sans-serif;font-size:14px;font-weight:400;letter-spacing:normal;
}
.v2page .collage-head h2,.v2page .hiw-head h2,.v2page .payoff h2,.v2page .voices h2,.v2page .home-pricing h2,.v2page #faq .faq-head h2,.v2page .blogs-head h2,.v2page .v2-close h2{
  font-family:'Geist',system-ui,sans-serif;font-weight:400;line-height:1.2;letter-spacing:-.035em;
}
.v2page .collage-card h3,.v2page .hiw-copy h3{font-family:'Geist',system-ui,sans-serif;font-weight:400;letter-spacing:-.025em}
@media(max-width:991px){.v2page .v2-hero h1{font-size:68px}}
@media(max-width:600px){.v2page .v2-hero h1{font-size:clamp(40px,10vw,56px);line-height:1.15}.v2page .v2-hero .sub{font-size:16px;line-height:1.5}}
@media(max-width:479px){.v2page .v2-hero h1{font-size:40px}}

/* Homepage footer: full site map with a compact brand signature. */
.v2-close{margin-top:0}
.home-footer{overflow:hidden;background:#fff;color:#8b8f99}
.home-footer-inner{max-width:1440px;margin:0 auto;padding:58px 40px 0}
.home-footer-grid{display:grid;grid-template-columns:minmax(190px,1.65fr) repeat(6,minmax(0,1fr));gap:clamp(16px,2vw,30px)}
.home-footer-brand .logo{display:inline-flex;margin-bottom:10px;color:#182032}
.home-footer-brand p{margin:0;color:#8b8f99;font-family:'Inter',system-ui,sans-serif;font-size:13px}
.home-footer-brand .foot-badges{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:14px}
.home-footer-brand .foot-badges img{display:block;width:auto;height:24px;max-width:190px;object-fit:contain}
.home-footer-col h5{margin:3px 0 17px;color:#222b3a;font-family:'Inter',system-ui,sans-serif;font-size:13px;font-weight:650}
.home-footer-col a{display:block;width:max-content;max-width:100%;margin-bottom:11px;color:#727b8a;font-family:'Inter',system-ui,sans-serif;font-size:13px;line-height:1.3;text-decoration:none;transition:color .2s ease}
.home-footer-col a:hover,.home-footer-legal a:hover{color:#4f46e5}
.home-footer-legal{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:44px;padding-top:22px;border-top:1px solid #e7e8ec;font-family:'Inter',system-ui,sans-serif;font-size:13px;line-height:1.5;letter-spacing:.005em}
.home-footer-legal p{margin:0}
.home-footer-legal p span{padding:0 4px}
.home-footer-legal nav{display:flex;align-items:center;gap:34px;flex:none}
.home-footer-legal a{color:inherit;text-decoration:none;transition:color .2s ease}
.home-footer-wordmark{height:clamp(60px,7vw,96px);margin-top:26px;overflow:hidden;color:#e9eaf0;font-family:'Geist',system-ui,sans-serif;font-size:clamp(88px,14vw,190px);font-weight:600;line-height:1;letter-spacing:-.085em;text-align:center;white-space:nowrap;user-select:none}
@media(max-width:1100px){.home-footer-grid{grid-template-columns:1.6fr repeat(3,1fr);row-gap:24px}.home-footer-brand{grid-row:span 2}}
@media(max-width:700px){.home-footer-inner{padding:40px 24px 0}.home-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.home-footer-brand{grid-column:1/-1;grid-row:auto}.home-footer-brand .foot-badges{flex-direction:row;flex-wrap:wrap}.home-footer-legal{align-items:flex-start;flex-direction:column;gap:14px;margin-top:30px;font-size:12px}.home-footer-legal nav{gap:24px}.home-footer-wordmark{height:11vw;margin-top:22px;font-size:22vw}}
/* Section labels: blue text on a soft pill, without decorative dots. */
.collage-eyebrow,.hiw-kicker,.voices-kicker,.home-pricing-kicker,.integrations-kicker{
  display:inline-flex;align-items:center;justify-content:center;width:fit-content;
  padding:8px 16px;border:0;border-radius:999px;background:#eaf0ff;color:#2463eb;
  font-size:14px;font-weight:500;line-height:1.4;letter-spacing:0;text-transform:none;
}
.collage-eyebrow::before,.hiw-kicker::before,.voices-kicker::before,.home-pricing-kicker::before{content:none;display:none}
.integrations-kicker{display:flex;margin:0 auto 18px}
.home-pricing-kicker{margin-inline:auto}