/* ── Cited by AI — brand fonts (served from /fonts) ── */
@font-face { font-family:'ivypresto-display'; src:url('/fonts/IvyPresto-Thin.otf') format('opentype'); font-weight:100 400; font-style:normal; font-display:swap; }
@font-face { font-family:'ivypresto-display'; src:url('/fonts/IvyPresto-ThinItalic.otf') format('opentype'); font-weight:100 400; font-style:italic; font-display:swap; }
@font-face { font-family:'MrEaves'; src:url('/fonts/MrEaves-Book.otf') format('opentype'); font-weight:100 449; font-style:normal; font-display:swap; }
@font-face { font-family:'MrEaves'; src:url('/fonts/MrEaves-Reg.otf') format('opentype'); font-weight:450 550; font-style:normal; font-display:swap; }
@font-face { font-family:'MrEaves'; src:url('/fonts/MrEaves-Bold.otf') format('opentype'); font-weight:551 900; font-style:normal; font-display:swap; }

:root {
    --ink: #05070a;              /* near-black ground, cool */
    --ink-2: #0b0f15;            /* raised panel ground */
    --paper: #f3f4f2;            /* cool near-white for light band */
    --text: #e9ecf1;            /* primary text on dark */
    --text-soft: #9aa4b2;       /* secondary text on dark */
    --text-faint: #7c8a99;      /* captions / labels — lightened for AA contrast */
    --blue: #6092c1;            /* the kept product blue */
    --blue-bright: #7db0e0;     /* lifted blue for small text on dark */
    --green: #4ea368;           /* semantic: live / cited / winning */
    --green-bright: #74c58f;    /* lifted green for on-dark text */
    --steel: #a6b4c1;           /* Tay steel accent / dividers */
    --line: rgba(166,180,193,0.16);
    --line-strong: rgba(166,180,193,0.34);
    --glass: rgba(96,146,193,0.10);
    --glass-brd: rgba(160,190,220,0.26);
    --glass-hi: rgba(255,255,255,0.10);
    --radius: 3px;              /* squared, not pill */
    --maxw: 1140px;
  }

  * { box-sizing: border-box; }
  html { scroll-behavior: smooth; font-size: 18.5px; }
  body {
    margin: 0; background: var(--ink); color: var(--text);
    font-family: 'MrEaves', -apple-system, sans-serif;
    font-weight: 400; font-size: 1.22rem; line-height: 1.72; letter-spacing: 0.003em;
    -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-wrap: pretty;
  }
  /* ambient: a single, restrained blue field — no rainbow orb soup */
  body::before {
    content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
    background:
      radial-gradient(150% 120% at 50% 34%, transparent 52%, rgba(0,0,0,0.55) 100%),
      radial-gradient(1200px 700px at 78% -8%, rgba(96,146,193,0.14), transparent 60%),
      radial-gradient(900px 600px at 8% 108%, rgba(96,146,193,0.06), transparent 55%);
  }

  /* film grain — analog texture over the flat ground (kills the AI-plastic feel) */
  body::after {
    content: ""; position: fixed; inset: 0; z-index: 2; pointer-events: none; opacity: 0.045;
    mix-blend-mode: overlay;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }

  /* editorial page frame — the magazine margin keyline */
  .frame { position: fixed; inset: 14px; border: 1px solid rgba(166,180,193,0.15); border-radius: 3px; pointer-events: none; z-index: 60; }
  @media (max-width: 900px) { .frame { inset: 8px; } }

  /* motion signature — a slow blur-to-sharp rise, not the canned fade-up */
  @media (prefers-reduced-motion: no-preference) {
    .reveal { opacity: 0; transform: translateY(18px); filter: blur(7px); transition: opacity 1.05s cubic-bezier(.2,.7,.15,1), transform 1.05s cubic-bezier(.2,.7,.15,1), filter 1.05s ease; will-change: opacity, transform; }
    .reveal.in { opacity: 1; transform: none; filter: none; }
  }
  .wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 40px; position: relative; z-index: 1; }

  /* ── Display type: Ivy Presto Thin, the editorial voice ── */
  h1, h2, .display {
    font-family: 'ivypresto-display', 'Times New Roman', serif;
    font-weight: 300; line-height: 1.02; letter-spacing: -0.005em;
    margin: 0; color: #fff;
  }
  h1 em, h2 em, .display em { font-style: italic; color: var(--blue-bright); font-weight: 300; }

  /* ── Eyebrow: editorial serif-italic kicker (no tracked-caps tell) ── */
  .eyebrow {
    font-family: 'ivypresto-display', serif; font-style: italic; font-weight: 300;
    font-size: 1.24rem; letter-spacing: 0; text-transform: none; color: var(--steel);
    display: inline-block; margin: 0 0 1.3rem; line-height: 1;
  }

  p { margin: 0; color: var(--text-soft); }
  .lede { font-size: 1.62rem; line-height: 1.46; color: var(--text); max-width: 25ch; font-weight: 400; text-wrap: balance; }

  a { color: inherit; text-decoration: none; }

  /* ── Buttons: squared, not pills ── */
  .btn {
    display: inline-flex; align-items: center; gap: 0.6rem;
    font-family: 'MrEaves', sans-serif; font-weight: 600; font-size: 1.18rem;
    letter-spacing: 0.01em; padding: 1.15rem 2rem; border-radius: var(--radius);
    border: 1px solid transparent; cursor: pointer; transition: all 0.3s ease;
  }
  .btn-solid { background: var(--blue); color: #06090d; }
  .btn-solid:hover { background: #74a5d1; transform: translateY(-1px); }
  .btn-ghost { background: transparent; color: var(--text); border-color: var(--line-strong); }
  .btn-ghost:hover { border-color: var(--steel); color: #fff; }
  .link-arrow {
    font-family: 'MrEaves', sans-serif; font-weight: 500; font-size: 1.18rem; color: var(--blue-bright);
    display: inline-flex; align-items: center; gap: 0.5rem; transition: gap 0.25s ease;
  }
  .link-arrow:hover { gap: 0.85rem; }

  /* ═══════════ NAV — editorial, left wordmark, hairline baseline ═══════════ */
  header.nav {
    position: sticky; top: 0; z-index: 50;
    background: rgba(5,7,10,0.72); backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    border-bottom: 1px solid var(--line);
  }
  .nav-inner { max-width: var(--maxw); margin: 0 auto; padding: 0 40px;
    height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
  .brand { display: flex; align-items: baseline; gap: 0.6rem; }
  .brand .mark {
    font-family: 'ivypresto-display', serif; font-weight: 300; font-size: 1.5rem;
    color: #fff; letter-spacing: 0.01em; line-height: 1;
  }
  .brand .mark b { font-weight: 300; font-style: italic; color: var(--blue-bright); }
  .brand .by {
    font-family: 'MrEaves', sans-serif; font-size: 0.66rem; letter-spacing: 0.2em;
    text-transform: uppercase; color: var(--text-faint); font-weight: 600;
    border-left: 1px solid var(--line-strong); padding-left: 0.6rem;
  }
  .nav-right { display: flex; align-items: center; gap: 1.1rem; position: relative; }

  /* Book a Call — glass button */
  .btn-glass {
    background: linear-gradient(160deg, rgba(120,165,210,0.22), rgba(96,146,193,0.08));
    border: 1px solid var(--glass-brd); color: #fff;
    backdrop-filter: blur(16px) saturate(140%); -webkit-backdrop-filter: blur(16px) saturate(140%);
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 10px 30px -18px rgba(20,60,110,0.8);
  }
  .btn-glass:hover { border-color: rgba(160,190,220,0.5); background: linear-gradient(160deg, rgba(120,165,210,0.3), rgba(96,146,193,0.12)); transform: translateY(-1px); }
  .nav-cta { padding: 0.62rem 1.15rem; font-size: 0.86rem; }

  /* menu trigger — three lines */
  .menu-btn {
    display: inline-flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px;
    width: 42px; height: 42px; border-radius: var(--radius); cursor: pointer;
    background: transparent; border: 1px solid var(--line-strong); transition: all 0.25s ease;
  }
  .menu-btn i { width: 16px; height: 1.5px; border-radius: 1px; background: var(--text); transition: transform 0.25s ease, background 0.25s ease, opacity 0.25s ease; }
  .menu-btn:hover { border-color: var(--steel); }
  .menu-btn[aria-expanded="true"] { border-color: var(--blue); }
  .menu-btn[aria-expanded="true"] i { background: var(--blue-bright); }
  .menu-btn[aria-expanded="true"] i:nth-child(1) { transform: translateY(6.5px) rotate(45deg); }
  .menu-btn[aria-expanded="true"] i:nth-child(2) { opacity: 0; }
  .menu-btn[aria-expanded="true"] i:nth-child(3) { transform: translateY(-6.5px) rotate(-45deg); }

  /* dropdown — glass sheet */
  .menu-panel {
    position: absolute; top: calc(100% + 14px); right: 0; min-width: 260px;
    /* Fully opaque: iOS Safari won't apply backdrop-filter nested inside the
       blurred nav, and any translucency lets page content ghost through the
       open menu. The glass character comes from the border + sheen instead. */
    background: linear-gradient(170deg, rgb(36,50,66), rgb(9,13,19) 45%);
    border: 1px solid var(--glass-brd); border-radius: 6px; padding: 0.7rem;
    box-shadow: 0 40px 90px -30px rgba(0,0,0,0.9), inset 0 1px 0 var(--glass-hi);
    opacity: 0; transform: translateY(-8px); pointer-events: none; transition: opacity 0.22s ease, transform 0.22s ease;
  }
  .menu-panel.open { opacity: 1; transform: translateY(0); pointer-events: auto; }
  .menu-panel a {
    display: flex; align-items: center; justify-content: space-between;
    font-family: 'MrEaves', sans-serif; font-size: 1.06rem; font-weight: 500; color: var(--text-soft);
    padding: 0.78rem 0.9rem; border-radius: var(--radius); transition: all 0.18s ease;
  }
  .menu-panel a:hover { color: #fff; background: rgba(96,146,193,0.12); }
  .menu-panel a.active { color: #fff; }
  .menu-panel a.active::after { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--blue); }
  .menu-panel .mp-rule { height: 1px; background: var(--line); margin: 0.5rem 0.85rem; }
  .menu-panel .mp-label { font-size: 0.64rem; letter-spacing: 0.22em; text-transform: uppercase; color: var(--text-faint); font-weight: 600; padding: 0.4rem 0.85rem 0.2rem; }

  /* ═══════════ HERO ═══════════ */
  .hero { padding: 9.5rem 0 7rem; }
  .hero-grid { display: grid; grid-template-columns: 1.35fr 0.85fr; gap: 4rem; align-items: end; }
  .hero h1 { font-size: clamp(3.4rem, 7.2vw, 6.6rem); letter-spacing: -0.012em; }
  .hero h1 .line2 { display: block; }
  .hero .lede { margin: 2.1rem 0 0; }
  .hero-actions { display: flex; align-items: center; gap: 1.6rem; margin-top: 2.6rem; flex-wrap: wrap; }

  /* hero side: one crafted glass panel — the product's live proof, not decoration */
  .hero-panel {
    background: linear-gradient(160deg, rgba(120,165,210,0.20), rgba(96,146,193,0.07) 55%, rgba(96,146,193,0.13));
    border: 1px solid var(--glass-brd); border-radius: 6px;
    backdrop-filter: blur(28px) saturate(150%); -webkit-backdrop-filter: blur(28px) saturate(150%);
    padding: 1.5rem 1.6rem 1.4rem; position: relative;
    box-shadow: 0 40px 90px -38px rgba(20,60,110,0.75), 0 0 0 1px rgba(96,146,193,0.10),
                inset 0 1px 0 var(--glass-hi), inset 0 -1px 0 rgba(96,146,193,0.10);
  }
  .hero-panel::after {
    content: ""; position: absolute; inset: 0; border-radius: 6px; pointer-events: none;
    background: linear-gradient(115deg, rgba(255,255,255,0.10), transparent 34%);
  }
  .hp-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.25rem; }
  .hp-label { font-size: 0.82rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--steel); font-weight: 600; }
  .hp-live { font-size: 0.82rem; color: var(--green-bright); font-weight: 600; display: inline-flex; align-items: center; gap: 0.45rem; letter-spacing: 0.06em; }
  .hp-live::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(78,163,104,0.5); animation: livePulse 2.6s ease-in-out infinite; }
  @keyframes livePulse { 0% { box-shadow: 0 0 0 0 rgba(78,163,104,0.5); } 70% { box-shadow: 0 0 0 6px rgba(78,163,104,0); } 100% { box-shadow: 0 0 0 0 rgba(78,163,104,0); } }
  @media (prefers-reduced-motion: reduce) { .hp-live::before { animation: none; } }
  .hp-score { display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; }
  .hp-trend { font-size: 0.9rem; font-weight: 600; color: var(--green-bright); letter-spacing: 0.01em; margin-left: 0.15rem; }
  .hp-score .n { font-family: 'ivypresto-display', serif; font-weight: 300; font-size: 4.6rem; color: #fff; line-height: 0.9; font-variant-numeric: tabular-nums; }
  .hp-score .d { font-size: 1.15rem; color: var(--text-soft); }
  .hp-cap { font-size: 1.12rem; color: var(--text-soft); margin-top: 0.9rem; line-height: 1.5; }
  .hp-rows { margin-top: 1.35rem; border-top: 1px solid var(--line); padding-top: 1.1rem; display: grid; gap: 0.7rem; }
  .hp-row { display: grid; grid-template-columns: 74px 1fr auto; align-items: center; gap: 0.8rem; }
  .hp-row .e { font-size: 1.02rem; color: var(--text); }
  .hp-bar { height: 3px; background: rgba(166,180,193,0.14); border-radius: 2px; overflow: hidden; }
  .hp-bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--blue), var(--green)); border-radius: 2px; }
  .hp-row .v { font-size: 0.98rem; color: var(--text-soft); font-variant-numeric: tabular-nums; }

  /* ── static engine strip: replaces the scrolling marquee ── */
  .engines { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
  .engines-inner { max-width: var(--maxw); margin: 0 auto; padding: 1.15rem 40px;
    display: flex; align-items: center; gap: 2.2rem; flex-wrap: wrap; }
  .engines .lbl { font-size: 0.82rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--steel); font-weight: 600; }
  .engines .set { display: flex; align-items: center; gap: 1.8rem; flex-wrap: wrap; }
  .engines .set { gap: 2.4rem; }
  .engines .set span { font-size: 1.08rem; color: var(--text); font-weight: 500; letter-spacing: 0.01em; display: inline-flex; align-items: center; gap: 0.55rem; }
  .engines .set svg { width: 17px; height: 17px; opacity: 0.85; flex: none; }
  .engines .set .grok-ico {
    width: 16px; height: 16px; flex: none; display: inline-block; opacity: 0.85;
    background: currentColor;
    -webkit-mask: url(data:image/png;base64,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) center/contain no-repeat;
    mask: url(data:image/png;base64,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) center/contain no-repeat;
  }

  /* ═══════════ SECTION SCAFFOLD ═══════════ */
  section.band { padding: 8.5rem 0; }
  .split { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: 4.5rem; }
  .split h2 { font-size: clamp(2.5rem, 4.3vw, 3.7rem); }
  .split .stick { position: sticky; top: 120px; align-self: start; }
  .stakes { margin-top: 1.9rem; font-size: 1.3rem; line-height: 1.5; color: var(--text); max-width: 27ch; text-wrap: balance;
    border-left: 2px solid var(--blue); border-radius: 0 6px 6px 0; padding: 1.1rem 1.3rem 1.1rem 1.25rem;
    background: linear-gradient(120deg, rgba(96,146,193,0.12), rgba(96,146,193,0.03));
    backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 18px 40px -30px rgba(20,60,110,0.6); }

  /* → led editorial rows replace the identical rounded cards */
  .rows { display: grid; gap: 0; }
  .row { padding: 1.9rem 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: auto 1fr; gap: 1.4rem; }
  .row:last-child { border-bottom: 1px solid var(--line); }
  .row .arw { color: var(--blue); font-size: 1.25rem; line-height: 1.2; }
  .row h3 { margin: 0 0 0.6rem; font-family: 'MrEaves', sans-serif; font-weight: 600; font-size: 1.4rem; color: #fff; letter-spacing: 0.005em; text-wrap: balance; }
  .row p { font-size: 1.3rem; line-height: 1.62; max-width: 42ch; }
  .row .stat { font-family: 'ivypresto-display', serif; font-weight: 300; color: var(--blue-bright); font-style: italic; }

  /* ═══════════ DARK MOMENT (Google vs AI) ═══════════ */
  .moment { background: #030405; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 8.5rem 0; }
  .moment .head { max-width: 40rem; margin-bottom: 3.2rem; }
  .moment h2 { font-size: clamp(2.4rem, 4.4vw, 3.6rem); }
  .vs { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; }
  .vs-card {
    position: relative; overflow: hidden;
    border: 1px solid var(--glass-brd); border-radius: 8px; padding: 1.9rem 2rem;
    background: linear-gradient(160deg, rgba(200,210,224,0.08), rgba(160,180,200,0.02) 55%, rgba(160,180,200,0.05));
    backdrop-filter: blur(24px) saturate(130%); -webkit-backdrop-filter: blur(24px) saturate(130%);
    box-shadow: 0 30px 70px -40px rgba(0,0,0,0.85), inset 0 1px 0 var(--glass-hi);
  }
  .vs-card::after {
    content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: 8px;
    background: linear-gradient(115deg, rgba(255,255,255,0.07), transparent 34%);
  }
  .vs-card > * { position: relative; z-index: 1; }
  .vs-card.ai {
    background: linear-gradient(160deg, rgba(120,165,210,0.26), rgba(96,146,193,0.06) 55%, rgba(96,146,193,0.15));
    border-color: rgba(160,190,220,0.34);
    backdrop-filter: blur(34px) saturate(160%); -webkit-backdrop-filter: blur(34px) saturate(160%);
    box-shadow: 0 44px 100px -38px rgba(20,60,110,0.85), inset 0 1px 0 var(--glass-hi), 0 0 0 1px rgba(96,146,193,0.12);
  }
  .vs-card.ai::after {
    background: linear-gradient(115deg, rgba(255,255,255,0.12), transparent 38%);
  }
  .vs-tag { font-size: 1rem; letter-spacing: 0.01em; text-transform: none; color: var(--text-soft); font-weight: 500; margin-bottom: 1.3rem; display: flex; align-items: center; gap: 0.6rem; }
  .vs-tag svg { width: 20px; height: 20px; flex: none; opacity: 0.9; }
  .vs-tag .yr { color: var(--text-faint); }
  .vs-card.ai .vs-tag { color: var(--blue-bright); }
  .vs-card.ai .vs-tag svg { color: var(--blue-bright); opacity: 1; }
  .vs-q { font-family: 'ivypresto-display', serif; font-weight: 300; font-style: italic; font-size: 1.6rem; color: #fff; line-height: 1.22; margin-bottom: 1.3rem; text-wrap: balance; }
  .vs-line { font-size: 1.28rem; color: var(--text-soft); padding: 0.8rem 0; border-top: 1px dashed var(--line); }
  .vs-line:first-of-type { border-top: none; }
  .vs-line b { color: #fff; font-weight: 600; }
  .vs-line.you { color: var(--green-bright); font-weight: 600; }
  .vs-line.gone { color: var(--text-soft); opacity: 0.72; }

  /* ═══════════ THE SYSTEM — 3 phases, numbered editorial ═══════════ */
  .phase { display: grid; grid-template-columns: auto 1fr; gap: 2.4rem; padding: 3rem 0; border-top: 1px solid var(--line); }
  .phase:last-child { border-bottom: 1px solid var(--line); }
  .phase .no { font-family: 'ivypresto-display', serif; font-weight: 300; font-size: 3.4rem; color: var(--steel); line-height: 0.8; opacity: 0.55; }
  .phase h3 { font-size: 1.95rem; margin: 0 0 0.55rem; text-wrap: balance; }
  .phase p { font-size: 1.3rem; line-height: 1.6; }
  .phase .ph-sub { font-family: 'ivypresto-display', serif; font-style: italic; font-weight: 300; font-size: 1.15rem; letter-spacing: 0; text-transform: none; color: var(--blue-bright); margin-bottom: 1rem; }
  .chips { display: flex; flex-wrap: wrap; gap: 0.55rem; margin-top: 1.2rem; }
  .chip {
    font-size: 1.08rem; color: var(--text); border: 1px solid var(--glass-brd); border-radius: 5px;
    padding: 0.62rem 1.1rem; transition: transform 0.25s ease, border-color 0.25s ease;
    background: linear-gradient(158deg, rgba(150,190,225,0.22), rgba(96,146,193,0.05) 60%, rgba(96,146,193,0.10));
    backdrop-filter: blur(18px) saturate(140%); -webkit-backdrop-filter: blur(18px) saturate(140%);
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 14px 30px -20px rgba(20,60,110,0.7);
  }
  .chip:hover { transform: translateY(-2px); border-color: rgba(116,197,143,0.5); }

  /* ═══════════ HOW ═══════════ */
  .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; margin-top: 3rem; }
  .step {
    position: relative; overflow: hidden; padding: 1.9rem 1.7rem 2rem; border-radius: 8px;
    border: 1px solid var(--glass-brd);
    background: linear-gradient(160deg, rgba(150,190,225,0.14), rgba(96,146,193,0.03) 55%, rgba(96,146,193,0.08));
    backdrop-filter: blur(22px) saturate(140%); -webkit-backdrop-filter: blur(22px) saturate(140%);
    box-shadow: inset 0 1px 0 var(--glass-hi), 0 26px 60px -40px rgba(20,60,110,0.75);
  }
  .step::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
    background: linear-gradient(90deg, var(--blue), var(--green)); }
  .step::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: 8px;
    background: linear-gradient(115deg, rgba(255,255,255,0.07), transparent 34%); }
  .step > * { position: relative; z-index: 1; }
  .step.final { border-color: rgba(116,197,143,0.32); }
  .step.final::before { background: var(--green); }
  .step.final .k { color: var(--green-bright); }
  .step .k { font-size: 0.84rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--steel); font-weight: 600; margin-bottom: 0.95rem; }
  .step h3 { font-family: 'ivypresto-display', serif; font-weight: 300; font-size: 1.6rem; color: #fff; margin: 0 0 0.7rem; }
  .step p { font-size: 1.28rem; line-height: 1.58; }

  /* ═══════════ CLOSE ═══════════ */
  .close { padding: 7rem 0 6.5rem; text-align: left; }
  .close-inner { border: 1px solid var(--glass-brd); border-radius: 8px; padding: 4rem; position: relative; overflow: hidden;
    background: linear-gradient(135deg, rgba(120,165,210,0.18), rgba(96,146,193,0.04) 50%, rgba(96,146,193,0.12));
    backdrop-filter: blur(30px) saturate(150%); -webkit-backdrop-filter: blur(30px) saturate(150%);
    box-shadow: 0 50px 110px -45px rgba(20,60,110,0.8), inset 0 1px 0 var(--glass-hi); }
  .close-inner::after { content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: 8px;
    background: linear-gradient(115deg, rgba(255,255,255,0.08), transparent 30%),
                radial-gradient(420px 320px at 92% 118%, rgba(78,163,104,0.16), transparent 60%); }
  .close-inner > * { position: relative; z-index: 1; }
  .close h2 { font-size: clamp(2.6rem, 5vw, 4.2rem); max-width: 18ch; }
  .close .lede { margin: 1.6rem 0 2.4rem; max-width: 46ch; }
  .close-actions { display: flex; align-items: center; gap: 1.6rem; flex-wrap: wrap; }

  footer { border-top: 1px solid var(--line); padding: 2.4rem 0; }
  .foot-inner { max-width: var(--maxw); margin: 0 auto; padding: 0 40px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
  .foot-inner p { font-size: 1.02rem; color: var(--text-soft); }
  .foot-inner .fl { display: flex; gap: 1.6rem; }
  .foot-inner .fl a { font-size: 1.02rem; color: var(--text); }

  @media (max-width: 900px) {
    html { font-size: 17px; }
    .hero-grid, .split, .vs, .steps { grid-template-columns: 1fr; gap: 2.5rem; }
    /* Single-column flow: a stuck sidebar rides down over the rows below it */
    .split .stick { position: static; }
    /* numbered phases: number stacks above content instead of eating a column */
    .phase { grid-template-columns: 1fr; gap: 0.4rem; padding: 2.4rem 0; }
    .phase .no { font-size: 2.6rem; }
    .lede { font-size: 1.42rem; }
    .stakes, .row p, .phase p, .step p, .vs-line { font-size: 1.18rem; }
    .chip, .engines .set span { font-size: 1rem; }
    .hero { padding: 5rem 0 3.5rem; }
    .wrap, .nav-inner, .engines-inner, .foot-inner { padding-left: 24px; padding-right: 24px; }
    .close-inner { padding: 2.2rem; }
    .brand .by { display: none; }
  }
  @media (max-width: 560px) {
    html { font-size: 16px; }
    .hero h1 { font-size: clamp(2.6rem, 12vw, 3.4rem); }
    .btn { width: 100%; justify-content: center; }
    .hero-actions { width: 100%; }
  }