@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');

:root {
  --ink: #0b0d12;
  --paper: #f2eee7;
  --paper-2: #ebe6dc;
  --muted: #8b8e98;
  --rule: rgba(11, 13, 18, .15);
  --acid: #caff4a;
  --coral: #ff795e;
  --violet: #8f7bff;
  --white: #f8f7f3;
  --sans: 'DM Sans', Arial, sans-serif;
  --mono: 'DM Mono', Consolas, monospace;
  --serif: 'Playfair Display', Georgia, serif;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-width: 320px; min-height: 100%; background: var(--ink); color: var(--ink); font-family: var(--sans); }
body { overflow: hidden; }
button { font: inherit; }

.deck { position: relative; width: 100vw; height: 100vh; min-height: 600px; overflow: hidden; background: var(--paper); }
.grain { position: absolute; inset: 0; opacity: .16; pointer-events: none; z-index: 10; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }
.ambient { position: absolute; border-radius: 50%; filter: blur(70px); opacity: .28; pointer-events: none; }
.ambient-a { width: 26vw; height: 26vw; right: -5vw; top: -12vw; background: var(--coral); }
.ambient-b { width: 18vw; height: 18vw; left: -8vw; bottom: -12vw; background: var(--violet); }

.topbar, .controls, .hint { z-index: 30; position: absolute; }
.topbar { left: 4.7vw; right: 4.7vw; top: 29px; display: flex; justify-content: space-between; align-items: center; color: rgba(11, 13, 18, .56); font: 500 10px var(--mono); letter-spacing: .13em; }
.brandmark, .topbar-right { display: flex; align-items: center; gap: 9px; }
.brand-dot, .live-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 4px rgba(255, 121, 94, .12); }
.topbar-center { font-size: 9px; letter-spacing: .2em; opacity: .7; }

.slides { position: relative; width: 100%; height: 100%; }
.slide { position: absolute; inset: 0; padding: 90px 8.5vw 80px; background: var(--paper); opacity: 0; transform: translateX(5%); pointer-events: none; transition: opacity .55s ease, transform .72s cubic-bezier(.16,1,.3,1); overflow: hidden; }
.slide.is-active { opacity: 1; transform: translateX(0); pointer-events: auto; z-index: 2; }
.slide.is-leaving { opacity: 0; transform: translateX(-4%); z-index: 1; }
.dark-slide { color: var(--white); background: var(--ink); }
.super-slide { background: var(--coral); }
.main-slide { background: #d8d0ff; }
.final-slide { color: var(--white); background: var(--ink); }
.slide-inner { position: relative; width: 100%; height: 100%; max-width: 1210px; margin: 0 auto; }
.two-col { display: grid; grid-template-columns: 1.02fr .98fr; gap: 8vw; align-items: center; }

.eyebrow, .section-kicker, .mini-label, .stack-label, .test-label { font: 500 10px var(--mono); letter-spacing: .18em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 13px; color: rgba(11, 13, 18, .53); }
.eyebrow-line { width: 36px; height: 1px; background: currentColor; }
.section-kicker { display: flex; gap: 15px; align-items: center; color: rgba(11, 13, 18, .48); }
.dark-slide .section-kicker, .final-slide .section-kicker { color: rgba(248, 247, 243, .5); }
.section-number { color: var(--coral); }
.slide-title { margin: 0; color: var(--ink); font: 600 clamp(37px, 4.2vw, 70px)/.99 var(--serif); letter-spacing: -.04em; }
.slide-title em, .display-title em, .final-title em { color: var(--coral); font-style: italic; }
.dark-slide .slide-title, .final-slide .slide-title { color: var(--white); }
.body-large { max-width: 510px; margin: 32px 0 0; color: rgba(11, 13, 18, .65); font-size: clamp(17px, 1.55vw, 23px); line-height: 1.4; }
.body-copy { max-width: 510px; margin: 0; color: rgba(11, 13, 18, .63); font-size: 15px; line-height: 1.55; }
.muted { color: rgba(248, 247, 243, .58); }
.reveal-item { opacity: 0; transform: translateY(18px); }
.slide.is-active .reveal-item { animation: reveal .75s cubic-bezier(.2,.8,.2,1) forwards; }
.slide.is-active .reveal-item:nth-child(2) { animation-delay: .08s; }
.slide.is-active .reveal-item:nth-child(3) { animation-delay: .16s; }
.slide.is-active .reveal-item:nth-child(4) { animation-delay: .24s; }
.slide.is-active .reveal-item:nth-child(5) { animation-delay: .32s; }
@keyframes reveal { to { opacity: 1; transform: translateY(0); } }

/* cover */
.slide-cover { padding-top: 0; padding-bottom: 0; display: grid; align-items: center; }
.cover-grid { width: min(1210px, 83vw); margin: 0 auto; display: grid; grid-template-columns: 1.1fr .9fr; gap: 4vw; align-items: center; }
.display-title { margin: 30px 0 23px; font: 700 clamp(62px, 8vw, 125px)/.87 var(--serif); letter-spacing: -.065em; }
.lede { margin: 0; color: rgba(11, 13, 18, .63); font-size: clamp(17px, 1.4vw, 22px); line-height: 1.4; }
.cover-meta { display: flex; align-items: center; gap: 13px; margin-top: 54px; color: rgba(11, 13, 18, .52); font: 500 10px var(--mono); letter-spacing: .13em; }
.meta-divider { width: 28px; height: 1px; background: rgba(11,13,18,.35); }
.cover-art { position: relative; width: min(37vw, 470px); aspect-ratio: 1; justify-self: end; }
.art-orbit { position: absolute; inset: 13%; border: 1px solid rgba(11, 13, 18, .25); border-radius: 50%; transform: rotate(-25deg) scaleX(.75); }
.orbit-two { inset: 2%; border-color: rgba(255, 121, 94, .5); transform: rotate(55deg) scaleX(.75); }
.art-core { position: absolute; left: 34%; top: 34%; width: 32%; aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; color: var(--ink); background: var(--acid); font: 50px var(--sans); box-shadow: 0 0 70px rgba(202, 255, 74, .48); animation: breathe 3s ease-in-out infinite; }
.art-label { position: absolute; padding: 8px 11px; color: var(--ink); background: var(--paper); border: 1px solid rgba(11,13,18,.15); font: 500 9px var(--mono); letter-spacing: .11em; }
.label-one { top: 9%; left: 11%; }.label-two { right: 0; top: 43%; }.label-three { left: 21%; bottom: 8%; }
.art-stamp { position: absolute; right: 12%; bottom: 16%; color: var(--coral); font: 700 11px/1 var(--mono); letter-spacing: .09em; transform: rotate(-9deg); }
.art-stamp small { display: block; margin-top: 5px; color: rgba(11, 13, 18, .55); font-size: 7px; line-height: 1.2; }
@keyframes breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.08); } }
.cover-foot { position: absolute; left: 4.7vw; right: 4.7vw; bottom: 78px; display: flex; justify-content: space-between; color: rgba(11, 13, 18, .45); font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }

