:root{
    --bg: oklch(0.98 0.008 85);
    --bg-2: oklch(0.96 0.012 80);
    --ink: oklch(0.2 0.03 265);
    --ink-soft: oklch(0.42 0.02 265);
    --ink-mute: oklch(0.58 0.015 265);
    --line: oklch(0.9 0.012 80);
    --line-2: oklch(0.86 0.015 80);
    --card: oklch(1 0 0);
    --primary: #ff4284;
    --primary-ink: oklch(0.42 0.2 5);
    --primary-wash: oklch(0.95 0.04 5);
    --amber: oklch(0.74 0.14 68);
    --amber-wash: oklch(0.95 0.05 75);
    --mint: oklch(0.82 0.09 165);
    --sky: oklch(0.85 0.06 230);
    --pink: oklch(0.86 0.07 20);
    --dark: oklch(0.18 0.02 270);
    --radius: 14px;
    --mono: 'DM Sans','Inter',ui-sans-serif,system-ui,sans-serif;
  }
  *{box-sizing:border-box}
  em,i{font-style:normal}
  html{scroll-behavior:smooth}
  html,body{margin:0;padding:0;max-width:100%;overflow-x:clip}
  body{
    background:var(--bg);
    color:var(--ink);
    font-family:var(--font-sans,'Poppins'),ui-sans-serif,system-ui,sans-serif;
    -webkit-font-smoothing:antialiased;
    line-height:1.5;
  }
  body.nav-open{overflow:hidden}
  .wrap{
    width:min(100%, 1200px);
    margin:0 auto;
    padding:0 clamp(16px, 2.6vw, 36px);
  }
  .mono{
    font-family:var(--mono);
    font-weight:600;
    letter-spacing:0.01em;
    line-height:1.35;
  }
  .serif{font-family:inherit;font-style:normal;font-weight:inherit}
  .skip-link{
    position:fixed;top:10px;left:10px;z-index:10000;
    transform:translateY(-140%);
    background:var(--ink);color:#fff;text-decoration:none;
    padding:10px 14px;border-radius:10px;font-weight:700;
    box-shadow:0 14px 30px -18px rgba(0,0,0,.45);
    transition:transform .16s ease;
  }
  .skip-link:focus{transform:translateY(0);outline:3px solid var(--primary);outline-offset:3px}
  :focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 74%, #fff);outline-offset:3px}
  #krom-content:focus{outline:none}

  /* ── header ────────────────────────────── */
  header.nav{
    position:sticky;top:0;z-index:50;
    backdrop-filter:saturate(140%) blur(10px);
    background:color-mix(in oklab,var(--bg) 82%, transparent);
    border-bottom:1px solid color-mix(in oklab,var(--line) 60%, transparent);
  }
  .nav-inner{display:flex;align-items:center;gap:28px;height:64px}
  .brand-cluster{display:flex;align-items:center;gap:14px;flex:0 0 auto;min-width:0}
  .company-brand{display:flex;align-items:center;text-decoration:none;line-height:0;flex:0 0 auto}
  .company-brand img{display:block;height:26px;width:auto}
  .brand-divider{width:1px;height:26px;background:color-mix(in oklab,var(--line-2) 88%, var(--ink-mute));flex:0 0 auto}
  .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px;letter-spacing:-0.01em}
  .brand .logo{width:26px;height:26px;border-radius:7px;background:var(--primary);display:grid;place-items:center;color:#fff}
  .brand .logo svg{display:block;width:18px;height:18px}
  .brand .krom-wordmark{display:block;width:auto;height:34px}
  nav.links{display:flex;gap:26px;font-size:14px;color:var(--ink-soft);align-items:center}
  nav.links a{color:inherit;text-decoration:none}
  nav.links a:hover{color:var(--ink)}
  nav.links a.is-active{color:var(--primary)}
  .nav-item{position:relative;display:flex;align-items:center}
  .nav-trigger{
    appearance:none;border:0;background:transparent;color:inherit;font:inherit;
    padding:22px 0;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
  }
  .nav-trigger::after{content:"⌃";font-size:11px;line-height:1;transform:translateY(1px);color:var(--ink-mute)}
  .nav-item:hover .nav-trigger,.nav-item:focus-within .nav-trigger{color:var(--ink)}
  .nav-panel{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%) translateY(6px);
    width:min(720px, calc(100vw - 48px));
    background:var(--card);
    border:1px solid var(--line);
    border-radius:8px;
    box-shadow:0 24px 70px -34px rgba(0,0,0,.32);
    padding:28px 30px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
    z-index:80;
  }
  .nav-panel::after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-14px;
    height:14px;
  }
  .nav-panel::before{
    content:"";
    position:absolute;
    top:-9px;
    left:50%;
    width:18px;
    height:18px;
    transform:translateX(-50%) rotate(45deg);
    background:var(--card);
    border-left:1px solid var(--line);
    border-top:1px solid var(--line);
  }
  .nav-item:hover .nav-panel,.nav-item:focus-within .nav-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateX(-50%) translateY(0);
  }
  .nav-products{display:grid;grid-template-columns:1fr 1fr;gap:28px 48px;align-items:start}
  .nav-resources{width:280px;padding:22px 26px}
  .nav-resources .nav-products{grid-template-columns:1fr;gap:0}
  .nav-card{
    display:grid;
    grid-template-columns:48px minmax(0,1fr);
    gap:16px;
    align-items:start;
    color:var(--ink);
    text-decoration:none;
  }
  .nav-products .nav-card:nth-child(n+3){margin-top:22px}
  .nav-resources .nav-card:nth-child(n+2){margin-top:22px}
  .nav-resources .nav-card{display:block}
  .nav-icon{
    width:40px;
    height:40px;
    border-radius:6px;
    display:grid;
    place-items:center;
    overflow:hidden;
  }
  .nav-icon img{display:block;width:100%;height:100%;object-fit:contain}
  .nav-card strong{display:block;font-size:16px;line-height:1.2;color:var(--ink);letter-spacing:-0.015em}
  .nav-card span{display:block;margin-top:5px;font-size:13.5px;line-height:1.35;color:var(--ink-soft)}
  .nav-right{margin-left:auto;display:flex;align-items:center;gap:14px}
  .nav-right .nav-signin{font-size:14px;color:var(--ink-soft);text-decoration:none}
  .nav-right .nav-signin:hover{color:var(--ink)}
  .nav-toggle{
    display:none;appearance:none;border:1px solid var(--line-2);background:var(--card);color:var(--ink);
    width:42px;height:42px;border-radius:12px;padding:0;place-items:center;cursor:pointer;flex:0 0 auto;
    box-shadow:0 1px 0 0 rgba(255,255,255,0.7) inset;
  }
  .nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{
    width:18px;height:2px;border-radius:999px;background:currentColor;display:block;content:"";
    transition:transform .2s ease, opacity .2s ease;
  }
  .nav-toggle .bars{position:relative}
  .nav-toggle .bars::before{position:absolute;top:-6px;left:0}
  .nav-toggle .bars::after{position:absolute;top:6px;left:0}
  header.nav.is-open .nav-toggle .bars{background:transparent}
  header.nav.is-open .nav-toggle .bars::before{transform:translateY(6px) rotate(45deg)}
  header.nav.is-open .nav-toggle .bars::after{transform:translateY(-6px) rotate(-45deg)}
  .mobile-nav{
    display:none;
    border-top:1px solid color-mix(in oklab,var(--line) 70%, transparent);
    background:color-mix(in oklab,var(--bg) 94%, transparent);
    width:100%;
  }
  .mobile-nav .mobile-nav-inner{padding:18px 24px 22px;display:grid;gap:0}
  .mobile-nav a{
    color:var(--ink);text-decoration:none;background:transparent;border:0;border-bottom:1px solid var(--line);
    border-radius:0;padding:18px 2px;font-size:17px;font-weight:600;display:flex;justify-content:space-between;align-items:center;
  }
  .mobile-nav a:first-child{border-top:1px solid var(--line)}
  .mobile-nav a.is-active{color:var(--primary);border-color:color-mix(in oklab,var(--primary) 35%, var(--line))}
  .mobile-nav a.mobile-signin{color:var(--ink-soft)}
  .mobile-nav .mobile-actions{display:grid;gap:0;padding-top:18px}
  .mobile-nav .mobile-actions a{
    background:var(--primary);
    color:#fff;
    border:0;
    border-radius:12px;
    padding:15px 18px;
    justify-content:center;
    box-shadow:0 14px 30px -18px color-mix(in oklab,var(--primary) 80%, transparent);
  }
  .mobile-group{border-top:1px solid var(--line)}
  .mobile-group-title{padding:18px 2px 8px;font-size:13px;font-weight:700;color:var(--primary);letter-spacing:0.04em;text-transform:uppercase}
  .mobile-nav .mobile-sub{
    padding:13px 2px 13px 18px;
    font-size:15px;
    font-weight:500;
    color:var(--ink-soft);
  }

  /* ── buttons ───────────────────────────── */
  .btn{
    appearance:none;border:none;cursor:pointer;font:inherit;
    display:inline-flex;align-items:center;gap:8px;
    padding:11px 18px;border-radius:10px;
    font-weight:500;font-size:14px;letter-spacing:-0.005em;
    transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
    text-decoration:none;
  }
  .btn-primary{background:var(--ink);color:var(--bg);box-shadow:0 1px 0 0 rgba(255,255,255,0.08) inset, 0 6px 20px -8px oklch(0.2 0.03 265 / 0.4)}
  .btn-primary:hover{transform:translateY(-1px);background:oklch(0.26 0.04 265)}
  .btn-accent{background:var(--primary);color:#fff;box-shadow:0 1px 0 0 rgba(255,255,255,0.15) inset, 0 10px 28px -10px oklch(0.54 0.22 295 / 0.55)}
  .btn-accent:hover{transform:translateY(-1px);filter:brightness(1.05)}
  .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}
  .btn-ghost:hover{background:var(--card);border-color:var(--ink-mute)}
  .btn .arr{transition:transform .2s}
  .btn:hover .arr{transform:translateX(2px)}

  /* ── hero ──────────────────────────────── */
  .hero{padding:72px 0 56px;position:relative;overflow:hidden}
  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    padding:6px 12px;border:1px solid var(--line-2);
    border-radius:999px;background:var(--card);
    font-size:12px;font-family:var(--mono);
    color:var(--ink-soft);
    letter-spacing:0.02em;
  }
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 20%, transparent)}
  h1.display{
    font-size:clamp(44px,6vw,70px);
    line-height:0.98;
    letter-spacing:-0.035em;
    font-weight:600;
    margin:20px 0 18px;
    max-width:12ch;
  }
  h1.display .hl{color:var(--primary)}
  h1.display em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:-0.02em}
  .hero-sub{font-size:18px;color:var(--ink-soft);max-width:56ch;margin:0 0 28px;line-height:1.55}
  .hero-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;
  }
  .hero-ctas{display:flex;gap:12px;flex-wrap:wrap}
  .hero-meta{display:flex;align-items:center;gap:18px;margin-top:26px;color:var(--ink-mute);font-size:13px}
  .hero-meta .stars{color:var(--amber);letter-spacing:2px}
  .hero-meta .sep{width:1px;height:14px;background:var(--line-2)}

  /* popular features row */
  .pop{margin-top:54px;border-top:1px dashed var(--line-2);padding-top:18px}
  .pop-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px;margin-top: 18px;}
  .pop-h h4{margin:0;font-size:13px;color:var(--ink-mute);font-family:var(--mono);font-weight:700;letter-spacing:0.025em;text-transform:uppercase;line-height:1.25}
  .pop-h .more{font-size:13px;color:var(--ink-soft);text-decoration:none;border-bottom:1px dotted currentColor}
  .pop-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
  .pop-cell{
    background:var(--card);border:1px solid var(--line);
    border-radius:12px;padding:14px 12px 12px;
    display:flex;flex-direction:column;gap:10px;
    transition:transform .15s, border-color .15s, box-shadow .15s;
    cursor:pointer;
  }
  .pop-cell:hover{transform:translateY(-2px);border-color:var(--ink-mute);box-shadow:0 6px 18px -10px oklch(0.2 0.03 265 / 0.25)}
  .pop-ic{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--ink)}
  .pop-cell .t{font-size:13px;font-weight:500;line-height:1.25}
  .pop-cell .s{font-size:11.5px;color:var(--ink-mute);font-family:var(--mono)}

  /* ── workflow visual ───────────────────── */
  .flow-card{
    position:relative;
    background:var(--card);
    border:1px solid var(--line);
    border-radius:20px;
    padding:20px;
    box-shadow:
      0 1px 0 0 #fff inset,
      0 40px 70px -40px oklch(0.2 0.03 265 / 0.25),
      0 10px 20px -15px oklch(0.54 0.22 295 / 0.25);
    width:min(100%, 820px);
    max-width:820px;
    margin-left:auto;
  }
  .flow-card::before{
    content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;
    background:
      radial-gradient(1200px 300px at 50% -20%, color-mix(in oklab,var(--primary) 10%, transparent), transparent 60%);
  }
  .flow-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;position:relative}
  .flow-top .title{font-size:12px;font-family:var(--mono);color:var(--ink-mute);display:flex;gap:10px;align-items:center}
  .flow-top .dots{display:flex;gap:5px}
  .flow-top .dots i{width:8px;height:8px;border-radius:50%;background:var(--line-2);display:block}
  .flow-top .dots i.on{background:var(--primary)}
  .flow-canvas{
    --flow-scale:1;
    position:relative;
    aspect-ratio:800 / 440;
    height:auto;
    border-radius:14px;
    background:
      radial-gradient(circle at 1px 1px, oklch(0.88 0.012 80) 1px, transparent 1px) 0 0/18px 18px,
      linear-gradient(180deg, oklch(0.985 0.008 80), oklch(0.97 0.01 80));
    border:1px solid var(--line);
    overflow:hidden;
  }
  .flow-stage{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
  }
  .flow-scene{
    position:absolute;
    left:50%;
    top:0;
    width:800px;
    height:440px;
    transform:translateX(-50%) scale(var(--flow-scale));
    transform-origin:top center;
  }
  .node{
    position:absolute;
    z-index:2;
    background:var(--card);
    border:1px solid var(--line-2);
    border-radius:12px;
    padding:10px 12px 10px 10px;
    display:flex;align-items:center;gap:10px;
    min-width:168px;
    box-shadow:0 4px 14px -8px oklch(0.2 0.03 265 / 0.2);
    transition:box-shadow .25s, transform .25s, border-color .25s;
  }
  .node.active{
    border-color:var(--primary);
    box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%, transparent), 0 10px 20px -8px oklch(0.54 0.22 295 / 0.35);
  }
  .node.done{border-color:oklch(0.7 0.14 155)}
  .node .ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex:0 0 auto}
  .node .meta{display:flex;flex-direction:column;line-height:1.15}
  .node .kind{font-size:10.5px;font-family:var(--mono);font-weight:700;color:var(--ink-mute);letter-spacing:0.025em;text-transform:uppercase;line-height:1.2}
  .node .name{font-size:13px;font-weight:500;margin-top:2px}
  .node .pill{position:absolute;top:-10px;right:10px;font-size:10px;font-family:var(--mono);font-weight:700;padding:2px 8px;border-radius:999px;background:var(--ink);color:var(--bg);letter-spacing:0.02em;line-height:1.25}
  .node .pill.ok{background:oklch(0.55 0.14 155);color:#fff}
  .node .pill.run{background:var(--primary);color:#fff}

  .n1{top:40px;left:28px}
  .n2{top:40px;right:28px}
  .n3{top:175px;right:28px}
  .n4{top:310px;right:28px}
  .n5{top:310px;left:28px}

  .flow-svg{
    position:absolute;
    inset:0;
    z-index:1;
    width:100%;
    height:100%;
    pointer-events:none;
  }
  .edge{fill:none;stroke:var(--line-2);stroke-width:2;stroke-dasharray:6 6}
  .edge-run{
    fill:none;stroke:var(--primary);stroke-width:2.5;
    stroke-dasharray:8 8;
    animation:dash 0.9s linear infinite;
    filter:drop-shadow(0 0 6px color-mix(in oklab,var(--primary) 45%, transparent));
  }
  @keyframes dash{to{stroke-dashoffset:-32}}

  .flow-route{fill:none;stroke:transparent;stroke-width:2}
  .flow-token{
    fill:var(--primary);
    filter:drop-shadow(0 0 8px color-mix(in oklab,var(--primary) 55%, transparent));
  }
  .flow-token-halo{
    fill:color-mix(in oklab,var(--primary) 30%, transparent);
    animation:token-pulse 1.2s ease-in-out infinite;
  }
  @keyframes token-pulse{
    50%{opacity:.42}
  }
  .log{
    position:absolute;bottom:14px;left:14px;right:14px;
    z-index:3;
    background:color-mix(in oklab,var(--dark) 92%, transparent);
    color:oklch(0.9 0.01 80);
    border-radius:10px;padding:10px 14px;
    font-family:var(--mono);font-size:11.5px;
    display:flex;align-items:center;gap:10px;
    border:1px solid oklch(0.28 0.02 270);
  }
  .log .blip{width:7px;height:7px;border-radius:50%;background:oklch(0.75 0.15 155);box-shadow:0 0 10px oklch(0.75 0.15 155)}
  .log .txt{color:oklch(0.78 0.02 80)}
  .log .key{color:oklch(0.82 0.1 70)}
  .log .val{color:oklch(0.8 0.1 160)}

  /* ── section primitives ────────────────── */
  section{padding:100px 0}
  .sect-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;margin-bottom:48px}
  .sect-kicker{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:0.045em;text-transform:uppercase;color:var(--primary);line-height:1.25}
  .sect-title{font-size:clamp(32px,4vw,48px);line-height:1.04;letter-spacing:-0.025em;font-weight:600;margin:0;max-width:22ch}
  .sect-title em{font-family:inherit;font-weight:inherit;font-style:normal}
  .sect-sub{color:var(--ink-soft);font-size:17px;max-width:60ch;margin:0}

  /* ── why automate ──────────────────────── */
  .why{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .why-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
  .why h2{font-size:clamp(34px,4vw,52px);line-height:1.02;letter-spacing:-0.03em;font-weight:600;margin:14px 0 20px}
  .why h2 em{font-family:inherit;font-weight:inherit;font-style:normal;color:var(--primary)}
  .why p.lead{color:var(--ink-soft);font-size:17px;max-width:50ch;margin:0 0 28px}
  .why-pts{display:grid;gap:14px}
  .why-pt{display:grid;grid-template-columns:32px 1fr;gap:14px;align-items:start}
  .why-pt .n{font-family:var(--mono);font-size:11px;color:var(--primary);border:1px solid color-mix(in oklab,var(--primary) 40%, transparent);border-radius:6px;width:28px;height:24px;display:grid;place-items:center;margin-top:2px}
  .why-pt h5{margin:0 0 4px;font-size:15px;font-weight:600}
  .why-pt p{margin:0;font-size:14px;color:var(--ink-soft)}

  .clock{
    position:relative;
    background:var(--card);border:1px solid var(--line);border-radius:20px;
    padding:28px;display:flex;flex-direction:column;justify-content:flex-start;gap:20px;
    overflow:visible;
    width:min(100%, 600px);
    max-width:600px;
    min-height:540px;
    margin-inline:auto;
  }
  .clock::before{content:"";position:absolute;inset:auto -30% -60% -30%;height:80%;background:radial-gradient(ellipse at center,color-mix(in oklab,var(--primary) 14%, transparent),transparent 70%)}
  .clock .kpis{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative;margin-top:auto}
  .kpi{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}
  .kpi .lbl{font-family:var(--mono);font-size:10.5px;font-weight:700;color:var(--ink-mute);text-transform:uppercase;letter-spacing:0.035em;line-height:1.25}
  .kpi .val{font-size:34px;font-weight:600;letter-spacing:-0.03em;margin-top:4px;line-height:1}
  .kpi .delta{font-size:12px;color:oklch(0.55 0.14 155);margin-top:6px;font-family:var(--mono)}
  .ring-wrap{position:relative;display:grid;place-items:center;margin-top:8px}
  .ring{width:clamp(200px,44vw,240px);height:clamp(200px,44vw,240px);transform:rotate(-90deg)}
  .ring circle{fill:none;stroke-width:14;stroke-linecap:round}
  .ring .bg{stroke:var(--line)}
  .ring .fg{stroke:var(--primary);stroke-dasharray:540;stroke-dashoffset:120;filter:drop-shadow(0 0 10px color-mix(in oklab,var(--primary) 40%, transparent))}
  .ring-text{
    position:absolute;inset:0;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    text-align:center;
    padding:0 18px;
  }
  .ring-text .big{font-size:36px;font-weight:600;letter-spacing:-0.03em;line-height:1}
  .ring-text .cap{
    font-family:var(--mono);
    font-size:10px;
    color:var(--ink-mute);
    margin-top:7px;
    text-transform:uppercase;
    letter-spacing:0.025em;
    line-height:1.2;
    max-width:150px;
    white-space:normal;
  }

  /* ── free features ─────────────────────── */
  .feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}
  .feat{
    background:var(--card);border:1px solid var(--line);border-radius:16px;
    padding:22px 22px 24px;
    display:flex;flex-direction:column;gap:12px;
    position:relative;overflow:hidden;
    transition:border-color .15s, transform .15s;
  }
  .feat:hover{border-color:var(--ink-mute);transform:translateY(-2px)}
  .feat .tag{position:absolute;top:14px;right:14px;font-family:var(--mono);font-size:10px;font-weight:700;letter-spacing:0.035em;color:var(--ink-mute);text-transform:uppercase;line-height:1.2}
  .feat .ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}
  .feat h3{margin:6px 0 0;font-size:17px;font-weight:600;letter-spacing:-0.01em}
  .feat p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.5}
  .feat .viz{
    margin-top:8px;height:96px;border-radius:10px;
    background:var(--bg-2);border:1px dashed var(--line-2);
    display:flex;align-items:center;justify-content:center;
    font-family:var(--mono);font-size:11px;color:var(--ink-mute);
    position:relative;overflow:hidden;
  }

  .dl-strip{
    margin-top:20px;
    display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;
    padding:20px 24px;border-radius:14px;
    background:var(--dark);color:oklch(0.92 0.01 80);
    border:1px solid oklch(0.26 0.02 270);
  }
  .dl-strip .l{display:flex;gap:16px;align-items:center}
  .wp-ic{width:38px;height:38px;border-radius:10px;background:oklch(0.3 0.02 270);display:grid;place-items:center}
  .dl-strip h4{margin:0;font-size:16px;font-weight:600}
  .dl-strip p{margin:2px 0 0;font-size:13px;color:oklch(0.7 0.01 80);font-family:var(--mono)}

  /* ── AI section ────────────────────────── */
  .ai-sect{
    background:
      radial-gradient(1000px 500px at 85% 20%, color-mix(in oklab,var(--primary) 30%, transparent), transparent 60%),
      radial-gradient(800px 400px at 10% 90%, color-mix(in oklab,var(--amber) 18%, transparent), transparent 65%),
      linear-gradient(180deg, oklch(0.17 0.03 275), oklch(0.14 0.035 280));
    color:oklch(0.94 0.01 80);
    position:relative;overflow:hidden;
  }
  .ai-sect::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 1px 1px, oklch(0.26 0.02 280) 1px, transparent 1px) 0 0/24px 24px;
    opacity:.55;pointer-events:none;
  }
  .ai-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.2fr);gap:64px;align-items:center;position:relative}
  .ai-sect .sect-kicker{color:var(--amber)}
  .ai-sect h2{font-size:clamp(36px,4.4vw,56px);line-height:1;letter-spacing:-0.03em;font-weight:600;margin:14px 0 18px}
  .ai-sect h2 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--amber)}
  .ai-sect .lead{color:oklch(0.78 0.015 80);font-size:16px;max-width:54ch;margin:0 0 26px;line-height:1.6}
  .ai-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
  .ai-pill{padding:6px 12px;border-radius:999px;border:1px solid oklch(0.36 0.04 280);background:oklch(0.22 0.03 275);font-size:12.5px;font-family:var(--mono);color:oklch(0.9 0.01 80)}
  .ai-orbit{
    position:relative;aspect-ratio:1/0.85;
    border:1px solid oklch(0.3 0.04 280);border-radius:20px;
    background:
      radial-gradient(circle at 50% 45%, color-mix(in oklab,var(--primary) 24%, transparent), transparent 50%),
      oklch(0.19 0.03 275);
    overflow:hidden;
    width:min(100%,700px);
    max-width:700px;
    min-height:420px;
    margin-inline:auto;
    justify-self:center;
  }
  .ai-orbit svg.lines{position:absolute;inset:0;width:100%;height:100%}
  .ai-orbit .node-ai{
    position:absolute;background:oklch(0.22 0.03 275);border:1px solid oklch(0.36 0.04 280);
    border-radius:12px;padding:10px 14px;display:flex;gap:10px;align-items:center;min-width:120px;
    font-size:13px;color:oklch(0.92 0.01 80);
    box-shadow:0 10px 30px -10px rgba(0,0,0,.4)
  }
  .ai-orbit .hub{
    position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);
    width:88px;height:88px;border-radius:20px;
    background:linear-gradient(160deg, var(--primary), oklch(0.38 0.2 305));
    display:grid;place-items:center;color:#fff;font-weight:600;
    box-shadow:0 0 0 6px oklch(0.2 0.03 275), 0 0 0 7px color-mix(in oklab,var(--primary) 50%, transparent), 0 30px 60px -20px color-mix(in oklab,var(--primary) 70%, transparent);
  }
  .ai-orbit .hub img{display:block;width:62px;height:62px;object-fit:contain}
  .ai-orbit .hub .label{position:absolute;top:102%;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;font-weight:700;color:oklch(0.8 0.01 80);letter-spacing:0.025em;white-space:nowrap;margin-top:8px;line-height:1.25}
  .chip-dot{width:8px;height:8px;border-radius:50%}

  /* ── pro features ──────────────────────── */
  .pro-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
  .pro-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;min-height:240px}
  .pro-card .pro-pill{position:absolute;top:14px;right:14px;font-family:var(--mono);font-size:10px;font-weight:700;background:var(--ink);color:var(--bg);padding:3px 8px;border-radius:999px;letter-spacing:0.03em;line-height:1.25}
  .pro-card h3{margin:6px 0 0;font-size:17px;letter-spacing:-0.01em;font-weight:600}
  .pro-card p{margin:0;font-size:14px;color:var(--ink-soft);line-height:1.5}
  .pro-a{grid-column:span 5;background:linear-gradient(180deg,var(--primary-wash),var(--card))}
  .pro-b{grid-column:span 4}
  .pro-c{grid-column:span 3;background:linear-gradient(180deg,var(--amber-wash),var(--card))}
  .pro-d{grid-column:span 4}
  .pro-e{grid-column:span 4;background:linear-gradient(180deg,oklch(0.96 0.04 165),var(--card))}
  .pro-f{grid-column:span 4}
  .mini-tbl{margin-top:auto;display:grid;grid-template-columns:1fr auto auto;gap:6px 12px;font-family:var(--mono);font-size:11.5px;color:var(--ink-soft);border-top:1px dashed var(--line-2);padding-top:10px}
  .mini-tbl span:nth-child(3n+2){color:oklch(0.55 0.14 155)}
  .gauge{height:72px;margin-top:auto;position:relative}
  .gauge svg{width:100%;height:100%;display:block}

  /* ── integrations ──────────────────────── */
  .int-grid{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:18px;
    max-width:1120px;
    margin:8px auto 0;
  }
  .int{
    display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;
    background:var(--card);border:1px solid color-mix(in oklab,var(--line) 72%, transparent);border-radius:12px;
    font-size:13px;transition:transform .15s, border-color .15s, box-shadow .15s;
    min-width:0;
    min-height:min-content;
    width:260px;
    max-width:100%;
  }
  .int.size-sm{width:220px}
  .int.size-md{width:260px}
  .int.size-lg{width:340px}
  .int:hover{transform:translateY(-2px);border-color:var(--ink-mute);box-shadow:0 12px 28px -22px rgba(0,0,0,.28)}
  .int .logo{width:68px;height:42px;border-radius:0;display:grid;place-items:center;flex:0 0 68px;background:transparent}
  .int .logo img{display:block;max-width:68px;max-height:40px;width:auto;height:auto;object-fit:contain}
  .int .logo-fallback{display:grid;place-items:center;width:68px;height:42px;font-family:var(--mono);font-weight:800;font-size:18px;letter-spacing:.04em;color:var(--ink)}
  .int .txt{display:flex;flex-direction:column;line-height:1.25;min-width:0;flex:1 1 auto;gap:3px}
  .int .nm{font-weight:600;white-space:normal;overflow:visible;text-overflow:clip}
  .int .cat{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--ink-mute);text-transform:uppercase;letter-spacing:0.035em;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}

  /* ── why choose ────────────────────────── */
  .choose{background:var(--bg-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .choose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:40px}
  .choose-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px}
  .choose-card .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
  .choose-card h4{margin:4px 0 0;font-size:16px;font-weight:600}
  .choose-card p{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.5}
  .choose-cta{display:flex;align-items:center;justify-content:space-between;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 26px;gap:20px;flex-wrap:wrap}
  .choose-cta .t{font-size:17px;font-weight:500;letter-spacing:-0.01em}
  .choose-cta .t em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--primary)}

  /* ── big CTA ───────────────────────────── */
  .bigcta{position:relative;overflow:hidden;color:oklch(0.96 0.01 80);padding:120px 0}
  .bigcta-bg{
    position:absolute;inset:0;
    background:
      radial-gradient(900px 500px at 20% 30%, color-mix(in oklab,var(--primary) 45%, transparent), transparent 60%),
      radial-gradient(700px 500px at 90% 90%, color-mix(in oklab,var(--amber) 35%, transparent), transparent 60%),
      linear-gradient(180deg, oklch(0.18 0.03 275), oklch(0.13 0.03 280));
  }
  .bigcta-bg::after{
    content:"";position:absolute;inset:0;opacity:.5;
    background:radial-gradient(circle at 1px 1px, oklch(0.3 0.03 280) 1px, transparent 1px) 0 0/28px 28px;
  }
  .bigcta-inner{position:relative;display:grid;grid-template-columns:1.1fr 0.9fr;gap:64px;align-items:center}
  .bigcta h2{font-size:clamp(40px,5vw,68px);line-height:1;letter-spacing:-0.032em;font-weight:600;margin:0 0 18px}
  .bigcta h2 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--amber)}
  .bigcta p{color:oklch(0.8 0.015 80);font-size:17px;max-width:46ch;margin:0 0 28px}
  .bigcta .meta{display:flex;gap:22px;align-items:center;margin-top:22px;font-size:13px;color:oklch(0.75 0.01 80);font-family:var(--mono)}
  .cta-panel{
    background:oklch(0.2 0.03 275);border:1px solid oklch(0.3 0.03 280);
    border-radius:20px;padding:20px;position:relative;
    box-shadow:0 40px 100px -30px rgba(0,0,0,.7);
  }
  .cta-panel .row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;background:oklch(0.24 0.03 278);margin-bottom:8px;font-size:13.5px;color:oklch(0.92 0.01 80);border:1px solid oklch(0.3 0.04 280)}
  .cta-panel .row > span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cta-panel .row .when{font-family:var(--mono);font-size:11px;color:oklch(0.72 0.01 80)}
  .cta-panel .row.now{border-color:var(--amber);box-shadow:0 0 0 3px color-mix(in oklab,var(--amber) 20%, transparent)}
  .cta-panel .head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
  .cta-panel .head h5{margin:0;font-size:13px;font-family:var(--mono);font-weight:700;color:oklch(0.75 0.01 80);letter-spacing:0.025em;text-transform:uppercase;line-height:1.25}
  .cta-panel .pulse{width:8px;height:8px;border-radius:50%;background:oklch(0.78 0.16 155);box-shadow:0 0 12px oklch(0.78 0.16 155);animation:pulse 1.3s ease-in-out infinite}
  @keyframes pulse{50%{opacity:.4}}

  /* ── shared pricing preview ───────────── */
  .pricing-preview{
    padding:56px 0 28px;
    border-top:1px solid color-mix(in oklab,var(--line-2) 82%, transparent);
    border-bottom:1px solid color-mix(in oklab,var(--line-2) 82%, transparent);
  }
  .pricing-shell{
    background:transparent;
    border:none;
    border-radius:0;
    padding:34px 0;
    box-shadow:none;
  }
  .pricing-head{text-align:center;max-width:72ch;margin:0 auto 26px}
  .pricing-head h2{margin:0 0 12px;font-size:48px;line-height:1.02;letter-spacing:-0.032em;font-weight:600}
  .pricing-head h2 em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--primary)}
  .pricing-head p{margin:0 auto;color:var(--ink-soft);font-size:16px;max-width:58ch}
  .pricing-switch{
    display:inline-flex;align-items:center;gap:4px;margin-top:20px;padding:4px;border-radius:999px;
    border:1px solid var(--line-2);background:var(--card);box-shadow:0 8px 24px -18px rgba(0,0,0,.18);
  }
  .pricing-switch button{
    appearance:none;border:none;background:transparent;color:var(--ink);cursor:pointer;font:inherit;
    padding:8px 16px;border-radius:999px;font-size:13px;font-weight:500;
  }
  .pricing-switch button.on{background:var(--ink);color:var(--bg)}
  .pricing-preview .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch;padding-top:28px}
  .pricing-preview .plan{
    position:relative;display:flex;flex-direction:column;gap:18px;padding:28px 24px;background:var(--card);
    border:1px solid var(--line);border-radius:20px;overflow:visible;
    box-shadow:0 12px 26px -24px oklch(0.2 0.03 265 / 0.22);
  }
  .pricing-preview .plan.feat{
    border-color:color-mix(in oklab,var(--primary) 34%, var(--line));
    box-shadow:
      0 22px 48px -28px color-mix(in oklab,var(--primary) 55%, transparent),
      0 0 0 1px color-mix(in oklab,var(--primary) 24%, transparent);
    transform:translateY(-4px);
  }
  .pricing-preview .ribbon{
    position:absolute;top:-18px;left:50%;transform:translateX(-50%);z-index:4;
    background:var(--primary);color:#fff;border-radius:999px;padding:6px 16px;
    font:700 11px/1.2 var(--mono);letter-spacing:0.035em;text-transform:uppercase;white-space:nowrap;
    box-shadow:0 10px 20px -12px color-mix(in oklab,var(--primary) 80%, transparent);
  }
  .pricing-preview .pname{font-size:13px;font-family:var(--mono);font-weight:700;color:var(--ink-mute);text-transform:uppercase;letter-spacing:0.045em;line-height:1.25}
  .pricing-preview h3{margin:4px 0 0;font-size:24px;letter-spacing:-0.02em;font-weight:600}
  .pricing-preview .price{display:flex;align-items:baseline;gap:4px;margin-top:8px}
  .pricing-preview .amt{font-size:52px;font-weight:600;letter-spacing:-0.03em;line-height:1}
  .pricing-preview .per{font-size:14px;color:var(--ink-mute);font-family:var(--mono)}
  .pricing-preview .price-alt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:-8px}
  .pricing-preview .old{font-family:var(--mono);font-size:16px;color:var(--ink-mute);text-decoration:line-through}
  .pricing-preview .off{
    font-family:var(--mono);font-size:13px;padding:6px 10px;border-radius:999px;
    background:color-mix(in oklab,var(--primary) 10%, transparent);color:var(--primary);
    font-weight:700;letter-spacing:0.03em;text-transform:uppercase;line-height:1.25;
  }
  .pricing-preview .sub{font-size:13.5px;color:var(--ink-soft);margin-top:-4px}
  .pricing-preview .divider{height:1px;background:var(--line);margin:6px 0}
  .pricing-preview ul{list-style:none;padding:0;margin:0;display:grid;gap:11px;font-size:14px;color:var(--ink)}
  .pricing-preview li{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;line-height:1.45}
  .pricing-preview .chk{color:oklch(0.55 0.16 160);font-weight:600}
  .pricing-preview .cta{margin-top:auto;display:flex;flex-direction:column;gap:8px}
  .pricing-preview .cta .btn{justify-content:center;width:100%}
  .pricing-preview .note{font-size:12px;color:var(--ink-mute);font-family:var(--mono);text-align:center}
  .pricing-preview .pricing-more{display:flex;justify-content:center;margin-top:20px}

  /* ── testimonials ──────────────────────── */
  .tst-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
  .tst{
    background:var(--card);border:1px solid var(--line);border-radius:16px;
    padding:26px 28px;display:flex;flex-direction:column;gap:18px;
  }
  .tst .stars{color:var(--amber);letter-spacing:3px;font-size:14px}
  .tst blockquote{margin:0;font-size:17px;line-height:1.5;letter-spacing:-0.01em;color:var(--ink)}
  .tst blockquote mark{background:color-mix(in oklab,var(--amber) 35%, transparent);color:inherit;padding:0 3px;border-radius:3px}
  .tst .who{display:flex;align-items:center;gap:12px;margin-top:auto}
  .tst .av{width:38px;height:38px;border-radius:50%;background:var(--line-2);display:grid;place-items:center;font-weight:600;color:var(--ink);font-size:13px}
  .tst .who .n{font-size:14px;font-weight:500}
  .tst .who .r{font-size:12.5px;color:var(--ink-mute);font-family:var(--mono)}

  /* ── FAQ ───────────────────────────────── */
  .faq-wrap{max-width:820px;margin:0 auto}
  details.faq{
    background:var(--card);border:1px solid var(--line);border-radius:14px;
    padding:0;margin-bottom:10px;overflow:hidden;
  }
  details.faq[open]{border-color:var(--ink-mute)}
  details.faq summary{
    list-style:none;cursor:pointer;padding:20px 22px;
    display:flex;justify-content:space-between;align-items:center;gap:20px;
    font-size:16px;font-weight:500;letter-spacing:-0.005em;
  }
  details.faq summary::-webkit-details-marker{display:none}
  details.faq .plus{width:22px;height:22px;display:grid;place-items:center;color:var(--ink-soft);transition:transform .2s}
  details.faq[open] .plus{transform:rotate(45deg);color:var(--primary)}
  details.faq .body{padding:0 22px 22px;color:var(--ink-soft);font-size:14.5px;line-height:1.6;max-width:70ch}

  /* ── footer ────────────────────────────── */
  footer{padding:64px 0 40px;border-top:1px solid var(--line);background:var(--bg-2)}
  .foot-grid{display:grid;grid-template-columns:minmax(260px,1.45fr) repeat(3,minmax(0,1fr));gap:34px 72px;margin-bottom:40px;align-items:start}
  .foot-brand{grid-row:span 2}
  .foot-logo{display:block;width:154px;height:auto}
  .foot-grid h6{margin:0 0 18px;font-family:inherit;font-size:18px;color:var(--ink);letter-spacing:0;font-weight:700;line-height:1.25;text-transform:none}
  .foot-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
  .foot-grid ul a,.foot-grid ul span{color:var(--ink-soft);text-decoration:none;font-size:16px}
  .foot-grid ul a:hover{color:var(--ink)}
  .foot-blurb{color:var(--ink);font-size:16px;margin:22px 0 0;max-width:34ch;line-height:1.35}
  .foot-social{display:flex;gap:12px;margin-top:24px}
  .foot-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;font-weight:700;font-size:18px;line-height:1}
  .foot-social .x{background:#000}
  .foot-social .in{background:#2f7fb8}
  .foot-social .fb{background:#2462c9}
  .foot-bottom{padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;text-align:center;color:var(--ink-mute);font-size:12.5px;font-family:var(--mono)}

  @media (max-width:1280px){
    .hero-grid{grid-template-columns:1fr 1.2fr;gap:40px}
    .pop-grid{grid-template-columns:repeat(4,1fr)}
    .flow-card{max-width:100%}
  }
  @media (max-width:1100px){
    section{padding:84px 0}
    .hero{padding:60px 0 48px}
    .hero-grid,.why-grid,.ai-grid,.bigcta-inner{gap:36px}
    .why-grid{grid-template-columns:1fr}
    .why p.lead{max-width:60ch}
    .clock{width:min(100%, 640px);max-width:640px}
    .pricing-preview .plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:36px}
    .pricing-preview .plan.feat{grid-column:span 2}
    .bigcta{padding:96px 0}
  }
  @media (max-width:1000px){
    .hero-grid,.why-grid,.ai-grid,.bigcta-inner{grid-template-columns:1fr;gap:40px}
    .pop-grid{grid-template-columns:repeat(3,1fr)}
    .feat-grid{grid-template-columns:repeat(2,1fr)}
    .int.size-sm,.int.size-md,.int.size-lg{width:calc(50% - 9px)}
    .choose-grid{grid-template-columns:repeat(2,1fr)}
    .tst-grid{grid-template-columns:1fr}
    .foot-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:34px 44px}
    .foot-brand{grid-row:auto;grid-column:1/-1}
    .pro-grid > *{grid-column:span 12 !important}
    .hero-meta,.bigcta .meta,.foot-bottom{flex-wrap:wrap}
    .hero-grid > :first-child{
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .hero-grid > :first-child .hero-sub{margin-left:auto;margin-right:auto}
    .hero-grid > :first-child .hero-ctas,
    .hero-grid > :first-child .hero-meta{justify-content:center}
    .ai-grid > :first-child,
    .bigcta-inner > :first-child{
      text-align:center;
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .ai-grid > :first-child .lead,
    .bigcta-inner > :first-child p{margin-left:auto;margin-right:auto}
    .ai-pills,
    .bigcta-inner > :first-child > div,
    .bigcta .meta{justify-content:center}
    .pricing-shell{padding:28px 0}
  }
  @media (max-width:820px){
    .nav-inner{height:72px;gap:14px}
    .brand-cluster{gap:10px}
    .company-brand img{height:24px;max-width:min(34vw, 132px)}
    .brand-divider{height:24px}
    nav.links,.nav-right{display:none}
    .nav-toggle{display:grid;margin-left:auto}
    header.nav.is-open{position:fixed;top:0;left:0;right:0;z-index:10000;background:var(--bg)}
    header.nav.is-open .mobile-nav{display:block}
    .mobile-nav{position:absolute;top:100%;left:0;right:0;min-height:calc(100dvh - 72px);height:auto;overflow:visible;background:var(--bg);box-shadow:0 28px 80px -48px rgba(0,0,0,.35)}
    .mobile-nav .mobile-nav-inner{width:100%;padding:20px 24px 28px}
    .wrap{padding:0 24px}
    section{padding:72px 0}
    .hero{padding:46px 0 36px}
    h1.display{font-size:clamp(38px, 12vw, 60px);max-width:none}
    .hero-sub,.sect-sub,.bigcta p{font-size:16px}
    .pop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .pro-grid,.feat-grid,.choose-grid{grid-template-columns:1fr}
    .int-grid{gap:12px}
    .int.size-sm,.int.size-md,.int.size-lg{width:calc(50% - 6px)}
    .int{min-width:0}
    .foot-grid{grid-template-columns:repeat(2, minmax(0,1fr));gap:32px 36px}
    .feat .viz{height:118px}
    .choose-cta{
      align-items:center;
      justify-content:center;
      text-align:center;
      flex-direction:column;
    }
    .choose-cta > div{
      display:flex;
      flex-direction:column;
      align-items:center;
    }
    .pricing-head h2{font-size:48px}
    .bigcta .meta{gap:12px}
    .flow-top{flex-direction:column;align-items:flex-start;gap:10px}
    .ai-orbit{max-width:none}
    .gauge{height:90px}
  }
  @media (max-width:600px){
    .wrap{padding:0 24px}
    .eyebrow{max-width:100%;white-space:normal}
    .btn{width:100%;justify-content:center}
    .hero-ctas,.bigcta .meta{display:grid}
    .pricing-switch{display:flex;flex-wrap:wrap;justify-content:center}
    .hero-meta{gap:10px}
    .hero-meta .sep{display:none}
    .pop-h{flex-direction:column;align-items:flex-start;gap:8px}
    .pop-grid{grid-template-columns:1fr}
    .flow-card{padding:16px}
    .int.size-sm,.int.size-md,.int.size-lg{width:100%}
    .int{min-width:0;min-height:min-content}
    .pricing-preview{padding:44px 0 20px}
    .pricing-shell{padding:24px 0}
    .pricing-preview .plan-grid{grid-template-columns:1fr;padding-top:34px}
    .pricing-preview .plan.feat{grid-column:auto;transform:none}
    .pricing-preview .plan{padding:24px 20px}
    .pricing-preview .amt{font-size:44px}
    .pricing-preview .ribbon{top:-14px;font-size:10px}
    .pricing-head h2{font-size:48px}
    .feat .viz{height:132px}
    .log{font-size:10.5px;padding:10px 12px}
    .clock{min-height:440px;padding:22px}
    .clock .kpis{grid-template-columns:1fr}
    .kpi{padding:14px}
    .ring{width:220px;height:220px}
    .ai-orbit{aspect-ratio:auto;min-height:420px}
    .ai-orbit .node-ai{min-width:0;max-width:42%;padding:8px 10px;font-size:12px}
    .ai-orbit .hub{width:74px;height:74px}
    .cta-panel .row{padding:11px 12px}
    .cta-panel{text-align:left}
    .foot-bottom{flex-direction:column;align-items:center;gap:8px}
    details.faq summary{padding:18px}
    details.faq .body{padding:0 18px 18px}
    .gauge{height:96px}
    .foot-grid{grid-template-columns:1fr;gap:30px}
    .foot-blurb{max-width:32ch}
  }
  @media (max-width:420px){
    .wrap{padding:0 24px}
    .nav-inner{height:68px}
    .brand-cluster{gap:8px}
    .company-brand img{height:22px;max-width:min(40vw, 116px)}
    .brand-divider{height:22px}
    .brand{font-size:16px}
    .sect-head{margin-bottom:34px}
    .sect-title,.why h2,.bigcta h2{max-width:none}
    .ai-orbit .node-ai{max-width:44%}
  }