@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,700;12..96,800&family=Onest:wght@300;400;500;600&display=swap";:root{color-scheme:dark;--bg: oklch(13% .012 240);--bg-soft: oklch(17% .016 240);--bg-elevated: oklch(22% .018 240);--bg-ink: oklch(10% .008 240);--line: oklch(36% .03 240 / .45);--line-strong: oklch(55% .05 62 / .5);--text: oklch(93% .018 88);--text-soft: oklch(77% .018 90);--text-dim: oklch(62% .015 100);--accent: oklch(74% .12 65);--accent-soft: oklch(62% .08 65);--secondary: oklch(71% .06 220);--shadow: 0 24px 80px oklch(4% .01 240 / .45);--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 28px;--radius-pill: 999px;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--content-width: min(1200px, calc(100vw - 32px) )}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Onest,sans-serif;background:radial-gradient(circle at top,oklch(23% .024 220 / .32),transparent 0 36%),linear-gradient(180deg,#04080b,#020508);color:var(--text);min-width:320px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(oklch(100% 0 0 / .02) 1px,transparent 1px),linear-gradient(90deg,oklch(100% 0 0 / .02) 1px,transparent 1px);background-size:88px 88px;-webkit-mask-image:radial-gradient(circle at center,black 28%,transparent 80%);mask-image:radial-gradient(circle at center,black 28%,transparent 80%);pointer-events:none}#root{min-height:100vh}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}.page-shell{position:relative;min-height:100vh}.password-gate{min-height:100vh;display:grid;place-items:center;background:#f7f4ed}.password-gate__form{display:grid;gap:14px;justify-items:center}.password-gate__input{width:min(280px,calc(100vw - 48px));border:1px solid rgba(24,24,24,.14);border-radius:16px;background:#ffffffe0;color:#171717;font:500 16px/1 Onest,sans-serif;letter-spacing:.01em;padding:16px 18px;outline:none;box-shadow:0 14px 40px #12121214}.password-gate__input::placeholder{color:#17171770}.password-gate__input:focus{border-color:#1717174d;box-shadow:0 20px 48px #1212121f}.password-gate__error{font-size:.82rem;color:#912525d1;letter-spacing:.04em;text-transform:uppercase}.password-gate__sr-only,.password-gate__submit{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ambient-backdrop{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed}.ambient-backdrop__glow{border-radius:999px;filter:blur(70px);position:absolute}.ambient-backdrop__glow--one{background:#9f6f3d33;height:420px;right:-120px;top:120px;width:420px;animation:drift 18s infinite alternate var(--ease-out-quart)}.ambient-backdrop__glow--two{background:#50798624;bottom:8%;height:360px;left:-120px;width:360px;animation:drift 22s infinite alternate-reverse var(--ease-out-quart)}.ambient-backdrop__mesh{background:radial-gradient(circle at 20% 20%,oklch(80% .08 65 / .08),transparent 0 28%),radial-gradient(circle at 80% 25%,oklch(72% .04 220 / .08),transparent 0 24%),radial-gradient(circle at 50% 80%,oklch(62% .05 45 / .06),transparent 0 25%);top:0;right:0;bottom:0;left:0;position:absolute}.page{display:grid;gap:var(--space-4xl);padding:clamp(24px,4vw,48px)}.site-rail{display:none}.story-section{margin:0 auto;max-width:var(--content-width);position:relative;width:100%}.section-grid{align-items:start;display:grid;gap:clamp(28px,4vw,56px)}.section-heading{display:grid;gap:var(--space-md);margin-bottom:clamp(28px,5vw,56px);max-width:68ch}.section-heading h2,.display-title{font-family:Bricolage Grotesque,sans-serif;font-weight:700;letter-spacing:-.04em;line-height:.94}.display-title{font-size:clamp(3rem,8vw,6.8rem);max-width:12ch}.section-heading h2{font-size:clamp(2.2rem,5vw,4rem)}.lead,.section-heading p,.issue-card__body p,.feature-card p,.goal-pill p,.process-block p,.reflection-panel p{color:var(--text-soft);font-size:1.02rem;line-height:1.72;max-width:68ch}.eyebrow,.panel__label,.panel__meta,.hero-visual__label,.process-block__index,.media-placeholder__eyebrow,.meta-card span,.feature-card__number{color:var(--text-dim);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase}.hero-grid,.problem-grid,.goals-grid,.reflection-grid{grid-template-columns:1fr}.hero-copy{display:grid;gap:var(--space-lg)}.hero-metadata{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.meta-card,.panel,.goal-pill,.feature-card,.process-block,.media-placeholder,.hero-visual__frame{background:linear-gradient(180deg,#12191fe0,#0a1015f5);border:1px solid var(--line);box-shadow:var(--shadow)}.meta-card{border-radius:var(--radius-md);display:grid;gap:var(--space-sm);min-height:120px;padding:var(--space-lg)}.meta-card strong{font-family:Bricolage Grotesque,sans-serif;font-size:1.22rem;font-weight:600;line-height:1.18}.hero-visual__frame{border-radius:clamp(28px,4vw,40px);overflow:hidden;padding:clamp(18px,2vw,24px);position:relative}.hero-visual__canvas{aspect-ratio:.95;background:linear-gradient(180deg,#13212b,#01060c),radial-gradient(circle at 20% 30%,oklch(80% .1 65 / .18),transparent 0 30%);border-radius:calc(var(--radius-lg) + 4px);min-height:520px;overflow:hidden;position:relative}.hero-visual__orb{animation:floatOrb 10s infinite alternate var(--ease-out-quart);background:radial-gradient(circle,oklch(80% .12 70 / .9),oklch(75% .08 65 / .08) 58%,transparent 72%);border-radius:999px;height:180px;left:12%;position:absolute;top:16%;width:180px}.hero-visual__chart{animation:shimmer 5s infinite linear;background:linear-gradient(90deg,transparent,oklch(90% .03 100 / .12),transparent),linear-gradient(180deg,transparent 0 46%,oklch(90% .02 100 / .08) 46% 48%,transparent 48% 100%);border:1px solid oklch(80% .05 70 / .12);border-radius:999px;inset:12% 8% auto auto;min-height:220px;position:absolute;transform:rotate(-8deg);width:58%}.hero-card{border-radius:28px;position:absolute}.hero-card--front{animation:floatCard 8s infinite alternate var(--ease-out-quart);background:linear-gradient(160deg,#101c25,#030a11),radial-gradient(circle at top right,oklch(76% .08 65 / .18),transparent 0 30%);border:1px solid oklch(75% .05 65 / .22);bottom:10%;color:var(--text);display:grid;gap:var(--space-md);left:8%;max-width:360px;padding:var(--space-lg);z-index:3}.hero-card--front strong{font-family:Bricolage Grotesque,sans-serif;font-size:1.45rem;line-height:1.05}.hero-card--front p,.hero-card__kicker{color:var(--text-soft)}.hero-card__kicker{font-size:.82rem;letter-spacing:.16em;text-transform:uppercase}.hero-card--mid,.hero-card--back{background:linear-gradient(180deg,#252f37bf,#0c131899);border:1px solid oklch(90% .01 100 / .08);inset:auto 10% 18% auto;width:42%}.hero-card--mid{height:44%;opacity:.55;transform:rotate(8deg)}.hero-card--back{height:52%;opacity:.34;right:16%;transform:rotate(15deg)}.panel{border-radius:var(--radius-lg);padding:clamp(20px,2vw,28px)}.panel__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:space-between;margin-bottom:var(--space-lg)}.retention-chart{aspect-ratio:1.3;overflow:hidden;position:relative}.retention-chart__axis{background:#e1ddd71a;position:absolute}.retention-chart__axis--y{height:78%;left:6%;top:8%;width:1px}.retention-chart__axis--x{bottom:11%;height:1px;left:6%;width:88%}.retention-chart__line{animation:drawLine 2.2s var(--ease-out-expo) both;background:linear-gradient(90deg,#89abb6,#b4a792,#daa168);clip-path:polygon(0% 16%,17% 22%,35% 54%,58% 90%,84% 82%,100% 84%,100% 100%,0% 100%);height:54%;left:10%;opacity:.95;position:absolute;top:20%;width:74%}.retention-chart__stage,.retention-chart__callout{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121c23b8;border:1px solid oklch(84% .04 70 / .18);border-radius:20px;color:var(--text-soft);padding:10px 12px;position:absolute}.retention-chart__stage{font-size:.8rem;max-width:120px}.retention-chart__stage--one{left:10%;top:12%}.retention-chart__stage--two{left:28%;top:20%}.retention-chart__stage--three{left:52%;top:56%}.retention-chart__stage--four{left:78%;top:48%}.retention-chart__callout{bottom:8%;max-width:280px;right:6%}.stack,.goal-stack,.process-stack,.reflection-panels,.issue-card{display:grid;gap:var(--space-lg)}.issue-card__body{display:grid;gap:var(--space-sm)}.issue-card__body h3,.process-block h3,.goal-pill h3,.feature-card h3{font-family:Bricolage Grotesque,sans-serif;font-size:clamp(1.3rem,2vw,1.8rem);letter-spacing:-.03em;line-height:1.08}.goal-pill{border-radius:var(--radius-md);display:grid;gap:var(--space-sm);padding:var(--space-lg)}.feature-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{border-radius:var(--radius-md);display:grid;gap:var(--space-md);min-height:250px;overflow:hidden;padding:var(--space-lg);position:relative;transition:transform .22s var(--ease-out-quart),border-color .22s var(--ease-out-quart),background-color .22s var(--ease-out-quart)}.feature-card:after{background:radial-gradient(circle,oklch(78% .11 65 / .16),transparent 70%);content:"";height:180px;position:absolute;right:-60px;top:-60px;width:180px}.feature-card:hover{border-color:var(--line-strong);transform:translateY(-4px)}.process-block{align-items:center;border-radius:var(--radius-lg);display:grid;gap:var(--space-xl);overflow:hidden;padding:clamp(20px,2vw,28px)}.process-block--stack{gap:var(--space-lg)}.process-block__body{display:grid;gap:var(--space-md)}.process-note{color:var(--accent)}.media-placeholder{background:linear-gradient(160deg,#0d171f,#02060b),radial-gradient(circle at top right,oklch(78% .08 65 / .12),transparent 0 30%);border-radius:var(--radius-md);min-height:360px;overflow:hidden;padding:var(--space-md);position:relative}.media-placeholder__chrome{display:flex;gap:6px}.media-placeholder__chrome span{background:#e0d6ca59;border-radius:999px;display:block;height:8px;width:8px}.media-placeholder__content{display:grid;gap:var(--space-sm);height:calc(100% - 14px);padding-top:var(--space-md)}.media-placeholder__content h4{font-family:Bricolage Grotesque,sans-serif;font-size:1.35rem;line-height:1.06;max-width:26ch}.media-placeholder__content p:not(.media-placeholder__eyebrow){color:var(--text-soft);max-width:44ch}.media-placeholder__stage{display:grid;flex:1;gap:var(--space-md);grid-template-columns:1fr;margin-top:var(--space-md);min-height:220px;position:relative}.media-placeholder__track{animation:shimmer 4.2s infinite linear;background:linear-gradient(90deg,transparent,oklch(76% .06 65 / .16),transparent),linear-gradient(180deg,oklch(86% .02 75 / .08),transparent);border:1px solid oklch(100% 0 0 / .08);border-radius:22px;inset:18% 6% auto 6%;min-height:140px;position:absolute}.media-placeholder__pulse{animation:pulseFloat 5.5s infinite alternate var(--ease-out-quart);background:linear-gradient(180deg,#14212a,#060e14);border:1px solid oklch(76% .05 65 / .22);border-radius:24px;bottom:12%;box-shadow:0 18px 50px #00010266;height:116px;left:14%;position:absolute;transform:rotate(-4deg);width:min(75%,320px)}.media-placeholder--grid .media-placeholder__stage{align-content:start;grid-template-columns:repeat(3,minmax(0,1fr))}.media-placeholder__mini-card{animation:revealUp .8s both var(--ease-out-expo);animation-delay:calc(var(--i, 0) * 50ms);aspect-ratio:.9;background:linear-gradient(180deg,#131e26,#070e13);border:1px solid oklch(100% 0 0 / .08);border-radius:22px;min-height:120px;position:relative}.media-placeholder__mini-card:after{background:linear-gradient(90deg,transparent,oklch(75% .08 65 / .18),transparent);content:"";inset:auto 12px 16px 12px;height:24px;position:absolute}.reflection-panel{min-height:180px}.reveal,.reveal-card{animation:revealUp .9s both var(--ease-out-expo)}.reveal-card{animation-delay:calc(var(--i, 0) * 80ms)}@keyframes revealUp{0%{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,-16px,0) scale(1.08)}}@keyframes shimmer{0%{transform:translate(-4%)}to{transform:translate(4%)}}@keyframes floatCard{0%{transform:translateZ(0) rotate(-5deg)}to{transform:translate3d(0,-12px,0) rotate(-1deg)}}@keyframes floatOrb{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(30px,24px,0) scale(1.14)}}@keyframes pulseFloat{0%{transform:rotate(-4deg) translateZ(0)}to{transform:rotate(-1deg) translate3d(0,-8px,0)}}@keyframes drawLine{0%{clip-path:polygon(0% 16%,0% 16%,0% 100%,0% 100%);opacity:.4}to{clip-path:polygon(0% 16%,17% 22%,35% 54%,58% 90%,84% 82%,100% 84%,100% 100%,0% 100%);opacity:.95}}@media (min-width: 900px){.page{padding-left:320px}.site-rail{display:block;left:0;padding:28px 20px 28px 28px;position:fixed;top:0;width:296px;z-index:2}.site-rail__inner{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080e13b3;border:1px solid var(--line);border-radius:28px;display:grid;gap:var(--space-xl);min-height:calc(100vh - 56px);padding:24px}.site-rail__title{font-family:Bricolage Grotesque,sans-serif;font-size:2rem;letter-spacing:-.04em;line-height:.98}.site-nav{display:grid;gap:var(--space-xs)}.site-nav__link{align-items:center;border:1px solid transparent;border-radius:999px;color:var(--text-dim);display:flex;min-height:42px;padding:0 14px;transition:color .18s var(--ease-out-quart),border-color .18s var(--ease-out-quart),background-color .18s var(--ease-out-quart),transform .18s var(--ease-out-quart)}.site-nav__link:hover,.site-nav__link.is-active{background:#0e171e;border-color:var(--line);color:var(--text);transform:translate(4px)}.hero-grid,.problem-grid,.goals-grid,.reflection-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.goals-grid{align-items:center}.issue-card{grid-template-columns:minmax(0,1fr)}.process-block{grid-template-columns:minmax(0,3fr) minmax(0,7fr)}.process-block:nth-child(2n):not(.process-block--stack) .process-block__body{order:2}.process-block:nth-child(2n):not(.process-block--stack) .process-block__media{order:1}}@media (min-width: 1180px){.hero-grid{grid-template-columns:minmax(0,5.2fr) minmax(0,6.8fr)}.issue-card{grid-template-columns:minmax(0,4fr) minmax(0,6fr)}}@media (pointer: fine){.meta-card:hover,.goal-pill:hover,.panel:hover,.hero-visual__frame:hover{border-color:var(--line-strong);transition:border-color .22s var(--ease-out-quart)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}