/* intro */
.intro-copy { position: relative; }.quote-mark { margin-top: 45px; color: var(--coral); font: 100px/.5 var(--serif); }
.response-flow { position: relative; display: flex; flex-direction: column; gap: 0; padding-left: 38px; }
.flow-line { position: absolute; top: 7px; bottom: 7px; left: 9px; width: 1px; background: linear-gradient(var(--coral), rgba(11,13,18,.1)); }
.flow-step { position: relative; display: grid; grid-template-columns: 70px 1fr; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--rule); }
.flow-step:first-of-type { padding-top: 0; }.flow-index { color: var(--coral); font: 10px var(--mono); }.flow-step strong { font: 600 28px var(--serif); }.flow-step small { grid-column: 2; color: rgba(11, 13, 18, .52); font-size: 13px; }
.bottom-note { position: absolute; left: 8.5vw; bottom: 78px; color: rgba(11, 13, 18, .48); font: 10px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.bottom-note::before { content: ''; display: inline-block; width: 20px; height: 1px; margin-right: 10px; vertical-align: middle; background: var(--coral); }

/* guardrails */
.guardrails-layout, .meta-layout, .backend-layout, .backend-complex-layout, .main-structure-layout { display: flex; flex-direction: column; }
.guardrails-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-top: 45px; }.guardrails-head .slide-title { max-width: 760px; }.redacted { display: flex; align-items: center; gap: 8px; color: rgba(248, 247, 243, .38); font: 10px var(--mono); letter-spacing: .08em; transform: rotate(-5deg); }.redacted i { width: 27px; height: 8px; background: var(--coral); display: block; opacity: .8; }
.guardrails-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; max-width: 970px; margin-top: 62px; }.guardrail { position: relative; display: grid; grid-template-columns: 58px 1fr; gap: 10px; min-height: 183px; padding: 26px 28px; border: 1px solid rgba(248,247,243,.14); }.guardrail.bad { background: rgba(255,121,94,.05); }.guardrail.good { background: rgba(202,255,74,.08); border-color: rgba(202,255,74,.45); }.guardrail-symbol { font: 44px/.9 var(--serif); color: var(--coral); }.good .guardrail-symbol { color: var(--acid); }.guardrail h3 { margin: 0 0 10px; font: 600 25px var(--serif); }.guardrail p { max-width: 350px; margin: 0; color: rgba(248,247,243,.6); font-size: 14px; line-height: 1.45; }.guardrail-tag { position: absolute; right: 26px; bottom: 20px; color: rgba(248,247,243,.35); font: 9px var(--mono); letter-spacing: .13em; }.good .guardrail-tag { color: var(--acid); }.guardrails-foot { margin-top: auto; max-width: 820px; padding-bottom: 14px; color: rgba(248,247,243,.58); font-size: 13px; line-height: 1.5; }.signal-bar { display: inline-block; width: 30px; height: 2px; margin-right: 10px; vertical-align: middle; background: var(--acid); }.guardrails-foot strong { color: var(--white); }

/* evolution */
.evolution-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 35px; }.evolution-head .body-copy { margin-bottom: 6px; max-width: 330px; }.evolution-track { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); gap: 35px; margin-top: 94px; padding-top: 33px; }.evo-axis { position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--coral), var(--violet), var(--acid)); }.evo-axis::after { content: 'Sofisticação →'; position: absolute; right: 0; top: -24px; color: rgba(11,13,18,.45); font: 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; }.evo-item { position: relative; padding-right: 30px; }.evo-dot { position: absolute; top: -45px; left: 0; width: 25px; height: 25px; border-radius: 50%; border: 7px solid var(--paper); box-shadow: 0 0 0 1px var(--ink); }.dot-pdf { background: var(--coral); }.dot-ia { background: var(--violet); }.dot-brand { background: var(--acid); }.evo-item small { color: rgba(11,13,18,.46); font: 10px var(--mono); letter-spacing: .14em; }.evo-item strong { display: block; margin-top: 15px; font: 600 29px var(--serif); }.evo-item p { margin: 8px 0 0; color: rgba(11,13,18,.56); font-size: 13px; line-height: 1.4; }.evo-item.future { padding-left: 5px; }.opportunity-banner { display: flex; align-items: center; gap: 11px; margin-top: 68px; padding: 17px 20px; border-left: 2px solid var(--coral); background: rgba(255,121,94,.09); font-size: 13px; }.opportunity-banner strong { font-weight: 700; }.opportunity-banner span:last-child { color: rgba(11,13,18,.56); }.spark { color: var(--coral); font-size: 20px; }

/* meta */
.meta-head { display: grid; grid-template-columns: 1fr auto 1fr; gap: 50px; align-items: end; margin-top: 50px; }.meta-head .slide-title { max-width: 460px; }.meta-head .body-copy { margin-top: 24px; }.versus { display: flex; align-items: center; gap: 15px; padding-bottom: 10px; color: var(--coral); font: 14px var(--mono); }.versus-line { width: 28px; height: 1px; background: currentColor; }.google-block { align-self: end; border-left: 1px solid rgba(248,247,243,.2); padding: 0 0 1px 34px; }.google-block .mini-label { color: var(--coral); }.google-block h3 { margin: 16px 0 14px; font: 600 35px/.98 var(--serif); }.google-block p { color: rgba(248,247,243,.5); font-size: 14px; line-height: 1.45; }.meta-machine { margin-top: auto; margin-bottom: 10px; padding: 27px 0; border-top: 1px solid rgba(248,247,243,.2); border-bottom: 1px solid rgba(248,247,243,.2); }.machine-label { color: var(--acid); font: 10px var(--mono); letter-spacing: .16em; }.machine-row { display: flex; align-items: center; gap: 15px; margin-top: 29px; color: var(--white); font: 600 22px var(--serif); }.machine-row i { position: relative; flex: 1; max-width: 75px; height: 1px; background: var(--coral); }.machine-row i::after { content: '›'; position: absolute; right: -2px; top: -11px; color: var(--coral); font: 17px var(--sans); }.machine-note { margin-top: 28px; color: rgba(248,247,243,.56); font-size: 13px; }.machine-note .live-dot { margin-right: 6px; background: var(--acid); box-shadow: 0 0 0 4px rgba(202,255,74,.12); }

