/* The Stakes section: a messy binder that becomes the app as you scroll.
 *
 * WHY THIS IS A SEPARATE FILE, AND WHY THERE ARE 133 MACHINE-NAMED CLASSES
 * The section was authored with every rule inline, which is unusable here: the
 * site ships `style-src 'self'` with no `unsafe-inline` (vercel.json), so the
 * browser refuses every `style=""` attribute. Verified rather than assumed —
 * under the production header a probe element came back with a transparent
 * background and zero padding, and the console logged "Refused to apply inline
 * style". Dropped in as authored, the section would have rendered as a column
 * of unstyled text.
 *
 * So each unique declaration block was lifted to a class named after its own
 * hash. The names are deliberately meaningless: they are generated, they are
 * not a design system, and nothing else should reuse them. Editing this by
 * hand is fine; inventing new `sk-` names is a sign the section is being
 * redesigned and should be re-derived from source instead.
 *
 * The ANIMATION is not here. It is ~40 CSS custom properties written onto the
 * root element by js/stakes.js on scroll. That path is CSSOM, which CSP allows
 * — also verified — so the movement survives the same header that kills the
 * static styles.
 */

/* Caveat, for the handwriting on the sticky notes. Self-hosted because
 * `style-src`/`font-src 'self'` block fonts.googleapis.com outright; the
 * upstream link in the source silently fell back to Times New Roman under the
 * real header. Latin subset only — the site is English, and the Cyrillic and
 * Greek subsets are dead weight. SIL Open Font License 1.1. */
