body.home{--m:clamp(16px, 3vw, 40px);--step-xl:clamp(88px, 15vw, 230px);--step-l:clamp(40px, 6vw, 104px);--step-m:clamp(24px, 2.4vw, 36px);--step-s:18px;--step-xs:14px;--ease-out:cubic-bezier(.16, 1, .3, 1);--field-night:var(--c-night);--field-paper:var(--c-paper);--on-night:var(--c-mist);background:var(--field-night);font-size:var(--step-s)}.home main{overflow-x:clip}.home .site-header{z-index:5;padding:18px var(--m);color:var(--on-night);background:0 0;border:0;position:absolute;inset:0 0 auto}.home .site-header .brand img{filter:invert()}.home .site-header nav a{color:var(--on-night)}.home .site-header .pill.small{background:var(--c-yellow);color:var(--c-ink)}.trend .figure,.proof-tile strong,.zeros strong{padding-bottom:.16em}.home h2,.home h3{font-family:var(--display);letter-spacing:-.035em;margin:0;font-weight:700;line-height:.95}.home h2{font-size:var(--step-l);max-width:none}.home p{max-width:none;margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.chapter{padding:clamp(72px, 10vw, 160px) var(--m);position:relative}.button{min-height:48px;font:600 var(--step-s) / 1 var(--sans);transition:transform .16s var(--ease-out), background-color .16s;border:2px solid;border-radius:999px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)scale(.98)}.button:focus-visible,.live button:focus-visible,.proof-tile:focus-visible,summary:focus-visible,.bars li:focus-visible,.tile.go:focus-visible{outline:3px solid var(--c-orange);outline-offset:3px}.button.accent{background:var(--c-yellow);border-color:var(--c-yellow);color:var(--c-ink)}.button.ink{background:var(--c-ink);border-color:var(--c-ink);color:var(--c-yellow)}.button.ghost{color:inherit;background:0 0}.actions{flex-wrap:wrap;gap:12px;display:flex}.hero{background:var(--field-night);min-height:100svh;color:var(--on-night);grid-template-rows:1fr auto;align-content:end;gap:48px;display:grid;overflow:hidden}.ascii-wall{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hero-name{font:700 var(--step-xl) / .84 var(--display);letter-spacing:-.045em;white-space:nowrap;align-self:center;margin:10vh 0 0;position:relative}.hero-name .line{padding-bottom:.08em;display:block;overflow:hidden}.hero-name .line>span{animation:line-up .9s var(--ease-out) both;display:inline-block}.hero-name .two>span{color:var(--c-yellow);animation-delay:.11s}@keyframes line-up{0%{transform:translateY(105%)}}.hero-foot{animation:fade-up .7s .45s var(--ease-out) both;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;display:flex;position:relative}.hero-foot p{max-width:40ch;font-size:var(--step-s);line-height:1.5}.hero-copy{gap:8px;display:grid}.hero-foot .tagline{font:700 var(--step-m) / 1.1 var(--display);letter-spacing:-.02em}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}}.film{background:var(--field-paper);color:var(--c-ink);gap:40px;display:grid}.film-frame{background:var(--c-paper-deep);aspect-ratio:16/9;border-radius:24px;position:relative;overflow:hidden}.film-frame video{object-fit:cover;width:100%;height:100%;display:block}.film-toggle{background:var(--c-paper);color:var(--c-ink);min-height:40px;font-size:var(--step-xs);position:absolute;bottom:16px;right:16px}.live{background:var(--c-yellow);color:var(--c-ink);align-content:center;gap:40px;min-height:90svh;display:grid}.live .live-title{font-size:var(--step-m);letter-spacing:-.02em}.live-input{width:100%;color:var(--c-ink);font:700 var(--step-l) / 1.05 var(--display);letter-spacing:-.035em;caret-color:var(--c-tomato);caret-shape:block;text-overflow:ellipsis;background:0 0;border:0;outline:none;padding:0}.live-input:focus-visible{-webkit-text-decoration:underline 4px var(--c-tomato);text-decoration:underline 4px var(--c-tomato);text-underline-offset:.12em}.live-answer{background:var(--c-white);border-radius:24px;gap:14px;max-width:640px;padding:24px;display:grid}.live-art{width:min(100%,380px);height:auto}.live-blurb{color:#3d3d2c;font-size:var(--step-xs)}.live-mantra{font-size:var(--step-m);font-weight:600;line-height:1.25}.rocks{background:#f1e98a;border-radius:999px;flex-wrap:wrap;gap:6px;width:fit-content;padding:4px;display:flex}.rock{min-height:40px;color:var(--c-ink);font:600 var(--step-xs) / 1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.rock:before{content:"";background:var(--tone);width:14px;height:18px;-webkit-mask:url(/rocks/moai.svg) 50%/contain no-repeat;mask:url(/rocks/moai.svg) 50%/contain no-repeat}.rock.yellow{--tone:#d8b800}.rock.grey{--tone:var(--c-grey-deep)}.rock.firm{--tone:var(--c-tomato)}.rock[aria-checked=true]{background:var(--c-ink);color:#fff}.rock[aria-checked=true]:before{background:#fff}.reply{grid-template-columns:56px 1fr auto;align-items:start;gap:12px;display:grid}.reply span{color:#3d3d2c;font-size:var(--step-xs);padding-top:3px}.reply p{line-height:1.4}.copy{border:2px solid var(--c-ink);min-height:36px;font:600 var(--step-xs) / 1 var(--sans);cursor:pointer;background:0 0;border-radius:999px;padding:0 14px}.live-examples{flex-wrap:wrap;gap:8px;display:flex}.live-examples button{background:var(--c-ink);min-height:44px;color:var(--c-yellow);font:600 var(--step-s) / 1 var(--sans);cursor:pointer;transition:transform .16s var(--ease-out);border:0;border-radius:999px;padding:0 18px}.live-examples button:hover{transform:translateY(-2px)}.sky{background:var(--c-night);color:var(--on-night);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:32px;display:grid}.sky-head h2,.tarot-copy h2{font-size:clamp(36px,4.2vw,64px)}.sky-head{grid-column:1/6;gap:24px;display:grid;position:sticky;top:96px}.sky-head p{max-width:42ch;line-height:1.5}.sky-panel{grid-column:6/-1;gap:8px;display:grid}.sky-moon,.sky-list li{background:#ffffff1a;border-radius:20px;grid-template-columns:auto 1fr;gap:4px 16px;padding:20px 24px;display:grid}.sky-moon{color:var(--c-ink);background:#fff}.sky-icons{grid-row:span 3;width:44px;height:44px;position:relative}.sky-icons img{object-fit:contain;width:40px;height:40px}.sky-icons img+img{width:24px;height:24px;position:absolute;bottom:-6px;right:-6px}.sky-moon .sky-icons{width:64px;height:64px}.sky-moon .sky-icons img:first-child{width:60px;height:60px}.sky-moon .sky-icons img+img{width:30px;height:30px}.sky h3{font-size:var(--step-m);letter-spacing:-.02em}.sky-panel p{line-height:1.45}.sky-panel .when{font-size:var(--step-xs);opacity:.8}.sky-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sky-list li.headline{background:var(--c-yellow);color:var(--c-ink)}.tarot-chapter{background:var(--c-mauve);color:var(--c-ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:32px;display:grid}.tarot-copy{grid-column:1/6;justify-items:start;gap:24px;display:grid}.tarot-copy p{max-width:42ch;line-height:1.5}.tarot-face{border:2px solid var(--c-ink);text-align:center;background:#fff;border-radius:18px;grid-column:7/12;justify-items:center;gap:10px;padding:32px 28px;display:grid}.tarot-face .card-art{width:min(100%,300px);height:auto}.tarot-face h3{font-size:clamp(28px,2.8vw,44px)}.tarot-face .arcana,.tarot-face .credit{font-size:var(--step-xs);color:#57574f}.tarot-face .card-mantra{font-size:var(--step-m);font-weight:600;line-height:1.25}.deck-strip{grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin:24px 0 0;padding:0;list-style:none;display:grid}.deck-strip li{aspect-ratio:1;transition:transform .2s var(--ease-out);background:#ecdfec;border-radius:14px;place-items:center;display:grid}.deck-strip li:nth-child(odd){transform:rotate(-3deg)}.deck-strip li:nth-child(2n){transform:rotate(3deg)}.deck-strip li:hover{transform:rotate(0)translateY(-6px)}.deck-strip img{width:82%;height:auto}.proof{background:var(--field-paper);color:var(--c-ink)}.proof-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.proof-tile{background:var(--c-paper-deep);min-height:260px;color:var(--c-ink);border-radius:24px;align-content:space-between;gap:16px;padding:24px;text-decoration:none;transition:background-color .16s;display:grid}a.proof-tile:hover{background:#bdbbae}.proof-tile.lead{background:var(--c-tomato);grid-area:span 2/span 2;align-content:start}.proof-tile.lead h2{font-size:var(--step-l)}.proof-tile strong{font:700 var(--step-l) / .9 var(--display);letter-spacing:-.04em}.proof-tile p{font-size:var(--step-s);overflow-wrap:anywhere;line-height:1.4}.proof-tile .source{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.trend{background:var(--c-lilac);color:var(--c-ink);grid-template-rows:auto 1fr;gap:48px;padding-bottom:0;display:grid}.trend-head{gap:12px;display:grid}.trend .figure{font:700 var(--step-xl) / 1 var(--display);letter-spacing:-.05em}.trend h2{font-size:var(--step-m);letter-spacing:-.02em;max-width:22ch}.trend .note{max-width:60ch;font-size:var(--step-xs)}.trend .note a{color:inherit}.bars{height:52vh;margin:0 calc(var(--m) * -1);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px;padding:0;list-style:none;display:grid}.bars li{height:var(--h,50%);transform-origin:bottom;transition:transform .9s var(--ease-out);background:#8f83dd;border-radius:10px 10px 0 0;position:relative}.js .bars:not(.in) li{transform:scaleY(.02)}.bars li.hot{background:var(--c-ink)}.bars li.hot .bar-year{color:#fff}.bar-value,.bar-year{font-size:var(--step-xs);font-variant-numeric:tabular-nums;position:absolute;left:50%;transform:translate(-50%)}.bar-value{opacity:0;transition:opacity .16s;top:-26px}.bars li:hover .bar-value,.bars li:focus-visible .bar-value,.bars li.hot .bar-value,.bars li:first-child .bar-value{opacity:1}.bar-year{color:var(--c-ink);writing-mode:vertical-rl;bottom:10px;transform:translate(-50%)rotate(180deg)}.features-intro{background:var(--field-paper);color:var(--c-ink);padding-bottom:48px}.sheets{background:var(--field-paper)}.sheet{--band:72px;height:calc(78svh - var(--band) * var(--n));min-height:380px;padding:0 var(--m);color:var(--c-ink);border-radius:28px 28px 0 0;grid-template-rows:72px 1fr;grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:sticky;overflow:hidden}.sheet:first-child{--n:0;top:calc(var(--band) * 0)}.sheet:nth-child(2){--n:1;top:calc(var(--band) * 1)}.sheet:nth-child(3){--n:2;top:calc(var(--band) * 2)}.sheet:nth-child(4){--n:3;top:calc(var(--band) * 3)}.sheet.threats{background:var(--c-tomato)}.sheet.rocks-sheet{background:var(--c-lemon)}.sheet.own{background:var(--c-pink)}.sheet.grimoire{background:var(--c-night);color:var(--on-night)}.sheet h3{font-size:var(--step-m);grid-column:1/-1;align-self:center}.sheet p{max-width:40ch;font-size:var(--step-s);grid-column:1/6;align-self:end;padding-bottom:56px;line-height:1.5}.sheet img{width:min(100%,360px);height:auto;transition:transform .9s var(--ease-out);border-radius:28px 28px 0 0;grid-area:2/7/auto/-1;place-self:end center;transform:translateY(40px)}.sheet.in img{transform:none}.sheet img.cutout{border-radius:0;align-self:center;width:min(100%,640px)}.steps{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;display:grid}.step{min-height:84svh;color:var(--c-ink);grid-template-rows:auto 1fr auto;gap:24px;padding:clamp(56px,7vw,112px) 24px 28px;display:grid}.step.s1{background:var(--c-green-bright)}.step.s2{background:var(--c-lemon)}.step.s3{background:var(--c-mauve)}.step.s4{background:var(--c-grey-deep);color:#fff}.step h2{font-size:var(--step-m);grid-row:1}.step .card{width:min(100%,270px);color:var(--c-ink);font-size:var(--step-xs);transition:transform .15s var(--ease-out);background:#fff;border-radius:18px;grid-row:2;place-self:center;gap:10px;padding:18px;line-height:1.4;display:grid}.step:hover .card{transform:translateY(-6px)}.step .card img{width:100%;height:auto}.step .card .mantra{font-size:16px;font-weight:600}.step .card .progress{background:var(--c-paper-deep);border-radius:99px;height:3px;position:relative;overflow:hidden}.step .card .progress:after{content:"";background:var(--c-ink);transform-origin:0;animation:6s linear infinite read;position:absolute;inset:0}@keyframes read{0%{transform:scaleX(0)}}.step .card .date{color:#57574f}.step .card .sealed{color:var(--c-green);font-weight:600}.clause{font:700 var(--step-m) / 1.1 var(--display);letter-spacing:-.02em;grid-row:3;max-width:12ch}.privacy{background:var(--c-night);min-height:92svh;color:var(--on-night);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:32px;display:grid;overflow:hidden}.privacy-photo{object-fit:cover;opacity:.55;width:100%;height:100%;animation:24s ease-in-out infinite alternate drift;position:absolute;inset:0}@keyframes drift{to{transform:scale(1.08)translate(-1.5%)}}.privacy-copy{grid-column:1/8;justify-items:start;gap:24px;display:grid;position:relative}.privacy-copy p{max-width:46ch;line-height:1.5}.zeros{grid-column:9/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid;position:relative}.zeros li{background:#16191cc7;border-radius:20px;gap:4px;padding:20px;display:grid}.zeros strong{font:700 var(--step-l) / .9 var(--display);color:var(--c-yellow)}.faq{background:var(--field-paper);color:var(--c-ink);grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;display:grid}.faq h2{grid-column:1/5;align-self:start;position:sticky;top:96px}.faq-list{grid-column:5/-1;gap:8px;display:grid}.faq details{background:var(--c-paper-deep);border-radius:20px;transition:background-color .16s}.faq details[open]{background:var(--c-yellow)}.faq summary{min-height:72px;font-size:var(--step-s);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.plus{flex-shrink:0;width:16px;height:16px;position:relative}.plus:before,.plus:after{content:"";width:16px;height:3px;transition:transform .2s var(--ease-out);background:currentColor;position:absolute;top:6.5px;left:0}.plus:after{transform:rotate(90deg)}details[open] .plus:after{transform:rotate(0)}.faq details p{max-width:56ch;padding:0 24px 24px;line-height:1.5}.faq details a{color:inherit}.closing{background:var(--c-green-bright);color:var(--c-ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:32px;display:grid}.closing-copy{grid-column:1/8;gap:40px;display:grid}.closing h2{font-size:var(--step-l)}.closing-sticker{width:min(100%,440px);height:auto;transition:transform .3s var(--ease-out);grid-column:8/-1;justify-self:center;transform:rotate(-4deg)}.closing-sticker:hover{transform:rotate(2deg)scale(1.03)}.tiles{background:var(--c-paper);color:var(--c-ink);grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;padding:8px;display:grid}.tile{background:var(--c-paper-deep);border-radius:20px;min-height:220px;padding:24px}.tile.statement{grid-column:1/5;align-content:space-between;gap:16px;display:grid}.tile.statement p{font:700 var(--step-m) / 1.15 var(--display)}.tile.statement small{font-size:var(--step-xs);line-height:1.45}.tile.links,.tile.licence{align-content:start;gap:8px;display:grid}.tile.links{grid-column:5/8}.tile.works{grid-column:8/10}.tile.licence{grid-column:10/-1;align-content:end}.tile a{color:inherit}.tile.wordmark{background:var(--c-ink);min-height:320px;color:var(--c-yellow);font:700 var(--step-l) / 1 var(--display);letter-spacing:-.05em;grid-column:1/9;place-items:center;display:grid}.tile.go{background:var(--c-yellow);min-height:320px;font:700 var(--step-m) / 1.1 var(--display);grid-column:9/-1;text-decoration:none;transition:background-color .16s;position:relative}.tile.go:hover{background:var(--c-lemon)}.tile.go svg{width:56px;height:56px;transition:transform .2s var(--ease-out);position:absolute;bottom:24px;right:24px}.tile.go:hover svg{transform:translate(4px,-4px)}.js [data-rise]{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.js [data-rise].in{opacity:1;transform:none}.proof-board [data-rise]:nth-child(2n){transition-delay:70ms}.proof-board [data-rise]:nth-child(3n){transition-delay:.14s}.faq-list [data-rise]:nth-child(2n){transition-delay:60ms}@media (width<=1024px){.sky-head,.sky-panel,.tarot-copy,.tarot-face{grid-column:1/-1}.sky-head{position:static}.deck-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.proof-board,.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.step{min-height:64svh}.privacy-copy,.zeros{grid-column:1/-1}.tile.statement,.tile.links,.tile.works,.tile.licence{grid-column:span 6}.tile.wordmark,.tile.go{grid-column:1/-1}}@media (width<=640px){.sky-moon,.sky-list li{padding:16px}.tarot-face{padding:24px 18px}.deck-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.hero-name{margin-top:16vh;font-size:21vw}.hero-foot .actions,.closing .actions{width:100%}.hero-foot .button,.closing .button{flex:100%}.film-frame{aspect-ratio:4/5;border-radius:18px}.live-input{font-size:11vw}.closing-copy,.closing-sticker{grid-column:1/-1}.closing-sticker{width:70%}.live-answer{padding:18px}.reply{grid-template-columns:1fr auto}.reply span{grid-column:1/-1;padding:0}.live-examples button{flex:auto}.proof-board{grid-template-columns:1fr;gap:6px}.proof-tile{min-height:0;padding:20px}.proof-tile.lead{grid-area:auto/1/auto/-1;min-height:140px}.trend .figure{font-size:26vw}.bars{gap:4px;height:42vh}.bar-year{font-size:13px}.sheet{--band:52px;height:calc(82svh - var(--band) * var(--n));border-radius:20px 20px 0 0;grid-template-rows:52px auto 1fr;grid-template-columns:1fr;min-height:420px}.sheet p{grid-area:2/1;align-self:start;padding:4px 0 20px}.sheet img,.sheet img.cutout{grid-area:3/1;align-self:start;width:min(100%,280px);transform:none}.steps{grid-template-columns:1fr}.step{grid-template-rows:auto auto auto;min-height:64svh;padding:48px 20px 32px}.clause{grid-row:2}.step .card{grid-row:3;justify-self:start}.faq h2{grid-column:1/-1;position:static}.faq-list{grid-column:1/-1}.faq summary{min-height:64px;padding:0 20px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.tile.wordmark{grid-area:1/1/auto/-1;min-height:160px}.tile.go{grid-area:2/1/auto/-1;min-height:160px}.tile.statement,.tile.links,.tile.works,.tile.licence{grid-column:span 1;min-height:180px;padding:20px}.tile.statement{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.hero-name .line>span,.hero-foot,.privacy-photo,.step .card .progress:after{animation:none}.js [data-rise],.sheet img,.bars li{opacity:1;transition:none;transform:none}.js .bars:not(.in) li{transform:none}}