/* ladder */
.ladder-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 35px; }.ladder-head .body-copy { max-width: 330px; }.ladder-visual { position: relative; width: min(720px, 71vw); margin: 28px auto 0; padding: 18px 0 49px; }.ladder-step { position: relative; display: flex; align-items: center; gap: 18px; width: 87%; min-height: 84px; margin: 10px 0 10px auto; padding: 15px 25px; border-left: 4px solid currentColor; background: rgba(11,13,18,.06); }.ladder-step small { display: block; margin-bottom: 6px; color: rgba(11,13,18,.47); font: 9px var(--mono); letter-spacing: .13em; }.ladder-step h3 { margin: 0; font: 600 26px var(--serif); }.ladder-step p { margin: 4px 0 0; color: rgba(11,13,18,.54); font-size: 12px; }.step-tag { align-self: flex-start; font: 11px var(--mono); }.step-arrow { margin-left: auto; font-size: 26px; }.step-main { width: 65%; color: var(--coral); background: rgba(255,121,94,.13); }.step-low { width: 76%; color: var(--violet); background: rgba(143,123,255,.13); }.step-super { width: 87%; color: #6f8d12; background: rgba(202,255,74,.3); }.step-main h3, .step-low h3, .step-super h3 { color: var(--ink); }.ladder-ground { position: absolute; bottom: 46px; left: 5%; right: 0; display: flex; align-items: center; gap: 8px; color: rgba(11,13,18,.4); font: 9px var(--mono); letter-spacing: .1em; }.ladder-ground span { width: 4px; height: 4px; border-radius: 50%; background: var(--coral); }.ladder-ground span:nth-child(2) { background: var(--violet); }.ladder-ground span:nth-child(3) { background: #6f8d12; }.ladder-ground small { margin-left: 5px; }

/* tracking */
.tracking-layout, .tracking-implementation-layout { display: flex; flex-direction: column; }.tracking-head, .tracking-implementation-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 39px; }.tracking-head .body-copy, .tracking-implementation-head .body-copy { max-width: 360px; }.tracking-timeline { display: grid; grid-template-columns: 1fr auto 1fr; align-items: stretch; gap: 24px; margin-top: auto; }.tracking-era { min-height: 188px; padding: 20px 22px; border-top: 2px solid var(--coral); background: rgba(248,247,243,.045); }.tracking-era.era-new { border-color: var(--acid); background: rgba(202,255,74,.06); }.tracking-era-label { color: var(--coral); font: 10px var(--mono); letter-spacing: .12em; }.era-new .tracking-era-label { color: var(--acid); }.tracking-era h3 { margin: 25px 0 8px; color: var(--white); font: 600 29px var(--serif); }.tracking-era p { max-width: 430px; margin: 0; color: rgba(248,247,243,.58); font-size: 13px; line-height: 1.45; }.tracking-limit { margin-top: 19px; padding-top: 12px; border-top: 1px solid rgba(248,247,243,.16); color: rgba(248,247,243,.48); font-size: 11px; line-height: 1.35; }.tracking-limit b { display: block; margin-bottom: 5px; color: var(--coral); font: 9px var(--mono); letter-spacing: .12em; }.tracking-good b { color: var(--acid); }.tracking-shift { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; color: var(--coral); }.tracking-shift span { font-size: 30px; }.tracking-shift small { writing-mode: vertical-rl; color: rgba(248,247,243,.4); font: 9px var(--mono); letter-spacing: .12em; }.tracking-thesis { margin-top: 21px; padding-top: 15px; border-top: 1px solid rgba(248,247,243,.17); color: rgba(248,247,243,.54); font-size: 12px; line-height: 1.45; }.tracking-thesis strong { color: var(--white); }
.tracking-light-slide { background: var(--paper); }.tracking-implementation-head { margin-top: 31px; }.tracking-implementation-head .slide-title { max-width: 660px; }.tracking-flow { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 10px; margin-top: 20px; }.tracking-flow > i { color: var(--coral); font: 22px var(--sans); font-style: normal; }.tracking-flow-node { min-height: 94px; padding: 13px 15px; border: 1px solid rgba(11,13,18,.19); background: rgba(11,13,18,.04); }.tracking-flow-node span { color: var(--coral); font: 10px var(--mono); }.tracking-flow-node strong { display: block; margin-top: 18px; font: 600 14px var(--serif); }.tracking-flow-node small { display: block; margin-top: 5px; color: rgba(11,13,18,.52); font-size: 10px; line-height: 1.25; }.browser-node { border-color: var(--violet); background: rgba(143,123,255,.12); }.checkout-node { border-color: var(--coral); background: rgba(255,121,94,.1); }.server-node { border-color: #6f8d12; background: rgba(202,255,74,.23); }.meta-node { color: var(--paper); border-color: var(--ink); background: var(--ink); }.meta-node span { color: var(--acid); }.meta-node small { color: rgba(248,247,243,.53); }.tracking-coverage { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 14px; }.coverage-card { min-height: 110px; padding: 13px 16px; border-top: 2px solid var(--coral); background: rgba(11,13,18,.045); }.coverage-card.coverage-capi { border-color: var(--violet); background: rgba(143,123,255,.11); }.coverage-card.coverage-dedupe { border-color: #6f8d12; background: rgba(202,255,74,.22); }.coverage-card > span { color: var(--coral); font: 9px var(--mono); letter-spacing: .12em; }.coverage-capi > span { color: var(--violet); }.coverage-dedupe > span { color: #6f8d12; }.coverage-card strong { display: block; margin-top: 9px; font-size: 14px; }.coverage-card p { margin: 5px 0 0; color: rgba(11,13,18,.58); font-size: 11px; line-height: 1.3; }.coverage-card small { display: block; margin-top: 5px; color: rgba(11,13,18,.45); font: 9px/1.2 var(--mono); }.tracking-implementation-foot { display: flex; align-items: end; justify-content: space-between; gap: 25px; margin-top: 14px; padding-top: 11px; border-top: 1px solid rgba(11,13,18,.19); }.tracking-implementation-foot .mini-label { color: var(--coral); }.tracking-implementation-foot strong { display: block; margin-top: 5px; font: 600 18px var(--serif); }.tracking-implementation-foot p { max-width: 640px; margin: 4px 0 0; color: rgba(11,13,18,.54); font-size: 11px; line-height: 1.25; }.tracking-tags { display: flex; flex-wrap: nowrap; min-width: 255px; justify-content: end; gap: 5px; }.tracking-tags span { padding: 6px 7px; color: var(--ink); border: 1px solid rgba(11,13,18,.25); font: 8px var(--mono); letter-spacing: .06em; white-space: nowrap; }

/* product slides */
.product-layout { display: flex; flex-direction: column; }.product-topline { display: flex; justify-content: space-between; align-items: center; }.product-topline .section-kicker { color: rgba(11,13,18,.52); }.price-strip { padding: 10px 14px; color: var(--paper); background: var(--ink); font: 500 10px var(--mono); letter-spacing: .1em; }.violet-price { background: var(--violet); color: var(--ink); }.product-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 41px; }.product-head .body-copy { margin-top: 20px; }.nobrainer-badge, .webapp-badge { display: flex; align-items: center; gap: 14px; min-width: 200px; padding: 17px 20px; border: 1px solid rgba(11,13,18,.25); }.badge-icon { display: grid; place-items: center; width: 32px; height: 32px; color: var(--paper); background: var(--ink); font-size: 19px; }.nobrainer-badge strong, .webapp-badge strong { display: block; font: 600 15px var(--mono); letter-spacing: .08em; }.nobrainer-badge small, .webapp-badge small { display: block; margin-top: 5px; color: rgba(11,13,18,.6); font-size: 11px; line-height: 1.3; }.super-grid { display: grid; grid-template-columns: 1.1fr 1fr .75fr; gap: 4vw; align-items: end; margin-top: auto; padding-bottom: 9px; }.super-statement { position: relative; padding: 0 20px 0 0; }.big-quote { color: var(--paper); font: 106px/.6 var(--serif); opacity: .85; }.super-statement p { max-width: 320px; margin: 15px 0 21px; font: 600 25px/1.08 var(--serif); }.statement-rule { width: 43px; height: 2px; background: var(--paper); }.super-statement small { display: block; margin-top: 13px; font: 10px var(--mono); letter-spacing: .15em; }.super-points { border-top: 1px solid rgba(11,13,18,.33); }.point-row { display: grid; grid-template-columns: 36px 1fr; gap: 10px; padding: 16px 0; border-bottom: 1px solid rgba(11,13,18,.22); }.point-row > span { color: rgba(11,13,18,.55); font: 10px var(--mono); }.point-row strong { display: block; font-size: 15px; }.point-row small { display: block; margin-top: 3px; color: rgba(11,13,18,.55); font-size: 12px; }.super-test { padding: 21px; background: var(--paper); color: var(--ink); }.test-label { color: rgba(11,13,18,.48); }.super-test strong { display: block; margin-top: 13px; font: 700 37px var(--serif); }.super-test strong span { margin: 0 6px; color: var(--coral); }.super-test > small { color: rgba(11,13,18,.55); font-size: 11px; }.test-bar { height: 5px; margin-top: 21px; background: rgba(11,13,18,.1); }.test-bar i { display: block; width: 68%; height: 100%; background: var(--coral); }

