:root{--navy:#15172a;--stage:#0e1020;--yellow:#ffdd3c;--blue:#3555ff;--paper:#faf7ee;--cream:#fbfaf5;--text:#0e0f18;--muted:#4a4d66;--muted-on-dark:#cbd2e1;--surface:#fff}@font-face{font-family:Suez One;src:url(/fonts/suez-one-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Assistant;src:url(/fonts/assistant-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Assistant;src:url(/fonts/assistant-600.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Assistant;src:url(/fonts/assistant-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Amatic SC;src:url(/fonts/amatic-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amatic SC;src:url(/fonts/amatic-700.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--text);background:var(--paper);overflow-x:hidden;font-family:Assistant,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}h1,h2,h3{font-family:Suez One,Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;padding:8px 12px;background:var(--yellow);color:#111}:where(a,button,[role=button],input,select,textarea):focus-visible{outline:3px solid var(--blue);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.companion-panel{transform:none!important}.sticky.in-view{transform:rotate(-1.2deg)!important}.paper-chip.in-view,.scrap,.section.stage:after{animation:none!important}}@keyframes scrap-drift{0%{transform:translate3d(-3px,-2px,0) rotate(-1deg)}50%{transform:translate3d(2px,3px,0) rotate(1deg)}to{transform:translate3d(-2px,1px,0) rotate(-.8deg)}}@keyframes chip-settle{0%{transform:translateY(-6px) rotate(-4deg);opacity:0}60%{transform:translateY(1px) rotate(-.6deg);opacity:1}to{transform:translateY(0) rotate(-1.2deg)}}@keyframes tape-pop{0%{transform:rotate(-6deg) scaleY(.6);opacity:0}to{transform:rotate(-6deg) scaleY(1);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(8px) rotate(-.4deg);opacity:0}to{transform:translateY(0) rotate(-.4deg);opacity:1}}@keyframes stage-breathe{0%,to{opacity:0}50%{opacity:.05}}header.site-header{position:sticky;top:0;z-index:10;background:linear-gradient(180deg,rgba(14,16,32,.98),rgba(21,23,42,.92));color:#fff;border-bottom:1px solid hsla(0,0%,100%,.08);padding-top:env(safe-area-inset-top,0);overflow:visible}header .inner{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{gap:10px;font-weight:700;letter-spacing:.3px}.brand,.brand-badge{display:inline-flex;align-items:center}.brand-badge{justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--yellow);color:#111;font-weight:900;box-shadow:0 1px 0 rgba(0,0,0,.2)}.nav-actions{display:inline-flex;align-items:center;gap:12px}.ghost-btn,.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-weight:700;padding:10px 14px;border:1px solid transparent}.primary-btn{background:var(--yellow);color:#111}.secondary-btn{border-color:hsla(0,0%,100%,.2)}.ghost-btn,.secondary-btn{background:transparent;color:#fff}.hero{background:radial-gradient(1200px 600px at 70% -20%,rgba(53,85,255,.18),transparent 60%),radial-gradient(800px 400px at 10% -10%,rgba(255,221,60,.18),transparent 50%),var(--stage);color:var(--cream);padding:64px 0 56px;position:relative;overflow:hidden}.hero .title{font-size:clamp(32px,5vw,54px);line-height:1.1;margin:0 0 16px}.paper-chip{display:inline-block;background:var(--yellow);color:var(--stage);font-weight:900;padding:8px 12px;margin-top:6px;transform:rotate(-1.2deg);border:1px solid rgba(0,0,0,.18);clip-path:polygon(5% 0,95% 2%,100% 12%,98% 92%,90% 100%,8% 98%,0 88%,2% 6%);position:relative}.paper-chip.in-view{animation:chip-settle .6s cubic-bezier(.2,.7,.2,1) both}.paper-chip.in-view:before{animation:tape-pop .5s ease-out 80ms both}.paper-chip:before{content:"";position:absolute;width:80px;height:18px;left:12px;top:-10px;background:linear-gradient(90deg,hsla(49,49%,87%,.9),hsla(49,49%,87%,.8));border-radius:2px;transform:rotate(-6deg);box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 -1px 0 rgba(0,0,0,.06)}.hero .subtitle{font-size:clamp(16px,2.4vw,22px);color:hsla(50,43%,97%,.9);margin:0 0 24px}.hero:before{content:"";inset:-10%;background:radial-gradient(1200px 600px at 50% -10%,transparent,rgba(0,0,0,.35) 70%),radial-gradient(800px 400px at 50% 120%,rgba(0,0,0,.2),rgba(0,0,0,.45) 70%)}.hero-grain,.hero:before{position:absolute;pointer-events:none}.hero-grain{inset:-20%;background:url(/assets/paper/og-mp1-1200x630.jpg) 50%/cover no-repeat;mix-blend-mode:multiply;opacity:.12;filter:contrast(1.2) saturate(.1)}.scraps-back,.scraps-front{position:absolute;width:min(42vw,560px);height:auto;opacity:.45;filter:blur(1px) brightness(.9);pointer-events:none}.scraps-back{left:-6%;top:8%;transform:rotate(-3deg)}.scraps-front{right:-6%;bottom:0;transform:rotate(4deg);opacity:.55}.stamp{position:absolute;top:12px;right:16px;color:#b94a45;border:2px solid rgba(185,74,69,.9);border-radius:8px;padding:6px 10px;font-weight:800;background:hsla(45,55%,96%,.08);transform:rotate(-6deg);letter-spacing:1px}.drift-layer{position:absolute;inset:0;pointer-events:none}.drift{position:absolute;font-size:12px;line-height:1;padding:6px 8px;border-radius:8px;color:hsla(0,0%,100%,.9);background:rgba(0,0,0,.18);border:1px solid hsla(0,0%,100%,.12);backdrop-filter:blur(2px);text-shadow:0 1px 0 rgba(0,0,0,.25)}.drift.top-left{top:8%;left:6%}.drift.top-right{top:10%;right:6%}.drift.bottom-left{bottom:12%;left:6%}.drift.bottom-right{bottom:14%;right:6%}.bidi-ltr{direction:ltr;unicode-bidi:isolate}.sections{background:var(--paper)}.section{padding:56px 0;border-top:1px solid rgba(0,0,0,.06)}.section.stage{background:radial-gradient(900px 500px at 70% -20%,rgba(53,85,255,.18),transparent 60%),radial-gradient(600px 360px at 10% -10%,rgba(255,221,60,.12),transparent 50%),var(--stage);color:var(--cream);overflow:hidden;position:relative}.section.stage:before{inset:-10%;background:url(/assets/paper/og-mp1-1200x630.jpg) 50%/cover no-repeat;opacity:.08;mix-blend-mode:multiply}.section.stage:after,.section.stage:before{content:"";position:absolute;pointer-events:none}.section.stage:after{inset:0;background:radial-gradient(600px 320px at 50% -10%,hsla(0,0%,100%,.12),transparent 70%);animation:stage-breathe 12s ease-in-out infinite}.section.stage p{color:hsla(50,43%,97%,.9)}.section.paper-plain{background:var(--paper)}.hero .container{position:relative;z-index:1}.finale-door .container,.turn-veil .container{z-index:1}.finale-door,.section.notebook,.section.paper,.section.paper-plain,.turn-veil{overflow:hidden}.section.notebook{position:relative;background:repeating-linear-gradient(to bottom,rgba(53,85,255,.12) 0,rgba(53,85,255,.12) 1px,transparent 1px,transparent 26px),var(--paper)}.section.notebook.ltr:after,.section.notebook.rtl:after{content:"";position:absolute;top:0;bottom:0;width:2px;background:rgba(220,64,64,.65)}.section.notebook.rtl:after{right:40px}.section.notebook.ltr:after{left:40px}.section.notebook .container{background:transparent;box-shadow:none;padding:16px 24px 28px}.how-headline{font-size:clamp(34px,5.2vw,60px);font-weight:800;color:var(--stage);margin:0 0 8px;position:relative;display:inline-block}.how-headline:after{content:"";position:absolute;left:-8px;right:-8px;bottom:-8px;height:14px;background:radial-gradient(18px 8px at 10% 50%,rgba(0,0,0,.06),transparent 60%),linear-gradient(90deg,rgba(255,221,60,.95),rgba(255,221,60,.88) 60%,rgba(255,221,60,.95));filter:drop-shadow(0 1px 0 rgba(0,0,0,.05));border-radius:8px/10px;transform:rotate(-.8deg);z-index:-1}.how-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:start;margin-top:18px}@media (max-width:860px){.how-grid{grid-template-columns:1fr}}.sticky{position:relative;background:var(--yellow);color:var(--stage);clip-path:polygon(4% 0,96% 2%,100% 10%,98% 92%,92% 100%,10% 98%,0 86%,2% 8%);padding:18px 16px 16px;box-shadow:0 10px 18px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.12);transform:rotate(-1.2deg)}.sticky.in-view{transform:rotate(-1.2deg) translateZ(24px)}.sticky:before{content:"";position:absolute;width:92px;height:24px;left:16px;top:-10px;background:linear-gradient(90deg,hsla(49,49%,87%,.9),hsla(49,49%,87%,.8));border-radius:2px;transform:rotate(-6deg);box-shadow:0 1px 0 rgba(0,0,0,.08),inset 0 -1px 0 rgba(0,0,0,.06);filter:saturate(.6) contrast(.9)}.step-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:3px solid rgba(0,0,0,.7);font-weight:900;margin-bottom:6px}.sticky .primary-btn{background:var(--stage);color:var(--yellow);border-color:transparent}.sketch{font-weight:800;color:var(--stage)}.hand{fill:none;stroke:#15172a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 rgba(0,0,0,.05))}.rough-underline{margin-top:6px}.rough-underline svg{display:block}.section p a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.section.paper{background:repeating-linear-gradient(to bottom,rgba(53,85,255,.08) 0,rgba(53,85,255,.08) 1px,transparent 1px,transparent 26px),url(/assets/paper/og-mp1-1200x630.jpg) 50% /cover no-repeat,var(--paper)}.section.paper .container{background:hsla(0,0%,100%,.82);box-shadow:0 10px 40px rgba(0,0,0,.08),0 2px 12px rgba(0,0,0,.05);border-radius:14px;padding:28px 20px;transform:perspective(900px) rotateX(1.2deg);position:relative}.section.paper .container:after{content:"";position:absolute;inset:0;border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7),inset 0 -1px 0 rgba(0,0,0,.06);pointer-events:none}.section.paper .primary-btn{background:var(--yellow);color:var(--stage);border-color:transparent}.proof-frame{margin-top:16px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:linear-gradient(145deg,rgba(0,0,0,.02),rgba(0,0,0,.06)),#fff;min-height:180px;display:grid;place-items:center;color:#333;box-shadow:0 20px 40px rgba(0,0,0,.18),0 6px 14px rgba(0,0,0,.12);transform:perspective(900px) rotateX(2.2deg) rotate(-.6deg)}.turn-veil{position:relative;background:url(/assets/paper/cinema-poster.jpg) 50%/cover no-repeat,var(--navy)}.turn-veil:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.52)}.turn-veil .container{position:relative;color:var(--cream)}.finale-door,.hero,.turn-veil{position:relative;perspective:1000px;transform-style:preserve-3d}.scraps-wrap{position:absolute;inset:0;pointer-events:none;z-index:0}.scrap{position:absolute;width:90px;height:70px;background:#fffdf6;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 22px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.12);clip-path:polygon(6% 3%,94% 0,100% 12%,97% 96%,8% 100%,0 86%,3% 6%);display:grid;place-items:center;animation:scrap-drift 22s ease-in-out infinite alternate}.scrap.s1{top:6%;left:2%;transform:rotate(-5deg)}.scrap.s2{top:18%;right:3%;transform:rotate(7deg)}.scrap.s3{bottom:8%;left:8%;transform:rotate(3deg)}.scrap.s4{bottom:12%;right:10%;transform:rotate(-6deg)}.scribble{font-weight:700;font-family:Amatic SC,Comic Sans MS,cursive;color:#0e0f20;opacity:.8;letter-spacing:.5px;font-size:16px}.finale-door{position:relative;background:url(/assets/paper/cinema-poster.jpg) 50%/cover no-repeat,var(--navy)}.finale-door:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.55))}.finale-door .container{position:relative;color:var(--cream)}.notes-row{display:flex;flex-direction:column;gap:14px;margin-top:12px}.note{background:#fffef9;color:var(--stage);padding:16px 16px 18px;clip-path:polygon(5% 0,95% 2%,100% 10%,98% 98%,8% 100%,0 90%,2% 8%);box-shadow:0 10px 20px rgba(0,0,0,.12),inset 0 1px 0 hsla(0,0%,100%,.7);transform:rotate(-.8deg)}::-moz-selection{background:var(--yellow);color:#111}::selection{background:var(--yellow);color:#111}.finale-door p,.hero p,.turn-veil p{color:hsla(50,43%,97%,.9)}.finale-door .nav-actions .secondary-btn,.hero .nav-actions .secondary-btn,.turn-veil .nav-actions .secondary-btn{background:transparent;color:var(--cream);border-color:hsla(50,43%,97%,.35)}.primary-btn{padding:12px 16px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;background:var(--yellow);color:var(--stage);border-radius:10px;transform:rotate(-1deg);border:1px solid rgba(0,0,0,.18)}.chip.sel{transform:rotate(-1.4deg);border-color:rgba(0,0,0,.28)}.chip-num{font-weight:900}.companion-rail{position:fixed;top:88px;bottom:88px;width:240px;display:flex;flex-direction:column;gap:10px;padding:10px;background:rgba(21,23,42,.04);pointer-events:auto;z-index:50}.companion-rail.rtl{left:10px}.companion-rail.ltr{right:10px}@media (max-width:1060px){.companion-rail{display:none}}.companion-panel{top:88px;bottom:88px;width:300px;padding:12px;background:hsla(45,55%,96%,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 22px rgba(0,0,0,.18),0 2px 6px rgba(0,0,0,.12);overflow:auto;z-index:45;transform:translateZ(60px) rotate(-.6deg);position:fixed}.companion-panel.rtl{right:10px}.companion-panel.ltr{left:10px}@media (max-width:1200px){.companion-panel{display:none}}.companion-panel:after{content:"";position:absolute;inset:-16px;background:radial-gradient(200px 140px at 50% -20%,rgba(255,221,60,.08),transparent 70%);pointer-events:none;z-index:-1}.entry{background:#fffef9;border:1px solid rgba(0,0,0,.08);clip-path:polygon(5% 0,95% 2%,100% 10%,98% 98%,8% 100%,0 90%,2% 8%);padding:10px 12px;margin-bottom:10px}.entry.reveal{animation:fade-in-up .6s ease-out both}.note.in-view{animation:fade-in-up .5s ease-out both}.entry,.note{color:#0e0f20;text-shadow:0 1px 0 hsla(0,0%,100%,.35)}@media (max-height:640px){.hero{padding:34px 0}.hero .title{margin-bottom:8px}.hero .subtitle{margin:0 0 8px}.hero .hero-ticker,.hero .nav-actions{margin-top:6px}}.entry-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.avatar-stamp{width:26px;height:26px;border-radius:50%;border:2px solid #15172a;display:grid;place-items:center;font-weight:900;transform:rotate(-5deg)}.entry p{margin:0;font-size:14px;color:#0e0f20}.companion-mobile{position:fixed;left:0;right:0;bottom:0;display:grid;grid-auto-flow:column;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));justify-content:center;background:rgba(21,23,42,.85);z-index:60}.with-mobile-companion{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.hero-ticker{display:inline-flex;align-items:center;gap:10px;margin-top:8px}.hero-ticker .paper-chip:before{width:60px;height:14px}.companion-mobile .dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.4)}.companion-mobile .dot.sel{background:var(--yellow)}@media (min-width:1061px){.companion-mobile{display:none}}.section h2{font-size:clamp(24px,3.5vw,36px);margin:0 0 12px}.section p{color:var(--muted);margin:8px 0 0}.footer{background:var(--navy);color:#fff;padding:28px 0 40px;border-top:1px solid hsla(0,0%,100%,.08)}.footer a{color:#fff;text-decoration:underline;text-underline-offset:2px}.footer .grid{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width:720px){.footer .grid{grid-template-columns:1fr auto auto auto auto;align-items:start}}