@font-face{font-family:"Caveat";src:url("../fonts/Caveat-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Caveat";src:url("../fonts/Caveat-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Caveat";src:url("../fonts/Caveat-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* Wrappers that exist only to carry custom properties. `display:contents` so
 * they add nothing to the layout — the properties inherit to the subtree. */
.sk-vars{display:contents}

/* Before JS runs, and forever if it never does: the section rests in its
 * "from a binder" state, which is the persuasive default and the same
 * behaviour the section it replaces had. No pin, no runway. */
[data-stakes-root]{--runway:auto;--pin:static;--fit-b:1;--fit-g:1;--bad-op:1;--bad-vis:visible;--bad-pe:auto;--good-op:0;--good-vis:hidden;--good-pe:none;--pg-op:1;--sticky-op:1;--phone-op:0;--bad-btn:#FFFFFF;--good-btn:#62787F;--thumb-bg:#14333B}

/* Reduced motion, and any browser without JS, gets the section without the
 * pinned runway. The toggle still works — js/stakes.js falls back to setting
 * the end state directly rather than scrolling to it. */
@media (prefers-reduced-motion: reduce){
  [data-stakes-root]{--runway:auto !important;--pin:static !important}
}

/* ── Generated from the authored inline styles ─────────────────────── */
.sk-2c39f788{position:relative;background:#FFFFFF;font-family:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;color:#15282E}
.sk-53d9f044{position:relative;height:var(--runway,240vh)}
.sk-c5a36df8{position:var(--pin,sticky);top:0;overflow:hidden}
.sk-a0e4a4bc{position:relative;display:grid;grid-template-columns:minmax(0,0.92fr) minmax(0,1.08fr);gap:clamp(32px,5vw,72px);align-items:center;min-height:100vh;max-width:1240px;margin-inline:auto;padding-inline:clamp(20px,4vw,48px);padding-block:clamp(48px,7vh,96px)}
.sk-716d8fc1{position:relative;display:inline-flex;margin-bottom:22px;padding:4px;border-radius:999px;background:#FFFFFF;border:1px solid #E4EBEC;box-shadow:0 1px 2px rgba(21,40,46,0.04), 0 8px 24px rgba(21,40,46,0.06)}
.sk-3f1f7134{position:relative;z-index:1;border:0;background:none;padding:9px 18px;border-radius:999px;font:inherit;font-size:13.5px;font-weight:700;letter-spacing:0.01em;color:var(--bad-btn,#FFFFFF);cursor:pointer;transition:color 0.3s ease;white-space:nowrap}
.sk-e238297c{position:relative;z-index:1;border:0;background:none;padding:9px 18px;border-radius:999px;font:inherit;font-size:13.5px;font-weight:700;letter-spacing:0.01em;color:var(--good-btn,#62787F);cursor:pointer;transition:color 0.3s ease;white-space:nowrap}
.sk-bf442c3e{position:absolute;top:4px;bottom:4px;left:var(--thumb-left,4px);width:var(--thumb-w,0px);border-radius:999px;background:var(--thumb-bg,#14333B);transition:background 0.3s ease}
.sk-22bda197{display:grid;font-size:clamp(34px,4.6vw,60px);font-weight:800;letter-spacing:-0.03em;line-height:1.02;color:#15282E;margin:0 0 20px;text-wrap:balance}
.sk-10b37800{grid-area:1/1;transition:opacity .16s linear, transform .16s linear;opacity:var(--bad-op,1);visibility:var(--bad-vis,visible);transform:var(--bad-y,none);pointer-events:var(--bad-pe,auto)}
.sk-0ec375f6{font-style:normal;color:#B85741}
.sk-74a67f1c{grid-area:1/1;transition:opacity .16s linear, transform .16s linear;opacity:var(--good-op,0);visibility:var(--good-vis,hidden);transform:var(--good-y,translateY(6px));pointer-events:var(--good-pe,none)}
.sk-071e7e1b{font-style:normal;color:#0B6A63}
.sk-998b7464{display:grid}
.sk-8b0f7e7a{grid-area:1/1;transition:opacity .16s linear, transform .16s linear;opacity:var(--bad-op,1);visibility:var(--bad-vis,visible);transform:var(--bad-y,none);pointer-events:var(--bad-pe,auto);max-width:44ch;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#3D5760;margin:0;text-wrap:pretty}
.sk-729bbcac{grid-area:1/1;transition:opacity .16s linear, transform .16s linear;opacity:var(--good-op,0);visibility:var(--good-vis,hidden);transform:var(--good-y,translateY(6px));pointer-events:var(--good-pe,none);max-width:44ch;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:#3D5760;margin:0;text-wrap:pretty}
.sk-7574e3ea{margin-top:clamp(24px,3vh,34px);padding:20px 24px;border-radius:20px;border:1px solid #E4EBEC;background:#FFFFFF;box-shadow:0 1px 2px rgba(21,40,46,0.04), 0 8px 24px rgba(21,40,46,0.06);display:grid}
.sk-d4d607c4{grid-area:1/1;transition:opacity .16s linear, transform .16s linear;opacity:var(--bad-op,1);visibility:var(--bad-vis,visible);transform:var(--bad-y,none);pointer-events:var(--bad-pe,auto);display:grid;align-content:start}
.sk-795e0ca1{font-size:12px;font-weight:700;letter-spacing:0.16em;text-transform:uppercase;color:#62787F}
.sk-65e99277{display:flex;align-items:flex-start;margin:4px 0 2px;font-weight:800;letter-spacing:-0.03em;line-height:1}
.sk-c6e7f3d4{font-size:clamp(40px,5.5vw,64px);color:#B85741;font-variant-numeric:tabular-nums;white-space:nowrap}
.sk-5df195f5{font-size:clamp(22px,3vw,34px);color:#B85741;margin-top:4px}
.sk-1dcddcdd{margin-top:10px;font-size:12px;line-height:1.5;color:#647A81}
.sk-ee4137f1{grid-area:1/1;transition:opacity .16s linear, transform .16s linear;opacity:var(--good-op,0);visibility:var(--good-vis,hidden);transform:var(--good-y,translateY(6px));pointer-events:var(--good-pe,none);display:grid;align-content:start}
.sk-1286e479{font-size:clamp(40px,5.5vw,64px);color:#0B6A63;font-variant-numeric:tabular-nums;white-space:nowrap}
.sk-84c117e7{margin-top:clamp(24px,3vh,32px);display:flex;flex-wrap:wrap;gap:12px}
.sk-34befe68{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;border-radius:999px;font-size:16px;font-weight:650;letter-spacing:0.01em;position:relative;overflow:hidden;z-index:1;background:linear-gradient(135deg,#0D837B,#0B6A63);color:#FFFFFF;box-shadow:var(--cta-shadow,0 6px 18px rgba(14,140,132,0.35));text-decoration:none;transform:var(--cta-y,none);transition:transform 0.18s ease, box-shadow 0.18s ease}
.sk-a291a501{flex:none;width:8px;height:8px;border-radius:999px;background:#FFFFFF;transition:transform 0.3s ease-in-out;transform:var(--dot-s,none)}
.sk-7ada1f5d{display:inline-block;position:relative;transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transform:var(--lab-x,none);opacity:var(--lab-op,1)}
.sk-0db92391{position:absolute;inset:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;transform:var(--swap-x,translateX(-3rem));opacity:var(--swap-op,0);transition:transform 0.3s ease-in-out, opacity 0.3s ease-in-out;color:#0B6A63}
.sk-e87be035{width:17px;height:17px;flex:none}
.sk-4d33b99b{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-height:calc(690px * var(--fit-g,1));align-content:center}
.sk-90e3075f{grid-area:1/1;place-self:center;position:relative;width:510px;height:790px;transition:opacity .16s linear, transform .18s linear;opacity:var(--bad-op,1);visibility:var(--bad-vis,visible);transform:scale(var(--fit-b,1)) var(--binder-t,translate(0,0));pointer-events:var(--bad-pe,auto);transform-origin:60% 60%}
.sk-2cc45635{position:absolute;left:14px;top:34px;width:404px;height:600px;border-radius:10px 16px 16px 10px;background:linear-gradient(135deg,#15333B,#1C4750);box-shadow:0 2px 6px rgba(11,30,35,0.2), 0 40px 80px rgba(11,30,35,0.28);transform:rotate(-2deg)}
.sk-5328b0c4{position:absolute;left:0;top:0;bottom:0;width:52px;border-radius:10px 0 0 10px;background:#0F2A30;box-shadow:inset -1px 0 0 rgba(255,255,255,0.08)}
.sk-3cae3376{position:absolute;left:64px;bottom:26px;width:250px;padding:12px 14px;border-radius:6px;background:#F4F8F8;box-shadow:0 2px 8px rgba(0,0,0,0.25)}
.sk-1d11ebe0{display:block;font-size:10px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:#62787F}
.sk-46c037c2{display:block;margin-top:3px;font-size:15px;font-weight:800;letter-spacing:-0.02em;color:#15282E}
.sk-b35da3e3{display:block;margin-top:2px;font-family:Caveat,cursive;font-size:19px;line-height:1.1;color:#B85741}
.sk-d43609dd{text-decoration:line-through;text-decoration-thickness:2px}
.sk-ab09d575{position:absolute;inset:0;transform:var(--pages-t,none);transition:transform .18s linear}
.sk-825e293d{position:absolute;left:62px;top:56px;width:400px;height:560px;border-radius:3px;background:#FFFFFF;border:1px solid #E4EBEC;box-shadow:0 6px 18px rgba(11,30,35,0.14);transform-origin:0% 50%;transform:rotate(-8.5deg);z-index:1;opacity:var(--pg-op,1);transition:opacity .16s linear}
.sk-bc52c651{padding:22px 24px}
.sk-13c62f47{display:block;font-size:15px;font-weight:750;letter-spacing:-0.01em;color:#15282E}
.sk-1d645003{display:block;margin-top:3px;font-size:11px;font-weight:600;letter-spacing:0.04em;color:#647A81;font-family:ui-monospace,'SF Mono',Menlo,monospace}
.sk-dca025c8{margin-top:18px;height:1px;background:#E4EBEC}
.sk-5d4a1325{margin-top:16px;height:1px;background:#E4EBEC}
.sk-7a65da6f{display:block;margin-top:10px;font-family:Caveat,cursive;font-size:22px;line-height:1.1;color:#B85741;transform:rotate(-1.5deg)}
.sk-7f65b456{position:absolute;left:62px;top:56px;width:400px;height:560px;border-radius:3px;background:#FFFFFF;border:1px solid #E4EBEC;box-shadow:0 6px 18px rgba(11,30,35,0.14);transform-origin:0% 50%;transform:rotate(-5.5deg);z-index:2;opacity:var(--pg-op,1);transition:opacity .16s linear}
.sk-135154ee{display:block;margin-top:12px;font-family:Caveat,cursive;font-size:22px;line-height:1.1;color:#B85741;transform:rotate(1deg)}
.sk-e90b72e9{position:absolute;left:62px;top:56px;width:400px;height:560px;border-radius:3px;background:#FFFFFF;border:1px solid #E4EBEC;box-shadow:0 6px 18px rgba(11,30,35,0.14);transform-origin:0% 50%;transform:rotate(-2.5deg);z-index:3;opacity:var(--pg-op,1);transition:opacity .16s linear}
.sk-22c6a691{display:block;margin-top:10px;font-family:Caveat,cursive;font-size:22px;line-height:1.1;color:#B85741;transform:rotate(-1deg)}
.sk-31f5fd95{position:absolute;left:62px;top:52px;width:400px;height:560px;border-radius:3px;background:#FFFFFF;border:1px solid #E4EBEC;box-shadow:0 8px 22px rgba(11,30,35,0.16);transform-origin:0% 50%;transform:rotate(0.5deg);z-index:4;opacity:var(--pg-op,1);transition:opacity .16s linear}
.sk-7ba6c137{padding:24px 26px}
.sk-1e75e4da{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.sk-3f9f96c6{min-width:0}
.sk-f1020524{display:block;font-size:16px;font-weight:750;letter-spacing:-0.01em;color:#15282E}
.sk-01899ded{flex:none;transform:rotate(-9deg);border:2.5px solid #B85741;color:#B85741;border-radius:4px;padding:3px 9px;font-size:11px;font-weight:800;letter-spacing:0.16em;text-transform:uppercase;opacity:0.85}
.sk-2a6b81f5{margin-top:20px;height:1px;background:#E4EBEC}
.sk-a6b711a9{display:block;margin-top:12px;font-family:Caveat,cursive;font-size:23px;line-height:1.15;color:#B85741;transform:rotate(-1deg)}
.sk-db5f8e94{position:absolute;left:62px;top:46px;width:400px;height:560px;border-radius:3px;background:#FFFFFF;border:1px solid #E4EBEC;box-shadow:0 14px 34px rgba(11,30,35,0.2);transform-origin:0% 50%;transform:rotate(3.5deg);z-index:5;opacity:var(--pg-op,1);transition:opacity .16s linear}
.sk-f08c0ad5{padding:26px 28px}
.sk-39f562d2{display:block;font-size:10px;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:#62787F}
.sk-3ecfb4f1{display:block;margin-top:5px;font-size:19px;font-weight:800;letter-spacing:-0.02em;color:#15282E}
.sk-15636a0e{display:block;margin-top:4px;font-size:11.5px;font-weight:600;letter-spacing:0.04em;color:#647A81;font-family:ui-monospace,'SF Mono',Menlo,monospace}
.sk-ba84c22b{flex:none;transform:rotate(-11deg);border:3px solid #B85741;color:#B85741;border-radius:5px;padding:4px 11px;font-size:13px;font-weight:800;letter-spacing:0.18em;text-transform:uppercase;opacity:0.88}
.sk-6b61947a{margin-top:24px;display:flex;flex-direction:column;gap:14px}
.sk-9f0e4db8{display:flex;align-items:center;gap:12px}
.sk-72018c03{flex:none;width:17px;height:17px;border:2px solid #647A81;border-radius:3px}
.sk-27bd41bd{flex:1;height:1px;background:#E4EBEC}
.sk-3109ed4e{flex:none;width:17px;height:17px;border:2px solid #647A81;border-radius:3px;position:relative}
.sk-bd598b9b{position:absolute;left:2px;top:-7px;font-family:Caveat,cursive;font-size:24px;line-height:1;color:#B85741}
.sk-941a3686{display:block;margin-top:22px;font-family:Caveat,cursive;font-size:25px;line-height:1.15;color:#B85741;transform:rotate(-1.5deg)}
.sk-072f4f42{margin-top:26px;height:1px;background:#E4EBEC}
.sk-5a1f4645{margin-top:16px;height:1px;background:#E4EBEC;width:70%}
.sk-e4c58bbc{display:block;margin-top:20px;font-family:Caveat,cursive;font-size:21px;line-height:1.15;color:#3D5760;transform:rotate(0.5deg)}
.sk-845a3ce2{position:absolute;left:368px;top:6px;width:132px;height:118px;z-index:8;transform:var(--fly-1,rotate(7deg));opacity:var(--sticky-op,1);transition:transform .18s linear, opacity .16s linear}
.sk-b4c83d6f{width:100%;height:100%;background:#FBF4E6;box-shadow:0 6px 14px rgba(11,30,35,0.18);padding:14px 13px;border-top:3px solid #EFDFBC}
.sk-a12410b9{display:block;font-family:Caveat,cursive;font-size:21px;line-height:1.15;color:#3D5760}
.sk-1985a15d{position:absolute;left:6px;top:430px;width:126px;height:112px;z-index:8;transform:var(--fly-2,rotate(-9deg));opacity:var(--sticky-op,1);transition:transform .18s linear, opacity .16s linear}
.sk-b4c0f3b2{width:100%;height:100%;background:#FBEEEA;box-shadow:0 6px 14px rgba(11,30,35,0.18);padding:13px 12px;border-top:3px solid #F0D9D1}
.sk-bb7ecbd9{display:block;font-family:Caveat,cursive;font-size:20px;line-height:1.15;color:#B85741}
.sk-61c47050{position:absolute;left:392px;top:566px;width:118px;height:104px;z-index:8;transform:var(--fly-3,rotate(-5deg));opacity:var(--sticky-op,1);transition:transform .18s linear, opacity .16s linear}
.sk-cc365901{width:100%;height:100%;background:#E6F2F1;box-shadow:0 6px 14px rgba(11,30,35,0.18);padding:13px 12px;border-top:3px solid #CFE4E1}
.sk-566513a8{display:block;font-family:Caveat,cursive;font-size:20px;line-height:1.15;color:#15282E}
.sk-bb59855c{grid-area:1/1;place-self:center;position:relative;width:560px;height:660px;transform:scale(var(--fit-g,1));transform-origin:center;pointer-events:var(--good-pe,none)}
.sk-4822fb04{position:absolute;right:0;top:34px;width:340px;height:700px;transform-origin:top right;transform:scale(0.8) var(--phone-t,translateY(28px));opacity:var(--phone-op,0);transition:transform .2s linear, opacity .18s linear}
.sk-f0df9bae{position:relative;width:340px;height:700px;background:#0B1C21;border-radius:54px;padding:10px;box-shadow:inset 0 0 0 2px rgba(255,255,255,0.16), 0 2px 6px rgba(11,30,35,0.2), 0 40px 80px rgba(11,30,35,0.4)}
.sk-004af94e{position:absolute;top:22px;left:50%;transform:translateX(-50%);width:96px;height:26px;border-radius:999px;background:#0B1C21;z-index:3}
.sk-0542cdc1{position:relative;height:100%;border-radius:44px;background:#F4F8F8;overflow:hidden;display:flex;flex-direction:column;font-size:12px;color:#15282E}
.sk-1b7900a3{display:flex;justify-content:space-between;align-items:center;padding:16px 26px 6px;font-weight:700;font-size:13px}
.sk-16cc484e{display:inline-flex}
.sk-fda8492a{width:46px;height:12px}
.sk-9ab9436c{display:flex;align-items:center;justify-content:space-between;padding:8px 18px 4px}
.sk-2d2485b2{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:-0.01em}
.sk-1a7b2fc6{width:22px;height:22px;display:block}
.sk-42932ae2{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#5BC2B0,#2C8C82);color:#FFFFFF;font-size:10.5px;font-weight:700;display:grid;place-items:center}
.sk-229356be{display:flex;flex-direction:column;padding:10px 18px 0}
.sk-0fd6a64c{font-size:17px;font-weight:800;letter-spacing:-0.02em}
.sk-a50c2c44{color:#62787F;font-size:11px;margin-top:2px;font-family:ui-monospace,'SF Mono',Menlo,monospace}
.sk-6485346c{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:12px 18px 0}
.sk-a521d7b1{background:#FFFFFF;border:1px solid #E4EBEC;border-radius:12px;padding:9px 10px;display:flex;flex-direction:column}
.sk-309ee827{font-size:16px;font-weight:800;letter-spacing:-0.02em}
.sk-98f57546{color:#62787F;font-size:9.5px;font-weight:550;margin-top:1px}
.sk-b42ca450{padding:14px 18px 7px;display:flex;justify-content:space-between;align-items:baseline;font-weight:750;font-size:12.5px}
.sk-5b9a100d{color:#0B6A63;font-size:11px;font-weight:650}
.sk-abd6beeb{margin:0 18px;background:#FFFFFF;border:1px solid #E4EBEC;border-radius:14px;padding:3px 12px}
.sk-0966ec7b{display:flex;align-items:center;gap:10px;padding:9px 0}
.sk-f5642f1e{width:30px;height:30px;border-radius:9px;background:#F1F5F5;display:grid;place-items:center;flex-shrink:0}
.sk-5dfbae8c{width:16px;height:16px;display:block}
.sk-5b353ab1{display:flex;flex-direction:column;flex:1;min-width:0}
.sk-357161a3{font-weight:650;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sk-d8a89516{color:#62787F;font-size:9.5px;margin-top:1px}
.sk-be4f9709{font-size:8.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;flex-shrink:0;color:#1F7A50;background:#E9F4EE}
.sk-44620241{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #F1F5F5}
.sk-82544d11{font-size:8.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;flex-shrink:0;color:#A0432C;background:#FBEEEA}
.sk-9671614e{font-size:8.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;flex-shrink:0;color:#8A6015;background:#FBF4E6}
.sk-4ba6fc6e{font-size:8.5px;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:2px 7px;border-radius:999px;flex-shrink:0;color:#4670C8;background:#EAF0FB}
.sk-be23ce25{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #E4EBEC;background:#FFFFFF;padding:8px 6px 18px}
.sk-62867f4a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;font-weight:650;color:#0E8C84}
.sk-e36c066a{width:20px;height:20px}
.sk-dd67871a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8.5px;font-weight:650;color:#62787F}
.sk-1afd2220{width:20px;height:20px;opacity:0.55}
.sk-d8cfd839{position:absolute;left:0;top:58px;width:300px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:18px;z-index:2}
.sk-4bebe1d9{display:flex;align-items:flex-start;gap:12px;width:270px;margin-left:0;padding:14px 18px;border-radius:20px;border:1px solid #E4EBEC;background:#FFFFFF;box-shadow:0 1px 2px rgba(21,40,46,0.04), 0 10px 26px rgba(21,40,46,0.08);opacity:var(--b1-op,0);transform:var(--b1-t,translate(-16px,10px) scale(0.94));transition:opacity .18s linear, transform .2s linear}
.sk-816ea4a8{flex:none;width:22px;height:22px;border-radius:999px;background:#E9F4EE;display:grid;place-items:center;margin-top:1px}
.sk-6fad5a0c{width:12px;height:12px}
.sk-4f3d64e8{display:block;font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#62787F}
.sk-8ad861af{display:block;margin-top:3px;font-size:13.5px;line-height:1.45;font-weight:550;color:#15282E}
.sk-e795ed35{display:flex;align-items:flex-start;gap:12px;width:270px;margin-left:18px;padding:14px 18px;border-radius:20px;border:1px solid #E4EBEC;background:#FFFFFF;box-shadow:0 1px 2px rgba(21,40,46,0.04), 0 10px 26px rgba(21,40,46,0.08);opacity:var(--b2-op,0);transform:var(--b2-t,translate(-16px,10px) scale(0.94));transition:opacity .18s linear, transform .2s linear}
.sk-778dc12d{display:flex;align-items:flex-start;gap:12px;width:270px;margin-left:4px;padding:14px 18px;border-radius:20px;border:1px solid #E4EBEC;background:#FFFFFF;box-shadow:0 1px 2px rgba(21,40,46,0.04), 0 10px 26px rgba(21,40,46,0.08);opacity:var(--b3-op,0);transform:var(--b3-t,translate(-16px,10px) scale(0.94));transition:opacity .18s linear, transform .2s linear}
.sk-cb2fb947{display:flex;align-items:flex-start;gap:12px;width:270px;margin-left:22px;padding:14px 18px;border-radius:20px;border:1px solid #E4EBEC;background:#FFFFFF;box-shadow:0 1px 2px rgba(21,40,46,0.04), 0 10px 26px rgba(21,40,46,0.08);opacity:var(--b4-op,0);transform:var(--b4-t,translate(-16px,10px) scale(0.94));transition:opacity .18s linear, transform .2s linear}
.sk-41424b2f{display:flex;align-items:flex-start;gap:12px;width:270px;margin-left:8px;padding:14px 18px;border-radius:20px;border:1px solid #E4EBEC;background:#FFFFFF;box-shadow:0 1px 2px rgba(21,40,46,0.04), 0 10px 26px rgba(21,40,46,0.08);opacity:var(--b5-op,0);transform:var(--b5-t,translate(-16px,10px) scale(0.94));transition:opacity .18s linear, transform .2s linear}
/* The two stage layers — the binder and the app — are a cross-fade, so they
 * belong in the SAME grid cell. As authored they landed in two rows of a
 * one-column grid, which meant the hidden layer still reserved its height:
 * measured at 790px of stage for 618px of children, and on a phone that is a
 * visible band of nothing between the copy and the app view. The mid-scroll
 * frame is the proof of intent — the binder shrinks away exactly where the
 * phone rises.
 *
 * Targeted through [data-stage] rather than the generated class beside it,
 * because that attribute is authored and stable while the hashes are not. */
[data-stage] > * { grid-area: 1 / 1; }

/* ── Phone ──────────────────────────────────────────────────────────────────
 * The section was authored entirely in inline styles, which cannot carry a
 * media query, so it had no responsive behaviour at all — the two columns
 * stayed side by side at 390px and the phone mock ran off the right edge.
 * Verified in a browser at 390×844 before adding this.
 *
 * Stacking the columns is the whole fix: the stage keeps its own scaling
 * (--fit-b / --fit-g are computed from the available box in js/stakes.js), so
 * once it has the full width to work with it sizes itself correctly. */
@media (max-width: 860px) {
  .sk-a0e4a4bc {
    grid-template-columns: minmax(0, 1fr);
    gap: 28px;
    min-height: 0;
    padding-block: clamp(32px, 5vh, 64px);
  }
  /* The stage below the copy, and free to use the full column width. */
  .sk-4d33b99b { min-height: calc(560px * var(--fit-g, 1)); }
}

/* Below the tablet break the runway is dead weight: a pinned 240vh scroll on a
 * phone is three thumb-fulls of scrolling to reach the next section, and the
 * transformed binder is too small to read anyway. The section falls back to
 * the same click-only behaviour that reduced-motion gets. */
@media (max-width: 620px) {
  [data-stakes-root] { --runway: auto !important; --pin: static !important; }
}