/* split offer */
.split-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 7vw; align-items: center; }.split-left .body-copy { margin-top: 20px; }.raw-ad { position: relative; width: min(380px, 100%); min-height: 238px; margin-top: 33px; padding: 22px; background: var(--ink); color: var(--paper); overflow: hidden; box-shadow: 13px 13px 0 rgba(255,255,255,.35); }.raw-ad::after { content: ''; position: absolute; right: -35px; bottom: -65px; width: 190px; height: 190px; border-radius: 50%; background: var(--coral); opacity: .9; }.ad-badge { color: var(--acid); font: 9px var(--mono); letter-spacing: .14em; }.ad-copy { position: relative; z-index: 1; margin-top: 24px; font: 700 27px/.92 var(--mono); letter-spacing: -.07em; }.ad-copy em { color: var(--coral); font-style: normal; }.ad-price { position: relative; z-index: 2; margin-top: 16px; color: var(--acid); font: 700 18px var(--mono); }.ad-cta { position: absolute; z-index: 3; right: 20px; bottom: 18px; color: var(--ink); font: 600 9px var(--mono); letter-spacing: .06em; }.split-right { display: flex; flex-direction: column; gap: 15px; }.dont-box, .do-box { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 22px; border: 1px solid rgba(11,13,18,.18); }.dont-box { background: rgba(11,13,18,.04); }.do-box { border-color: rgba(111,141,18,.45); background: rgba(202,255,74,.25); }.cross, .check { font: 34px/.9 var(--serif); }.cross { color: var(--coral); }.check { color: #6f8d12; }.dont-box small, .do-box small { color: rgba(11,13,18,.46); font: 9px var(--mono); letter-spacing: .16em; }.dont-box h3, .do-box h3 { margin: 7px 0 7px; font: 600 22px var(--serif); }.dont-box p, .do-box p { margin: 0; color: rgba(11,13,18,.58); font-size: 13px; line-height: 1.4; }.side-note { margin-top: 13px; padding-top: 15px; border-top: 1px solid rgba(11,13,18,.17); color: rgba(11,13,18,.53); font: 11px/1.45 var(--mono); }

/* backends */
.backend-head, .complex-head { margin-top: 43px; }.backend-head .body-copy, .complex-head .body-copy { margin-top: 20px; }.backend-flow { display: flex; align-items: center; margin-top: auto; margin-bottom: 60px; }.backend-node { position: relative; flex: 1; min-height: 140px; padding: 20px; border: 1px solid rgba(248,247,243,.19); background: rgba(248,247,243,.045); }.backend-node.node-front { color: var(--ink); background: var(--acid); border-color: var(--acid); }.backend-node small { display: block; color: var(--coral); font: 10px var(--mono); letter-spacing: .12em; }.backend-node strong { display: block; margin-top: 24px; font: 600 23px/1.05 var(--serif); }.node-front small { color: rgba(11,13,18,.52); }.tiny-arrow { position: absolute; top: 17px; right: 19px; color: var(--coral); font: 24px var(--serif); }.backend-connector { width: 35px; height: 1px; background: var(--coral); }.backend-bottom { display: flex; justify-content: space-between; align-items: end; gap: 30px; padding-top: 21px; border-top: 1px solid rgba(248,247,243,.16); }.backend-bottom .live-dot { margin-right: 7px; background: var(--acid); box-shadow: 0 0 0 4px rgba(202,255,74,.12); }.backend-bottom strong { font-size: 14px; }.backend-bottom p { display: inline; margin-left: 18px; color: rgba(248,247,243,.5); font-size: 12px; }.back-tag { color: var(--acid); text-align: right; font: 10px/1.4 var(--mono); letter-spacing: .08em; }.back-tag em { color: rgba(248,247,243,.4); font-style: normal; }

/* conventional */
.conventional-grid { display: grid; grid-template-columns: 1fr 1fr .8fr; gap: 25px; align-items: stretch; margin-top: auto; padding-bottom: 10px; }.format-stack, .channel-stack { padding-top: 18px; border-top: 1px solid rgba(11,13,18,.26); }.stack-label { display: block; margin-bottom: 18px; color: rgba(11,13,18,.45); }.format-stack div, .channel-stack div { padding: 14px 0; border-bottom: 1px solid rgba(11,13,18,.15); font-size: 14px; }.format-icon { display: inline-block; width: 29px; color: var(--violet); font: 19px var(--serif); }.channel-stack small { display: block; margin-top: 5px; margin-left: 36px; color: rgba(11,13,18,.5); font-size: 11px; }.channel-active { display: inline-block; padding: 5px 8px; color: var(--paper); background: var(--ink); font: 10px var(--mono); letter-spacing: .07em; }.conv-callout { align-self: end; padding: 23px; background: rgba(143,123,255,.19); border-left: 3px solid var(--violet); }.conv-callout strong { font: 600 26px var(--serif); }.conv-callout p { margin: 12px 0 0; color: rgba(11,13,18,.58); font-size: 13px; line-height: 1.4; }

/* low mechanics */
.low-mechanics-head { display: flex; align-items: start; justify-content: space-between; gap: 40px; margin-top: 42px; }.mvp-badge { display: flex; align-items: center; gap: 13px; padding: 13px 16px; background: var(--violet); }.mvp-badge strong { font: 600 19px var(--mono); }.mvp-badge span { color: rgba(11,13,18,.65); font-size: 11px; line-height: 1.2; }.mechanics-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: auto; }.mechanics-card { min-height: 172px; padding: 22px; border-top: 2px solid rgba(11,13,18,.2); background: rgba(11,13,18,.04); }.accent-card { color: var(--paper); background: var(--ink); border-color: var(--violet); }.card-num { color: var(--coral); font: 10px var(--mono); }.mechanics-card h3 { margin: 24px 0 10px; font: 600 24px var(--serif); }.mechanics-card p { margin: 0; color: rgba(11,13,18,.58); font-size: 13px; line-height: 1.42; }.accent-card p { color: rgba(248,247,243,.58); }.low-footer { display: flex; align-items: center; gap: 13px; margin-top: 34px; padding-top: 19px; border-top: 1px solid rgba(11,13,18,.2); color: rgba(11,13,18,.52); font: 9px var(--mono); letter-spacing: .08em; }.low-footer strong { color: var(--ink); font-size: 10px; }.footer-divider { width: 1px; height: 18px; background: rgba(11,13,18,.25); }

