:root{--c-bg: #F8F6F2;--c-sand: #D8CFC1;--c-sand-2: #ECE6DC;--c-ink: #0B0B0B;--c-text: #2E2E2E;--c-mute: #5F5A52;--c-green: #0F6A52;--c-green-ink: #DCEBE5;--c-orange: #D85A00;--c-orange-ink: #A84500;--c-btn: #B84C00;--c-btn-hover: #9A3F00;--c-on-accent: #F8F6F2;--f-display: "Sora", "Segoe UI", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, Consolas, monospace;--t-display: clamp(2.6rem, 1.4rem + 5.2vw, 5.6rem);--t-h2: clamp(1.8rem, 1.2rem + 2.2vw, 3rem);--t-h3: clamp(1.15rem, 1rem + .5vw, 1.4rem);--t-body: 1.0625rem;--t-small: .9375rem;--t-label: .72rem;--s1: .5rem;--s2: 1rem;--s3: 1.5rem;--s4: 2rem;--s5: 3rem;--s6: 4rem;--s7: 6rem;--s8: 8rem;--gutter: clamp(1rem, 4vw, 3rem);--maxw: 1240px;--header: 68px;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-mod: cubic-bezier(.7, 0, .2, 1);--d-fast: .16s;--d-med: .26s;--z-progress: 60;--z-header: 50;color-scheme:light}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 16px);-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--c-bg);color:var(--c-ink);font:400 var(--t-body)/1.6 var(--f-display);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{margin:0;font-weight:600;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:inherit}button{font:inherit}img,svg,canvas{display:block;max-width:100%}:focus-visible{outline:2px solid var(--c-green);outline-offset:3px;border-radius:2px}.shell{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.skip{position:absolute;left:1rem;top:-100px;z-index:100;background:var(--c-ink);color:var(--c-bg);padding:.75rem 1rem;text-decoration:none}.skip:focus{top:1rem}.eyebrow{font:700 var(--t-label)/1.3 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--c-green)}.display{font-size:var(--t-display);line-height:.96;letter-spacing:-.048em}.display em{font-style:normal;color:var(--c-orange)}.display.sm{font-size:clamp(2.2rem,1.3rem + 3.6vw,4rem)}.h2{font-size:var(--t-h2);line-height:1.04;letter-spacing:-.035em;margin-top:var(--s2)}.body{color:var(--c-text);max-width:56ch}.lede{font-size:clamp(1.08rem,1rem + .4vw,1.25rem);line-height:1.6;color:var(--c-text);max-width:46ch;margin-top:var(--s3)}.fine{font:500 .78rem/1.5 var(--f-mono);color:var(--c-mute);letter-spacing:.02em}.mod{width:auto;height:18px;aspect-ratio:9 / 7;shape-rendering:crispEdges;fill:var(--c-ink)}.mod .m1{fill:var(--c-orange)}.lock{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}.wm{font-weight:600;font-size:1.32rem;letter-spacing:-.035em;line-height:.72}.wm b{font-weight:600;color:var(--c-orange)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:0 1.4rem;border:0;border-radius:2px;background:var(--c-btn);color:var(--c-on-accent);font:600 1rem/1 var(--f-display);text-decoration:none;cursor:pointer;touch-action:manipulation;transition:background var(--d-fast) var(--ease-out),transform var(--d-fast) var(--ease-out)}.btn:hover{background:var(--c-btn-hover)}.btn:active{transform:scale(.98)}.btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;transition:transform var(--d-med) var(--ease-out)}.btn:hover svg{transform:translate(3px)}.btn.sm{min-height:40px;padding:0 1rem;font-size:.875rem}.btn.lg{min-height:60px;padding:0 2rem;font-size:1.125rem}.btn[disabled]{opacity:.4;cursor:not-allowed;transform:none}.link{background:none;border:0;padding:.5rem 0;min-height:44px;color:var(--c-ink);font-weight:600;font-size:.95rem;text-decoration:underline;text-decoration-color:var(--c-sand);text-underline-offset:5px;text-decoration-thickness:2px;cursor:pointer;transition:text-decoration-color var(--d-fast)}.link:hover{text-decoration-color:var(--c-orange)}.ghost{min-height:48px;padding:0 1.2rem;background:none;border:1px solid var(--c-sand);border-radius:2px;color:var(--c-ink);font-weight:600;cursor:pointer;transition:border-color var(--d-fast)}.ghost:hover:not([disabled]){border-color:var(--c-ink)}.ghost[disabled]{opacity:.4;cursor:not-allowed}.progress{position:fixed;inset:0 0 auto 0;z-index:var(--z-progress);display:grid;grid-template-columns:1fr 3fr 3fr;gap:3px;height:4px;pointer-events:none}.progress i{background:var(--c-sand-2);position:relative;overflow:hidden}.progress i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-ink);transform-origin:left;transform:scaleX(var(--f, 0))}.progress i:first-child:after{background:var(--c-orange)}.top{position:sticky;top:0;z-index:var(--z-header);background:color-mix(in srgb,var(--c-bg) 86%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color var(--d-med)}.top.scrolled{border-bottom-color:var(--c-sand)}.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:var(--header)}.nav{display:flex;gap:var(--s3);font-size:.9rem}.nav a{text-decoration:none;color:var(--c-text);padding:.6rem 0;position:relative}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:.3rem;height:2px;background:var(--c-orange);transform:scaleX(0);transform-origin:left;transition:transform var(--d-med) var(--ease-out)}.nav a:hover:after,.nav a[aria-current=true]:after{transform:scaleX(1)}.nav a[aria-current=true]{color:var(--c-ink)}.hero{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--s3);align-items:stretch;padding-block:clamp(3rem,7vw,6rem) clamp(3rem,6vw,5rem)}.hero-copy{grid-column:1 / span 4;display:flex;flex-direction:column;justify-content:center}.hero .display{margin-top:var(--s3)}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s3);margin-top:var(--s5)}.facts{list-style:none;margin:var(--s6) 0 0;padding:var(--s3) 0 0;border-top:1px solid var(--c-sand);display:grid;grid-template-columns:1fr 3fr 3fr;gap:var(--s3)}.facts li{display:flex;flex-direction:column;gap:4px;font-size:.95rem;min-width:0}.facts .k{font:700 var(--t-label)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute)}.hero-art{grid-column:5 / span 3;margin:0;display:flex;flex-direction:column;gap:var(--s1);min-height:440px}.hero-art canvas{flex:1;width:100%;min-height:0;border-radius:2px;box-shadow:inset 0 0 0 1px var(--c-sand)}.art-cap{display:flex;justify-content:space-between;align-items:center;font:500 .72rem/1 var(--f-mono);color:var(--c-mute);letter-spacing:.06em}.regen{background:none;border:0;color:var(--c-mute);font:inherit;cursor:pointer;min-height:44px;padding:0 .25rem}.regen:hover{color:var(--c-orange-ink)}.layers-sec{padding-block:var(--s7);background:linear-gradient(var(--c-bg),var(--c-sand-2))}.split{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--s3)}.split-head{grid-column:1 / span 3;position:sticky;top:calc(var(--header) + var(--s5));align-self:start}.split-head .body{margin-top:var(--s3)}.stack-legend{display:grid;grid-template-columns:1fr 3fr 3fr;gap:4px;height:8px;margin-top:var(--s5);max-width:280px}.stack-legend i{background:var(--c-sand);transition:background var(--d-med)}.stack-legend i.on{background:var(--c-ink)}.stack-legend i.on:first-child{background:var(--c-orange)}.stack{grid-column:4 / span 4;list-style:none;margin:0;padding:0;display:grid;gap:var(--s4)}.layer{position:sticky;top:calc(var(--header) + var(--s4) + var(--i, 0) * 28px);display:grid;grid-template-columns:auto 1fr;gap:var(--s3);align-items:start;min-height:280px;padding:clamp(1.5rem,3vw,2.5rem);border-radius:2px;box-shadow:0 -1px #0b0b0b0f,0 18px 40px -24px #0b0b0b40}.layer h3{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);letter-spacing:-.035em}.layer p{margin-top:var(--s2);max-width:40ch;color:var(--c-text)}.ln{font:600 clamp(3rem,2rem + 3vw,4.6rem)/.8 var(--f-display);letter-spacing:-.05em;color:var(--c-orange)}.l1{--i: 0;background:var(--c-bg)}.l2{--i: 1;background:var(--c-sand)}.l3{--i: 2;background:var(--c-green);color:var(--c-on-accent)}.l3 p{color:var(--c-green-ink)}.l3 .ln{color:var(--c-on-accent)}.statement{background:var(--c-ink);color:var(--c-bg);padding-block:clamp(5rem,12vw,10rem)}.reveal-text{font-size:clamp(1.8rem,1rem + 3.6vw,4rem);line-height:1.12;letter-spacing:-.035em;max-width:22ch}.reveal-text em{font-style:normal;color:var(--c-orange)}.reveal-text .w{opacity:1}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal-text .w{opacity:.18;animation:wordIn linear both;animation-timeline:view();animation-range:cover calc(18% + var(--wi) * 1.6%) cover calc(30% + var(--wi) * 1.6%)}}}@keyframes wordIn{to{opacity:1}}.preview{padding-block:var(--s7)}.preview-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s5);align-items:start}.preview-head{grid-column:1 / span 3}.preview-head .body{margin-top:var(--s3)}.quiz{grid-column:4 / span 4;background:#fff;box-shadow:0 0 0 1px var(--c-sand),0 30px 60px -40px #0b0b0b59;border-radius:2px;padding:clamp(1.25rem,3vw,2.5rem);container-type:inline-size;view-transition-name:quiz}.quiz-top{display:flex;align-items:center;justify-content:space-between;gap:var(--s2)}.quiz-step{font:700 var(--t-label)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute)}.quiz-bar{display:grid;grid-template-columns:1fr 3fr 3fr;gap:3px;width:140px;height:6px}.quiz-bar i{background:var(--c-sand-2)}.quiz-bar i.done{background:var(--c-ink)}.quiz-bar i.done:first-child{background:var(--c-orange)}.q{border:0;margin:var(--s4) 0 0;padding:0;min-width:0}.q legend{font-size:clamp(1.25rem,1.05rem + .9vw,1.6rem);font-weight:600;letter-spacing:-.02em;line-height:1.25;margin-bottom:var(--s3);padding:0}.q label{display:flex;align-items:center;gap:var(--s2);min-height:56px;padding:.9rem 1.1rem;margin-top:var(--s1);border:1px solid var(--c-sand);border-radius:2px;cursor:pointer;transition:border-color var(--d-fast),background var(--d-fast)}.q label:hover{border-color:var(--c-ink)}.q label:has(input:checked){border-color:var(--c-green);background:color-mix(in srgb,var(--c-green) 7%,white)}.q label:has(input:focus-visible){outline:2px solid var(--c-green);outline-offset:2px}.q input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:20px;height:20px;margin:0;border:2px solid var(--c-sand);border-radius:50%;display:grid;place-items:center;transition:border-color var(--d-fast)}.q input:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c-green);transform:scale(0);transition:transform var(--d-fast) var(--ease-out)}.q input:checked{border-color:var(--c-green)}.q input:checked:before{transform:scale(1)}.quiz-nav{display:flex;justify-content:space-between;gap:var(--s2);margin-top:var(--s4)}.result{margin-top:var(--s3);outline:none}.result h3{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem);letter-spacing:-.03em;line-height:1.1;margin-top:var(--s3)}.result>p{margin-top:var(--s2);color:var(--c-text)}.result-mod{display:grid;grid-template-columns:1fr 3fr 3fr;gap:4px;height:44px;margin-top:var(--s3)}.result-mod i{background:var(--c-sand-2);position:relative}.result-mod i.ok{background:var(--c-green)}.result-mod i.start{background:var(--c-orange)}.result-list{list-style:none;margin:var(--s3) 0 0;padding:0;display:grid;gap:6px;font:500 .8rem/1.4 var(--f-mono);color:var(--c-mute)}.result-list b{color:var(--c-ink);font-weight:700}@container (max-width: 420px){.quiz-nav{flex-direction:column-reverse}.quiz-nav>*{width:100%}.quiz-bar{width:96px}}::view-transition-old(quiz),::view-transition-new(quiz){animation-duration:.22s}.gets-sec{padding-block:var(--s7);border-top:1px solid var(--c-sand)}.sec-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s2);margin-bottom:var(--s5);align-items:end}.sec-head .eyebrow,.sec-head .h2{grid-column:1 / span 4}.sec-head .body{grid-column:5 / span 3;grid-row:2}.bento{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(200px,auto);gap:var(--s2)}.tile{container-type:inline-size;padding:clamp(1.25rem,2.5vw,2rem);border-radius:2px;display:flex;flex-direction:column;gap:var(--s2);background:var(--c-sand-2);transition:transform var(--d-med) var(--ease-out)}.tile:hover{transform:translateY(-3px)}.tile h3{font-size:var(--t-h3);letter-spacing:-.02em;margin-top:auto}.tile p{color:var(--c-text);font-size:var(--t-small);max-width:46ch}.ico{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--c-green)}.t-a{grid-column:1 / span 3;grid-row:span 2;background:var(--c-green);color:var(--c-on-accent)}.t-a .ico{color:var(--c-on-accent);width:44px;height:44px}.t-a p{color:var(--c-green-ink)}.t-a h3{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);letter-spacing:-.03em}.t-b{grid-column:4 / span 4}.t-c{grid-column:4 / span 4;background:var(--c-bg);box-shadow:inset 0 0 0 1px var(--c-sand)}@container (min-width: 520px){.t-b,.t-c{display:grid;grid-template-columns:auto 1fr;column-gap:var(--s3);align-items:start}.t-b h3,.t-c h3{margin-top:0}.t-b p,.t-c p{grid-column:2}.t-b .ico,.t-c .ico{grid-row:span 2}}.steps-sec{padding-block:var(--s7);background:var(--c-sand-2)}.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);position:relative}.timeline:before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:linear-gradient(90deg,var(--c-orange) 0 14.28%,var(--c-ink) 14.28% 57.14%,var(--c-sand) 57.14%)}.timeline li{position:relative;padding-top:var(--s5);min-width:0}.dot{position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%;background:var(--c-bg);border:2px solid var(--c-ink)}.timeline li:first-child .dot{border-color:var(--c-orange);background:var(--c-orange)}.sn{font:700 var(--t-label)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-orange-ink)}.timeline h3{font-size:var(--t-h3);letter-spacing:-.02em;margin-top:var(--s2)}.timeline p{color:var(--c-text);font-size:var(--t-small);margin-top:var(--s1);max-width:36ch}.eco{padding-block:var(--s7);background:var(--c-green);color:var(--c-on-accent)}.eco .eyebrow{color:var(--c-sand)}.eco .body{color:var(--c-green-ink)}.areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(248,246,242,.25)}.area{padding:var(--s4) var(--s3) var(--s4) 0;border-bottom:1px solid rgba(248,246,242,.25);min-width:0;position:relative}.area:not(:nth-child(3n+1)){padding-left:var(--s3);border-left:1px solid rgba(248,246,242,.25)}.area .tag{font:700 var(--t-label)/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-sand)}.area h3{font-size:var(--t-h3);letter-spacing:-.02em;margin-top:var(--s2)}.area p{color:var(--c-green-ink);font-size:var(--t-small);margin-top:var(--s1);max-width:40ch}.area:before{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--c-orange);transition:width var(--d-med) var(--ease-out)}.area:not(:nth-child(3n+1)):before{left:-1px}.area:hover:before{width:33%}.eco .fine{color:var(--c-sand);margin-top:var(--s3)}.name-sec{padding-block:var(--s7)}.name{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--s3);align-items:center}.art133{font-weight:600;font-size:clamp(6rem,3rem + 13vw,15rem);line-height:.78;letter-spacing:-.07em;color:var(--c-orange)}.name>div:last-child{grid-column:4 / span 4}.name blockquote{margin:var(--s3) 0 0;padding-left:var(--s3);border-left:3px solid var(--c-green);font-size:clamp(1.2rem,1rem + .9vw,1.6rem);line-height:1.4;letter-spacing:-.015em}.cite{font:500 .78rem/1 var(--f-mono);color:var(--c-mute);margin-top:var(--s2);padding-left:calc(var(--s3) + 3px)}.name .body{margin-top:var(--s4)}.final{padding-block:var(--s7);background:var(--c-sand)}.final-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));column-gap:var(--s3);row-gap:var(--s4);align-items:end}.final-grid>div:first-child{grid-column:1 / span 4}.final .display{margin-top:var(--s2)}.final .body{margin-top:var(--s3)}.final-cta{grid-column:5 / span 3;display:flex;flex-direction:column;align-items:flex-start;gap:var(--s2)}.final .fine{color:#4e4a43}.foot{padding-block:var(--s5)}.foot-grid{display:grid;grid-template-columns:1fr 3fr 3fr;gap:var(--s3);align-items:center}.motto{font-weight:300;font-size:1.25rem;letter-spacing:-.02em}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.tile,.timeline li,.area,.layer{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 40%}}}@keyframes rise{0%{opacity:.4;translate:0 24px}to{opacity:1;translate:0 0}}[data-speed]{transform:translate3d(0,var(--py, 0px),0);will-change:transform}@media(prefers-reduced-motion:reduce){[data-speed]{transform:none;will-change:auto}}.statement{position:relative;overflow:hidden;isolation:isolate}.statement .shell{position:relative;z-index:1}.para-bars{position:absolute;inset:-20% 3% -20% auto;width:min(28vw,400px);display:grid;grid-template-columns:1fr 3fr 3fr;gap:clamp(10px,2vw,28px);z-index:0;pointer-events:none}.para-bars i{display:block;height:100%}.para-bars i:nth-child(1){background:var(--c-orange);opacity:.9;height:70%;align-self:center}.para-bars i:nth-child(2){background:#1c1c1b;box-shadow:inset 0 0 0 1px #2e2e2c}.para-bars i:nth-child(3){background:var(--c-green);opacity:.55;height:85%;align-self:end}.eco{position:relative;overflow:hidden;isolation:isolate}.eco .shell{position:relative;z-index:1}.eco-mod{position:absolute;right:-4%;top:-6%;width:clamp(280px,38vw,560px);z-index:0;pointer-events:none}.eco-mod svg{width:100%;height:auto;fill:none;stroke:#f8f6f21f;stroke-width:.04}.art133-wrap{grid-column:1 / span 3}@media(max-width:1024px){.nav{display:none}.hero-copy{grid-column:1 / -1}.hero-art{grid-column:1 / -1;min-height:320px;height:340px;margin-top:var(--s5)}.split-head,.stack,.preview-head,.quiz,.art133-wrap,.name>div:last-child,.final-grid>div:first-child,.final-cta{grid-column:1 / -1}.split-head{position:static;margin-bottom:var(--s5)}.art133-wrap{margin-bottom:var(--s3)}.para-bars{width:46vw;right:-8%;opacity:.3}.sec-head .eyebrow,.sec-head .h2,.sec-head .body{grid-column:1 / -1;grid-row:auto}}@media(max-width:760px){.bento{grid-template-columns:1fr}.t-a,.t-b,.t-c{grid-column:1 / -1;grid-row:auto}.timeline{grid-template-columns:1fr;gap:var(--s4)}.timeline:before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto;background:linear-gradient(var(--c-orange) 0 14.28%,var(--c-ink) 14.28% 57.14%,var(--c-sand) 57.14%)}.timeline li{padding-top:0;padding-left:var(--s5)}.areas{grid-template-columns:1fr}.area,.area:not(:nth-child(3n+1)){padding:var(--s3) 0;border-left:0}.area:not(:nth-child(3n+1)):before{left:0}.facts{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr}.layer{grid-template-columns:1fr;min-height:0}}@media(max-width:520px){.bar .btn{display:none}}