@font-face{font-family:'Fira Sans';font-style:normal;font-weight:300;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-ext-300.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:300;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-300.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:300;font-display:optional;src:url('/assets/fonts/fira-sans-latin-300.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-ext-400.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-400.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:400;font-display:optional;src:url('/assets/fonts/fira-sans-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-ext-600.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-600.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:600;font-display:optional;src:url('/assets/fonts/fira-sans-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-ext-700.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-700.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:700;font-display:optional;src:url('/assets/fonts/fira-sans-latin-700.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:800;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-ext-800.woff2') format('woff2');unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:800;font-display:optional;src:url('/assets/fonts/fira-sans-cyrillic-800.woff2') format('woff2');unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}
    @font-face{font-family:'Fira Sans';font-style:normal;font-weight:800;font-display:optional;src:url('/assets/fonts/fira-sans-latin-800.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
    :root{
      --bg:#FBF8F3;
      --bg-deep:#F2EDE3;
      --bg-card:rgba(59,18,24,.04);
      --bg-card-elev:rgba(59,18,24,.07);
      --surface:#FFFFFF;
      --panel:#FFFFFF;
      --panel-inset:#F5F0E8;

      /* Brand */
      --brand:#3B1218;
      --brand-2:#571A24;
      --brand-hi:#7A2333;
      --brand-soft:rgba(59,18,24,.12);
      --brand-glow:rgba(59,18,24,.25);

      /* Burgundy accent (replaces bronze) */
      --bronze:#7A2333;
      --bronze-bright:#922C3E;
      --bronze-deep:#571A24;
      --brass:#7A2333;

      /* Border */
      --border:rgba(59,18,24,.12);
      --border-strong:rgba(59,18,24,.28);
      --line:rgba(59,18,24,.12);
      --line-strong:rgba(59,18,24,.28);

      /* Text */
      --fg:#221A17;
      --fg-muted:rgba(34,26,23,.62);
      --fg-faint:rgba(34,26,23,.38);
      --text:#221A17;
      --text-muted:rgba(34,26,23,.55);
      --text-soft:rgba(34,26,23,.38);
      --accent:#7A2333;
      --accent-2:#571A24;

      /* Status */
      --green-pos:#2E7D57;
      --red-neg:#C25B4F;

      --shadow-card:0 20px 40px rgba(59,18,24,.12);
      --shadow-hero:0 40px 80px rgba(59,18,24,.18);
      --shadow-inset:inset 0 1px 0 rgba(255,255,255,.8);

      --radius-lg:24px;
      --radius-md:16px;
      --radius-pill:999px;

      --btn-pad-y:11px;
      --btn-pad-x:18px;
      --btn-font:14px;

      --gap:24px;
      --section-pad:72px;

      /* Glass */
      --glass:rgba(255,255,255,.90);
      --glass-2:rgba(255,255,255,.75);
      --glass-border:rgba(59,18,24,.10);
      --glass-border-2:rgba(59,18,24,.18);
      --glass-glow:0 18px 55px rgba(59,18,24,.10);

      --top-accent:linear-gradient(90deg, rgba(251,248,243,0), rgba(59,18,24,.30), rgba(122,35,51,.40), rgba(251,248,243,0));
      --title-grad:linear-gradient(90deg, rgba(34,26,23,1), rgba(34,26,23,.86), rgba(122,35,51,.95));
    }

    *{box-sizing:border-box;margin:0;padding:0}
    html{width:100%;overflow-x:clip}
    h1,h2{font-weight:300}
    body{
      font-family:"Fira Sans",system-ui,sans-serif;
      color:var(--text);
      line-height:1.7;
      letter-spacing:.01em;
      overflow-x:clip;
      width:100%;
      max-width:100vw;

      background: var(--bg);
      background-attachment: fixed;
      position:relative;
    }
    /* subtle grid texture */
    body::before{
      content:"";
      position:fixed; inset:0;
      pointer-events:none;
      opacity:.22;
      background:
        linear-gradient(to bottom, rgba(255,255,255,.02), transparent 35%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0, rgba(255,255,255,.03) 1px, transparent 1px, transparent 120px),
        repeating-linear-gradient(0deg, rgba(255,255,255,.02) 0, rgba(255,255,255,.02) 1px, transparent 1px, transparent 120px);
      mix-blend-mode:overlay;
    }

    img{max-width:100%;display:block}
    a{color:inherit;text-decoration:none}
    .container{width:min(1160px,92vw);margin:0 auto}

    /* ── Glass surface (prototype) ──
       Fixed background stays still; this panel scrolls with the content,
       giving the impression content rides on a glass plane above it. */
    .glass-panel{
      backdrop-filter:blur(22px) saturate(1.15);
      -webkit-backdrop-filter:blur(22px) saturate(1.15);
      border-radius:24px;
      padding:48px clamp(24px,4vw,56px);
    }

    /* Sticky only top header */
    body > header{
      position:sticky;top:0;
      background:rgba(251,248,243,.95);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      z-index:50;
      border-bottom:1px solid var(--border);
      transition:transform .5s cubic-bezier(.4,0,.2,1);
    }
    body > header.header-hidden{
      transform:translateY(-100%);
    }
    body > header::after{
      content:"";
      position:absolute;left:0;right:0;bottom:-1px;height:1px;
      background:linear-gradient(90deg, transparent, rgba(59,18,24,.20), rgba(122,35,51,.15), transparent);
      pointer-events:none;
    }

    .nav{
      display:flex;align-items:center;justify-content:space-between;
      padding:16px 0;gap:12px;
      flex-wrap:nowrap;
      min-width:0;
    }
    .logo{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}
    .logo img{height:40px;width:auto}
    .footer .logo img{height:34px;width:auto}
    .logo .logo-mark{display:none}

    .nav-links{
      display:flex;
      flex-wrap:nowrap;
      gap:12px;
      font-size:13px;
      color:var(--text-muted);
      align-items:center;
      justify-content:center;
      padding:0 6px;
      min-width:0;
      flex:1 1 auto;
      overflow:hidden;
      white-space:nowrap;
    }
    .nav-links a{
      position:relative;
      padding:6px 2px;
      border-radius:10px;
      flex:0 0 auto;
      transition:color .2s ease, text-shadow .2s ease;
    }
    .nav-links a:hover{color:var(--text); text-shadow:0 0 18px rgba(59,18,24,.15)}
    .nav-links a.active{color:var(--text)}
    .nav-links a.active::after{
      content:"";
      position:absolute;left:2px;right:2px;bottom:-7px;height:3px;
      border-radius:99px;
      background:var(--top-accent);
      box-shadow:0 0 18px rgba(59,18,24,.15);
    }

    .nav-cta{
      display:flex;align-items:center;gap:10px;
      flex-shrink:0;
      white-space:nowrap;
      flex-wrap:nowrap;
      min-width:0;
    }

    .button{
      padding:var(--btn-pad-y) var(--btn-pad-x);
      border-radius:var(--radius-pill);
      border:1px solid transparent;
      font-weight:700;font-size:var(--btn-font);line-height:1;
      display:inline-flex;align-items:center;justify-content:center;gap:10px;
      min-height:40px;white-space:nowrap;
      transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease, opacity .25s ease, background .25s ease;
      max-width:100%;
      position:relative;
    }

    .button.primary{
      background:var(--bronze);
      color:#FBF8F3;
      box-shadow:0 8px 28px rgba(122,35,51,.22);
      font-weight:600;
    }
    .button.primary::after{
      content:"";
      position:absolute;inset:-1px;
      border-radius:999px;
      padding:1px;
      background:linear-gradient(90deg,rgba(122,35,51,.0),rgba(122,35,51,.30),rgba(92,20,35,.18),rgba(122,35,51,.0));
      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
      -webkit-mask-composite:xor;
      mask-composite:exclude;
      pointer-events:none;
      opacity:.9;
    }
    .button.primary:hover{
      background:var(--bronze-bright);
      box-shadow:0 12px 36px rgba(122,35,51,.32);
    }

    .button.secondary{
      border-color:rgba(59,18,24,.18);
      color:var(--text);
      background:rgba(59,18,24,.05);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
    }
    .button.secondary:hover{
      border-color:rgba(122,35,51,.28);
      box-shadow:0 16px 44px rgba(59,18,24,.14), inset 0 1px 0 rgba(255,255,255,.8);
    }

    .button:hover{transform:translateY(-2px)}
    .button:disabled{opacity:.65;cursor:not-allowed}
    .nav-cta .button{padding:var(--btn-pad-y) calc(var(--btn-pad-x) - 2px)}

    .pill{
      display:inline-flex;align-items:center;gap:8px;
      padding:6px 14px;border-radius:var(--radius-pill);
      font-size:12px;letter-spacing:.08em;text-transform:uppercase;
      border:1px solid rgba(59,18,24,.15);
      color:var(--accent-2);
      background:rgba(251,248,243,.88);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
      box-shadow:var(--shadow-inset);
    }
    .pill .dot{
      width:8px;height:8px;border-radius:50%;flex-shrink:0;align-self:center;
      background:rgba(43,107,79,.98);
      box-shadow:0 0 0 6px rgba(43,107,79,.16), 0 0 28px rgba(43,107,79,.22);
    }

    /* Typographic accents */
    .title-accent{
      background:none;
      -webkit-background-clip:initial;
      background-clip:initial;
      color:var(--text);
      text-shadow:0 2px 22px rgba(34,26,23,.15);
      position:relative;
    }
    .accent-word{
      color:rgba(34,26,23,1);
      position:relative;
      text-shadow:0 0 22px rgba(59,18,24,.12);
    }
    /* Hero typewriter wrapper — underline lives here so it stays visible during word fade */
    .tw-wrap{
      position:relative;
      display:inline-block;
    }
    .tw-wrap::after{
      content:"";
      position:absolute;left:0;right:0;bottom:-6px;height:2px;
      border-radius:99px;
      background:linear-gradient(90deg, rgba(59,18,24,.0), rgba(59,18,24,.55), rgba(122,35,51,.45), rgba(59,18,24,.0));
      opacity:.9;
      pointer-events:none;
    }
    .typewriter-word{
      transition:opacity .22s ease;
    }

    /* HERO */
    .hero{
      min-height:100vh;
      display:flex;
      flex-direction:column;
      justify-content:center;
      padding:80px 0 48px;
      background:linear-gradient(180deg,var(--bg-deep),var(--bg));
      position:relative;
      overflow:hidden;
      box-sizing:border-box;
    }
    .hero-deco-n{
      position:absolute;right:-40px;top:-80px;
      font-family:Georgia,serif;font-size:480px;font-style:italic;
      color:var(--bronze);opacity:.05;
      line-height:1;pointer-events:none;user-select:none;
      z-index:0;
    }
    .hero-trust-strip{
      display:flex;gap:0;
      border-top:1px solid var(--border);
      margin-top:28px;padding-top:18px;
      flex-wrap:wrap;gap:20px;
    }
    .hero-trust-item{
      display:flex;flex-direction:column;gap:2px;
    }
    .hero-trust-item span:first-child{
      font-size:10px;letter-spacing:.1em;text-transform:uppercase;
      color:var(--text-soft);
    }
    .hero-trust-item span:last-child{
      font-size:13px;font-weight:600;color:var(--bronze);
    }
    .hero::before{
      content:"";
      position:absolute;inset:-120px;
      background: none;
      opacity:.9;
      pointer-events:none;
      will-change:transform;
    }

    .hero-grid{
      display:grid;gap:40px;
      grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
      align-items:center;
      position:relative;
    }
    .hero-content{
      position:relative;
      z-index:1;
    }
    .hero-industries{
      font-size:12px;
      letter-spacing:.16em;
      text-transform:uppercase;
      color:var(--text-soft);
      font-weight:600;
      text-align:center;
      margin-top:8px;
    }
    .hero h1{
      font-size:clamp(28px,3.2vw,44px);
      line-height:1.12;
      margin:12px 0 10px;
      letter-spacing:-.02em;
      max-width:32ch;
    }
    .hero-subtitle{
      font-size:17px;
      color:var(--text);
      font-weight:700;
      margin:0 0 12px;
      max-width:60ch;
    }
    .hero p{
      color:var(--text-muted);
      font-size:16.5px;
      margin-bottom:18px;
      max-width:62ch;
    }
    .hero-btn-linkedin .btn-icon{display:inline-block;vertical-align:middle;margin-right:6px}
    .btn-icon-text{
      display:inline-flex;align-items:center;justify-content:center;
      width:18px;height:18px;border-radius:4px;
      font-size:9px;font-weight:800;letter-spacing:-.02em;
      background:#7A2333;color:#FBF8F3;
      vertical-align:middle;flex-shrink:0;
    }
    .sticky-tg-icon .btn-icon-text{width:auto;height:auto;background:none;color:#7A2333;font-size:11px}
    .btn-icon-text--dark{background:#3B1218;color:#FBF8F3}

    .notif-shade{display:none} /* shown only on mobile via media query */

    .hero-visual{
      background:var(--glass);
      border-radius:20px;
      padding:26px;
      border:1px solid var(--border);
      position:relative;
      min-height:320px;
      box-shadow:var(--shadow-hero);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
    }
    .hero-visual::before{content:none}
    .hero-visual::after{content:none}
    /* Live dashboard */
    .live-dash{
      background:rgba(16,11,13,.94);
      border-radius:18px;
      border:1px solid rgba(122,35,51,.18);
      margin:-10px 14px 0;
      padding:14px 14px 10px;
      box-shadow:0 8px 24px rgba(59,18,24,.22),0 0 0 1px rgba(122,35,51,.10);
      font-family:inherit;
      position:relative;
    }
    .live-dash::before{
      content:"";position:absolute;inset:0;border-radius:inherit;
      background:linear-gradient(135deg,rgba(122,35,51,.05) 0%,transparent 50%);
      pointer-events:none;
    }
    .live-dash-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}
    .live-dash-eyebrow{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(244,239,229,.32);margin-bottom:2px}
    .live-dash-subtitle{font-size:14px;font-weight:700;color:#F4EFE5;letter-spacing:-.01em}
    .live-live-badge{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#4caf6e;margin-top:1px}
    .live-dot{
      width:6px;height:6px;border-radius:50%;background:#4caf6e;flex-shrink:0;
      box-shadow:0 0 6px rgba(76,175,110,.7);
      animation:blink-live 2s ease-in-out infinite;
    }
    @keyframes blink-live{0%,100%{opacity:1}50%{opacity:.3}}
    /* Revenue block */
    .live-rev-label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,239,229,.3);margin-bottom:4px}
    .live-rev-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
    .live-rev-val{font-size:26px;font-weight:800;color:#F4EFE5;letter-spacing:-.03em;transition:opacity .35s}
    .live-rev-delta{font-size:12px;font-weight:600;color:#4caf6e}
    /* Sparkline */
    .live-sparkline{display:block;width:100%;height:24px;margin:5px 0 8px;overflow:visible}
    /* Metrics row */
    .live-metrics-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;gap:0}
    .live-metric-col{padding:0}
    .live-metric-col+.live-metric-col{border-left:1px solid rgba(255,255,255,.06);padding-left:18px}
    .live-metric-label{font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,239,229,.3);margin-bottom:3px}
    .live-metric-val{font-size:15px;font-weight:800;color:#F4EFE5;letter-spacing:-.02em;transition:opacity .35s}
    .live-metric-delta{font-size:11px;font-weight:600;margin-top:2px}
    .live-delta-pos{color:#4caf6e}
    .live-delta-neg{color:#e05c50}
    /* Progress bars */
    .live-bars{border-top:1px solid rgba(255,255,255,.06);margin-top:6px;padding-top:6px;display:grid;gap:5px}
    .live-bar-row-labels{display:flex;justify-content:space-between;font-size:9px;color:rgba(244,239,229,.35);margin-bottom:4px;letter-spacing:.02em}
    .live-bar-track{height:2px;background:rgba(212,184,134,.10);border-radius:2px;overflow:hidden}
    .live-bar-fill{height:100%;background:var(--bronze);border-radius:2px;transition:width 1.4s ease}
    /* Focus block */
    .live-focus{border-top:1px solid rgba(255,255,255,.06);margin-top:6px;padding:6px 10px;background:rgba(255,255,255,.025);border-radius:8px}
    .live-focus-header{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(244,239,229,.3);margin-bottom:4px}
    .live-focus-item{display:flex;align-items:center;gap:8px;font-size:10px;color:rgba(244,239,229,.68);padding:2px 0;border-bottom:1px solid rgba(255,255,255,.04)}
    .live-focus-item:last-child{border-bottom:none}
    .live-focus-item span:not(.live-focus-num):not(.live-focus-alert){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .live-focus-num{font-size:9px;font-weight:700;color:rgba(244,239,229,.3);min-width:16px;flex-shrink:0}
    .live-focus-alert{width:5px;height:5px;border-radius:50%;background:#e05c50;flex-shrink:0;margin-left:auto}

    .dashboard{
      position:relative;
      background:rgba(10,20,18,.70);
      border-radius:22px;
      border:1px solid rgba(255,255,255,.12);
      padding:18px;
      display:grid;gap:12px;
      box-shadow:0 22px 60px rgba(0,0,0,.62);
      overflow:hidden;
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
    }
    .dashboard::before{
      content:"";
      position:absolute;left:0;right:0;top:0;height:2px;
      background:var(--top-accent);
      opacity:.95;
    }

    /* IMPORTANT: static header inside dashboard */
    .dashboard header{
      position:static;
      background:rgba(8,16,14,.72);
      border:1px solid rgba(255,255,255,.12);
      border-radius:14px;
      padding:10px 12px;
      display:flex;align-items:center;justify-content:space-between;gap:10px;
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
    }
    .dashboard h3{font-size:15px}
    .chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
    .chip{
      display:inline-flex;align-items:center;gap:8px;
      padding:6px 10px;border-radius:999px;
      border:1px solid rgba(255,255,255,.14);
      background:rgba(0,0,0,.14);
      color:var(--text-muted);
      font-size:12px;
    }
    .chip.brass{border-color:rgba(122,35,51,.32)}
    .chip .mini{
      width:7px;height:7px;border-radius:50%;
      background:rgba(43,107,79,.98);
      box-shadow:0 0 0 5px rgba(43,107,79,.12);
    }

    .metric{display:grid;gap:6px}
    .metric small{color:var(--text-soft);font-size:12px}
    .progress{height:8px;border-radius:999px;background:rgba(255,255,255,.10);overflow:hidden}
    .progress span{display:block;height:100%;background:linear-gradient(90deg, rgba(122,35,51,.75), rgba(59,18,24,1))}

    .hero-scroll{
      position:absolute;
      left:50%;bottom:100px;
      transform:translateX(-50%);
      z-index:5;
      width:34px;height:34px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(0,0,0,.10);
      display:grid;place-items:center;
      color:var(--text-soft);
      box-shadow:var(--shadow-inset);
      backdrop-filter:blur(10px);
      -webkit-backdrop-filter:blur(10px);
    }

    section{padding:var(--section-pad) 0}
    section[id]{scroll-margin-top:68px}
    section.divider{position:relative}
    section.divider::after{
      display:none;
    }


    .section-title{
      display:flex;align-items:flex-end;justify-content:space-between;
      gap:24px;margin-bottom:32px;
      position:relative;
    }
    .section-title::after{
      content:"";
      position:absolute;left:0;right:0;bottom:-16px;height:1px;
      background:linear-gradient(90deg, rgba(59,18,24,.0), rgba(59,18,24,.20), rgba(255,255,255,.10), rgba(122,35,51,.18), rgba(59,18,24,.0));
      opacity:.95;
    }
    .section-title h2{
      font-size:clamp(24px,3vw,38px);
      line-height:1.12;
      letter-spacing:-.015em;
    }
    .section-title p{color:var(--text-muted);max-width:520px}

    .grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}
    .grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:22px}
    .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}

    .card,.signature{
      background:var(--glass);
      border:1px solid rgba(255,255,255,.12);
      border-radius:var(--radius-md);
      box-shadow:var(--glass-glow);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      position:relative;
      overflow:hidden;
    }
    .card::before,.signature::before{
      content:"";
      position:absolute;left:0;right:0;top:0;height:2px;
      background:var(--top-accent);
      opacity:.90;
    }

    .card{padding:22px}
    .card h3{margin-bottom:10px}
    .card p{color:var(--text-muted)}

    /* ── Case study result cards ── */
    .case-result-item{
      padding:16px;
      background:var(--glass-bg);
      border:1px solid var(--glass-border);
      border-radius:10px;
    }
    .case-result-num{
      font-size:.75rem;font-weight:800;color:var(--brass);
      letter-spacing:.1em;margin-bottom:4px;
    }
    .case-result-title{
      font-size:.85rem;font-weight:700;color:var(--text);
      letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;
    }
    .case-result-desc{
      font-size:.87rem;line-height:1.55;color:var(--text-muted);margin:0;
    }
    .case-result-desc-short{display:none}

    .signature{
      padding:22px;display:grid;gap:10px;
      background:var(--glass);
      border-color:var(--glass-border);
    }
    .signature strong{font-size:18px}
    .signature strong{ text-shadow:0 0 20px rgba(59,18,24,.16) }

    /* ── Narrative list — card-free vertical list of points ── */
    .narrative-list{display:flex;flex-direction:column;max-width:680px}
    .narrative-item{
      display:grid;grid-template-columns:48px 1fr;gap:20px;
      padding:20px 0;
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    .narrative-num{
      font-size:16px;font-weight:600;letter-spacing:.04em;
      color:var(--brass);opacity:.85;
    }
    .narrative-item h3{margin-bottom:6px}
    .narrative-item p{color:var(--text-muted);margin:0}

    /* ── Paragraph grid — card-free newspaper-style 2-column list ── */
    .paragraph-grid{column-count:2;column-gap:36px;max-width:880px}
    .paragraph-item{break-inside:avoid;margin-bottom:28px}
    .paragraph-item h3{
      font-size:15px;margin-bottom:6px;
      display:flex;align-items:center;gap:10px;
    }
    .paragraph-item h3::before{
      content:"";display:inline-block;width:6px;height:6px;border-radius:50%;
      background:var(--brass);flex-shrink:0;
    }
    .paragraph-item p{color:var(--text-muted);margin:0;font-size:.92rem}
    @media (max-width:768px){
      .paragraph-grid{column-count:1}
    }

    /* ── Card-free format columns — plain text, separated by a vertical rule ── */
    .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--gap)}
    .pricing-card{padding:0;display:grid;gap:14px;position:relative}
    @media (min-width:769px){
      .pricing-card:not(:first-child){border-left:1px solid var(--border);padding-left:40px}
    }
    .price{font-size:30px;font-weight:800;letter-spacing:-.01em}
    .pricing-card ul{list-style:none;display:grid;gap:10px;color:var(--text-muted)}
    .status-icon{
      width:18px;height:18px;
      display:inline-flex;align-items:center;justify-content:center;
      border-radius:50%;
      background:rgba(255,255,255,.08);
      color:var(--accent-2);
      font-size:11px;
      flex-shrink:0;
      margin-top:3px;
    }

    .snapshot{
      padding:24px 0 0;
      background: rgba(122,35,51,.04);
      border-bottom:1px solid var(--line);
    }
    .snapshot-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
      gap:17px;
      padding:0 0 18px;
    }
    .snap-card{
      background:var(--glass);
      border:1px solid var(--border);
      border-radius:14px;
      padding:14px 16px;
      display:grid;gap:6px;
      box-shadow:none;
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      position:relative;
      overflow:hidden;
    }
    .snap-card::before{
      content:"";
      position:absolute;left:0;right:0;top:0;height:2px;
      background:var(--top-accent);
      opacity:.85;
    }
    .snap-card b{font-size:14px}
    .snap-card small{color:var(--text-soft);font-size:12px}
    .snap-card .accent{
      display:inline-flex;align-items:center;gap:8px;
      color:var(--text-muted);
      font-size:12px;
    }
    .snap-card .accent i{
      width:8px;height:8px;border-radius:50%;
      background:rgba(43,107,79,.98);
      display:inline-block;
      box-shadow:0 0 0 6px rgba(43,107,79,.12), 0 0 24px rgba(43,107,79,.16);
    }

    .brand-strip{
      padding:14px 0;
      border-top:1px solid var(--line);
      border-bottom:1px solid var(--line);
      background:rgba(59,18,24,.04);
    }
    .brand-strip h4{
      font-size:12px;color:var(--text-soft);
      letter-spacing:.12em;text-transform:uppercase;
      margin-bottom:16px;
    }
    .brand-logos{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
      gap:16px;
    }
    .logo-pill{
      padding:6px 14px;
      border-radius:var(--radius-pill);
      border:1px solid var(--border);
      text-align:center;
      color:var(--text-muted);
      font-weight:700;font-size:12px;
      background:rgba(251,248,243,.90);
    }

    .product-orbit-wrap{
      position:relative;
      overflow:visible;
      max-width:100%;
    }
    section#products{ overflow:visible; }
    @media (min-width:769px){
      section#products{ padding-top:110px; padding-bottom:110px; }
      .product-orbit-wrap .product{ max-width:600px; margin:0 auto; }
    }
    .product{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      gap:28px;
      align-items:start;
      padding:30px;
      background: var(--glass);
      border-radius:20px;
      border:1px solid rgba(255,255,255,.12);
      box-shadow:0 8px 28px rgba(0,0,0,.28);
      backdrop-filter:blur(14px);
      -webkit-backdrop-filter:blur(14px);
      position:relative;
      overflow:hidden;
    }
    .product::before{
      content:"";
      position:absolute;left:0;right:0;top:0;height:2px;
      background:var(--top-accent);
      opacity:.90;
    }
    .product ul{list-style:none;display:grid;gap:12px;color:var(--text-muted)}
    .product li{display:flex;gap:10px}

    /* ── Card-free process timeline — animated hairline + dots (see .tl-* in animations.css) ── */
    .process-timeline{
      display:flex;flex-direction:column;gap:16px;
      margin-top:8px;max-width:680px;
    }
    .process-step{position:relative}
    .process-step span{
      color:var(--bronze);
      font-size:11px;letter-spacing:.08em;text-transform:uppercase;
      display:block;margin-bottom:4px;
    }
    .process-step h3{margin-bottom:6px}
    .process-step p{color:var(--text-muted);margin:0}

    .format-badge{
      display:inline-flex;align-items:center;justify-content:center;
      justify-self:start;
      margin-bottom:6px;
      font-size:11px;letter-spacing:.06em;text-transform:uppercase;
      padding:5px 10px;border-radius:999px;
      border:1px solid var(--border);
      color:var(--text-muted);
      background:var(--bg-card);
      line-height:1;
    }
    .format-track{
      margin-top:4px;
      display:flex;align-items:center;gap:10px;
      color:var(--text-soft);
      font-size:12px;
    }
    .track{
      --fill:40%;
      flex:1;height:8px;border-radius:999px;
      background:rgba(59,18,24,.10);
      position:relative;
      overflow:hidden;
    }
    .track::before{
      content:"";
      position:absolute;left:0;top:0;bottom:0;
      width:var(--fill);
      background:linear-gradient(90deg, rgba(59,18,24,.35), rgba(122,35,51,.22));
    }

    .icon-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
    .icon-pill{
      width:36px;height:30px;
      display:inline-flex;align-items:center;justify-content:center;
      border-radius:999px;
      border:1px solid rgba(122,35,51,.20);
      background:rgba(59,18,24,.06);
      color:rgba(122,35,51,.92);
      font-weight:900;
      letter-spacing:.02em;
      box-shadow:var(--shadow-inset);
      user-select:none;
    }

    .how-grid{
      display:grid;
      gap:16px;
      grid-template-columns:repeat(2, minmax(0, 1fr));
    }
    @media (max-width: 979px){
      .how-grid .card{padding:16px}
      .how-grid .card h3{font-size:14px;margin-bottom:7px}
      .how-grid .card p{font-size:12.5px;line-height:1.5}
    }
    @media (min-width: 980px){
      .how-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
      .how-grid .card{padding:18px}
      .how-grid .card h3{font-size:15px;margin-bottom:8px}
      .how-grid .card p{font-size:13px;line-height:1.55}
    }

    .reminder-sub{color:var(--text-muted);max-width:520px}
    .reminder-mini{margin-top:10px;color:var(--text-soft);font-size:12px}

    .accordion{display:grid}
    .accordion-item{
      border-bottom:1px solid var(--border);
      padding:14px 0;
      position:relative;
    }
    .accordion-item:first-child{border-top:1px solid var(--border)}
    #faq .accordion-item:first-child{border-top:none}
    #faq .section-title::after{display:none}
    @media(min-width:769px){.faq-cta{display:none}}
    @media(max-width:768px){.faq-cta p{font-size:12px !important;white-space:nowrap}}
    .accordion-header{
      display:flex;justify-content:space-between;align-items:center;
      cursor:pointer;font-weight:700;
    }
    .accordion-header .chev{color:var(--bronze);font-weight:900}
    .accordion-body{
      max-height:0;overflow:hidden;
      color:var(--text-muted);
      transition:max-height .4s cubic-bezier(0.4,0,0.2,1), margin-top .4s cubic-bezier(0.4,0,0.2,1);
      margin-top:0;
    }
    .accordion-item.active .accordion-body{max-height:600px;margin-top:12px}

    .cta{
      display:grid;gap:24px;
      align-items:start;
      grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
      position:relative;
    }
    .cta form{display:grid;gap:18px; position:relative}
    input,textarea{
      background:none;
      border:none;
      border-bottom:1px solid rgba(255,255,255,.18);
      border-radius:0;
      padding:10px 2px;
      color:var(--text);
      font-family:inherit;
      outline:none;
      transition:border-color .2s ease;
    }
    input:focus,textarea:focus{
      border-color:rgba(122,35,51,.65);
      box-shadow:none;
    }
    textarea{resize:vertical;min-height:90px}

    .form-message{
      border:1px solid rgba(255,255,255,.12);
      border-radius:14px;
      padding:12px 14px;
      background:rgba(8,16,14,.72);
      color:var(--text-muted);
      display:none;
      backdrop-filter:blur(12px);
      -webkit-backdrop-filter:blur(12px);
    }
    .form-message.success{border-color:rgba(61,107,92,.60);color:var(--text)}
    .form-message.error{border-color:rgba(255,255,255,.14);color:var(--text-muted)}

    .footer{
      padding:44px 0 70px;
      color:var(--text-muted);
      border-top:1px solid var(--line);
      margin-top:40px;
      background: rgba(122,35,51,.04);
    }
    .footer-grid{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
      gap:24px;
      align-items:start;
    }
    .footer h4{
      font-size:12px;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--text-soft);
      margin-bottom:10px;
    }
    .footer p{margin:6px 0}
    .footer a:hover{color:var(--text)}

    .inline-cta{
      display:inline-flex;align-items:center;
      padding:2px 10px;
      margin-left:2px;
      border:1px solid rgba(122,35,51,.30);
      border-radius:999px;
      color:var(--bronze);
      font-weight:600;
      white-space:nowrap;
      transition:border-color .2s ease, background .2s ease;
    }

    .lift{}
    .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
    .reveal.in-view{opacity:1;transform:translateY(0)}
    @media (prefers-reduced-motion:reduce){.reveal,.lift{transition:none}}

    @media (max-height:900px) and (min-width:900px){
      .hero{padding:28px 0 48px}
      .hero h1{font-size:clamp(26px,3vw,40px)}
      :root{--section-pad:66px}
    }

    @media (max-width:1100px){
      :root{ --btn-pad-x:14px; --btn-pad-y:10px; --btn-font:13px; }
      .nav-links{gap:10px;font-size:12.5px}
      .logo img{height:38px}
    }
    @media (max-width:980px){
      :root{ --btn-pad-x:12px; --btn-pad-y:9px; --btn-font:12.5px; }
      .nav{gap:10px}
      .nav-links{gap:8px;font-size:12px}
      .nav-cta{gap:8px}
      .logo img{height:36px}
    }
    @media (max-width:900px){
      .nav-links{display:none}
    }

    /* ── Desktop hamburger trigger ── */
    .desk-ham-trigger{
      display:none; /* hidden on mobile — shown via desktop media query below */
      align-items:center;gap:8px;
      background:none;border:1px solid var(--border);
      border-radius:var(--radius-pill);
      padding:7px 14px 7px 10px;
      cursor:pointer;
      color:var(--text-muted);
      font-family:inherit;font-size:13px;
      transition:background .15s,border-color .15s,color .15s;
      flex-shrink:0;
    }
    .desk-ham-trigger:hover{
      background:var(--brand-soft);
      border-color:var(--border-strong);
      color:var(--text);
    }
    .desk-ham-lines{
      display:flex;flex-direction:column;gap:4px;align-items:center;
      width:16px;
    }
    .desk-ham-lines span{
      display:block;width:14px;height:1.5px;
      background:currentColor;border-radius:2px;
      transition:transform .22s,opacity .22s;
    }
    .desk-ham-trigger[aria-expanded="true"] .desk-ham-lines span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
    .desk-ham-trigger[aria-expanded="true"] .desk-ham-lines span:nth-child(2){opacity:0}
    .desk-ham-trigger[aria-expanded="true"] .desk-ham-lines span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
    .desk-ham-label{font-weight:500;letter-spacing:.01em;font-size:13px}

    /* Always hamburger: desk-ham at ≥769px, mobile hamburger at <769px */
    @media(min-width:769px){
      .desk-ham-trigger{display:flex}
      .nav-links{display:none !important}
      .hamburger{display:none !important}
    }
    @media(max-width:768px){
      .desk-ham-trigger{display:none !important}
    }

    /* ── Desktop side nav drawer ── */
    .desk-nav-drawer{
      position:fixed;
      left:0;top:0;bottom:0;
      width:300px;
      background:var(--bg);
      border-right:1px solid var(--border);
      z-index:200;
      transform:translateX(-100%);
      transition:transform .32s cubic-bezier(.4,0,.2,1);
      display:flex;flex-direction:column;
      box-shadow:4px 0 40px rgba(59,18,24,.10);
    }
    .desk-nav-drawer.open{transform:translateX(0)}

    .desk-nav-head{
      display:flex;align-items:center;justify-content:space-between;
      padding:20px 20px 16px;
      border-bottom:1px solid var(--border);
      flex-shrink:0;
    }
    .desk-nav-logo{display:flex;align-items:center}
    .desk-nav-logo img{height:32px;width:auto}

    .desk-nav-close{
      width:32px;height:32px;
      border:1px solid var(--border);border-radius:50%;
      background:none;cursor:pointer;
      font-size:13px;color:var(--text-muted);
      display:flex;align-items:center;justify-content:center;
      transition:background .15s,color .15s,border-color .15s;
    }
    .desk-nav-close:hover{background:var(--brand-soft);color:var(--brand-hi);border-color:var(--bronze)}

    .desk-nav-links{
      display:flex;flex-direction:column;
      flex:1;overflow-y:auto;
      padding:8px 0;
    }
    .desk-nav-links a{
      display:flex;align-items:center;gap:14px;
      padding:13px 24px;
      font-size:15px;font-weight:400;
      color:var(--text-muted);
      border-bottom:1px solid var(--border);
      transition:color .15s,background .15s,padding-left .15s;
      text-decoration:none;
    }
    .desk-nav-links a:first-child{border-top:1px solid var(--border)}
    .desk-nav-links a:hover,.desk-nav-links a.active{
      color:var(--brand-hi);
      background:var(--brand-soft);
      padding-left:30px;
    }
    .desk-nav-num{
      font-size:10px;font-weight:600;
      color:var(--text-soft);
      letter-spacing:.06em;
      min-width:16px;
      font-variant-numeric:tabular-nums;
    }
    .desk-nav-icon{
      display:flex;align-items:center;justify-content:center;
      width:28px;height:28px;
      border-radius:8px;
      background:var(--bg-card);
      color:var(--text-soft);
      flex-shrink:0;
      transition:background .15s,color .15s;
    }
    .desk-nav-links a:hover .desk-nav-icon,
    .desk-nav-links a.active .desk-nav-icon{
      background:rgba(122,35,51,.14);
      color:var(--brand-hi);
    }

    .desk-nav-footer{
      padding:20px 24px;
      border-top:1px solid var(--border);
      display:flex;flex-direction:column;gap:10px;
      flex-shrink:0;
    }

    .desk-nav-backdrop{
      position:fixed;inset:0;
      background:rgba(34,26,23,.22);
      backdrop-filter:blur(3px);
      -webkit-backdrop-filter:blur(3px);
      z-index:199;
      opacity:0;pointer-events:none;
      transition:opacity .3s;
    }
    .desk-nav-backdrop.visible{opacity:1;pointer-events:all}

    @media(max-width:900px){
      .desk-nav-drawer,.desk-nav-backdrop{display:none !important}
    }

    /* ── Hamburger menu ── */
    .hamburger{
      display:none;
      background:none;
      border:1px solid rgba(59,18,24,.18);
      border-radius:10px;
      color:var(--text);
      cursor:pointer;
      padding:8px 11px;
      flex-shrink:0;
      gap:5px;
      flex-direction:column;
      align-items:center;
      justify-content:center;
    }
    .hamburger span{
      display:block;width:18px;height:2px;
      background:currentColor;border-radius:2px;
      transition:transform .25s ease,opacity .25s ease;
    }
    @media (max-width:900px){.hamburger{display:flex}}

    .mobile-nav{
      display:flex;
      position:fixed;inset:0;z-index:90;
      background:rgba(251,248,243,.97);
      backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
      flex-direction:column;align-items:center;justify-content:center;
      gap:6px;
      padding:80px 24px 40px;
      overflow-y:auto;
      visibility:hidden;opacity:0;
      transform:translateY(-10px) scale(0.98);
      transition:opacity .42s ease,transform .42s ease,visibility 0s .42s;
    }
    @media(max-height:640px){
      .mobile-nav{justify-content:flex-start;padding-top:64px;gap:2px}
      .mobile-nav a{font-size:15px;padding:8px 20px}
      .mobile-nav-tg{margin-top:8px}
    }
    .mobile-nav.open{
      visibility:visible;opacity:1;transform:none;
      transition:opacity .42s ease,transform .42s ease;
    }
    .mobile-nav a{
      font-size:20px;font-weight:700;color:var(--text-muted);
      padding:12px 28px;border-radius:14px;
      transition:color .2s,background .2s;
      width:100%;max-width:320px;text-align:center;
    }
    .mobile-nav a:hover{color:var(--text);background:rgba(59,18,24,.06)}
    .mobile-nav-close{
      position:absolute;top:18px;left:18px;
      background:none;border:1px solid rgba(59,18,24,.18);
      border-radius:10px;color:var(--text);
      cursor:pointer;padding:8px 13px;font-size:18px;line-height:1;
    }
    .mobile-nav-tg{
      margin-top:16px;width:100%;max-width:320px;
    }
    @media (max-width:840px){
      .nav{flex-wrap:wrap}
      .cta{padding:30px}
      .logo .logo-horizontal{display:none}
      .logo .logo-mark{display:block;height:24px}
      .hero-scroll{display:none}
      .snapshot{padding-top:18px}
    }

    /* ── Noise texture ── */
    body::after{
      content:"";position:fixed;inset:0;pointer-events:none;z-index:2;
      opacity:.028;mix-blend-mode:overlay;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
      background-size:180px 180px;
    }

    /* ── Hero animated orbs ── */
    @keyframes orb-drift{from{transform:translate(0,0) scale(1)}to{transform:translate(28px,16px) scale(1.05)}}
    .hero::before{
      background:
        radial-gradient(ellipse 700px 500px at 15% 65%, rgba(122,35,51,.08), transparent 70%),
        radial-gradient(ellipse 500px 350px at 88% 18%, rgba(59,18,24,.06), transparent 70%);
      animation:orb-drift 14s ease-in-out infinite alternate;
    }

    /* ── Marquee brand-strip ── */
    @keyframes marquee-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    .brand-logos-wrap{
      overflow:hidden;margin-top:0;padding:2px 0;
      mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);
      -webkit-mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent);
    }
    .brand-logos-track{
      display:flex;gap:16px;width:max-content;
      animation:marquee-scroll 110s linear infinite;
      will-change:transform;
    }
    .brand-logos-track:hover{animation-play-state:paused}

    /* ── Typewriter cursor ── */
    .typewriter-word{transition:opacity .22s ease}
    .tw-wrap{display:inline-block;text-align:left;transition:opacity .22s ease}
    .hero-br-mobile{display:none}
    .tw-cursor{
      display:inline-block;width:2px;height:.82em;
      background:var(--brass);margin-left:2px;vertical-align:middle;
      animation:cur-blink .85s steps(1) infinite;
    }
    @keyframes cur-blink{0%,100%{opacity:1}50%{opacity:0}}


    /* ── Sticky Telegram bar ── */
    .sticky-tg{
      position:fixed;bottom:0;left:0;right:0;z-index:100;
      background:rgba(251,248,243,.96);
      backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
      border-top:1px solid rgba(122,35,51,.18);
      padding:10px 20px;
      display:flex;align-items:center;justify-content:space-between;gap:14px;
      transform:translateY(100%);
      transition:transform .45s cubic-bezier(.34,1.56,.64,1);
      box-shadow:0 -6px 28px rgba(59,18,24,.12);
    }
    .sticky-tg.visible{transform:translateY(0)}
    .sticky-tg p{color:var(--text-muted);font-size:13px;margin:0}
    .sticky-tg-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
    .sticky-tg-close{
      background:none;border:none;color:var(--text-soft);
      cursor:pointer;font-size:18px;line-height:1;padding:4px 8px;
    }
    .sticky-tg-icon{display:none}
    .tg-svg-icon{color:#7A2333}
    @media (max-width:768px){
      .stq-sub,.sticky-tg-full,.sticky-tg-close{display:none}
      .sticky-tg{padding:10px 16px;gap:10px}
      .sticky-tg-icon{
        display:flex;align-items:center;justify-content:center;
        width:44px;height:44px;flex-shrink:0;
        border-radius:50%;
        background:rgba(122,35,51,.10);
        border:1px solid rgba(122,35,51,.22);
      }
    }

    /* ── Exit-intent overlay ── */
    .exit-overlay{
      position:fixed;inset:0;z-index:200;
      background:rgba(0,0,0,.68);
      backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
      display:flex;align-items:center;justify-content:center;
      opacity:0;pointer-events:none;
      transition:opacity .3s ease;
    }
    .exit-overlay.visible{opacity:1;pointer-events:all}
    .exit-popup{
      background:var(--glass-2);
      border:1px solid rgba(255,255,255,.14);
      border-radius:var(--radius-lg);
      padding:40px;max-width:430px;width:92vw;
      position:relative;
      box-shadow:0 40px 80px rgba(0,0,0,.65);
      backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
      transform:translateY(22px);
      transition:transform .38s cubic-bezier(.34,1.56,.64,1);
    }
    .exit-overlay.visible .exit-popup{transform:translateY(0)}
    .exit-popup::before{
      content:"";position:absolute;left:18px;right:18px;top:10px;
      height:2px;border-radius:999px;background:var(--top-accent);
    }
    .exit-close{
      position:absolute;top:14px;right:16px;
      background:none;border:none;color:var(--text-soft);
      cursor:pointer;font-size:20px;line-height:1;
    }
    .exit-popup h3{margin:12px 0 10px}
    .exit-popup p{color:var(--text-muted);font-size:.93rem;margin-bottom:22px}

    /* ── Calculator ── */
    .calc-grid{
      display:grid;gap:24px;
      grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
      align-items:stretch;
    }
    .calc-col{ display:flex; flex-direction:column; }
    .calc-hint{
      font-size:13px;color:var(--text-muted);line-height:1.55;
      margin-top:14px;
    }
    @media (min-width: 768px){
      .calc-col:first-child .calc-hint{
        text-align:center;
        max-width:88%;
        margin-left:auto;margin-right:auto;
      }
    }
    .calc-box{
      display:flex;flex-direction:column;
      padding:0;position:relative;
    }
    @media (min-width:769px){
      .calc-col:not(:first-child) .calc-box{border-left:1px solid rgba(255,255,255,.12);padding-left:40px}
    }
    .calc-field{margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.10)}
    .calc-field:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
    .calc-field label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-muted);margin-bottom:10px}
    .calc-field .range-val{font-weight:700;color:var(--text);font-size:.9rem}
    .calc-field input[type=range]{
      width:100%;accent-color:#7A2333;
      background:none;border:none;padding:0;border-radius:0;box-shadow:none;cursor:pointer;
    }
    .calc-field input[type=range]:focus{box-shadow:none;border-color:transparent}
    .calc-result-box{
      padding:0;margin-bottom:18px;
    }
    .calc-result-num{
      font-size:clamp(36px,4.4vw,50px);font-weight:800;
      color:var(--brass);letter-spacing:-.02em;line-height:1.1;
    }
    .calc-result-sub{font-size:.83rem;color:var(--text-muted);margin-top:4px}
    .calc-note{font-size:.78rem;color:var(--text-soft);line-height:1.55;margin-bottom:18px}

    /* ── Deliverables — 1 row on desktop, never 3+1 ── */
    .deliverables-grid{
      display:grid;gap:14px;
      grid-template-columns:repeat(4,1fr);
      margin-top:24px;
    }
    @media (max-width:1100px){
      .deliverables-grid{ grid-template-columns:repeat(2,1fr); }
    }
    @media (max-width:560px){
      .deliverables-grid{ grid-template-columns:1fr; }
    }
    .deliverable-item{
      display:flex;align-items:flex-start;gap:14px;
      background:var(--glass);border:1px solid rgba(255,255,255,.10);
      border-radius:14px;padding:18px;
      position:relative;overflow:hidden;
      backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
    }
    .deliverable-item::before{
      content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
      background:linear-gradient(180deg,rgba(59,18,24,.8),rgba(122,35,51,.35));
      border-radius:0 99px 99px 0;
    }
    .del-icon{
      width:34px;height:34px;border-radius:50%;
      background:rgba(122,35,51,.10);
      display:flex;align-items:center;justify-content:center;
      font-size:16px;flex-shrink:0;
    }
    .deliverable-item strong{display:block;margin-bottom:4px;font-size:.93rem}
    .deliverable-item p{color:var(--text-muted);font-size:.82rem;margin:0}

    /* ── Not-for section ── */
    .not-for-grid{
      display:grid;gap:14px;
      grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
      margin-top:24px;
    }
    .not-for-item{
      padding:20px;background:rgba(251,248,243,.88);
      border:1px solid rgba(59,18,24,.10);border-radius:14px;
      position:relative;
    }
    .not-for-icon{font-size:20px;margin-bottom:8px}
    .not-for-item strong{display:block;margin-bottom:5px}
    .not-for-item p{color:var(--text-muted);font-size:.84rem;margin:0}

    /* ── Urgency strip ── */
    .urgency-strip{
      display:flex;align-items:center;gap:14px;
      margin-top:22px;
      padding:16px 20px;
      background:rgba(122,35,51,.06);
      border:1px solid rgba(122,35,51,.16);
      border-radius:14px;
    }
    .urgency-strip p{margin:0;color:var(--text-muted);font-size:.9rem}
    .urgency-strip a{color:var(--text);text-decoration:underline;text-underline-offset:3px}
    .urgency-dot{
      width:10px;height:10px;border-radius:50%;flex-shrink:0;
      background:rgba(43,107,79,.98);
      box-shadow:0 0 0 6px rgba(43,107,79,.16),0 0 22px rgba(43,107,79,.20);
      position:relative;
    }
    .urgency-dot::after{
      content:"";position:absolute;inset:-6px;border-radius:50%;
      background:rgba(43,107,79,.18);
      animation:pulse-dot 2.2s ease-in-out infinite;
      will-change:transform,opacity;
    }
    @keyframes pulse-dot{
      0%,100%{transform:scale(1);opacity:1}
      50%{transform:scale(1.8);opacity:0}
    }

    /* ── Section eyebrow / for-whom ── */
    .section-eyebrow{
      font-size:12px;letter-spacing:.24em;text-transform:uppercase;
      color:var(--bronze);font-weight:700;margin-bottom:10px;
    }
    .for-whom-content{max-width:680px;margin-top:18px}
    .for-whom-content p{color:var(--text-muted);line-height:1.75}
    .section-typewriter{}

    /* ── Obstacles grid — always 3 cols on desktop ── */
    #obstacles .grid-3 {
      grid-template-columns: repeat(3, 1fr);
    }
    @media (max-width: 768px) {
      #obstacles .grid-3 { grid-template-columns: 1fr; }
    }

    /* ── Value section signature grid — always even 2x2, never an
       auto-fit 3+1 wrap that leaves the last card stranded alone ── */
    #value .grid-4 {
      grid-template-columns: repeat(4, 1fr);
    }
    @media (max-width: 1024px) {
      #value .grid-4 { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 600px) {
      #value .grid-4 { grid-template-columns: 1fr; }
    }

    /* ── Demo iframe ──
       Mobile: instead of relying on Power BI's own pinch-zoom/scale
       toolbar (cramped at native size), the iframe is rendered at its
       natural desktop size and uniformly scaled down via CSS transform
       (computed in JS from the wrapper's actual width), so the dashboard
       looks crisp and fully laid out instead of squeezed. */
    .demo-frame-iframe{ width:100%; height:600px; border:0; display:block; }
    @media (max-width: 768px) {
      .demo-frame-wrap{
        position:relative;
        height:var(--demo-scaled-h, 380px);
        border-radius:0;
      }
      .demo-frame-iframe{
        width:980px; height:600px;
        position:absolute; top:0; left:0;
        transform:scale(var(--demo-scale, .38));
        transform-origin:top left;
      }
      .demo-frame-open-link{
        display:inline-flex; align-items:center; gap:6px;
        margin:10px 0 24px;
        font-size:13px; color:var(--bronze);
        text-decoration:underline; text-underline-offset:3px;
      }
    }
    @media (min-width: 769px) {
      .demo-frame-open-link{ display:none; }
    }

    /* ── Hero mobile CTA: drop Telegram, keep LinkedIn as a normal labeled button ── */
    @media (max-width: 768px) {
      .hero-btn-telegram{display:none}
    }

    /* ── Anonymous-case CTA row: stay in one row on mobile ── */
    @media (max-width: 768px) {
      .case-cta-row{ flex-wrap:nowrap; gap:8px; }
      .case-cta-btn{ font-size:12px !important; padding:8px 12px !important; flex-shrink:0; white-space:nowrap; }
      .case-cta-row span{ display:none; }
    }

    /* ── Critical initial states from animations.css — must be inline to prevent CLS ──
       animations.css loads async; without these, elements render visible/unsized first,
       then jump when the async CSS kicks in. */
    body>main,body>footer{position:relative;z-index:10}
    .hero-trust-item{opacity:0;transform:translateY(8px);transition:opacity .5s ease,transform .5s ease}
    .hero-trust-item.vis{opacity:1;transform:none}
    #process{position:relative}
    .phone-v-wrap{position:relative;width:100%;max-width:290px;margin:0 auto;overflow:hidden;aspect-ratio:914/1545;border-radius:46px 46px 10px 10px}
    .phone-v-frame{background:#100B0D;border-radius:48px 48px 0 0;overflow:hidden;position:relative;aspect-ratio:914/1550;box-shadow:none;-webkit-mask-image:linear-gradient(to bottom,black 0%,black 92.5%,transparent 95%);mask-image:linear-gradient(to bottom,black 0%,black 92.5%,transparent 95%)}
    .phone-v-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;z-index:5}
    .phone-v-fade{display:none}
    .hero-visual{padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;backdrop-filter:none!important;min-height:auto!important}
    .phone-3d-outer{transition:opacity .6s ease .2s}
    .phone-3d-outer.on{opacity:1}
    .phone-frame{transform:translateY(40px);transition:transform .85s cubic-bezier(.34,1.2,.64,1),opacity .6s ease}
    .phone-frame.is-visible{transform:translateY(0);opacity:1}
    .section-typewriter,[data-typewriter]{color:#7A2333!important}
    .section-typewriter{font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;margin-top:14px;margin-bottom:16px;min-height:18px;display:inline-block}
    .tool-pill{opacity:0}
    .product-orbit-wrap .src-icon{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
    .tl-side-wrapper{position:relative;padding-left:26px}
    .demo-intro{display:flex;gap:36px;align-items:flex-start;flex-wrap:wrap}
    .demo-text{flex:1 1 280px}
    .tools-orbit{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 32px}
    @media(max-width:768px){
      .hero h1{font-size:clamp(22px,6.2vw,28px);min-height:auto}
      .hero-br-mobile{display:inline}
      .typewriter-word{display:inline-block;white-space:nowrap}
      .section-typewriter,[data-typewriter]{display:block;width:100%;max-width:100%;white-space:normal;overflow-wrap:break-word;font-size:9px!important;line-height:1.35;min-height:2.7em;overflow:hidden;margin-top:12px}
      .tools-orbit{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
    }

    /* ── Mobile: disable GPU compositing layers that lag on 4x CPU throttle ── */
    @media (max-width:900px){
      body > header{
        backdrop-filter:none;
        -webkit-backdrop-filter:none;
        background:rgba(251,248,243,.98);
      }
      body::before{display:none}
      body::after{display:none}
      .hamburger{order:-1}
      .nav-cta{display:none}
    }

    /* ── Author section ── */
    .author-layout{display:flex;gap:0;align-items:stretch;min-height:560px}
    .author-photo-col{flex:0 0 48%;position:relative;overflow:hidden;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.18)}
    .author-photo{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
      object-position:top center;
    }
    .author-text-col{flex:1 1 0;min-width:0;padding-left:52px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
    .author-text-col h2{margin-top:12px;margin-bottom:16px}
    .author-text-col p{font-size:17px;line-height:1.65;color:var(--text)}

    /* ═══════════════════════════════════════════════
       HORIZONTAL SCROLL CHAPTER (desktop ≥ 769px)
       + VERTICAL SCROLL-SNAP (mobile < 769px)
    ═══════════════════════════════════════════════ */

    /* ── Shared base ── */
    .hscroll-outer{position:relative}

    /* ── Desktop horizontal scroll ── */
    @media(min-width:769px){
      .hscroll-outer{
        /* height injected by JS: N * 100vh */
      }

      .hscroll-sticky{
        position:sticky;
        top:0;
        height:100vh;
        overflow:hidden;
        will-change:transform;
      }

      .hscroll-track{
        display:flex;
        height:calc(100% - 3px); /* room for progress bar */
        will-change:transform;
      }

      .hscroll-slide{
        flex:0 0 100vw;
        width:100vw;
        height:100%;
        overflow-y:auto;
        overscroll-behavior:contain;
        display:flex;
        flex-direction:column;
        justify-content:center;
      }

      /* sections inside slides: vertically centered, capped */
      .hscroll-slide > section{
        flex:1;
        display:flex;
        flex-direction:column;
        justify-content:center;
        padding-top:16px;
        padding-bottom:16px;
      }

      /* section::after divider line off — doesn't make sense inside slides */
      .hscroll-slide > section.divider::after{display:none}

      /* glass-panel inside slides: compact + scrollable fallback (scrollbar hidden) */
      .hscroll-slide .glass-panel{
        max-height:calc(100vh - 96px);
        overflow-y:auto;
        overscroll-behavior:contain;
        scrollbar-width:none;
        /* compact padding */
        padding:22px clamp(16px,3vw,40px);
      }
      .hscroll-slide .glass-panel::-webkit-scrollbar{display:none}

      /* products slide: allow orbit icons to extend beyond glass-panel */
      #hslide-products .glass-panel{
        max-height:none;
        overflow:visible;
      }
      #hslide-products{overflow:visible}

      /* compact section title inside slides */
      .hscroll-slide .section-title{margin-bottom:28px}
      .hscroll-slide .section-title::after{bottom:-8px}
      .hscroll-slide .pill{margin-bottom:6px !important}

      /* hide decorative/secondary elements that eat vertical space */
      /* .hscroll-slide .section-typewriter — shown */
      .hscroll-slide .icon-badges{display:none}
      .hscroll-slide .section-title > p{display:none}

      /* narrative list → 2-column grid inside slides */
      .hscroll-slide .narrative-list{
        max-width:100%;
        display:grid;
        grid-template-columns:1fr 1fr;
        column-gap:40px;
        margin-top:4px;
      }
      .hscroll-slide .narrative-item{padding:9px 0}
      .hscroll-slide .narrative-item[style*="border-bottom:none"]{border-bottom:none}
      .hscroll-slide .narrative-item:nth-child(n){border-bottom:1px solid rgba(255,255,255,.10)}
      .hscroll-slide .narrative-item:last-child{border-bottom:none}

      /* paragraph grid: 2 col already, just tighten */
      .hscroll-slide .paragraph-grid{column-gap:24px;max-width:100%}
      .hscroll-slide .paragraph-item{break-inside:avoid;padding-bottom:10px}

      /* deliverables grid: tighten */
      .hscroll-slide .deliverables-grid{margin-top:16px !important}
      .hscroll-slide .deliverable-item{padding:10px 0}

      /* process timeline: compact */
      .hscroll-slide .process-timeline{gap:6px;margin-top:8px}
      .hscroll-slide .process-step{padding:8px 14px}
      .hscroll-slide .process-step span{margin-bottom:1px}
      .hscroll-slide .process-step h3{margin-bottom:2px;font-size:15px}
      .hscroll-slide .process-step p{font-size:13px;line-height:1.4}

      /* pricing grid: tighten */
      .hscroll-slide .pricing-grid{gap:12px}
      .hscroll-slide .pricing-card{padding:14px 20px;gap:8px}
      .hscroll-slide .pricing-card h3{font-size:15px;margin-bottom:4px}
      .hscroll-slide .pricing-card .price{font-size:22px;line-height:1.1}
      .hscroll-slide .pricing-card ul{margin-top:4px}
      .hscroll-slide .pricing-card ul li{font-size:13px;padding:2px 0}
      .hscroll-slide .pricing-card p[style*="margin-top:16px"]{margin-top:8px !important;padding:8px 10px !important;font-size:.82rem !important}
      .hscroll-slide .pricing-card .terms{font-size:11px}
      .hscroll-slide .format-track{margin:4px 0}

      /* urgency strip: less margin */
      .hscroll-slide .urgency-strip{margin-top:8px !important;padding:10px 14px}

      /* calc: tighten */
      .hscroll-slide .calc-box{padding:12px 16px}
      .hscroll-slide .calc-grid{gap:12px}
      .hscroll-slide .calc-field{margin-bottom:10px}
      .hscroll-slide .calc-field label{font-size:13px}
      .hscroll-slide .calc-result-num{font-size:32px !important}
      .hscroll-slide #calcDetailsBtn{margin-top:10px;padding:9px 14px}

      /* social proof slide: compact card, frame visible above/below */
      #hslide-social-proof section{
        display:flex;align-items:center;justify-content:center;
        height:100%;box-sizing:border-box;
        padding:40px 0;
      }
      #hslide-social-proof .glass-panel{
        display:flex;align-items:center;justify-content:center;
        overflow:visible !important;
        max-height:none !important;
      }
      #hslide-social-proof .card{
        max-width:700px !important;
        max-height:none !important;
        overflow:visible !important;
        padding:24px 36px !important;
      }
      #hslide-social-proof .card > div:first-child{margin-bottom:12px !important}
      #hslide-social-proof .card p:first-of-type{font-size:1rem !important;line-height:1.65 !important}
      #hslide-social-proof .card > p:nth-of-type(2){margin-top:6px !important;font-size:.9rem !important;line-height:1.55 !important}
      #hslide-social-proof .case-results{margin-top:14px !important;gap:10px !important}
      /* use short result descriptions to keep card height in check */
      #hslide-social-proof .case-result-desc{display:none !important}
      #hslide-social-proof .case-result-desc-short{display:block !important;font-size:.82rem;line-height:1.4;color:var(--text-muted);margin:2px 0 0}
      #hslide-social-proof .case-cta-row{margin-top:14px !important}

      /* calculator slide: hide preamble text, reduce spacing */
      #hslide-calculator{flex-direction:column;justify-content:center;gap:0}
      #hslide-calculator > div{display:none}
      #hslide-calculator > section{flex:unset}

      /* ── UI chrome ── */
      .hscroll-ui{
        position:absolute;
        top:80px;right:16px;
        display:flex;flex-direction:column;gap:6px;
        z-index:20;
        white-space:nowrap;
      }

      .hscroll-row-top{
        display:flex;align-items:center;gap:10px;
      }

      .hscroll-dots-col{
        display:flex;flex-direction:column;align-items:center;gap:6px;
      }

      .hscroll-arrows{display:flex;gap:4px;}

      .hscroll-label{
        font-size:11px;font-weight:600;
        text-transform:uppercase;letter-spacing:.09em;
        color:var(--text-muted);
        white-space:nowrap;
      }

      .hscroll-nav-row{
        display:flex;align-items:center;gap:8px;
        background:rgba(251,248,243,.88);
        backdrop-filter:blur(10px);
        -webkit-backdrop-filter:blur(10px);
        border:1px solid var(--border);
        border-radius:var(--radius-pill);
        padding:4px 6px;
      }

      .hscroll-dots{display:flex;gap:5px}

      .hscroll-dot{
        width:6px;height:6px;
        border-radius:50%;border:none;
        background:var(--border-strong);
        cursor:pointer;padding:0;
        transition:background .2s,transform .2s,width .2s;
        flex-shrink:0;
      }
      .hscroll-dot.active{
        background:var(--brand-hi);
        width:16px;border-radius:3px;
      }
      .hscroll-dot:hover:not(.active){background:var(--bronze)}

      .hscroll-counter{
        font-size:11px;color:var(--text-soft);
        font-variant-numeric:tabular-nums;
        letter-spacing:.04em;
        white-space:nowrap;
      }

      .hscroll-arrow{
        width:24px;height:24px;
        border-radius:50%;
        border:1px solid var(--border-strong);
        background:transparent;
        color:var(--text);
        cursor:pointer;
        font-size:13px;
        display:flex;align-items:center;justify-content:center;
        transition:background .15s,border-color .15s,color .15s;
        line-height:1;
        flex-shrink:0;
      }
      .hscroll-arrow:hover:not(:disabled){
        background:var(--brand-soft);
        border-color:var(--bronze);
        color:var(--bronze);
      }
      .hscroll-arrow:disabled{opacity:.25;cursor:default}

      /* ── Progress bar — hidden (was thick red line at hscroll/demo boundary) ── */
      .hscroll-progress{display:none}

      /* ── Scroll hint ── */
      .hscroll-hint{
        position:absolute;
        bottom:14px;left:50%;
        transform:translateX(-50%);
        font-size:10px;letter-spacing:.1em;text-transform:uppercase;
        color:var(--text-soft);
        pointer-events:none;
        animation:hscroll-hint 1.8s ease-in-out infinite;
        z-index:20;
        white-space:nowrap;
      }
      .hscroll-hint.hidden{opacity:0;pointer-events:none;animation:none}
      @keyframes hscroll-hint{
        0%,100%{opacity:.35;transform:translateX(-50%) translateY(0)}
        50%{opacity:.8;transform:translateX(-46%) translateY(0)}
      }
    }

    /* ── Mobile: 1 section = 1 screen ── */
    @media(max-width:768px){
      /* hscroll → vertical stack */
      .hscroll-outer{height:auto !important}
      .hscroll-sticky{position:static;height:auto;overflow:visible}
      .hscroll-track{display:block;transform:none !important;will-change:auto}
      .hscroll-slide{width:100%}
      .hscroll-ui,.hscroll-progress,.hscroll-hint{display:none !important}
      /* mobile-only slide visible */
      .mob-only-slide{display:block !important}

      /* header never hides on mobile */
      body > header{
        transition:none;
      }

      /* natural vertical scroll (no snap) */
      html{
        overflow-y:scroll;
      }

      /* sections: natural height, no clipping */
      section#demo,
      section#pricing,
      section#not-for,
      section#author,
      section#faq,
      section#contact{
        box-sizing:border-box;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
      }



      /* ── Hero: text top half, live-dash bottom half ── */
      .hero{
        min-height:100svh;
        padding:52px 0 10px;
        justify-content:flex-start;
      }
      .hero-grid{
        grid-template-columns:1fr;
        gap:16px;
      }
      .hero h1{font-size:clamp(20px,5.5vw,26px);margin-bottom:4px;line-height:1.25;text-align:left}
      .hero-subtitle{font-size:15px;margin-top:0;line-height:1.7;text-align:left}
      /* fix: container and hero-grid are same element, use shorter selector */
      .hero .hero-content > p{display:none}
      /* hero-content as flex column so CTA is vertically centered between subtitle and trust strip */
      .hero-content{display:flex;flex-direction:column}
      /* fix: nav-cta is hidden globally on mobile; re-show the hero's copy */
      .hero-cta{display:flex !important;gap:6px;margin-top:auto;margin-bottom:auto;flex-wrap:nowrap}
      .hero-cta .button{font-size:12px;padding:7px 12px}
      .hero-trust-strip{margin-top:4px;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
      .hero-trust-item{padding:0;gap:1px}
      .hero-trust-item span:first-child{font-size:8px}
      .hero-trust-item span:last-child{font-size:10px}
      /* pill in hero: smaller so it fits on one line, not stretched to full width */
      .hero .pill{font-size:9px;letter-spacing:.05em;padding:5px 10px;gap:6px;align-self:flex-start}
      .hero .pill .dot{width:5px;height:5px}
      /* show hero-visual with notification shade */
      .hero-visual{
        display:block !important;
        background:none !important;border:none !important;
        box-shadow:none !important;backdrop-filter:none !important;
        padding:0 !important;min-height:auto !important;
      }
      .hero-industries{display:none}
      .hero-scroll{display:none}
      /* hide CTA "Процес" button, keep LinkedIn */
      .hero-cta .button--anim{display:none}
      /* phone: same iphone.webp frame as desktop, fades out at bottom */
      .phone-v-wrap{
        display:block !important;
        width:86%;
        max-width:300px;
        margin:8px auto 0;
        aspect-ratio:914/1545;
        border-radius:46px 46px 10px 10px;
        overflow:hidden;
        position:relative;
        -webkit-mask-image:linear-gradient(to bottom, black 0%, black 52%, transparent 72%);
        mask-image:linear-gradient(to bottom, black 0%, black 52%, transparent 72%);
      }
      /* light screen — shell screen area is transparent so this shows through */
      .phone-v-frame{
        background:#F5F0E8 !important;
        border-radius:48px 48px 0 0;
        overflow:hidden;
        position:relative;
        aspect-ratio:914/1550;
        -webkit-mask-image:none !important;
        mask-image:none !important;
        box-shadow:none !important;
      }
      .phone-v-shell{
        position:absolute;inset:0;
        width:100%;height:100%;
        object-fit:contain;
        pointer-events:none;
        z-index:10 !important;
      }
      .phone-v-statusbar{
        display:flex;
        position:relative;z-index:6 !important;
        padding:13% 22px 4px;
        font-size:11px;color:rgba(0,0,0,.45) !important;
        justify-content:space-between;align-items:center;
      }
      /* notification cards inside the phone screen */
      .notif-shade{
        display:flex;flex-direction:column;gap:7px;
        position:relative;z-index:6 !important;
        padding:18px 20px 24px;
      }
      .notif-card{
        display:flex;align-items:center;gap:8px;
        padding:9px 11px;
        background:rgba(28,18,10,.78);
        backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
        border-radius:14px;
        border:1px solid rgba(255,255,255,.12);
      }
      .notif-card--warn .notif-title{color:#f5a54a}
      .notif-icon{font-size:19px;flex-shrink:0;line-height:1}
      .notif-title{font-size:12px;font-weight:600;color:#fff;line-height:1.25}
      .notif-sub{font-size:10px;color:rgba(255,255,255,.5);margin-top:2px}
      .live-dash{display:none}
      .phone-v-fade{display:none}
      .live-focus{margin-top:4px}
      .live-focus-header{font-size:8px}
      .live-focus-item{font-size:9px;padding:2px 0}
      .live-focus-num{font-size:8px}

      /* ── hscroll slides: natural height, no clipping ── */
      .hscroll-slide > section{
        height:auto;
        overflow:visible;
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        box-sizing:border-box;
        padding-top:0;
        padding-bottom:32px;
      }

      /* glass-panel inside slides */
      .hscroll-slide .glass-panel{
        padding:14px 16px;
        overflow:visible;
        max-height:none;
        box-sizing:border-box;
      }

      /* section titles: unified mobile sizes */
      .hscroll-slide .section-title h2,
      .hscroll-slide h2.title-accent{
        font-size:26px;
        line-height:1.15;
        margin-bottom:5px;
      }
      .hscroll-slide .section-eyebrow,
      .hscroll-slide .pill{font-size:11px;margin-bottom:4px}
      .hscroll-slide .icon-badges{display:none}

      /* ── Цінність: compact list on mobile ── */
      #hslide-value .section-title{display:block}
      #hslide-value .section-typewriter{white-space:nowrap !important;overflow:hidden !important;min-height:auto !important;width:100%}
      #hslide-value .section-title > p{display:none}
      .hscroll-slide .narrative-list{
        display:grid;
        grid-template-columns:1fr;
        gap:0;
        margin-top:8px;
      }
      .hscroll-slide .narrative-item{
        display:grid;
        grid-template-columns:28px 1fr;
        gap:10px;
        align-items:center;
        padding:11px 0;
        border:none;
        border-radius:0;
        background-image:linear-gradient(to right,rgba(0,0,0,.15) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 100%);
        background-position:0 100%;
        background-size:100% 1px;
        background-repeat:no-repeat;
      }
      .hscroll-slide .narrative-item:last-child{background-image:none}
      .hscroll-slide .narrative-item::before{content:none}
      .hscroll-slide .narrative-item h3{font-size:14px;margin:0;font-weight:600;line-height:1.3}
      .hscroll-slide .narrative-item p{display:none}
      .hscroll-slide .narrative-num{font-size:12px;color:var(--brass);font-weight:700;display:block}

      /* ── Кейс: результати в 1 колонку ── */
      /* ── Кейс: весь блок на 1 екран ── */
      #hslide-social-proof > section{padding-top:0;padding-bottom:24px}
      #hslide-social-proof .card{padding:16px !important}
      #hslide-social-proof .card > div:first-child{margin-bottom:10px !important}
      #hslide-social-proof .card > p{margin-top:6px !important;line-height:1.5 !important}
      .case-results{grid-template-columns:1fr !important;margin-top:10px !important}
      .case-result-item{
        display:grid;
        grid-template-columns:26px 1fr;
        grid-template-rows:auto auto;
        column-gap:8px;
        padding:5px 0;
        min-height:59px;
        background:none;
        border:none;
        border-radius:0;
        border-bottom:1px solid var(--glass-border);
      }
      .case-result-item:last-child{border-bottom:none}
      .case-result-num{
        grid-row:1 / 3;
        font-size:.9rem;font-weight:800;color:var(--brass);
        letter-spacing:0;align-self:center;
      }
      .case-result-title{
        font-size:.85rem;font-weight:700;margin-bottom:1px;
        text-transform:none;letter-spacing:0;
      }
      .case-result-desc{display:none}
      .case-result-desc-short{display:block;font-size:.82rem;line-height:1.4;color:var(--text-muted);margin:0}
      .case-cta-row{flex-direction:row;align-items:center;gap:10px !important;margin-top:10px !important;flex-wrap:wrap}
      .case-cta-btn + .case-cta-btn{display:none}
      .case-cta-row > span{display:none}

      /* ── Для кого це: clean list rows, no bordered cards ── */
      #for-whom .reveal[style*="flex"]{display:none !important}
      #for-whom .for-whom-content p{font-size:15px;line-height:1.5}
      #for-whom .snapshot-grid{
        display:flex;
        flex-direction:column;
        gap:0;
        margin-top:12px !important;
      }
      #for-whom .snap-card{
        background:none;
        border:none;
        border-radius:0;
        border-bottom:1px solid var(--border);
        padding:7px 0;
        display:flex;
        align-items:center;
        gap:10px;
        box-shadow:none;
        backdrop-filter:none;
      }
      #for-whom .snap-card::before{display:none}
      #for-whom .snap-card small{display:none}
      #for-whom .snap-card b{font-size:15px;flex:1}
      #for-whom .snap-card .accent{
        font-size:11px;
        background:rgba(122,35,51,.07);
        border-radius:99px;
        padding:2px 8px;
        white-space:nowrap;
      }
      #for-whom .snap-card .accent i{display:none}

      /* vertical marquees hidden on mobile */
      .vmarquee{display:none}

      /* ── Obstacles ── */
      .hscroll-slide .obstacles-grid,
      .hscroll-slide .paragraph-grid{
        column-count:1;
        gap:8px;
        margin-top:10px;
      }

      /* ── Social proof ── */
      .hscroll-slide .testimonials-grid,
      .hscroll-slide .social-grid{
        grid-template-columns:1fr;
        gap:8px;
      }

      /* ── Формати: fixed header, swipeable cards below ── */
      #hslide-formats .glass-panel{
        display:flex;
        flex-direction:column;
        overflow:hidden;
      }
      #hslide-formats .section-title{
        flex-shrink:0;
        margin-bottom:8px;
      }
      #hslide-formats .section-title > p{display:none}
      .formats-swipe-wrap{
        flex:1;
        overflow-x:scroll;
        overflow-y:hidden;
        scroll-snap-type:x mandatory;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
      }
      .formats-swipe-wrap::-webkit-scrollbar{display:none}
      .formats-swipe-wrap .pricing-grid{
        display:flex;
        flex-wrap:nowrap;
        height:100%;
        gap:0;
      }
      .formats-swipe-wrap .pricing-card{
        flex:0 0 calc(100% - 24px);
        scroll-snap-align:start;
        padding:0 16px 0 0;
        box-sizing:border-box;
        overflow-x:hidden;
        overflow-y:auto;
      }
      .formats-swipe-wrap .pricing-card:not(:first-child){
        border-left:none;
        padding-left:12px;
        padding-right:0;
      }
      /* hide urgency strip on mobile */
      .hscroll-slide .urgency-strip{display:none}
      /* swipe hint + dots row */
      .formats-swipe-dots{
        display:flex;
        justify-content:center;
        align-items:center;
        gap:6px;
        flex-shrink:0;
        margin-top:6px;
      }
      .formats-swipe-dots::before{
        content:"← свайп →";
        font-size:9px;
        letter-spacing:.08em;
        color:var(--text-soft);
        text-transform:uppercase;
        margin-right:6px;
      }
      .formats-swipe-dots i{
        width:6px;height:6px;border-radius:50%;
        background:var(--border);
        display:block;
        transition:background .2s;
      }
      .formats-swipe-dots i:first-child{background:var(--brand-hi)}

      /* ── Калькулятор: compact 1 column ── */
      #hslide-calculator > div:first-child{display:none}
      #hslide-calculator .glass-panel{padding:14px 14px}
      .hscroll-slide .calc-grid{
        grid-template-columns:1fr;
        gap:6px;
      }
      .hscroll-slide .calc-box{padding:8px 10px;gap:0}
      .hscroll-slide .calc-field{margin-bottom:4px;gap:2px}
      .hscroll-slide .calc-field label{font-size:12px;line-height:1.2}
      .hscroll-slide .calc-field input[type=range]{height:16px;margin:0}
      .hscroll-slide .calc-hint{display:none}
      .hscroll-slide .calc-result-box{padding:8px 10px}
      .hscroll-slide .calc-result-num{font-size:22px}
      .hscroll-slide .calc-result-sub{font-size:9px}
      /* saving/ROI tiles */
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"]{gap:6px;margin-top:6px !important}
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"] > div{padding:8px 10px !important}
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"] > div > div:first-child{font-size:8px !important;margin-bottom:2px !important}
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"] > div > div:last-child{font-size:16px !important}
      .hscroll-slide #calcDetailsBtn{margin-top:6px;padding:7px 12px;font-size:12px}

      /* ── Process timeline compact ── */
      .hscroll-slide .process-timeline{gap:6px;margin-top:6px}
      .hscroll-slide .process-step{padding:7px 12px}

      /* ── Sections after hscroll: natural height ── */
      section#demo,section#pricing,section#not-for,section#author,section#faq,section#contact{
        height:auto;
        min-height:auto;
        padding:24px 0;
        justify-content:flex-start;
      }
      section#demo,section#author,section#faq{padding-bottom:32px}

      /* ── Author section: stacked layout on mobile ── */
      section#author .author-layout{flex-direction:column;gap:20px;align-items:center;text-align:center;min-height:unset}
      section#author .author-text-col{align-items:center;padding-left:0}
      section#author .author-photo-col{width:min(300px,82vw);border-radius:12px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.18)}
      section#author .author-photo{width:100%;height:340px;border-radius:0}
      section#author .author-text-col p{font-size:15px !important;line-height:1.6}

      /* ── Анонімний кейс: compact ── */
      #hslide-social-proof .card{padding:18px 20px !important}
      #hslide-social-proof .card p{font-size:15px !important;line-height:1.6 !important}
      #hslide-social-proof .case-cta-row{margin-top:14px !important}

      /* ── Formats mobile: each card fills the viewport height ── */
      #hslide-formats .glass-panel{padding:12px 14px}
      .formats-swipe-wrap .pricing-card{
        min-width:calc(100vw - 56px);
        padding:14px 10px !important;
        overflow-y:auto;
        border-left:none !important;
      }
      .formats-swipe-wrap .pricing-card h3{font-size:18px;margin-bottom:4px}
      .formats-swipe-wrap .pricing-card .price{font-size:22px;margin:6px 0}
      .formats-swipe-wrap .pricing-card ul{margin-top:8px}
      .formats-swipe-wrap .pricing-card li{font-size:15px;padding:4px 0}
      .formats-swipe-wrap .pricing-card [style*="border-left"]{margin-top:8px;padding:8px 10px;font-size:.82rem}
      .formats-swipe-dots{margin-top:8px}
      .formats-swipe-dots::before{content:"← свайп →";font-size:10px;color:var(--text-muted)}

      /* ── Demo section: compact ── */
      section#demo .glass-panel{padding:14px 16px}
      section#demo .section-title{margin-bottom:8px}
      section#demo .demo-frame-wrap{margin-bottom:12px !important}

      /* ── Analytics (pricing) section ── */
      section#pricing .glass-panel{padding:12px 14px}
      section#pricing .section-title{margin-bottom:22px !important}
      section#pricing .section-title h2{font-size:26px !important;margin-bottom:2px}
      section#pricing .section-title > p{font-size:13px;line-height:1.5}
      section#pricing .paragraph-grid{
        margin-top:8px !important;
        column-count:2 !important;
        gap:0 !important;
      }
      section#pricing .paragraph-item{
        padding:5px 0 !important;
        break-inside:avoid;
      }
      section#pricing .paragraph-item h3{font-size:14px !important;margin-bottom:2px !important}
      section#pricing .paragraph-item p{font-size:13px !important;line-height:1.4 !important}

      /* ── Demo section: spacing above description text ── */
      section#demo .glass-panel{padding:14px 16px}
      section#demo .section-title{margin-bottom:22px}
      section#demo > .container > p.reveal{margin-top:0 !important;margin-bottom:10px !important;font-size:15px !important;line-height:1.6 !important}

      /* ── FAQ ── */
      section#faq .glass-panel{padding:12px 14px}
      section#faq .section-title{margin-bottom:22px !important}
      section#faq .section-title h2{font-size:26px !important}
      section#faq .accordion{margin-top:4px !important}
      section#faq .accordion-item{border-bottom:1px solid var(--border);padding:9px 0 !important}
      section#faq .accordion-header{font-size:14px !important;padding:0 !important;font-weight:600}
      section#faq .accordion-body p{font-size:13px !important;line-height:1.5 !important;padding:0 0 4px !important}

      section#contact .glass-panel{padding:20px 16px}
      section#contact .container{padding:16px !important}
      section#contact h2{font-size:22px !important;margin-bottom:6px !important;line-height:1.25}
      section#contact > .container > p{font-size:13px !important;margin-bottom:10px !important}
      section#contact input,section#contact textarea{padding:8px 12px !important;margin-bottom:6px !important;font-size:13px !important}
      section#contact textarea{min-height:54px !important}
      section#contact #submitBtn{padding:10px !important;font-size:13px !important;margin-top:2px !important}
      section#contact .terms{font-size:10px !important;margin-top:4px !important}
      section#contact{padding-bottom:80px}

      /* ── Process slide mobile: hide divider+deliverables (they're in #hslide-results) ── */
      #hslide-process .process-divider{display:none !important}
      #hslide-process .deliverables-grid{display:none !important}
      #hslide-process > section > .glass-panel > div[style*="text-align:center"]{display:none !important}
      .hscroll-slide .process-step span{color:var(--bronze) !important}

      /* ── Results slide: mobile-only, styled like other hscroll slides ── */
      #hslide-results .deliverables-grid{
        display:grid !important;
        grid-template-columns:1fr 1fr;
        gap:10px;
        margin-top:14px !important;
      }
      #hslide-results .deliverable-item{
        flex-direction:column;
        align-items:flex-start;
        gap:4px;
        padding:10px 12px;
        background:rgba(122,35,51,.04);
        border:1px solid var(--border);
        border-radius:12px;
      }
      #hslide-results .del-icon{font-size:20px}
      #hslide-results .deliverable-item strong{font-size:14px}
      #hslide-results .deliverable-item p{font-size:13px;color:var(--text-muted);margin-top:2px;line-height:1.4}
      #hslide-results > section > .glass-panel > div[style*="text-align:center"]{margin-top:16px !important}
      #hslide-results > section > .glass-panel > div[style*="text-align:center"] .button{font-size:12px;padding:8px 14px}

      /* ── Formats swipe: instant (no smooth), card content compact ── */
      .formats-swipe-wrap{scroll-behavior:auto !important}
      .formats-swipe-wrap .pricing-card .format-badge-wrap{margin-bottom:4px}
      .formats-swipe-wrap .pricing-card ul li{font-size:12px !important;padding:3px 0 !important}
      .formats-swipe-wrap .pricing-card .terms{font-size:10px !important;margin-top:6px !important}
      /* compact note box in format card */
      .formats-swipe-wrap .pricing-card [style*="border-left"]{margin-top:8px !important;padding:8px 10px !important;font-size:.8rem !important}

      /* ── Calculator: more compact ── */
      #hslide-calculator > div:first-child{display:none}
      #hslide-calculator .glass-panel{padding:12px 14px}
      .hscroll-slide .calc-grid{grid-template-columns:1fr;gap:6px}
      .hscroll-slide .calc-box{padding:8px 10px;gap:0}
      .hscroll-slide .calc-field{margin-bottom:3px;gap:1px}
      .hscroll-slide .calc-field label{font-size:12px;line-height:1.2}
      .hscroll-slide .calc-field input[type=range]{height:14px;margin:0}
      .hscroll-slide .calc-hint{display:none}
      .hscroll-slide .calc-result-box{padding:6px 10px}
      .hscroll-slide .calc-result-num{font-size:24px}
      .hscroll-slide .calc-result-sub{font-size:11px}
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"]{gap:5px;margin-top:5px !important}
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"] > div{padding:6px 8px !important}
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"] > div > div:first-child{font-size:11px !important;margin-bottom:1px !important}
      #hslide-calculator [style*="grid-template-columns:1fr 1fr"] > div > div:last-child{font-size:18px !important}
      .hscroll-slide #calcDetailsBtn{margin-top:5px;padding:6px 12px;font-size:13px}

      /* printer-paper stack uses natural sticky z-index — no extra animation needed */
    }


    /* narrative: 7 items → 2-col grid handles odd row naturally */

    /* hide mobile-only slides on desktop */
    .mob-only-slide{display:none}

    /* ── Formats slide: compact so cards fit without internal scroll ── */
    @media(min-width:769px){
      #hslide-formats .section-title{margin-bottom:10px !important}
      #hslide-formats .section-title h2{margin-bottom:4px !important}
      #hslide-formats .urgency-strip{margin-top:10px !important;padding:8px 12px !important}
      #hslide-formats .pricing-grid{gap:10px !important}
      #hslide-formats .pricing-card{padding:12px 16px !important;gap:6px !important}
      #hslide-formats .pricing-card h3{font-size:14px !important;margin-bottom:3px !important}
      #hslide-formats .pricing-card .price{font-size:20px !important;margin:4px 0 !important}
      #hslide-formats .pricing-card .format-track{margin:4px 0 !important}
      #hslide-formats .pricing-card ul{margin-top:6px !important}
      #hslide-formats .pricing-card li{font-size:13px !important;padding:3px 0 !important}
      #hslide-formats .pricing-card [style*="border-left"]{margin-top:6px !important;padding:7px 10px !important;font-size:.8rem !important}
      #hslide-formats .pricing-card .terms{margin-top:4px !important;font-size:.78rem !important}
    }

    /* ── Process slide: compact, show deliverables in icon row, hide CTA ── */
    @media(min-width:769px){
      #hslide-process .glass-panel{overflow-x:hidden;overflow-y:auto}
      #hslide-process .section-title{margin-bottom:10px !important}
      #hslide-process .section-title h2{margin-bottom:4px !important}
      #hslide-process .process-timeline{gap:5px !important;margin-top:6px !important}
      #hslide-process .process-step{padding:6px 12px !important}
      #hslide-process .process-step h3{font-size:13px !important;margin-bottom:1px !important}
      #hslide-process .process-step p{font-size:12px !important}
      #hslide-process .terms{margin-top:8px !important;font-size:.78rem !important}
      #hslide-process .process-divider{margin-top:10px !important}
      #hslide-process .process-divider > span{font-size:.7rem !important}
      #hslide-process .deliverables-grid{
        margin-top:8px !important;
        grid-template-columns:repeat(4,1fr) !important;
        gap:6px !important;
      }
      #hslide-process .deliverable-item{
        padding:8px 10px !important;
        gap:8px !important;
        background:rgba(255,255,255,.04) !important;
        border-radius:10px !important;
        align-items:center !important;
      }
      #hslide-process .del-icon{font-size:16px !important}
      #hslide-process .deliverable-item strong{font-size:11px !important;line-height:1.3 !important}
      #hslide-process .deliverable-item p{font-size:11px !important;line-height:1.4 !important;display:none}
      #hslide-process .glass-panel > div:last-child{display:none}
    }


    /* ── Short viewport: further compact all hscroll slides ── */
    @media(min-width:769px) and (max-height:780px){
      .hscroll-slide .glass-panel{
        padding:14px clamp(14px,2.5vw,36px) !important;
      }
      .hscroll-slide .section-title{margin-bottom:12px !important}
      .hscroll-slide .section-title h2{
        margin-bottom:3px !important;
      }
      .hscroll-slide .section-title > p{font-size:.82rem !important}
      /* for-whom snap cards */
      .hscroll-slide .snap-card{padding:10px 12px !important}
      .hscroll-slide .snapshot-grid{margin-top:14px !important;gap:8px !important}
      /* formats */
      #hslide-formats .section-title{margin-bottom:6px !important}
      #hslide-formats .pricing-card{padding:8px 12px !important}
      #hslide-formats .pricing-card h3{font-size:13px !important;margin-bottom:2px !important}
      #hslide-formats .pricing-card .price{font-size:17px !important;margin:3px 0 !important}
      #hslide-formats .pricing-card ul li{padding:2px 0 !important;font-size:12px !important}
      #hslide-formats .pricing-card [style*="border-left"]{padding:5px 8px !important;font-size:.75rem !important;margin-top:4px !important}
      #hslide-formats .urgency-strip{margin-top:6px !important;padding:6px 10px !important;font-size:.78rem !important}
      /* process */
      #hslide-process .section-title{margin-bottom:6px !important}
      #hslide-process .process-timeline{margin-top:4px !important;gap:3px !important}
      #hslide-process .process-step{padding:5px 10px !important}
      #hslide-process .terms{margin-top:5px !important}
      #hslide-process .process-divider{margin-top:7px !important}
      #hslide-process .deliverables-grid{margin-top:6px !important;gap:5px !important}
      #hslide-process .deliverable-item{padding:6px 8px !important}
      /* social proof */
      .hscroll-slide .card{padding:12px 14px !important}
      .hscroll-slide .card p{font-size:.82rem !important;line-height:1.5 !important}
    }

    /* ── New slides inside hscroll: vertical centering ── */
    @media(min-width:769px){
      #hslide-for-whom section,
      #hslide-snapshot section,
      #hslide-brand section{
        display:flex;
        flex-direction:column;
        justify-content:center;
        height:100%;
        box-sizing:border-box;
      }
      #hslide-snapshot section{
        background:rgba(122,35,51,.03);
      }
      #hslide-brand section{
        background:rgba(59,18,24,.04);
        justify-content:center;
        align-items:center;
      }
    }

    /* ── Vertical industry marquees (left/right of for-whom slide) ── */
    @media(min-width:769px){
      #hslide-for-whom{position:relative;overflow:hidden}

      .vmarquee{
        position:absolute;top:0;bottom:0;
        /* sit just outside the glass-panel container (~60px from its edge) */
        width:22px;
        display:flex;
        align-items:flex-start;
        overflow:hidden;
        pointer-events:none;
        z-index:2;
      }
      .vmarquee--left{left:max(8px, calc(50% - 660px))}
      .vmarquee--right{right:max(8px, calc(50% - 660px))}

      .vmarquee-track{
        display:flex;
        flex-direction:column;
        gap:28px;
        padding:24px 0;
        will-change:transform;
      }
      .vmarquee-track span{
        writing-mode:vertical-rl;
        text-orientation:upright;
        font-size:11px;
        letter-spacing:.08em;
        text-transform:uppercase;
        color:var(--fg-faint);
        white-space:nowrap;
        user-select:none;
      }

      .vmarquee-track--up{
        animation:vmarq-up 70s linear infinite;
      }
      .vmarquee-track--down{
        animation:vmarq-down 85s linear infinite;
      }

      @keyframes vmarq-up{
        0%{transform:translateY(0)}
        100%{transform:translateY(-50%)}
      }
      @keyframes vmarq-down{
        0%{transform:translateY(-50%)}
        100%{transform:translateY(0)}
      }
    }
    @media(max-width:768px){
      .vmarquee{display:none}
    }