/* complex backend */
.backend-complex-layout { }.complex-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; }.complex-head .body-copy { max-width: 320px; }.backend-map { position: relative; width: min(800px, 75vw); height: 195px; margin: 45px auto 0; }.map-root { position: absolute; left: 0; top: 48px; width: 180px; height: 104px; display: grid; place-content: center; color: var(--ink); background: var(--acid); text-align: center; font: 600 19px/1 var(--mono); }.map-root small { margin-top: 8px; color: rgba(11,13,18,.55); font: 10px var(--sans); }.map-node { position: absolute; width: 150px; height: 80px; display: grid; place-content: center; border: 1px solid rgba(248,247,243,.35); color: var(--white); text-align: center; font: 600 13px/1.1 var(--mono); }.node-a { left: 42%; top: 0; }.node-b { right: 0; top: 0; border-color: var(--coral); color: var(--coral); }.node-c { right: 13%; bottom: 0; border-color: var(--violet); color: var(--violet); }.map-line { position: absolute; height: 1px; background: var(--coral); transform-origin: left center; }.line-a { left: 180px; top: 100px; width: 155px; transform: rotate(-20deg); }.line-b { left: 180px; top: 100px; width: 378px; transform: rotate(-12deg); }.line-c { left: 180px; top: 100px; width: 465px; transform: rotate(14deg); background: var(--violet); }.complex-foot { display: flex; justify-content: space-between; align-items: end; gap: 25px; margin-top: auto; padding-top: 20px; border-top: 1px solid rgba(248,247,243,.16); }.complex-foot strong { display: block; margin-top: 8px; font: 600 18px var(--serif); }.complex-foot p { margin: 5px 0 0; color: rgba(248,247,243,.5); font-size: 12px; }.complex-tag { color: var(--acid); text-align: right; font: 10px/1.4 var(--mono); letter-spacing: .08em; }.complex-tag em { color: rgba(248,247,243,.4); font-style: normal; }

/* detail slides */
.anatomy-layout, .signal-layout, .sprint-layout, .offer-layout, .offer-stack-layout, .main-system-layout { display: flex; flex-direction: column; }
.anatomy-head, .signal-head, .sprint-head, .offer-layout-head, .stack-head, .main-system-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 43px; }
.anatomy-head .body-copy, .signal-head .body-copy, .sprint-head .body-copy, .stack-head .body-copy, .main-system-head .body-copy { max-width: 350px; }
.anatomy-rail { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin-top: auto; border-top: 1px solid rgba(11,13,18,.28); border-bottom: 1px solid rgba(11,13,18,.2); }
.anatomy-step { min-height: 145px; padding: 20px 18px 18px 0; border-right: 1px solid rgba(11,13,18,.16); }.anatomy-step:not(:first-child) { padding-left: 18px; }.anatomy-step:last-child { border-right: 0; }.anatomy-step span { color: var(--coral); font: 10px var(--mono); }.anatomy-step strong { display: block; margin-top: 23px; font: 600 22px var(--serif); }.anatomy-step p { margin: 7px 13px 0 0; color: rgba(11,13,18,.55); font-size: 12px; line-height: 1.38; }.anatomy-note { margin-top: 22px; color: rgba(11,13,18,.52); font: 10px var(--mono); letter-spacing: .08em; }.anatomy-note strong { color: var(--ink); }
.signal-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 17px; margin-top: auto; padding-top: 21px; border-top: 1px solid rgba(248,247,243,.2); }.signal-metric { min-height: 145px; padding: 18px 18px 0 0; border-right: 1px solid rgba(248,247,243,.16); }.signal-metric:last-child { border-right: 0; }.signal-metric span { color: var(--acid); font: 10px var(--mono); letter-spacing: .1em; }.signal-metric strong { display: block; margin-top: 26px; color: var(--white); font: 600 25px var(--serif); }.signal-metric p { margin: 7px 20px 0 0; color: rgba(248,247,243,.52); font-size: 12px; line-height: 1.38; }.signal-footer { margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(248,247,243,.16); color: rgba(248,247,243,.52); font-size: 12px; }.signal-footer strong { color: var(--white); }
.sprint-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 17px; margin-top: auto; }.sprint-step { min-height: 175px; padding: 22px; border-top: 2px solid rgba(11,13,18,.2); background: rgba(11,13,18,.04); }.sprint-step.sprint-accent { color: var(--paper); background: var(--ink); border-color: var(--violet); }.sprint-time { color: var(--coral); font: 10px var(--mono); letter-spacing: .12em; }.sprint-step strong { display: block; margin-top: 30px; font: 600 25px var(--serif); }.sprint-step p { margin: 9px 0 0; color: rgba(11,13,18,.57); font-size: 13px; line-height: 1.4; }.sprint-accent p { color: rgba(248,247,243,.57); }.sprint-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(11,13,18,.2); color: rgba(11,13,18,.54); font-size: 12px; }.sprint-footer strong { color: var(--ink); }.sprint-footer b { color: var(--coral); font: 600 16px var(--mono); white-space: nowrap; }
.offer-layout-head { margin-top: 33px; }.offer-layout-head .body-copy { margin-top: 18px; }.offer-logic { width: min(300px, 100%); padding: 15px 0 15px 21px; border-left: 2px solid var(--coral); }.offer-logic-number { display: block; color: var(--coral); font: 10px var(--mono); }.offer-logic strong { display: block; margin-top: 13px; font: 600 22px var(--serif); }.offer-logic p { margin: 6px 0 0; color: rgba(11,13,18,.55); font-size: 12px; line-height: 1.35; }.offer-grid { display: grid; grid-template-columns: minmax(280px, .9fr) 1.1fr; gap: clamp(30px, 6vw, 82px); align-items: center; margin-top: auto; }.offer-layout .raw-ad { width: min(380px, 100%); margin-top: 0; }.offer-rules { display: grid; gap: 14px; }.offer-rule { display: grid; grid-template-columns: 36px 1fr; gap: 14px; padding: 18px 20px; border: 1px solid rgba(11,13,18,.17); background: rgba(11,13,18,.04); }.offer-rule.rule-do { border-color: rgba(111,141,18,.45); background: rgba(202,255,74,.24); }.offer-rule small { color: rgba(11,13,18,.46); font: 9px var(--mono); letter-spacing: .16em; }.offer-rule h3 { margin: 7px 0 6px; font: 600 22px var(--serif); }.offer-rule p { margin: 0; color: rgba(11,13,18,.56); font-size: 12px; line-height: 1.4; }.offer-foot { margin-top: 21px; padding-top: 15px; border-top: 1px solid rgba(11,13,18,.18); color: rgba(11,13,18,.5); font: 10px var(--mono); letter-spacing: .04em; }.offer-foot strong { color: var(--ink); }
.offer-stack-layout { }.stack-head { margin-top: 38px; }.stack-head .body-copy { margin-top: 18px; }.stack-body { display: grid; grid-template-columns: 1.2fr .8fr; align-items: end; gap: clamp(30px, 6vw, 82px); margin-top: auto; }.offer-stack-visual { display: grid; gap: 9px; }.stack-layer { display: grid; grid-template-columns: 34px 1fr; align-items: center; min-height: 55px; padding: 11px 16px; border-left: 3px solid var(--violet); background: rgba(143,123,255,.11); }.stack-layer span { color: var(--coral); font: 10px var(--mono); }.stack-layer strong { font-size: 14px; }.stack-layer small { grid-column: 2; margin-top: 3px; color: rgba(11,13,18,.52); font-size: 11px; }.stack-layer.layer-core { border-color: var(--coral); background: rgba(255,121,94,.14); }.stack-layer.layer-action { border-color: #6f8d12; background: rgba(202,255,74,.28); }.ethics-note { padding: 21px; border: 1px solid rgba(255,121,94,.38); background: rgba(255,121,94,.08); }.ethics-note .cross { display: block; font-size: 29px; }.ethics-note small { color: var(--coral); font: 9px var(--mono); letter-spacing: .14em; }.ethics-note h3 { margin: 15px 0 9px; font: 600 24px/1.05 var(--serif); }.ethics-note p { margin: 0; color: rgba(11,13,18,.57); font-size: 12px; line-height: 1.4; }
.main-system-layout { }.main-system-head { margin-top: 38px; }.main-system-head .body-copy { margin-top: 18px; }.system-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: auto; border-top: 1px solid rgba(11,13,18,.3); border-bottom: 1px solid rgba(11,13,18,.2); }.system-grid > div { min-height: 126px; padding: 19px 18px 17px 0; border-right: 1px solid rgba(11,13,18,.18); }.system-grid > div:not(:first-child) { padding-left: 18px; }.system-grid > div:last-child { border-right: 0; }.system-grid span { color: var(--coral); font: 10px var(--mono); }.system-grid strong { display: block; margin-top: 23px; font: 600 22px var(--serif); }.system-grid small { display: block; margin-top: 6px; color: rgba(11,13,18,.52); font-size: 11px; }.system-footer { margin-top: 21px; padding-top: 15px; border-top: 1px solid rgba(11,13,18,.18); color: rgba(11,13,18,.52); font-size: 12px; }.system-footer strong { color: var(--ink); }

