:root{
    --cream:       #F4EDE0;
    --cream-2:     #EBE2D0;
    --ink:         #14110C;
    --ink-2:       #3A352C;
    --ink-ghost:   #7A7362;
    --ochre:       #C8932E;
    --ochre-deep:  #9C6F1E;
    --data-green:  #2A5D4F;
    --data-green-2:#44796A;
    --rule:        rgba(20,17,12,.14);
    --paper-shadow: 0 30px 80px -30px rgba(20,17,12,.18);

    --maxw: 1200px;
    --gutter: 32px;

    --r-sm: 10px;
    --r-md: 18px;
    --r-lg: 24px;
  }

  *,*::before,*::after{box-sizing:border-box}
  html,body{margin:0;padding:0;background:var(--cream);color:var(--ink);overflow-x:hidden}
  html{scroll-behavior:smooth}
  body{
    font-family:'Inter',system-ui,sans-serif;
    font-size:17px;
    line-height:1.65;
    color:var(--ink-2);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none}
  button{font-family:inherit;cursor:pointer;border:0;background:none;color:inherit}
  img,svg{display:block;max-width:100%}
  ::selection{background:var(--ochre);color:var(--ink)}

  /* ====== SKIP LINK (keyboard / screen-reader nav) ====== */
  .skip-link{
    position:absolute;top:-100%;left:16px;z-index:9999;
    background:var(--ochre);color:var(--ink);
    padding:10px 18px;border-radius:0 0 8px 8px;
    font-weight:700;font-size:14px;text-decoration:none;
    transition:top .15s;
  }
  .skip-link:focus{top:0}

  /* ====== FOCUS VISIBLE (keyboard nav) ====== */
  :focus{outline:none}
  :focus-visible{outline:2px solid var(--ochre);outline-offset:3px;border-radius:4px}

  /* ====== TYPOGRAPHY ====== */
  .display,.h2,.pull{
    font-family:'Inter',system-ui,sans-serif;
    color:var(--ink);
  }
  .h1{
    font-family:'Inter',system-ui,sans-serif;
    font-weight:800;
    font-size:clamp(48px,6.8vw,88px);
    letter-spacing:-0.02em;
    line-height:1.05;
    color:var(--ink);
    margin:0;
  }
  .h2{
    font-size:clamp(34px,4.6vw,58px);
    font-weight:800;
    letter-spacing:-0.025em;
    line-height:1.06;
    margin:0;
  }
  .h3{
    font-family:'Inter',sans-serif;
    font-size:clamp(20px,2vw,24px);
    font-weight:700;
    color:var(--ink);
    letter-spacing:-0.01em;
    margin:0;
  }
  .eyebrow{
    font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace;
    font-size:11px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--ink-ghost);
  }
  .eyebrow.ochre{color:var(--ochre-deep)}
  .mono{font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace;}
  .lead{font-size:19px;line-height:1.6;color:var(--ink-2);max-width:62ch}
  .hero-eyebrow{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
  .hero-eyebrow .he-for{color:var(--ink);font-weight:700}
  .hero-eyebrow .he-sep{color:var(--ochre);font-weight:700}

  /* ===== Hand-drawn swipe under emphasised words ===== */
  .hx{position:relative;display:inline-block;white-space:nowrap}
  .hx .swipe{
    position:absolute;
    left:-8px;
    right:-8px;
    width:calc(100% + 16px);
    bottom:-10px;
    height:14px;
    pointer-events:none;
    overflow:visible;
  }
  .hx .swipe path{
    stroke-dasharray:260;
    stroke-dashoffset:260;
    transition:stroke-dashoffset 650ms ease-out;
  }
  .reveal.is-in .hx .swipe path,
  .hx.is-drawn .swipe path{stroke-dashoffset:0}

  /* ====== CONTAINER ====== */
  .wrap{
    width:100%;
    max-width:var(--maxw);
    margin:0 auto;
    padding:0 var(--gutter);
  }
  section{padding:120px 0;position:relative}
  section+section{border-top:1px solid var(--rule)}
  .section-eyebrow{margin-bottom:18px;display:inline-block}
  .section-head{max-width:820px;margin-bottom:48px}
  .section-head .h2{margin-bottom:20px}
  .lead-top{margin-top:18px}

  @media (max-width:720px){
    :root{--gutter:20px}
    section{padding:80px 0}
    .section-head{margin-bottom:32px}
  }

  /* ====== TICKER ====== */
  .ticker{
    border-bottom:1px solid var(--rule);
    background:var(--cream);
    overflow:hidden;
    position:relative;
    z-index:60;
  }
  .ticker-track{
    display:flex;
    gap:56px;
    white-space:nowrap;
    padding:12px 0;
    animation: slide 60s linear infinite;
    width:max-content;
  }
  .ticker:hover .ticker-track{animation-play-state:paused}
  .ticker-item{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Geist Mono','JetBrains Mono',ui-monospace,monospace;
    font-size:13px;
    color:var(--ink-2);
    letter-spacing:0.02em;
  }
  .ticker-item b{color:var(--ink);font-weight:600}
  .ticker-item .lbl{color:var(--ink-ghost);text-transform:uppercase;letter-spacing:0.14em;font-size:12px}
  .live-dot{
    width:8px;height:8px;border-radius:50%;
    background:var(--ochre);
    box-shadow:0 0 0 0 rgba(200,147,46,.45);
    animation:pulse 1.8s ease-out infinite;
  }
  @keyframes pulse{
    0%{box-shadow:0 0 0 0 rgba(200,147,46,.45)}
    70%{box-shadow:0 0 0 10px rgba(200,147,46,0)}
    100%{box-shadow:0 0 0 0 rgba(200,147,46,0)}
  }
  @keyframes slide{
    from{transform:translateX(0)}
    to{transform:translateX(-50%)}
  }

  /* ====== NAV ====== */
  .nav{
    position:sticky; top:0; z-index:50;
    background:var(--cream);
    border-bottom:1px solid var(--rule);
    box-shadow:0 4px 24px -6px rgba(20,17,12,.10);
    transition:background .25s ease, box-shadow .25s ease, backdrop-filter .25s ease;
  }
  .nav.scrolled{
    background:rgba(244,237,224,0.92);
    backdrop-filter:saturate(140%) blur(12px);
    -webkit-backdrop-filter:saturate(140%) blur(12px);
    box-shadow:0 4px 32px -6px rgba(20,17,12,.15);
  }
  .nav-inner{
    display:flex;align-items:center;justify-content:space-between;
    height:88px;
  }
  .brand{display:inline-flex;align-items:center;gap:0}
  .brand-mark{
    width:98px;height:40px;
    display:inline-flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .brand-mark svg{width:100%;height:100%;display:block}
  .brand-mark .mobius-fill{fill:var(--ink);transition:fill .2s ease}
  .brand-mark .mobius-twist{stroke:var(--ochre);opacity:0.85}
  .brand:hover .mobius-fill{fill:var(--ochre-deep)}
  .brand-divider{
    width:1px;height:30px;background:var(--rule);
    margin:0 18px 0 8px;flex-shrink:0;
  }
  .brand-name{
    font-family:'Inter',system-ui,sans-serif;
    font-size:24px;line-height:1;
    display:inline-flex;align-items:baseline;
  }
  .brand-name .b{font-weight:700;color:var(--ink);letter-spacing:-0.02em}
  .brand-name .l{font-weight:300;color:var(--ink-ghost);letter-spacing:0.005em}
  .nav-links{display:flex;align-items:center;gap:34px}
  .nav-links a{font-size:15px;font-weight:500;color:var(--ink-2)}
  .nav-links a:hover{color:var(--ink)}
  .nav-cta{display:flex;align-items:center;gap:12px}

  .btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:14px 22px;border-radius:999px;
    font-weight:600;font-size:15px;
    transition:transform .2s ease, background .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
    border:1px solid transparent;
  }
  .btn-primary{background:var(--ochre);color:var(--ink)}
  .btn-primary:hover{background:var(--ochre-deep);color:var(--cream)}
  .btn-ghost{border-color:var(--rule);color:var(--ink)}
  .btn-ghost:hover{border-color:var(--ink);background:rgba(20,17,12,.04)}
  .btn-lg{padding:18px 28px;font-size:16px}

  @media (max-width:1023px){
    .nav-links{display:none}
  }
  @media (max-width:640px){
    .nav-cta .btn.hide-sm{display:none}
    .nav-inner{height:72px}
    .brand-mark{width:78px;height:32px}
    .brand-divider{height:24px;margin:0 12px 0 6px}
    .brand-name{font-size:19px}
    .nav .btn{padding:11px 16px;font-size:13px}
    .nav .btn-primary{white-space:nowrap}
  }

  /* ====== HAMBURGER + MOBILE DRAWER ====== */
  .nav-hamburger{
    display:none;
    flex-direction:column;justify-content:center;align-items:center;gap:5px;
    width:40px;height:40px;border-radius:8px;
    background:none;border:none;cursor:pointer;padding:4px;
    margin-left:8px;flex-shrink:0;
  }
  .nav-hamburger span{
    display:block;width:22px;height:2px;
    background:var(--ink);border-radius:2px;
    transition:transform .25s ease, opacity .25s ease;
    transform-origin:center;
  }
  .nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
  .nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  @media(max-width:1023px){ .nav-hamburger{display:flex} }

  .mobile-drawer{
    display:none;
    position:fixed;top:0;left:0;right:0;bottom:0;
    background:var(--cream);z-index:49;
    flex-direction:column;
    padding:0 var(--gutter);
    overflow-y:auto;
  }
  .mobile-drawer.open{display:flex}
  .mobile-drawer-inner{
    margin-top:100px;
    display:flex;flex-direction:column;gap:4px;
  }
  .mobile-drawer-inner a{
    display:block;padding:16px 0;
    font-size:22px;font-weight:600;color:var(--ink);
    border-bottom:1px solid var(--rule);
    letter-spacing:-0.01em;
  }
  .mobile-drawer-inner a:last-child{border-bottom:none}
  .mobile-drawer-inner a:hover{color:var(--ochre)}
  .mobile-drawer-cta{
    margin-top:40px;
    padding-bottom:env(safe-area-inset-bottom, 32px);
    padding-bottom:max(32px, env(safe-area-inset-bottom));
    display:flex;flex-direction:column;gap:12px;
  }
  .mobile-drawer-cta .btn{justify-content:center;width:100%;padding:16px 24px;font-size:16px}

  /* ====== HERO ====== */
  .hero{padding:40px 0 72px}
  .hero-inner{display:flex;flex-direction:column;align-items:center;gap:56px}
  /* Smaller h1 for longer headline */
  .hero-text .h1{font-size:clamp(32px,3.8vw,52px);text-wrap:balance}

  /* Centered hero text block */
  .hero-text{text-align:center;width:100%;max-width:880px}
  .hero-text .hero-eyebrow{justify-content:center}

  /* Bottom row: outcome card (left) + orbit (right) */
  .hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;width:100%}

  /* Hero outcome block — left column */
  .hero-outcome{display:flex;flex-direction:column;gap:0}
  .hero-outcome-eyebrow{
    display:inline-flex;align-items:center;gap:10px;
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:0.18em;text-transform:uppercase;
    color:var(--ochre-deep);margin-bottom:18px;
  }
  .hero-outcome-eyebrow::before{
    content:'';display:block;width:18px;height:2px;
    background:var(--ochre);border-radius:2px;flex-shrink:0;
  }
  .hero-outcome-head{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;color:var(--ink);
    font-size:clamp(28px,2.6vw,40px);letter-spacing:-0.02em;line-height:1.15;
    margin:0 0 16px;
  }
  .hero-outcome-sub{
    font-size:17px;color:var(--ink-2);line-height:1.6;
    margin:0 0 28px;max-width:52ch;
  }
  .hero-outcome-badges{
    display:flex;flex-wrap:wrap;gap:8px;
    padding-top:24px;border-top:1px dashed var(--rule);
  }
  .hero-outcome-badge{
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
    color:var(--ink-2);background:rgba(200,147,46,.08);
    border:1px solid rgba(200,147,46,.28);
    border-radius:6px;padding:5px 10px;
    transition:background .2s,color .2s;
  }
  .hero-outcome-badge:hover{background:rgba(200,147,46,.16);color:var(--ink)}

  /* ── Outcome + Orbit standalone section ── */
  .outcome-orbit-section{
    padding:80px 0 120px;
    background:var(--cream);
  }
  .outcome-orbit-section .hero-bottom{align-items:center}

  @media(max-width:1023px){
    .hero-inner{gap:40px}
    .hero-bottom{grid-template-columns:1fr;gap:48px}
    .hero-outcome-sub{max-width:100%}
  }
  @media(max-width:640px){
    .hero-inner{gap:32px}
    .hero-text{text-align:left}
    .hero-text .hero-eyebrow{justify-content:flex-start}
    /* Long hx headings: allow wrapping on narrow screens */
    .hero-outcome-head{font-size:clamp(20px,5.8vw,26px)}
    .hero-outcome-head .hx{white-space:normal}
  }

  .hero h1{margin:18px 0 24px}
  /* First line recedes — acts as the setup/premise */
  .hero h1 .line1{
    display:block;font-weight:400;color:var(--ink-2);
    font-size:0.78em;letter-spacing:0;line-height:1.4;
    margin-bottom:0.35em;
  }
  /* Second line is the punchline — dominates */
  .hero h1 .line2{
    color:var(--ink);display:block;font-weight:800;
    letter-spacing:-0.025em;font-size:1.12em;line-height:1.1;
  }
  .hero-sub{font-size:19px;color:var(--ink-2);line-height:1.55;max-width:58ch;margin:0 0 32px;margin-left:auto;margin-right:auto}

  /* ── Hero sub redesign ── */
  .hero-brand-line{
    font-size:18px;font-weight:600;color:var(--ink);
    line-height:1.4;margin:0 0 18px;
    display:flex;align-items:center;gap:10px;justify-content:center;
  }

  .hero-brand-line .hbl-name{color:var(--ochre-deep)}
  .hero-service-row{
    display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:0;margin:0 0 14px;
    border:1px solid var(--rule);border-radius:var(--r-md);
    overflow:hidden;background:var(--cream-2);
  }
  .hero-svc{
    display:inline-flex;align-items:center;gap:7px;
    padding:10px 18px;
    border-right:1px solid var(--rule);
    font-size:13px;color:var(--ink);font-weight:500;
  }
  .hero-svc:last-child{border-right:0}
  .hero-svc-num{
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:10px;letter-spacing:0.14em;color:var(--ochre-deep);
    font-weight:400;
  }
  .hero-trust-close{
    font-size:15px;color:var(--ink-ghost);line-height:1.55;
    margin:0 0 32px;
  }
  @media(max-width:640px){
    .hero-brand-line{display:block;font-size:16px;text-align:left}
    .hero-service-row{width:100%}
    .hero-svc{flex:1;justify-content:center}
    .hero-svc:nth-child(1){border-bottom:1px solid var(--rule)}
    .hero-svc:nth-child(2){border-right:0;border-bottom:1px solid var(--rule)}
    .hero-svc:last-child{flex:0 0 100%}
    .hero-ctas{justify-content:flex-start}
    .hero-text .hero-eyebrow{justify-content:flex-start}
  }

  .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:40px;justify-content:center}
  .stat-strip{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    background:var(--cream-2);
    border:1px solid var(--rule);border-radius:var(--r-md);
    padding:20px 8px;
  }
  .stat-cell{padding:6px 14px;border-right:1px solid var(--rule);min-width:0}
  .stat-cell:last-child{border-right:0}
  .stat-num{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:clamp(24px,2.2vw,30px);color:var(--ink);letter-spacing:-0.02em;line-height:1;white-space:nowrap}
  .stat-lbl{font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-ghost);margin-top:10px;line-height:1.45}
  .stat-cell-new{position:relative}
  .stat-new-badge{position:absolute;top:8px;right:10px;background:var(--ochre);color:var(--cream);font-family:'Geist Mono',monospace;font-size:9px;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:20px;font-weight:700;line-height:1.6}
  @media (max-width:640px){
    .stat-strip{grid-template-columns:repeat(2,1fr);gap:0}
    .stat-cell{border-right:0;padding:14px 8px;border-bottom:1px solid var(--rule)}
    .stat-cell:nth-child(odd){border-right:1px solid var(--rule)}
    .stat-cell:nth-last-child(-n+2){border-bottom:0}
    .stat-num{font-size:28px}
  }

  /* ====== PAPER CARD (mockups) ====== */
  .paper{
    background:var(--cream-2);
    border:1px solid var(--rule);
    border-radius:var(--r-lg);
    box-shadow:var(--paper-shadow);
    position:relative;
    overflow:hidden;
  }
  .paper-chrome{
    display:flex;align-items:center;gap:12px;
    padding:14px 18px;
    border-bottom:1px solid var(--rule);
    background:rgba(244,237,224,.6);
  }
  .dots{display:inline-flex;gap:6px}
  .dot{width:10px;height:10px;border-radius:50%;display:inline-block}
  .dot.r{background:#FF5F57}
  .dot.y{background:#FEBC2E}
  .dot.g{background:#28C840}
  .chrome-url{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-ghost);
    flex:1;text-align:center;
  }
  .chrome-pill{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;
    color:var(--ink);
    background:var(--ochre);padding:4px 10px;border-radius:999px;
  }
  .paper-body{padding:22px}

  /* ====== HERO MOCKUP ====== */
  .hero-mockup{position:relative}
  .console-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:18px}
  @media (max-width:640px){.console-grid{grid-template-columns:1fr}}
  .console-card{
    background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-md);
    padding:16px;
  }
  .console-card + .console-card{margin-top:14px}
  .console-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
  .console-title{font-weight:600;color:var(--ink);font-size:14px}
  .console-meta{font-family:'Geist Mono',ui-monospace,monospace;color:var(--ink-ghost);font-size:11px}

  .posture-row{display:flex;align-items:center;gap:14px}
  .ring-wrap{position:relative;width:76px;height:76px;flex:0 0 76px}
  .ring-wrap svg{position:absolute;inset:0}
  .ring-num{position:absolute;inset:0;display:grid;place-items:center;font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:24px;color:var(--ink)}
  .posture-meta{min-width:0}
  .posture-meta h4{font-family:'Inter',system-ui,sans-serif;color:var(--ink);font-weight:800;font-size:17px;margin:4px 0 4px;letter-spacing:-0.01em;white-space:nowrap}
  .posture-meta .ep{margin-bottom:6px}
  .posture-meta p{margin:0;color:var(--ink-2);font-size:13px;line-height:1.45}
  .posture-trend{color:var(--data-green);font-weight:600;font-size:12px;margin-top:6px;font-family:'Geist Mono',ui-monospace,monospace;}

  .ctrl-grid{
    display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin:8px 0 10px;
  }
  .ctrl-cell{height:18px;border-radius:4px;background:var(--data-green)}
  .ctrl-cell.w{background:var(--ochre)}
  .ctrl-cell.n{background:rgba(20,17,12,.08)}
  .ctrl-legend{display:flex;gap:14px;font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;color:var(--ink-ghost);flex-wrap:wrap}
  .ctrl-legend .sw{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:6px;vertical-align:middle}

  .feed{display:flex;flex-direction:column}
  .feed-row{display:flex;gap:10px;padding:10px 0;border-bottom:1px dashed var(--rule);font-size:13px;color:var(--ink-2);line-height:1.4}
  .feed-row:last-child{border-bottom:0}
  .feed-row .ic{
    width:22px;height:22px;border-radius:6px;flex:0 0 22px;display:grid;place-items:center;
    font-size:12px;font-weight:700;background:rgba(42,93,79,.12);color:var(--data-green);
  }
  .feed-row .ic.warn{background:rgba(200,147,46,.15);color:var(--ochre-deep)}
  .feed-row .ic.zap{background:rgba(200,147,46,.15);color:var(--ochre-deep)}
  .feed-row .ic.star{background:rgba(42,93,79,.12);color:var(--data-green)}
  .feed-row b{color:var(--ink);font-weight:600}
  .feed-row .t{margin-left:auto;color:var(--ink-ghost);font-family:'Geist Mono',ui-monospace,monospace;font-size:11px}

  .floating-pill{
    position:absolute;
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 14px;border-radius:999px;
    background:var(--cream);border:1px solid var(--rule);
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;
    color:var(--ink);
    box-shadow:0 10px 24px -14px rgba(20,17,12,.18);
  }
  .floating-pill .ic{color:var(--data-green);font-size:14px}
  .floating-pill .ic.ochre{color:var(--ochre-deep)}
  .floating-pill b{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:13px;color:var(--ink);letter-spacing:-0.01em}
  .floating-pill .live-dot{width:6px;height:6px}
  .fp-1{top:-14px;left:36px}
  .fp-2{bottom:-14px;right:36px}
  @media (max-width:1023px){.floating-pill{display:none}}

  /* ====== DASHBOARD MOCKUP ====== */
  .db-body{padding:14px}
  .db-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .db-card{background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-md);padding:11px}
  .db-card-head{display:flex;align-items:flex-start;gap:7px;margin-bottom:9px}
  .db-icon{font-size:15px;line-height:1;flex-shrink:0;margin-top:1px}
  .db-title{font-weight:600;color:var(--ink);font-size:12px;line-height:1.3}
  .db-sub{font-family:'Geist Mono',ui-monospace,monospace;color:var(--ink-ghost);font-size:9.5px;margin-top:2px;letter-spacing:.04em}
  /* identity ring */
  .db-row-c{display:flex;align-items:center;gap:10px;margin-bottom:7px}
  .db-ring{position:relative;width:56px;height:56px;flex-shrink:0}
  .db-ring svg{width:56px;height:56px}
  .db-ring-num{position:absolute;inset:0;display:grid;place-items:center;font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:13px;color:var(--ink)}
  .db-legend{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
  .db-leg-row{display:flex;align-items:center;gap:5px;font-size:10.5px;color:var(--ink-2)}
  .db-leg-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
  .db-leg-dot.g{background:var(--data-green)}
  .db-leg-dot.o{background:var(--ochre)}
  .db-leg-dot.n{background:rgba(20,17,12,.18)}
  .db-leg-val{margin-left:auto;font-family:'Geist Mono',ui-monospace,monospace;font-size:9.5px;color:var(--ink-ghost)}
  .db-alert{font-family:'Geist Mono',ui-monospace,monospace;font-size:9px;color:var(--ochre-deep);background:rgba(200,147,46,.1);border-radius:5px;padding:4px 7px;letter-spacing:.04em}
  /* bars */
  .db-bar-row{display:flex;align-items:center;gap:5px;margin-bottom:5px}
  .db-bar-lbl{width:82px;flex-shrink:0;font-size:9.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .db-bar-wrap{flex:1;height:5px;background:rgba(20,17,12,.08);border-radius:3px;overflow:hidden}
  .db-bar-fill{height:100%;background:var(--data-green);border-radius:3px}
  .db-bar-pct{font-family:'Geist Mono',ui-monospace,monospace;font-size:9px;color:var(--ink-ghost);width:26px;text-align:right;flex-shrink:0}
  /* chips */
  .db-chips{display:flex;flex-wrap:wrap;gap:3px;margin-top:7px}
  .db-chip{font-family:'Geist Mono',ui-monospace,monospace;font-size:8.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);background:var(--cream-2);border:1px solid var(--rule);border-radius:999px;padding:2px 7px;white-space:nowrap}
  /* timeline */
  .db-timeline-wrap{background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-md);padding:11px;margin-top:10px}
  .db-tl-head{font-weight:600;color:var(--ink);font-size:11px;margin-bottom:8px}
  .db-timeline{display:flex;align-items:center}
  .db-tq{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0}
  .db-tq-lbl{font-family:'Geist Mono',ui-monospace,monospace;font-size:8.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-ghost)}
  .db-tq-done .db-tq-lbl{color:var(--data-green)}
  .db-tq-active .db-tq-lbl{color:var(--ochre-deep);font-weight:700}
  .db-tq-future .db-tq-lbl{opacity:.4}
  .db-tq-node{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}
  .db-tq-done .db-tq-node{background:var(--data-green);color:var(--cream)}
  .db-tq-active .db-tq-node{background:var(--ochre);color:var(--ink);box-shadow:0 0 0 3px rgba(200,147,46,.25)}
  .db-tq-future .db-tq-node{background:rgba(20,17,12,.08);color:var(--ink-ghost)}
  .db-tq-bar{flex:1;height:3px;background:rgba(20,17,12,.1);margin:0 2px}
  .db-tq-bar.done{background:var(--data-green)}
  .db-tq-bar.half{background:linear-gradient(to right,var(--data-green) 55%,rgba(20,17,12,.1) 55%)}

  /* ====== SECURITY OVERVIEW MOCKUP ====== */
  .dash-hdr{margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--rule)}
  .dash-hdr-title{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:15px;color:var(--ink);margin-bottom:2px}
  .dash-hdr-sub{font-family:'Geist Mono',ui-monospace,monospace;font-size:9px;color:var(--ink-ghost);letter-spacing:.06em;text-transform:uppercase}
  .dash-wrap{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .dash-card{background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-md);padding:12px}
  .dash-card-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:10px}
  .dash-card-title{font-size:10.5px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:5px}
  .dash-card-num{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:16px;color:var(--ink);letter-spacing:-0.02em;white-space:nowrap}
  .dash-ring-row{display:flex;align-items:flex-start;gap:11px}
  .dash-ring{position:relative;width:80px;height:80px;flex-shrink:0}
  .dash-ring svg{width:80px;height:80px}
  .dash-ring-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px}
  .dash-ring-n{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}
  .dash-ring-s{font-family:'Geist Mono',ui-monospace,monospace;font-size:6.5px;color:var(--ink-ghost);letter-spacing:.02em;text-transform:uppercase}
  .dash-legend{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
  .dash-leg{display:flex;align-items:center;gap:5px}
  .dash-leg-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
  .dash-leg-name{font-size:9.5px;color:var(--ink-2);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .dash-leg-bar{width:56px;height:3px;background:rgba(20,17,12,.08);border-radius:2px;overflow:hidden;flex-shrink:0}
  .dash-leg-bar-fill{height:100%;border-radius:2px;width:0;transition:width 1.1s cubic-bezier(.4,0,.2,1)}
  .dash-leg-val{font-family:'Geist Mono',ui-monospace,monospace;font-size:9px;color:var(--ink);width:52px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600}
  .dash-leg-pct{font-family:'Geist Mono',ui-monospace,monospace;font-size:9px;color:var(--ink-ghost);width:26px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}
  .dash-sec-lbl{font-family:'Geist Mono',ui-monospace,monospace;font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-ghost);margin-bottom:5px}
  .dash-sec-lbl.mt{margin-top:9px}
  .dash-bar-row{display:flex;align-items:center;gap:6px;margin-bottom:4px}
  .dash-bar-name{width:52px;flex-shrink:0;font-size:9.5px;color:var(--ink-2)}
  .dash-bar-track{flex:1;height:4px;background:rgba(20,17,12,.08);border-radius:2px;overflow:hidden}
  .dash-bar-fill{height:100%;background:var(--data-green);border-radius:2px;width:0;transition:width 1s cubic-bezier(.4,0,.2,1)}
  .dash-bar-count{font-family:'Geist Mono',ui-monospace,monospace;font-size:8.5px;color:var(--ink-2);width:26px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}
  .dash-bar-pct{font-family:'Geist Mono',ui-monospace,monospace;font-size:8.5px;color:var(--ink-ghost);width:26px;text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums}
  .dash-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
  .dash-chip{font-family:'Geist Mono',ui-monospace,monospace;font-size:8px;letter-spacing:.04em;color:var(--ink-2);background:var(--cream-2);border:1px solid var(--rule);border-radius:999px;padding:2px 7px;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}
  .dash-chip b{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
  /* ring segment animation */
  circle.ring-seg{transition:stroke-dasharray 1.3s cubic-bezier(.4,0,.2,1)}
  /* card stagger */
  .dash-card{opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}
  .dash-card.dash-visible{opacity:1;transform:translateY(0)}
  /* ── Dashboard mobile: single column ── */
  @media(max-width:640px){
    .paper-body{padding:14px}
    .paper-chrome{padding:10px 12px}
    .chrome-url{font-size:10px}
    .dash-wrap{grid-template-columns:1fr;gap:8px}
    .dash-hdr{margin-bottom:10px;padding-bottom:10px}
    .dash-ring{width:68px;height:68px}
    .dash-ring svg{width:68px;height:68px}
    .dash-ring-n{font-size:12px}
    .dash-leg-bar{width:36px}
    .dash-leg-val{width:48px}
    .dash-leg-pct{width:22px}
  }

  /* ====== LOGO MARQUEE ====== */
  .marquee{
    padding:40px 0 56px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
  }
  .marquee-label{text-align:center;margin-bottom:28px}
  .marquee-inner{
    display:flex;overflow:hidden;
    /* soft edge fades */
    -webkit-mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
    mask-image:linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);
  }
  .marquee-track{
    display:flex;gap:72px;align-items:center;
    flex-shrink:0;
    padding-right:72px; /* match gap so join is seamless */
    animation:marquee-loop 40s linear infinite;
  }
  .marquee:hover .marquee-track{animation-play-state:paused}
  @keyframes marquee-loop{
    from{transform:translateX(0)}
    to{transform:translateX(-100%)}
  }
  .marquee-item{
    display:inline-flex;align-items:center;flex-shrink:0;
  }
  .marquee-item img{
    height:36px;width:auto;max-width:160px;
    object-fit:contain;
    filter:grayscale(1);
    opacity:0.55;
    transition:filter .3s ease, opacity .3s ease;
    display:block;
  }
  .marquee-item:hover img{filter:grayscale(0);opacity:1}


  /* ====== COMPLIANCE TRUST BAND ====== */
  .india-band{
    padding:36px 0;border-bottom:1px solid var(--rule);
  }
  .india-band-inner{
    display:flex;align-items:center;gap:40px;flex-wrap:wrap;
  }
  /* In-hero cert band */
  .hero-cert-band{
    margin-top:28px;
    padding-top:24px;
    border-top:1px dashed var(--rule);
    width:100%;
  }
  .hero-cert-band .india-band-inner{
    justify-content:center;gap:16px;
  }
  .hero-cert-band .cert-badges{
    justify-content:center;
  }
  @media (max-width:720px){.india-band-inner{gap:20px}}
  .india-band-label{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.14em;
    text-transform:uppercase;color:var(--ink-ghost);white-space:nowrap;flex-shrink:0;
  }
  .india-band-divider{
    width:1px;height:28px;background:var(--rule);flex-shrink:0;
  }
  @media (max-width:720px){.india-band-divider{display:none}}
  .cert-badges{
    display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  }
  .cert-badge{
    display:inline-flex;align-items:center;gap:7px;
    background:var(--cream-2);border:1px solid var(--rule);border-radius:999px;
    padding:7px 16px;
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:12px;letter-spacing:0.06em;text-transform:uppercase;
    color:var(--ink);font-weight:500;
    transition:border-color .15s ease, background .15s ease;
  }
  .cert-badge:hover{background:var(--cream);border-color:var(--ochre)}
  .cert-check{
    width:16px;height:16px;border-radius:50%;
    background:var(--data-green);
    display:inline-flex;align-items:center;justify-content:center;
    flex-shrink:0;
  }
  .cert-check svg{display:block}

  /* ====== TENSION ====== */
  .tension{background:var(--cream-2)}
  .tension h2 .strike{
    color:var(--ink-ghost);
    font-weight:700;
    text-decoration:line-through;
    text-decoration-color:var(--ochre);
    text-decoration-thickness:5px;
    -webkit-text-decoration-line:line-through;
    -webkit-text-decoration-color:var(--ochre);
  }
  .tension-lead{font-size:19px;line-height:1.55;color:var(--ink);max-width:820px;margin:24px 0 56px;font-weight:500}
  @media(max-width:640px){.tension-lead{font-size:17px;margin-bottom:32px}}
  .hx-ochre{color:var(--ochre)}
  .pains{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 64px}
  @media (max-width:1023px){.pains{grid-template-columns:1fr;gap:40px}}
  .pain{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}
  .pain .num{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:96px;line-height:0.9;
    color:var(--ochre);opacity:0.75;letter-spacing:-0.04em;
  }
  .pain h3{margin-bottom:8px}
  .pain p{color:var(--ink-2);font-size:16px;line-height:1.55;margin:0}

  /* ====== ANSWER ====== */
  .answer{background:var(--cream)}
  .answer h2{margin-bottom:18px}
  .answer-sub{max-width:58ch;margin-bottom:48px}
  .answer-mockup{margin-top:40px}

  /* compliance programme mockup */
  .cp-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}
  .cp-head h4{font-family:'Inter',system-ui,sans-serif;color:var(--ink);font-weight:800;font-size:20px;margin:0;letter-spacing:-0.01em}
  .chips{display:flex;gap:8px;flex-wrap:wrap}
  .chip{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;
    padding:4px 10px;border-radius:999px;background:var(--cream);border:1px solid var(--rule);color:var(--ink);
  }
  .cp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  @media (max-width:900px){.cp-stats{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:480px){.cp-stats{grid-template-columns:1fr}}
  .cp-tile{
    background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-md);padding:16px;
  }
  .cp-tile .lbl{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-ghost);margin-bottom:6px}
  .cp-tile .val{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:28px;color:var(--ink);letter-spacing:-0.02em}
  .cp-tile .val .green{color:var(--data-green)}
  .cp-tile .sub{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;color:var(--ink-ghost);margin-top:4px}
  .cp-bar{margin-top:10px;height:4px;border-radius:3px;background:rgba(20,17,12,.08);overflow:hidden}
  .cp-bar > span{display:block;height:100%;background:var(--data-green);border-radius:3px;width:0;transition:width 1.2s ease}

  .cp-timeline{margin-top:22px}
  .cp-timeline-label{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-ghost);margin-bottom:10px}
  .cp-tl-row{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
  .tl-cell{height:26px;border-radius:6px;background:rgba(20,17,12,.06);position:relative;overflow:hidden;display:grid;place-items:center;color:var(--ink-ghost);font-family:'Geist Mono',ui-monospace,monospace;font-size:11px}
  .tl-cell.full{background:var(--data-green);color:var(--cream)}
  .tl-cell.half{background:linear-gradient(90deg,var(--data-green) 50%,rgba(20,17,12,.06) 50%);color:var(--ink)}

  /* ====== CAPABILITIES ====== */
  .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
  @media (max-width:1023px){.bento{grid-template-columns:1fr}}
  .cap{
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-md);padding:28px;
    display:flex;flex-direction:column;gap:12px;transition:transform .2s ease, box-shadow .2s ease;
  }
  .cap:hover{transform:translateY(-2px);box-shadow:0 16px 40px -24px rgba(20,17,12,.18)}
  .cap .cap-eye{color:var(--ochre-deep)}
  .cap h3{margin:0}
  .cap .tag{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-0.01em;margin:0;line-height:1.2}
  .cap p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}
  .cap-hero{grid-column:span 8;padding:32px}
  .cap-sm{grid-column:span 4}
  @media (max-width:1023px){
    .cap-hero,.cap-sm{grid-column:span 1}
  }
  .cap-checks{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}
  .cap-checks li{
    display:flex;align-items:start;gap:10px;font-size:14px;color:var(--ink-2);line-height:1.5;
  }
  .cap-checks li::before{
    content:"";width:6px;height:6px;border-radius:50%;background:var(--ochre);margin-top:8px;flex:0 0 6px;
  }
  .cap-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
  .cap-metric{background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-sm);padding:14px 16px}
  .cap-metric .val{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:32px;color:var(--ink);letter-spacing:-0.02em;line-height:1}
  .cap-metric .lbl{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-ghost);margin-top:8px}
  .cap-micro{
    margin-top:auto;padding-top:14px;border-top:1px dashed var(--rule);
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-ghost);
    display:flex;flex-wrap:wrap;gap:6px 10px;
  }
  .cap-micro b{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:14px;color:var(--ink);letter-spacing:-0.015em;text-transform:none;margin-right:4px}

  /* ====== IDS·R∞ FRAMEWORK ====== */
  .framework-section{background:var(--cream-2)}
  .framework-section .lead b{color:var(--ink);font-weight:700}

  .ids-pillars{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:56px;
  }
  @media (max-width:1100px){.ids-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media (max-width:600px){.ids-pillars{grid-template-columns:1fr}}
  .ids-pillar{
    position:relative;overflow:hidden;
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-lg);
    padding:32px 28px 28px;
    display:flex;flex-direction:column;gap:12px;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .ids-pillar:hover{transform:translateY(-2px);box-shadow:0 20px 44px -28px rgba(20,17,12,.2)}
  .ids-letter-bg{
    position:absolute;right:-10px;top:-24px;
    font-family:'Inter',system-ui,sans-serif;font-weight:800;
    font-size:240px;line-height:0.85;letter-spacing:-0.06em;
    color:var(--ochre);opacity:0.18;pointer-events:none;user-select:none;
  }
  .ids-badge{
    position:relative;z-index:1;
    display:inline-flex;align-items:center;gap:10px;align-self:flex-start;
    padding:6px 12px 6px 6px;border-radius:999px;
    background:var(--cream);border:1px solid var(--rule);
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink);font-weight:600;
  }
  .ids-letter-sm{
    display:inline-grid;place-items:center;
    width:22px;height:22px;border-radius:50%;
    background:var(--ochre);color:var(--ink);
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:14px;letter-spacing:-0.02em;
  }
  .ids-head{
    position:relative;z-index:1;
    font-family:'Inter',system-ui,sans-serif;font-weight:800;color:var(--ink);
    font-size:clamp(20px,1.8vw,24px);letter-spacing:-0.015em;line-height:1.15;margin:6px 0 8px;
    min-height:3.45em; /* lock to 3-line height so all card lists align at the same level */
  }
  .ids-list{
    position:relative;z-index:1;
    list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;
    border-top:1px dashed var(--rule);padding-top:14px;
  }
  .ids-list li{
    display:flex;align-items:center;gap:10px;
    font-size:14px;color:var(--ink-2);line-height:1.4;
  }
  .ids-list li::before{
    content:"";width:5px;height:5px;border-radius:50%;background:var(--ochre);flex-shrink:0;
  }

  /* Flow connector */
  .ids-flow{
    position:relative;
    margin-top:14px;padding:10px 0 0;
    height:110px;display:flex;flex-direction:column;align-items:center;gap:6px;
  }
  @media (max-width:900px){.ids-flow{display:none}}
  .flow-svg{width:100%;height:72px;max-width:900px}
  .flow-line{
    stroke-dashoffset:0;
  }
  .reveal.is-in .flow-line{
    animation:flowIn .9s ease-out forwards;
  }
  @keyframes flowIn{
    from{stroke-dashoffset:400}
    to{stroke-dashoffset:0}
  }
  .flow-label{
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ochre-deep);font-weight:600;
    margin-top:8px;
  }

  /* R∞ Engine */
  .r-engine{
    position:relative;overflow:hidden;
    background:var(--data-green);color:var(--cream);
    border-radius:var(--r-lg);
    padding:40px 44px;
    display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:start;
    box-shadow:0 40px 80px -40px rgba(42,93,79,.45);
  }
  @media (max-width:900px){.r-engine{grid-template-columns:1fr;gap:28px;padding:32px 24px}}
  .r-mark{
    position:relative;
    display:flex;flex-direction:column;align-items:flex-start;gap:18px;
    padding:20px;
    background:rgba(244,237,224,0.06);border:1px solid rgba(244,237,224,0.16);
    border-radius:var(--r-md);
  }
  .r-mark-label{
    font-family:'Inter',system-ui,sans-serif;font-weight:700;
    font-size:22px;letter-spacing:-0.01em;color:var(--cream);
  }
  .r-mobius{width:140px;height:auto}
  .r-mobius{animation:mobiusFloat 6s ease-in-out infinite}
  @keyframes mobiusFloat{
    0%,100%{transform:translateY(0) rotate(0deg)}
    50%{transform:translateY(-3px) rotate(-1deg)}
  }
  .r-response-word{
    font-family:Georgia,'Times New Roman',serif;font-weight:700;
    font-size:clamp(28px,2.6vw,38px);line-height:1.1;letter-spacing:-0.01em;
    color:var(--cream);
  }
  .r-label{display:flex;align-items:baseline;gap:4px}
  .r-label .r-big{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:72px;line-height:1;letter-spacing:-0.04em;
    color:var(--cream);
  }
  .r-label .r-inf{
    font-family:'Inter',system-ui,sans-serif;font-weight:400;font-size:54px;line-height:1;color:var(--ochre);
  }
  .r-body{min-width:0}
  .r-eye{
    font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ochre);font-weight:600;
    margin-bottom:14px;display:inline-block;
  }
  .r-head{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;color:var(--cream);
    font-size:clamp(26px,3vw,36px);letter-spacing:-0.02em;line-height:1.15;margin:0 0 12px;
  }
  .r-sub{margin:0 0 20px;color:rgba(244,237,224,0.78);font-size:16px;line-height:1.6;max-width:62ch}
  .r-examples{
    margin:0 0 14px;font-style:italic;
    font-size:15px;color:rgba(244,237,224,0.65);line-height:1.5;
  }
  .r-actions-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;
    padding-top:18px;border-top:1px solid rgba(244,237,224,0.12);
  }
  @media (max-width:640px){.r-actions-grid{grid-template-columns:1fr}}
  .r-action{
    display:flex;align-items:flex-start;gap:10px;
    font-size:14px;line-height:1.55;color:rgba(244,237,224,0.9);
  }
  .r-dot{
    width:6px;height:6px;border-radius:50%;background:var(--ochre);
    flex-shrink:0;margin-top:7px;
  }
  .r-foot{
    margin:16px 0 0;font-size:14px;color:rgba(244,237,224,0.45);
    font-style:normal;line-height:1.5;
  }

  /* Cadence */
  .cadence{
    margin-top:32px;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-md);
    padding:18px;gap:0;
  }
  @media (max-width:720px){.cadence{grid-template-columns:1fr 1fr}}
  .cad{
    padding:10px 18px;border-right:1px solid var(--rule);
    display:flex;flex-direction:column;gap:4px;
  }
  .cad:last-child{border-right:0}
  @media (max-width:720px){
    .cad{border-right:0;border-bottom:1px dashed var(--rule);padding:12px}
    .cad:nth-child(odd){border-right:1px solid var(--rule)}
    .cad:nth-last-child(-n+2){border-bottom:0}
  }
  .cad b{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:22px;color:var(--ink);letter-spacing:-0.015em;line-height:1;
  }
  .cad span{font-size:13px;color:var(--ink-2);line-height:1.45}

  /* Compliance outcome */
  .co-outcome{
    margin-top:56px;
    display:grid;grid-template-columns:24px minmax(0,1fr);gap:18px 22px;
    align-items:start;
  }
  .co-arrow{
    font-family:'Inter',system-ui,sans-serif;font-weight:400;font-size:28px;line-height:1;color:var(--ochre-deep);
    text-align:center;
  }
  .co-body{grid-column:2/3}
  .co-head{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;color:var(--ink);
    font-size:clamp(26px,3vw,36px);letter-spacing:-0.02em;line-height:1.15;margin:8px 0 10px;
  }
  .co-sub{margin:0 0 20px;max-width:62ch;font-size:16px;line-height:1.6;color:var(--ink-2)}
  .co-badges{
    grid-column:2/3;
    display:flex;flex-wrap:wrap;gap:8px;padding-top:18px;border-top:1px dashed var(--rule);
  }
  .co-badge{
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:0.14em;text-transform:uppercase;
    padding:6px 12px;border-radius:999px;
    background:var(--cream-2);border:1px solid var(--rule);color:var(--ink);font-weight:600;
  }

  @media (prefers-reduced-motion: reduce){
    .flow-line{animation:none}
    .r-mobius{animation:none}
  }

  /* ====== INTERLUDE PULL QUOTE ====== */
  .interlude{
    padding:80px 0;
    background:var(--ink);
  }
  @media (max-width:720px){.interlude{padding:56px 0}}
  .interlude-fig{
    margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:24px;
    max-width:960px;
    position:relative;
    padding-left:72px;
  }
  @media (max-width:720px){.interlude-fig{padding-left:0}}
  .interlude-glyph{
    position:absolute;top:-18px;left:0;
    font-family:'Inter',system-ui,sans-serif;font-weight:800;
    font-size:140px;line-height:0.8;color:var(--ochre);opacity:0.5;
    letter-spacing:-0.05em;
  }
  @media (max-width:720px){
    .interlude-glyph{position:static;font-size:72px;margin-bottom:-20px}
  }
  .interlude-quote{
    margin:0;
    font-family:'Inter',system-ui,sans-serif;font-weight:500;
    font-size:clamp(24px,2.6vw,38px);letter-spacing:-0.025em;line-height:1.2;
    color:var(--cream);
  }
  .interlude-em{color:var(--cream);font-weight:700;font-style:italic}
  .interlude-attr{
    display:flex;align-items:center;gap:14px;
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(244,237,224,0.45);font-weight:500;
    margin-top:10px;
  }
  .interlude-rule{
    display:inline-block;width:36px;height:1px;background:var(--ochre);
  }

  /* ====== PROOF BENTO ====== */
  .proof-section{background:var(--cream-2)}
  .proof-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:48px;gap:24px}
  .proof-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}
  .proof-nav-mobile{display:none}
  .proof-btn{
    width:44px;height:44px;border-radius:12px;
    background:var(--ink);color:var(--cream);
    display:inline-flex;align-items:center;justify-content:center;
    border:none;cursor:pointer;flex-shrink:0;
    transition:background .2s ease,transform .15s ease;
  }
  .proof-btn:hover{background:var(--ochre-deep);transform:scale(1.05)}
  .proof-btn:active{transform:scale(0.96)}
  .proof-btn svg{width:16px;height:16px;display:block}
  .proof-btn:disabled{background:rgba(20,17,12,.08);color:var(--ink-ghost);cursor:default;transform:none}
  .proof-count{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.1em;color:var(--ink-ghost);min-width:36px;text-align:center}

  .proof-bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;transition:opacity .28s ease}
  .proof-bento.is-transitioning{opacity:0;pointer-events:none}
  /* 4-card bento positions */
  .pb-a{grid-column:1;grid-row:1/3}
  .pb-b{grid-column:2;grid-row:1}
  .pb-c{grid-column:3;grid-row:1}
  .pb-d{grid-column:2/4;grid-row:2}
  /* partial page fallbacks */
  .pb-solo{grid-column:1/4;grid-row:auto}

  .pb-card{
    background:var(--cream);border:1px solid var(--rule);border-radius:var(--r-lg);
    padding:32px;display:flex;flex-direction:column;gap:14px;
    transition:border-color .2s ease,box-shadow .2s ease;
  }
  .pb-card:hover{border-color:rgba(200,147,46,.3);box-shadow:var(--paper-shadow)}

  /* Dark featured card */
  .pb-a{background:var(--ink);border-color:transparent;padding:40px}
  .pb-a .pb-tag{color:var(--ochre)}
  .pb-a .pb-quote{color:var(--cream);font-size:clamp(17px,1.5vw,22px);line-height:1.55;font-weight:500;letter-spacing:-.01em}
  .pb-a .pb-name{color:var(--cream)}
  .pb-a .pb-org{color:rgba(244,237,224,.5)}
  .pb-a .pb-person{border-top-color:rgba(244,237,224,.15);margin-top:auto}

  /* Ochre-accent wide card */
  .pb-d{background:rgba(200,147,46,.07);border-color:rgba(200,147,46,.22)}

  .pb-tag{font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--ochre-deep);font-weight:500}
  .pb-headline{font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:16px;line-height:1.3;letter-spacing:-.015em;color:var(--ink);margin:0}
  .pb-quote{font-size:14px;line-height:1.75;color:var(--ink-2);margin:0;flex:1}
  .pb-person{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:1px solid var(--rule);margin-top:auto}
  .pb-av{
    width:38px;height:38px;border-radius:50%;flex-shrink:0;
    display:inline-flex;align-items:center;justify-content:center;
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;font-weight:600;color:var(--cream);
  }
  .pb-av[data-h="1"]{background:#2A5D4F}  .pb-av[data-h="2"]{background:#C8932E}
  .pb-av[data-h="3"]{background:#4A6FA5}  .pb-av[data-h="4"]{background:#7C3AED}
  .pb-av[data-h="5"]{background:#dc2626}  .pb-av[data-h="6"]{background:#44796A}
  .pb-av[data-h="7"]{background:#ea580c}  .pb-av[data-h="8"]{background:#9C6F1E}
  .pb-av[data-h="9"]{background:#14110C}  .pb-av[data-h="10"]{background:#ca8a04}
  .pb-av[data-h="11"]{background:#1d4ed8} .pb-av[data-h="12"]{background:#be185d}
  .pb-av[data-h="13"]{background:#166534} .pb-av[data-h="14"]{background:#92400e}
  .pb-person{display:flex;align-items:flex-start;gap:12px;padding-top:16px;border-top:1px solid var(--rule);margin-top:auto}
  .pb-name{font-size:13px;font-weight:600;color:var(--ink);display:block;line-height:1.3}
  .pb-org{font-size:12px;color:var(--ink-ghost);display:block;line-height:1.4;margin-top:1px}
  .pb-desc{font-size:11px;color:var(--ink-ghost);display:block;line-height:1.45;margin-top:3px;opacity:.75}
  .pb-a .pb-desc{color:rgba(244,237,224,.5)}
  .pb-logo{height:26px;width:auto;max-width:88px;object-fit:contain;opacity:.9;margin-left:auto;flex-shrink:0;margin-top:2px}
  .pb-a .pb-logo{filter:brightness(0) invert(1);opacity:.65}
  .pb-av{margin-top:2px}

  @media(max-width:1023px){
    .proof-header{flex-direction:column;align-items:flex-start;gap:16px}
    .proof-nav:not(.proof-nav-mobile){display:none}
    .proof-nav-mobile{display:flex;justify-content:flex-end;margin-top:28px}
    .proof-bento{grid-template-columns:1fr 1fr}
    .pb-a{grid-column:1/3;grid-row:auto}
    .pb-b,.pb-c{grid-column:auto;grid-row:auto}
    .pb-d{grid-column:1/3;grid-row:auto}
  }
  @media(max-width:640px){
    .proof-bento{grid-template-columns:1fr}
    .pb-a,.pb-b,.pb-c,.pb-d{grid-column:1;grid-row:auto}
    .pb-card{padding:24px}
    .pb-a{padding:28px}
  }

  /* ====== TRANSFORMATION ====== */
  .transformation-section{background:var(--cream)}
  .tr-table{
    display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(0,1.4fr) minmax(0,1.4fr);
    background:var(--cream-2);
    border:1px solid var(--rule);border-radius:var(--r-lg);
    overflow:hidden;
  }
  @media (max-width:900px){
    .tr-table{grid-template-columns:1fr}
  }
  .tr-head{
    display:contents;
  }
  .tr-head-cell{
    padding:18px 24px;
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:var(--ink-ghost);font-weight:600;
    border-bottom:1px solid var(--rule);
    background:var(--cream);
  }
  .tr-head-cell.tr-before{color:var(--ink-ghost)}
  .tr-head-cell.tr-after{color:var(--ochre-deep);background:rgba(200,147,46,0.08)}
  @media (max-width:900px){.tr-head{display:none}}

  .tr-row{
    display:contents;
  }
  .tr-row > *{
    padding:26px 24px;
    border-bottom:1px solid var(--rule);
    background:var(--cream);
  }
  .tr-row:last-child > *{border-bottom:0}
  .tr-row .tr-scenario{
    background:var(--cream-2);
    display:flex;flex-direction:column;gap:6px;
    border-right:1px solid var(--rule);
  }
  .tr-row .tr-after{background:rgba(200,147,46,0.06)}
  .tr-num{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:32px;line-height:1;
    color:var(--ochre);opacity:0.85;letter-spacing:-0.02em;
  }
  .tr-label{
    font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:17px;
    color:var(--ink);letter-spacing:-0.01em;line-height:1.25;margin-top:4px;
  }
  .tr-micro{
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-ghost);
    margin-top:4px;
  }
  .tr-cell{
    font-size:14.5px;line-height:1.6;color:var(--ink-2);
  }
  .tr-cell.tr-before{color:var(--ink-ghost)}
  .tr-cell.tr-after{color:var(--ink)}

  @media (max-width:900px){
    .tr-row{
      display:flex;flex-direction:column;gap:0;
      border-bottom:1px solid var(--rule);
    }
    .tr-row:last-child{border-bottom:0}
    .tr-row > *{border-bottom:0;padding:18px 22px}
    .tr-row .tr-scenario{border-right:0;border-bottom:1px solid var(--rule)}
    .tr-cell.tr-before{border-bottom:1px dashed var(--rule)}
    .tr-cell.tr-before::before{
      content:"Without NxgSecure";display:block;
      font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-ghost);margin-bottom:8px;
    }
    .tr-cell.tr-after::before{
      content:"With NxgSecure";display:block;
      font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ochre-deep);margin-bottom:8px;
    }
  }

  .tr-pull{
    margin:56px auto 0;max-width:900px;
    padding:32px 28px;border:1px solid var(--rule);border-left:4px solid var(--ochre);
    border-radius:var(--r-md);background:var(--cream-2);
    font-family:'Inter',system-ui,sans-serif;font-weight:500;
    font-size:clamp(20px,2.4vw,26px);line-height:1.35;color:var(--ink);letter-spacing:-0.015em;
    position:relative;
  }
  .tr-pull-glyph{
    position:absolute;top:4px;left:18px;
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:64px;line-height:1;color:var(--ochre);opacity:0.7;
  }
  .tr-pull-em{color:var(--ink);font-weight:700}

  .tr-bridge{
    margin-top:32px;display:flex;align-items:center;gap:18px;
  }
  .tr-bridge-rule{
    flex:1;height:1px;background:var(--rule);max-width:120px;
  }
  .tr-bridge-line{
    margin:0;font-family:'Geist Mono',ui-monospace,monospace;
    font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-ghost);font-weight:500;
  }
  .tr-bridge-link{
    color:var(--ink);font-weight:600;border-bottom:1px solid var(--ochre);padding-bottom:1px;
    transition:color .15s;
  }
  .tr-bridge-link:hover{color:var(--ochre-deep)}
  @media (max-width:720px){
    .tr-bridge{flex-direction:column;align-items:flex-start;gap:12px}
    .tr-bridge-rule{width:60px;max-width:none}
  }

  /* ====== FOUNDER ====== */
  #founder{background:var(--cream-2);padding:72px 0 120px}
  #founder .h2{font-size:clamp(26px,3vw,42px)}
  .founder-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-top:56px}
  .founder-left .eyebrow{margin-bottom:12px;display:inline-block}
  .founder-left .h2{margin-bottom:28px}
  .founder-text-block{display:block}
  .founder-body-grid{display:flex;flex-direction:column;gap:20px;margin-top:48px;padding-top:40px;border-top:1px solid var(--rule)}
  .founder-video-full{
    width:100%;aspect-ratio:16/9;
    border-radius:var(--r-lg);overflow:hidden;
    position:sticky;top:88px;background:var(--ink);
    align-self:center;
  }
  .founder-video-full .fi-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--r-lg);cursor:pointer}
  @media(max-width:900px){.founder-layout{grid-template-columns:1fr;gap:36px;margin-top:40px}.founder-video-full{position:relative;top:auto}}
  @media(max-width:640px){.founder-layout{margin-top:28px}}
  .founder-lead{font-size:19px;line-height:1.6;color:var(--ink-2);margin:0 0 20px}
  .founder-pivot{font-size:22px;line-height:1.45;color:var(--ink);font-weight:700;margin:0 0 20px;letter-spacing:-0.01em;text-wrap:balance}
  .founder-body{font-size:17px;line-height:1.65;color:var(--ink-2);margin:0 0 16px}
  .founder-lead-2{font-size:19px;line-height:1.55;color:var(--ink);margin:0 0 12px;font-weight:500}
  .founder-lead-2 em{font-style:italic;color:var(--ink);font-weight:600}
  .founder-promise{font-size:17px;line-height:1.5;color:var(--ochre-deep);font-weight:600;margin:0;letter-spacing:0.01em}

  .video-card{
    width:100%;height:100%;min-height:340px;
    padding:0;text-align:left;font:inherit;color:inherit;
    background-color:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-md);
    position:relative;overflow:hidden;cursor:pointer;
    display:grid;place-items:center;
    background-image:
      linear-gradient(rgba(20,17,12,.04) 1px,transparent 1px),
      linear-gradient(90deg, rgba(20,17,12,.04) 1px,transparent 1px);
    background-size: 32px 32px, 32px 32px;
  }
  .play-btn{
    width:88px;height:88px;border-radius:50%;
    background:var(--ochre);display:grid;place-items:center;
    box-shadow:0 16px 40px -14px rgba(156,111,30,.55);
    transition:transform .2s ease;
  }
  .video-card:hover .play-btn{transform:scale(1.05)}
  .play-tri{
    width:0;height:0;
    border-left:22px solid var(--ink);
    border-top:14px solid transparent;
    border-bottom:14px solid transparent;
    margin-left:6px;
  }
  .video-caption{
    position:absolute;left:20px;right:20px;bottom:20px;
    display:flex;align-items:end;justify-content:space-between;gap:12px;
    color:var(--ink);
  }
  .video-caption p{margin:0;max-width:80%;font-size:14px;color:var(--ink-2)}
  .video-caption .dur{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--ink);background:var(--cream);border:1px solid var(--rule);padding:3px 8px;border-radius:999px}

  /* ── FOUNDER ILLUSTRATION ── */
  .founder-illustration{
    width:100%;height:100%;min-height:360px;
    background-color:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-md);
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    background-image:
      radial-gradient(circle,rgba(20,17,12,.06) 1px,transparent 1px);
    background-size:28px 28px;
  }
  .founder-illustration svg.fi-scene{width:88%;max-width:380px;height:auto;display:block}
  .fi-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--r-md)}
  .fi-video{width:100%;height:100%;object-fit:cover;display:block;border-radius:var(--r-md);cursor:pointer}
  .fi-play-btn{
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    background:none;border:none;cursor:pointer;padding:0;
    width:72px;height:72px;
    transition:transform .2s ease,opacity .2s ease;
    z-index:2;
  }
  .fi-play-btn:hover{transform:translate(-50%,-50%) scale(1.1)}
  .fi-play-btn svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 16px rgba(20,17,12,.4))}
  .fi-play-btn.fi-hidden{opacity:0;pointer-events:none}
  /* Expand button — top-right of video card */
  .fi-expand-btn{
    position:absolute;top:12px;right:12px;
    background:rgba(20,17,12,0.55);border:1px solid rgba(255,255,255,0.18);
    border-radius:8px;cursor:pointer;padding:7px;
    display:flex;align-items:center;justify-content:center;
    transition:background .18s,transform .18s;z-index:3;
    backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  }
  .fi-expand-btn:hover{background:rgba(200,147,46,0.25);transform:scale(1.08)}
  .fi-expand-btn svg{width:16px;height:16px;display:block}
  /* Video modal overlay */
  .fi-modal{
    position:fixed;inset:0;background:rgba(14,11,8,0.92);
    display:flex;align-items:center;justify-content:center;
    z-index:9999;opacity:0;pointer-events:none;
    transition:opacity .25s ease;
    backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  }
  .fi-modal.fi-modal-open{opacity:1;pointer-events:all}
  .fi-modal-inner{
    position:relative;width:min(90vw,1100px);
    border-radius:16px;overflow:hidden;
    box-shadow:0 32px 80px rgba(0,0,0,0.6);
  }
  .fi-modal-inner video{width:100%;display:block;border-radius:16px}
  .fi-modal-close{
    position:absolute;top:-44px;right:0;
    background:none;border:none;cursor:pointer;
    color:rgba(244,237,224,0.7);font-size:28px;line-height:1;
    padding:4px 8px;transition:color .15s;
  }
  .fi-modal-close:hover{color:#F4EDE0}
  .fi-caption{
    position:absolute;left:20px;right:20px;bottom:20px;
    display:flex;align-items:center;gap:10px;
    z-index:3;
  }
  .fi-caption p{margin:0;font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-2);letter-spacing:0.04em}
  .fi-caption .fi-year{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;color:var(--ochre-deep);background:rgba(200,147,46,.10);border:1px solid rgba(200,147,46,.25);padding:3px 9px;border-radius:999px;white-space:nowrap}

  .founders-intro{
    margin-top:88px;padding-top:56px;border-top:1px solid var(--rule);
    margin-bottom:28px;
  }
  @media (max-width:1023px){.founders-intro{margin-top:64px;padding-top:40px}}
  .founders-intro .eyebrow{margin-bottom:12px;display:inline-block}
  .founders-intro-head{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;color:var(--ink);
    font-size:clamp(24px,2.8vw,32px);letter-spacing:-0.02em;margin:0;line-height:1.15;max-width:32ch;
  }
  .founders-row{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;
  }
  @media (max-width:1023px){.founders-row{grid-template-columns:1fr;gap:16px}}
  .founder-card{
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-md);
    padding:24px;display:flex;gap:16px;align-items:flex-start;
    height:100%;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .founder-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px -24px rgba(20,17,12,.18)}
  .f-avatar{
    width:56px;height:56px;border-radius:50%;flex-shrink:0;
    background:var(--ink);color:var(--cream);
    display:grid;place-items:center;
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:16px;letter-spacing:-0.02em;
    overflow:hidden;
  }
  .f-avatar img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
  .f-info{flex:1;min-width:0;display:flex;flex-direction:column;height:100%}
  .f-name{font-weight:700;color:var(--ink);font-size:16px;letter-spacing:-0.01em;line-height:1.2}
  .f-role{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ochre-deep);margin-top:4px}
  .f-bio{margin:10px 0 16px;font-size:13.5px;line-height:1.6;color:var(--ink-2)}
  .f-link{
    display:inline-flex;align-items:center;gap:6px;
    font-size:11px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;
    color:var(--ink-ghost);
    border:1px solid var(--rule);border-radius:999px;
    padding:5px 12px;transition:color .15s, border-color .15s, background .15s;
    align-self:flex-start;margin-top:auto;
  }
  .f-link:hover{color:var(--ink);border-color:var(--ochre);background:rgba(200,147,46,0.08)}

  /* ====== HOW IT WORKS ====== */
  #how{background:var(--cream)}
  .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;position:relative}
  /* Connecting line: left=centre of step-num in col-1, right=centre of step-num in col-4 */
  .steps::before{
    content:'';position:absolute;top:22px;
    left:30px;right:calc(25% - 48px);
    height:1px;background:var(--rule);z-index:0;
  }
  .step{position:relative;padding:0 8px 8px;min-width:0}
  .step h3{margin-bottom:10px}
  .step p{margin:0;color:var(--ink-2);font-size:15px;line-height:1.55}
  .steps .step:nth-child(4) .h3{font-size:clamp(14px,1.45vw,18px);white-space:nowrap}
  .step-num{
    width:44px;height:44px;border-radius:50%;
    border:1.5px solid var(--rule);
    display:flex;align-items:center;justify-content:center;
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;font-weight:500;
    color:var(--ink-ghost);background:var(--cream);
    position:relative;z-index:1;
    margin-bottom:20px;
  }
  .step-num.is-last{background:var(--ink);color:var(--cream);border-color:var(--ink)}
  .step-eye{display:none}
  @media(max-width:1023px){
    .steps{display:flex;flex-direction:column;gap:0;}
    .steps::before{left:21px;right:auto;top:44px;bottom:32px;width:1px;height:auto;}
    .step{
      display:grid;
      grid-template-columns:44px 1fr;
      grid-template-rows:auto auto;
      column-gap:20px;row-gap:6px;
      padding:0 0 36px 0;
      align-items:start;
    }
    .step-num{grid-column:1;grid-row:1/3;align-self:start;margin-bottom:0;}
    .step-eye{display:none;}
    .step .h3{grid-column:2;grid-row:1;margin-top:10px;}
    .step>p{grid-column:2;grid-row:2;}
    .steps .step:nth-child(4) .h3{font-size:inherit;white-space:normal;}
  }

  /* ====== COMPLIANCE WALL ====== */
  #compliance{background:var(--cream-2)}
  .certs{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
  @media (max-width:1200px){.certs{grid-template-columns:repeat(4,1fr)}}
  @media (max-width:720px){.certs{grid-template-columns:repeat(2,1fr)}}
  .cert{
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-md);
    padding:22px;display:flex;flex-direction:column;gap:12px;min-height:140px;
    transition:transform .2s ease;min-width:0;
  }
  .cert:hover{transform:translateY(-2px)}
  .mono-box{
    width:40px;height:40px;border:1.5px solid var(--ochre);border-radius:8px;
    display:grid;place-items:center;color:var(--ochre-deep);
    background:rgba(200,147,46,.08);
    line-height:0;
  }
  .cert-name{font-weight:600;color:var(--ink);font-size:15px}
  .cert-sub{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-ghost)}

  /* ====== DPDP URGENCY SECTION ====== */
  .dpdp-section{
    background:var(--ink);
    padding:96px 0;
    border-top:4px solid var(--ochre);
  }
  @media (max-width:720px){.dpdp-section{padding:64px 0}}
  .dpdp-callout{
    display:grid;grid-template-columns:1fr 340px;gap:72px;align-items:center;
  }
  @media (max-width:1023px){.dpdp-callout{grid-template-columns:1fr;gap:48px}}
  .dpdp-left{display:flex;flex-direction:column;gap:22px}
  .dpdp-right{
    background:rgba(244,237,224,.05);border:1px solid rgba(244,237,224,.12);
    border-radius:var(--r-lg);padding:36px 32px;
    display:flex;flex-direction:column;gap:0;
  }
  .dpdp-flag{display:flex;align-items:center;gap:12px}
  .dpdp-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:28px;height:28px;border-radius:6px;
    background:var(--ochre);color:var(--ink);font-weight:700;font-size:15px;
    animation:dpdp-pulse 2s ease-in-out infinite;
  }
  @keyframes dpdp-pulse{
    0%,100%{box-shadow:0 0 0 0 rgba(200,147,46,.5)}
    50%{box-shadow:0 0 0 8px rgba(200,147,46,0)}
  }
  .dpdp-tag{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;color:var(--ochre);font-weight:600;
  }
  .dpdp-head{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;color:#F4EDE0;
    font-size:clamp(30px,3.6vw,48px);letter-spacing:-0.025em;line-height:1.08;margin:0;
  }
  .dpdp-body{font-size:16px;line-height:1.7;color:rgba(244,237,224,.65);margin:0}
  .dpdp-body b{color:#F4EDE0;font-weight:600}
  .dpdp-cta{margin-top:4px}
  .dpdp-meta{
    display:flex;flex-direction:column;gap:0;
  }
  .dpdp-meta-row{
    display:flex;flex-direction:column;gap:4px;
    padding:18px 0;border-bottom:1px solid rgba(244,237,224,.1);
  }
  .dpdp-meta-row:first-child{padding-top:0}
  .dpdp-meta-label{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:rgba(244,237,224,.4);
  }
  .dpdp-meta-val{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:22px;color:#F4EDE0;letter-spacing:-0.015em;line-height:1.1;
  }
  .dpdp-countdown{
    padding-top:20px;
    display:flex;flex-direction:column;gap:6px;
  }
  .countdown-eye{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(244,237,224,.4);
  }
  .countdown-val{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:clamp(24px,2.8vw,34px);
    color:var(--ochre);letter-spacing:-0.02em;line-height:1;
  }


  /* ====== FAQ ====== */
  .faq-section{background:var(--cream)}
  .faq-list{
    display:flex;flex-direction:column;gap:12px;max-width:960px;
  }
  .faq-item{
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-md);
    overflow:hidden;
    transition:border-color .2s, box-shadow .2s;
  }
  .faq-item[open]{
    border-color:rgba(200,147,46,0.45);
    box-shadow:0 12px 32px -22px rgba(20,17,12,.18);
  }
  .faq-item summary{
    display:flex;align-items:center;gap:18px;
    padding:22px 26px;cursor:pointer;list-style:none;
    transition:background .15s;
  }
  .faq-item summary:hover{background:rgba(200,147,46,0.04)}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-num{
    font-family:'Inter',system-ui,sans-serif;font-weight:800;font-size:20px;line-height:1;
    color:var(--ochre);opacity:0.75;letter-spacing:-0.02em;
    min-width:28px;
  }
  .faq-q{
    flex:1;min-width:0;
    font-family:'Inter',system-ui,sans-serif;font-weight:600;font-size:clamp(17px,1.6vw,20px);
    color:var(--ink);letter-spacing:-0.015em;line-height:1.35;
  }
  .faq-toggle{
    position:relative;width:20px;height:20px;flex-shrink:0;
    transition:transform .25s;
  }
  .faq-toggle::before,.faq-toggle::after{
    content:"";position:absolute;background:var(--ink);border-radius:2px;
  }
  .faq-toggle::before{left:0;right:0;top:50%;height:2px;margin-top:-1px}
  .faq-toggle::after{top:0;bottom:0;left:50%;width:2px;margin-left:-1px;transition:transform .25s}
  .faq-item[open] .faq-toggle::after{transform:scaleY(0)}
  .faq-item[open] .faq-toggle{transform:rotate(180deg)}
  .faq-a{
    padding:0 26px 26px 72px;
    font-size:15px;line-height:1.65;color:var(--ink-2);
    max-width:72ch;
  }
  .faq-a em{color:var(--ink);font-style:italic;font-weight:500}
  @media (max-width:640px){
    .faq-item summary{padding:18px 20px;gap:12px}
    .faq-a{padding:0 20px 22px 20px}
  }

  /* ====== RESOURCES ====== */
  .resources-section{background:var(--cream-2)}
  .res-carousel{position:relative;overflow:hidden}
  .res-track{display:flex;gap:20px;transition:transform .45s cubic-bezier(.4,0,.2,1)}
  .res-section-hd{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
  .res-section-hd .section-head{margin-bottom:0}
  .res-nav{display:flex;align-items:center;gap:14px;flex-shrink:0}
  @media(max-width:767px){.res-section-hd{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}}
  .res-nav-btn{
    width:48px;height:48px;border-radius:14px;border:none;cursor:pointer;
    display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:300;line-height:1;
    background:#e4dfd5;color:#8a7f70;
    transition:background .2s,color .2s,transform .15s;
  }
  .res-nav-btn[data-state="active"]{background:var(--ink);color:var(--cream)}
  .res-nav-btn[data-state="active"]:hover{transform:scale(1.06)}
  .res-nav-btn:disabled{cursor:default}
  .res-counter{
    font-family:'Geist Mono',ui-monospace,monospace;font-size:13px;letter-spacing:.06em;
    color:var(--ink-2);min-width:36px;text-align:center;
  }
  .res-card{
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-lg);
    padding:28px;display:flex;flex-direction:column;gap:12px;height:100%;
    transition:transform .2s ease, box-shadow .2s ease;
  }
  .res-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px -24px rgba(20,17,12,.18)}
  .res-card-feature{background:var(--ink);color:var(--cream);border-color:var(--ink)}
  .res-card-feature .res-head{color:var(--cream)}
  .res-card-feature .res-body{color:rgba(244,237,224,0.75)}
  .res-card-feature .res-format,.res-card-feature .res-meta{color:var(--ochre);opacity:0.85}
  .res-card-feature .res-meta span{color:rgba(244,237,224,0.6)}
  .res-card-feature .res-link{color:var(--ochre);border-bottom-color:var(--ochre)}
  .res-card-feature .res-link:hover{color:var(--cream);border-bottom-color:var(--cream)}
  .res-format{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ochre-deep);font-weight:600}
  .res-head{font-family:'Inter',system-ui,sans-serif;font-weight:800;color:var(--ink);font-size:22px;letter-spacing:-0.015em;line-height:1.2;margin:2px 0 0}
  .res-body{margin:0;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
  .res-meta{
    margin-top:auto;padding-top:14px;border-top:1px dashed var(--rule);
    font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--ink-2);font-weight:500;
  }
  .res-card-feature .res-meta{border-top-color:rgba(244,237,224,0.15)}
  .res-meta span{color:var(--ink-ghost);margin-right:6px}
  .res-link{
    display:inline-flex;align-items:center;gap:6px;align-self:flex-start;
    color:var(--ink);font-size:14px;font-weight:600;
    border-bottom:1px solid var(--ochre);padding-bottom:2px;
    transition:color .15s, border-bottom-color .15s;
  }
  .res-link:hover{color:var(--ochre-deep)}

  /* ====== FINAL CTA ====== */
  .cta-final{text-align:left;padding:120px 0;background:var(--cream)}
  .cta-final h2{margin-bottom:18px}
  .cta-final .lead{margin-bottom:28px}
  .cta-btns{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
  .meta-line{font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-ghost);letter-spacing:0.06em;text-transform:uppercase}
  .cta-pills{
    display:flex;flex-wrap:wrap;gap:10px;
    margin:28px 0 24px;
  }
  .cta-pill{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 16px;border-radius:999px;
    background:var(--cream-2);border:1px solid var(--rule);
    font-size:14px;color:var(--ink);font-weight:500;
  }
  .cta-pill .check{
    display:inline-grid;place-items:center;
    width:18px;height:18px;border-radius:50%;
    background:var(--ochre);color:var(--ink);
    font-size:11px;font-weight:700;flex-shrink:0;
  }

  /* ====== FOOTER ====== */
  footer{background:var(--cream-2);border-top:1px solid var(--rule);padding:72px 0 32px;color:var(--ink-2)}
  .foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px}
  @media (max-width:1023px){.foot-grid{grid-template-columns:1fr 1fr;gap:40px}}
  @media (max-width:640px){.foot-grid{grid-template-columns:1fr}}
  .foot-blurb p{margin:18px 0 22px;max-width:34ch;font-size:15px;color:var(--ink-2);line-height:1.6}
  .foot-badges{display:flex;gap:8px;flex-wrap:wrap}
  .foot-badge{font-family:'Geist Mono',ui-monospace,monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-ghost);padding:4px 8px;border:1px solid var(--rule);border-radius:999px}
  .foot-col h5{font-family:'Geist Mono',ui-monospace,monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;color:var(--ink-ghost);margin:0 0 14px;font-weight:500}
  .foot-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
  .foot-col a{color:var(--ink-2);font-size:14px}
  .foot-col a:hover{color:var(--ink)}
  .foot-bottom{
    margin-top:56px;padding-top:24px;border-top:1px solid var(--rule);
    display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
    font-family:'Geist Mono',ui-monospace,monospace;font-size:12px;color:var(--ink-ghost);
  }
  .foot-bottom a{color:var(--ink-ghost);text-decoration:none;transition:color .2s}
  .foot-bottom a:hover{color:var(--ink)}
  .foot-legal-links{display:flex;gap:20px;align-items:center}
  .foot-social{display:flex;gap:16px;align-items:center}
  .foot-social-label{font-size:.75rem;color:var(--ink-ghost);letter-spacing:.04em;white-space:nowrap}
  .foot-social a{display:flex;align-items:center;justify-content:center;color:var(--ink-ghost);text-decoration:none;transition:color .2s}
  .foot-social a:hover{color:var(--ochre)}
  @media(max-width:640px){.foot-bottom{flex-direction:column;align-items:flex-start;gap:10px}}

  /* ====== MODAL ====== */
  .modal-scrim{
    position:fixed;inset:0;background:rgba(20,17,12,.55);
    display:none;align-items:center;justify-content:center;z-index:100;padding:20px;
  }
  .modal-scrim.open{display:flex}
  .modal{
    background:var(--cream-2);border:1px solid var(--rule);border-radius:var(--r-lg);
    max-width:640px;width:100%;padding:32px;position:relative;box-shadow:var(--paper-shadow);
  }
  .modal h3{margin-bottom:10px}
  .modal p{margin:0 0 18px;color:var(--ink-2)}
  .modal .close{
    position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;
    border:1px solid var(--rule);background:var(--cream);display:grid;place-items:center;font-size:18px;color:var(--ink);
  }
  .modal .close:hover{background:var(--ochre);color:var(--ink)}

  /* ====== REVEAL ====== */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease}
  .reveal.is-in{opacity:1;transform:none}
  .reveal > *{transition:opacity .7s ease, transform .7s ease}

  @media (prefers-reduced-motion: reduce){
    .ticker-track,.marquee-track{animation:none}
    .reveal{opacity:1;transform:none;transition:none}
    .hx .swipe path{stroke-dashoffset:0;transition:none}
    .live-dot{animation:none}
    .cp-bar > span{transition:none}
  }
  /* ====== HERO COLLAPSE ANIMATION ====== */
  .hero{position:relative}
  /* Threat cards */
  /* ====== PLAY BUTTON (Watch Our Story CTA) ====== */
  .btn-video{gap:12px}
  .play-btn{
    position:relative;
    display:inline-flex;align-items:center;justify-content:center;
    width:30px;height:30px;border-radius:50%;
    background:var(--ochre);flex-shrink:0;
  }
  .play-icon{
    display:inline-block;width:0;height:0;
    border-left:8px solid var(--ink);
    border-top:5px solid transparent;
    border-bottom:5px solid transparent;
    margin-left:2px;flex-shrink:0;
  }
  .play-ring{
    position:absolute;inset:-5px;border-radius:50%;
    border:1.5px solid rgba(200,147,46,.55);
    animation:play-pulse 2.2s ease-out infinite;
  }
  .play-ring-2{
    inset:-5px;
    animation-delay:1.1s;
  }
  @keyframes play-pulse{
    0%  {transform:scale(1);   opacity:.7}
    100%{transform:scale(1.9); opacity:0}
  }
  /* ====== ORBIT SYSTEM ====== */
  .hero-mockup{display:flex;align-items:center;justify-content:flex-end;overflow:visible}
  .orbit-system{
    position:relative;
    width:660px;
    height:660px;
    flex-shrink:0;
    overflow:visible;
    /* nudge the whole system right so it fills the edge space */
    margin-right:-60px;
  }
  .orbit-tracks-svg{
    position:absolute;inset:0;width:100%;height:100%;
    pointer-events:none;opacity:0;overflow:visible;
  }
  .orbit-core{
    position:absolute;
    top:calc(50% - 48px);left:calc(50% - 48px);
    width:96px;height:96px;border-radius:50%;
    background:radial-gradient(circle at 38% 35%,#F2DC80,var(--ochre),var(--ochre-deep));
    box-shadow:0 0 0 14px rgba(200,147,46,.09),0 0 52px rgba(200,147,46,.5),0 0 110px rgba(200,147,46,.22);
    opacity:0;z-index:10;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  }
  .orbit-core-ring{
    position:absolute;inset:-18px;border-radius:50%;
    border:1px solid rgba(200,147,46,.28);
    animation:coreRing 3.2s ease-in-out infinite;pointer-events:none;
  }
  @keyframes coreRing{
    0%,100%{transform:scale(1);opacity:.5}
    50%{transform:scale(1.15);opacity:.08}
  }
  .orbit-core-ring2{
    position:absolute;inset:-34px;border-radius:50%;
    border:1px solid rgba(200,147,46,.12);
    animation:coreRing 3.2s ease-in-out 1.6s infinite;pointer-events:none;
  }
  .orbit-core-wordmark{
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:6.5px;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(255,255,255,.9);font-weight:700;margin-top:2px;
  }
  .orbit-arm{
    position:absolute;top:50%;left:50%;
    width:0;height:0;transform-origin:0 0;pointer-events:none;
  }
  /* Orbit planet nodes — circle + label */
  .orbit-node{
    position:absolute;left:0;top:0;
    display:flex;flex-direction:column;align-items:center;gap:8px;
    opacity:0;pointer-events:none;z-index:12;
  }
  .orbit-planet-circle{
    width:52px;height:52px;border-radius:50%;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
    border:1.5px solid currentColor;
  }
  .op-icon{width:22px;height:22px;flex-shrink:0}
  .orbit-node-lbl{
    font-family:'Geist Mono',ui-monospace,monospace;
    font-size:10px;font-weight:700;
    letter-spacing:.09em;text-transform:uppercase;
    color:var(--ink-2);white-space:nowrap;text-align:center;
  }
  /* ====== ORBIT RESPONSIVE ====== */
  @media(max-width:1023px){
    .hero-mockup{justify-content:center}
    .orbit-system{
      width:560px;height:560px;
      margin-right:0;
      /* Scale the whole system down to fit without clipping */
      transform:scale(0.75);
      transform-origin:top center;
      margin-bottom:-140px; /* pull up space freed by scale */
    }
  }
  @media(max-width:767px){
    .orbit-system{
      transform:scale(0.58);
      margin-bottom:-236px;
    }
  }
  @media(max-width:480px){
    /* Too small for orbit — hide it, save the vertical space */
    .hero-mockup{display:none}
  }
  /* Reduced motion */
  @media(prefers-reduced-motion:reduce){
    .play-ring,.play-ring-2{animation:none}
    .orbit-tracks-svg,.orbit-core,.orbit-node{opacity:1!important}
    .orbit-core{top:calc(50% - 48px);left:calc(50% - 48px);transform:none!important}
    .orbit-core-ring,.orbit-core-ring2{animation:none}
  }

  /* ── Outcome static image ── */
  .outcome-still{
    display:flex;align-items:center;justify-content:center;
    width:100%;max-width:560px;
    margin:0 auto;
  }
  .outcome-still img{
    width:100%;height:auto;display:block;
    border-radius:var(--r-lg);
  }
  @media(max-width:640px){
    .outcome-still{max-width:340px}
  }