/* ordered backend map */
.backend-map { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 34px; align-items: stretch; width: min(920px, 100%); height: auto; margin: 45px auto 0; }.map-root, .map-node { position: relative; inset: auto; width: auto; height: 112px; display: grid; place-content: center; text-align: center; }.map-root { color: var(--ink); background: var(--acid); font: 600 19px/1 var(--mono); }.map-root small { margin-top: 8px; color: rgba(11,13,18,.55); font: 10px var(--sans); }.map-node { border: 1px solid rgba(248,247,243,.35); color: var(--white); font: 600 13px/1.1 var(--mono); }.map-node.node-b { border-color: var(--coral); color: var(--coral); }.map-node.node-c { border-color: var(--violet); color: var(--violet); }.map-root::after, .map-node:not(.node-c)::after { content: '→'; position: absolute; right: -28px; top: 50%; color: var(--coral); font: 25px var(--sans); transform: translateY(-50%); }.map-line { display: none; }

/* main */
.main-head { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-top: 42px; }.main-head .body-copy { margin-top: 22px; }.main-stamp { display: grid; place-content: center; width: 126px; height: 126px; border: 1px solid rgba(11,13,18,.35); border-radius: 50%; color: var(--ink); text-align: center; transform: rotate(9deg); }.main-stamp span { font: 600 19px var(--mono); letter-spacing: .08em; }.main-stamp small { margin-top: 5px; color: rgba(11,13,18,.55); font: 8px/1.2 var(--mono); letter-spacing: .1em; }.main-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: auto; }.main-pillar { min-height: 160px; padding: 22px 26px; border-left: 1px solid rgba(11,13,18,.28); }.main-pillar:last-child { border-right: 1px solid rgba(11,13,18,.28); }.main-pillar span { color: var(--coral); font: 10px var(--mono); }.main-pillar h3 { margin: 24px 0 9px; font: 600 28px var(--serif); }.main-pillar p { max-width: 220px; margin: 0; color: rgba(11,13,18,.6); font-size: 13px; line-height: 1.42; }.main-quote { margin-top: 33px; padding-top: 18px; border-top: 2px solid var(--coral); color: rgba(11,13,18,.7); font: italic 17px/1.35 var(--serif); }.quote-detail { display: block; margin-top: 7px; color: rgba(11,13,18,.48); font: 10px var(--mono); font-style: normal; letter-spacing: .04em; }

/* main structure */
.structure-head { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-top: 43px; }.structure-head .body-copy { max-width: 350px; }.structure-rail { display: grid; grid-template-columns: repeat(4, 1fr); margin-top: auto; border-top: 1px solid rgba(248,247,243,.21); border-bottom: 1px solid rgba(248,247,243,.21); }.rail-cell { min-height: 140px; padding: 21px 20px; border-right: 1px solid rgba(248,247,243,.16); }.rail-cell:last-child { border-right: 0; }.rail-icon { display: block; color: var(--coral); font: 25px var(--serif); }.rail-cell strong { display: block; margin-top: 19px; font: 600 19px var(--serif); }.rail-cell small { display: block; margin-top: 5px; color: rgba(248,247,243,.5); font-size: 11px; line-height: 1.3; }.main-operating-system { display: flex; align-items: center; gap: 13px; margin-top: 27px; padding: 18px 0; }.main-operating-system .live-dot { background: var(--acid); box-shadow: 0 0 0 4px rgba(202,255,74,.1); }.main-operating-system .mini-label { display: block; color: var(--coral); }.main-operating-system strong { display: block; margin-top: 5px; font-size: 13px; }.operating-arrow { margin-left: auto; color: var(--acid); font-size: 28px; }

/* validation */
.validation-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-top: 43px; }.validation-head .body-copy { max-width: 310px; }.decision-table { margin-top: 52px; border-top: 1px solid rgba(11,13,18,.32); }.decision-row { display: grid; grid-template-columns: 1.15fr 1fr 1.25fr; align-items: center; min-height: 60px; border-bottom: 1px solid rgba(11,13,18,.18); font-size: 13px; }.table-head { min-height: 38px; color: rgba(11,13,18,.46); font: 9px var(--mono); letter-spacing: .15em; }.decision-row > span:last-child { color: rgba(11,13,18,.58); }.decision-pill { justify-self: start; padding: 7px 11px; font: 10px var(--mono); letter-spacing: .06em; }.pill-super { background: var(--coral); }.pill-low { background: var(--violet); }.pill-main { background: var(--acid); }.decision-note { margin-top: auto; padding: 15px 0 7px; color: rgba(11,13,18,.58); font-size: 13px; }.decision-note strong { color: var(--ink); }

/* final */
.final-layout { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }.final-glow { position: absolute; width: 48vw; aspect-ratio: 1; top: -24vw; left: 26%; border-radius: 50%; background: radial-gradient(circle, rgba(202,255,74,.15), transparent 65%); filter: blur(15px); }.final-title { position: relative; margin: 40px 0 0; color: var(--white); font: 700 clamp(55px, 7.5vw, 110px)/.88 var(--serif); letter-spacing: -.06em; }.final-copy { position: relative; margin: 35px 0 0; color: rgba(248,247,243,.65); font-size: 18px; line-height: 1.45; }.final-ladder { position: relative; display: flex; align-items: center; gap: 15px; margin-top: 52px; color: var(--acid); font: 10px var(--mono); letter-spacing: .1em; }.final-ladder i { color: var(--coral); font-size: 20px; font-style: normal; }.final-foot { position: absolute; left: 0; right: 0; bottom: 78px; display: flex; justify-content: space-between; color: rgba(248,247,243,.38); font: 9px var(--mono); letter-spacing: .08em; }

/* controls */
.controls { left: 4.7vw; right: 4.7vw; bottom: 23px; display: flex; align-items: center; gap: 16px; }.control-button { width: 33px; height: 33px; border: 1px solid rgba(11,13,18,.26); color: var(--ink); background: transparent; cursor: pointer; transition: .2s ease; }.control-button:hover { color: var(--paper); background: var(--ink); }.dark-slide ~ .controls .control-button, .final-slide.is-active ~ .controls .control-button { color: var(--white); border-color: rgba(248,247,243,.34); }.progress-wrap { display: flex; align-items: center; gap: 12px; flex: 1; max-width: 260px; }.progress-track { height: 2px; flex: 1; background: rgba(11,13,18,.17); }.progress-track span { display: block; width: 6.67%; height: 100%; background: var(--coral); transition: width .45s ease; }.progress-wrap > span { min-width: 42px; color: rgba(11,13,18,.5); font: 10px var(--mono); }.hint { right: 4.7vw; bottom: 34px; color: rgba(11,13,18,.36); font: 9px var(--mono); letter-spacing: .08em; text-transform: uppercase; }.dark-slide.is-active ~ .controls .control-button, .final-slide.is-active ~ .controls .control-button { color: var(--white); border-color: rgba(248,247,243,.34); }.dark-slide.is-active ~ .controls .progress-wrap > span, .final-slide.is-active ~ .controls .progress-wrap > span { color: rgba(248,247,243,.5); }.dark-slide.is-active ~ .controls .progress-track, .final-slide.is-active ~ .controls .progress-track { background: rgba(248,247,243,.2); }.dark-slide.is-active ~ .hint, .final-slide.is-active ~ .hint { color: rgba(248,247,243,.38); }
.deck.is-dark .control-button { color: var(--white); border-color: rgba(248,247,243,.34); }
.deck.is-dark .progress-wrap > span { color: rgba(248,247,243,.5); }
.deck.is-dark .progress-track { background: rgba(248,247,243,.2); }
.deck.is-dark .hint { color: rgba(248,247,243,.38); }

@media (max-width: 900px) {
  .topbar-center { display: none; }
  .slide { padding: 82px 7vw 75px; overflow-y: auto; }
  .cover-grid, .two-col, .split-layout { grid-template-columns: 1fr; gap: 30px; }
  .cover-grid { width: 86vw; }.cover-art { width: min(330px, 62vw); justify-self: center; }.cover-copy { align-self: end; }.display-title { margin-top: 22px; font-size: clamp(58px, 15vw, 95px); }.cover-meta { margin-top: 28px; }.cover-foot { display: none; }
  .two-col { align-content: center; }.response-flow { margin-top: 0; padding-left: 20px; }.flow-step { padding: 13px 0; grid-template-columns: 55px 1fr; }.flow-step strong { font-size: 22px; }.flow-step small { font-size: 11px; }.quote-mark { display: none; }.bottom-note { left: 7vw; bottom: 72px; }
  .guardrails-head, .evolution-head, .ladder-head, .product-head, .complex-head, .structure-head, .validation-head, .main-head { align-items: start; flex-direction: column; margin-top: 30px; gap: 18px; }.redacted { display: none; }.guardrails-columns { grid-template-columns: 1fr; margin-top: 26px; }.guardrail { min-height: 150px; }.guardrails-foot { margin-top: 22px; }.evolution-track { margin-top: 58px; gap: 15px; }.evo-item { padding-right: 0; }.evo-item strong { font-size: 21px; }.evo-item p { font-size: 11px; }.opportunity-banner { margin-top: 30px; flex-wrap: wrap; }
  .meta-head { grid-template-columns: 1fr; gap: 20px; margin-top: 30px; }.versus { display: none; }.google-block { padding: 20px 0 0; border-left: 0; border-top: 1px solid rgba(248,247,243,.2); }.google-block h3 { font-size: 27px; }.meta-machine { margin-top: 30px; }.machine-row { gap: 7px; font-size: 14px; }.machine-row i { max-width: 24px; }.machine-note { line-height: 1.4; }
  .ladder-visual { width: 100%; margin-top: 18px; }.ladder-step { min-height: 70px; padding: 11px 13px; }.ladder-step h3 { font-size: 20px; }.ladder-step p { font-size: 10px; }.step-main { width: 67%; }.step-low { width: 80%; }.step-super { width: 92%; }
  .super-grid, .conventional-grid { grid-template-columns: 1fr; gap: 17px; margin-top: 29px; }.super-statement p { font-size: 22px; }.super-test { display: none; }.raw-ad { margin-top: 22px; }.split-layout { align-content: center; }.split-right { gap: 10px; }.dont-box, .do-box { padding: 16px; }.backend-flow { margin: 30px 0 25px; flex-wrap: wrap; gap: 7px; }.backend-node { min-width: calc(50% - 5px); min-height: 100px; }.backend-node strong { margin-top: 15px; font-size: 18px; }.backend-connector { display: none; }.backend-bottom { display: block; }.backend-bottom p { display: block; margin: 7px 0 0 22px; }.back-tag { margin-top: 16px; text-align: left; }.mechanics-grid { gap: 10px; }.mechanics-card { min-height: 145px; padding: 16px; }.mechanics-card h3 { margin-top: 18px; font-size: 21px; }.mechanics-card p { font-size: 11px; }.low-footer { flex-wrap: wrap; gap: 8px; margin-top: 18px; }.footer-divider { display: none; }.backend-map { width: 100%; transform: scale(.82); transform-origin: left top; margin: 35px auto 0; }.complex-foot { margin-top: 0; }.structure-rail { grid-template-columns: repeat(2, 1fr); margin-top: 29px; }.rail-cell { min-height: 115px; }.main-operating-system { margin-top: 15px; }.main-grid { margin-top: 30px; }.main-pillar { min-height: 135px; padding: 16px; }.main-pillar h3 { margin-top: 17px; font-size: 23px; }.main-pillar p { font-size: 11px; }.main-quote { margin-top: 20px; font-size: 14px; }.decision-table { margin-top: 28px; }.decision-row { grid-template-columns: 1.1fr .95fr 1.1fr; min-height: 54px; font-size: 11px; }.decision-pill { padding: 6px 7px; font-size: 8px; }.decision-note { margin-top: 28px; }.final-title { font-size: clamp(52px, 14vw, 88px); }.final-ladder { gap: 8px; font-size: 8px; }.final-copy { font-size: 16px; }.final-foot { font-size: 8px; text-align: left; gap: 15px; }.final-foot span:last-child { text-align: right; }
  .hint { display: none; }
}

@media (max-height: 700px) and (min-width: 901px) {
  .slide { padding-top: 75px; padding-bottom: 64px; }.slide-title { font-size: 51px; }.display-title { font-size: 87px; }.guardrails-head, .meta-head, .main-head, .structure-head { margin-top: 28px; }.guardrails-columns { margin-top: 34px; }.evolution-track { margin-top: 60px; }.super-grid { margin-top: 22px; }.product-head { margin-top: 25px; }.main-grid { margin-top: 30px; }.backend-map { margin-top: 25px; }.controls { bottom: 15px; }.hint { bottom: 26px; }
}

@media (max-width: 900px) {
  .ladder-ground { bottom: 44px; }
  .final-foot { bottom: 72px; }
}

@media (max-width: 900px) {
  .anatomy-head, .signal-head, .sprint-head, .offer-layout-head, .stack-head, .main-system-head { align-items: start; flex-direction: column; margin-top: 28px; gap: 16px; }
  .anatomy-rail { grid-template-columns: 1fr; margin-top: 25px; }
  .anatomy-step, .anatomy-step:not(:first-child) { min-height: 0; padding: 15px 0; border-right: 0; border-bottom: 1px solid rgba(11,13,18,.16); }
  .anatomy-step:last-child { border-bottom: 0; }
  .anatomy-step strong { display: inline-block; margin: 0 9px 0 18px; font-size: 19px; }
  .anatomy-step p { display: inline; margin: 0; font-size: 11px; }
  .anatomy-note { margin-top: 17px; }
  .signal-grid, .system-grid { grid-template-columns: 1fr 1fr; margin-top: 28px; }
  .signal-metric, .system-grid > div, .system-grid > div:not(:first-child) { min-height: 112px; padding: 15px 12px 13px 0; }
  .signal-metric:nth-child(2n), .system-grid > div:nth-child(2n) { padding-left: 12px; border-right: 0; }
  .signal-metric:nth-child(-n+2), .system-grid > div:nth-child(-n+2) { border-bottom: 1px solid rgba(248,247,243,.16); }
  .signal-metric strong { margin-top: 17px; font-size: 20px; }
  .signal-metric p { margin-top: 5px; font-size: 11px; }
  .signal-footer, .system-footer { margin-top: 17px; font-size: 11px; }
  .sprint-grid { grid-template-columns: 1fr; gap: 10px; margin-top: 27px; }
  .sprint-step { min-height: 0; padding: 16px; }
  .sprint-step strong { display: inline-block; margin: 0 0 0 13px; font-size: 20px; }
  .sprint-step p { margin: 7px 0 0; font-size: 11px; }
  .sprint-footer { align-items: start; flex-direction: column; gap: 9px; margin-top: 17px; }
  .offer-grid, .stack-body { grid-template-columns: 1fr; gap: 20px; margin-top: 25px; }
  .offer-layout .raw-ad { min-height: 200px; }
  .offer-layout .ad-copy { margin-top: 20px; font-size: 23px; }
  .offer-rule { padding: 15px; }
  .offer-rule h3 { font-size: 20px; }
  .offer-rule p, .ethics-note p { font-size: 11px; }
  .offer-foot { margin-top: 17px; font-size: 9px; line-height: 1.45; }
  .stack-body { margin-top: 26px; }
  .stack-layer { min-height: 50px; padding: 9px 12px; }
  .stack-layer strong { font-size: 13px; }
  .stack-layer small { font-size: 10px; }
  .ethics-note { padding: 16px; }
  .ethics-note h3 { font-size: 21px; }
  .mechanics-grid { grid-template-columns: 1fr; }
  .backend-map { grid-template-columns: 1fr; gap: 30px; width: 100%; height: auto; margin: 25px auto 0; transform: none; }
  .map-root, .map-node { min-height: 84px; height: auto; }
  .map-root::after, .map-node:not(.node-c)::after { content: '↓'; right: auto; left: 50%; top: auto; bottom: -28px; transform: translateX(-50%); }
}

@media (max-width: 900px) {
  .tracking-head, .tracking-implementation-head { align-items: start; flex-direction: column; margin-top: 28px; gap: 16px; }
  .tracking-timeline { grid-template-columns: 1fr; gap: 12px; margin-top: 27px; }
  .tracking-era { min-height: 0; padding: 17px; }
  .tracking-era h3 { margin: 18px 0 7px; font-size: 25px; }
  .tracking-era p { font-size: 11px; }
  .tracking-limit { margin-top: 14px; font-size: 10px; }
  .tracking-shift { flex-direction: row; gap: 9px; }
  .tracking-shift span { font-size: 24px; transform: rotate(90deg); }
  .tracking-shift small { writing-mode: horizontal-tb; font-size: 8px; }
  .tracking-thesis { margin-top: 17px; font-size: 10px; }
  .tracking-flow { grid-template-columns: 1fr; gap: 6px; margin-top: 27px; }
  .tracking-flow > i { justify-self: center; font-size: 20px; transform: rotate(90deg); }
  .tracking-flow-node { min-height: 75px; padding: 12px 14px; }
  .tracking-flow-node strong { display: inline-block; margin: 0 8px 0 12px; font-size: 13px; }
  .tracking-flow-node small { display: inline; font-size: 10px; }
  .tracking-coverage { grid-template-columns: 1fr; gap: 9px; margin-top: 16px; }
  .coverage-card { min-height: 0; padding: 13px 15px; }
  .coverage-card strong { display: inline-block; margin: 0 0 0 8px; }
  .coverage-card p { margin-top: 6px; }
  .tracking-implementation-foot { align-items: start; flex-direction: column; gap: 13px; margin-top: 15px; }
  .tracking-implementation-foot p { font-size: 10px; }
  .tracking-tags { min-width: 0; flex-wrap: wrap; justify-content: start; }
}