:root{--paper:#f3eee3;--paper-dot:#ddd4c1;--card:#fffcf6;--card-behind:#f8f3e9;--ink:#16223d;--ink-soft:#55688f;--ink-faint:#8c98b4;--line:#ddd4c1;--gold:#e9b949;--link:#2f5fb3;--band:#16223d;--band-ink:#f6f1e6;--band-soft:#8c98b4;--phone:#16223d;--phone-edge:transparent;--shadow:0 1px 0 #16223d0a, 0 12px 32px -12px #16223d40;--mono:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--radius:22px;--gutter:clamp(16px, 4vw, 40px);--max:1180px;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--paper:#0e1526;--paper-dot:#1d2a47;--card:#17233f;--card-behind:#131e37;--ink:#f6f1e6;--ink-soft:#a7b3cc;--ink-faint:#6f7d9c;--line:#2a3a5e;--link:#8ab4f8;--band:#f6f1e6;--band-ink:#16223d;--band-soft:#55688f;--phone:#070c18;--phone-edge:#2a3a5e;--shadow:0 1px 0 #0003, 0 16px 40px -12px #0009}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background-color:var(--paper);background-image:radial-gradient(var(--paper-dot) 1px, transparent 1.2px);color:var(--ink);font:17px/1.6 var(--sans);background-size:22px 22px;margin:0;overflow-x:clip}a{color:inherit}img,svg{max-width:100%;display:block}h1,h2,h3{font-family:var(--mono);letter-spacing:-.03em;margin:0;font-weight:700;line-height:1.05}p{margin:0}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.kicker{font:600 13px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:10px;display:inline-flex}.today-dot{background:var(--gold);flex:none;width:9px;height:9px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:1000;background:var(--card);border-radius:8px;padding:8px 12px;top:16px;left:16px}:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);background:color-mix(in srgb, var(--paper) 78%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);position:sticky;top:0}.site-header .wrap{align-items:center;gap:20px;height:60px;display:flex}.brand{font:700 18px/1 var(--mono);letter-spacing:-.02em;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand svg{border-radius:8px;width:30px;height:30px}.site-nav{font:500 14px/1 var(--mono);align-items:center;gap:4px;margin-left:auto;display:flex}.site-nav a{color:var(--ink-soft);border-radius:999px;padding:8px 10px;text-decoration:none}.site-nav a:hover{color:var(--ink);background:color-mix(in srgb, var(--line) 50%, transparent)}.site-nav .lang{border:1px solid var(--line);color:var(--ink)}@media (width<=640px){.site-nav .opt{display:none}}.play{background:var(--ink);color:var(--paper);font:600 15px/1 var(--mono);border-radius:999px;align-items:center;gap:12px;padding:14px 22px 14px 18px;text-decoration:none;transition:transform .2s;display:inline-flex}.play svg{width:20px;height:20px}a.play:hover{transform:translateY(-2px)}.play.soon{color:var(--ink);border:1.5px dashed var(--ink-faint);background:0 0}.hero{position:relative}.hero-copy{align-content:center;gap:22px;padding-block:clamp(36px,8vh,72px) 24px;display:grid}.hero-copy h1{white-space:pre-line;font-size:clamp(46px,8.5vw,92px)}.hero-copy .lead{color:var(--ink-soft);max-width:34ch;font-size:clamp(17px,1.6vw,20px)}.hero-copy .hint{font:500 13px/1 var(--mono);color:var(--ink-faint);align-items:center;gap:8px;display:inline-flex}.hint .arrow{animation:1.8s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translateY(4px)}}.deck-sticky{grid-template-rows:1fr auto;gap:14px;padding-block:12px 20px;display:grid}.deck{--step:34px;width:100%;max-width:460px;margin-inline:auto;position:relative}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.card-date{height:var(--step);font:600 13px/1 var(--mono);color:var(--ink-soft);cursor:pointer;text-align:left;background:0 0;border:0;flex:none;align-items:center;gap:8px;width:100%;padding:0 18px;display:flex}.card-date time{color:var(--ink)}.card-date .label{color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-weight:500;overflow:hidden}.card-body{font:15px/1.7 var(--mono);flex:1;min-height:0;padding:8px 20px 22px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.card-body h3{letter-spacing:-.02em;margin:6px 0 14px;font-size:22px}.line{padding-left:calc(var(--level,0) * 20px + 20px);position:relative}.line .bullet{left:calc(var(--level,0) * 20px);width:20px;color:var(--ink-faint);position:absolute;top:0}.line .bullet.dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;position:absolute;top:.78em;left:4px}.line.block{margin:8px 0 10px;padding-left:20px}.note-link{color:var(--link);text-underline-offset:3px;text-decoration:underline}.note-link+.domain{color:var(--ink-faint)}.photos{grid-template-columns:1.4fr 1fr;gap:6px;display:grid}.photos svg{width:100%;height:92px;image-rendering:pixelated;border-radius:10px}.audio{background:color-mix(in srgb, var(--line) 35%, transparent);border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:10px 14px 8px 10px;display:grid}.audio .play-btn{background:var(--ink);border-radius:50%;grid-row:span 2;place-items:center;width:34px;height:34px;display:grid}.audio .play-btn:before{content:"";border-left:10px solid var(--paper);border-block:6px solid #0000;margin-left:3px}.audio .wave{align-items:center;gap:2px;height:26px;display:flex}.audio .wave i{background:var(--ink-faint);border-radius:2px;flex:1}.audio .wave i.played{background:var(--ink)}.audio .times{color:var(--ink-faint);justify-content:space-between;font-size:11px;line-height:1;display:flex}.xpost{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5;position:relative}.xpost .who b{font-weight:700}.xpost .who span{color:var(--ink-faint);margin-left:6px}.xpost svg{width:15px;height:15px;position:absolute;top:12px;right:12px}.xpost p{margin-top:4px}.deck-timeline{flex-wrap:nowrap;justify-content:center;gap:2px;display:flex}.deck-timeline button{font:500 12px/1 var(--mono);color:var(--ink-faint);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.deck-timeline button[aria-current=true]{color:var(--ink);border-color:var(--line);background:var(--card)}.deck-timeline button[aria-current=true] .today-dot{opacity:1}.deck-timeline .today-dot{opacity:0;width:6px;height:6px}.caret{vertical-align:-.2em;background:var(--gold);width:.55em;height:1.15em;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}@media (width<=420px){.deck-timeline button{padding:7px 6px;font-size:11px}.deck-timeline .today-dot{display:none}}.deck:not(.is-live){gap:16px;display:grid}.deck:not(.is-live) .card-body{-webkit-mask-image:none;mask-image:none}.deck:not(.is-live)~.deck-timeline{display:none}.deck.is-live{--deck-bleed:40px;--deck-fade:40px;height:100%;max-height:720px;margin-inline:calc(-1 * var(--deck-bleed));padding-inline:var(--deck-bleed);width:calc(100% + 2 * var(--deck-bleed));max-width:calc(460px + 2 * var(--deck-bleed));-webkit-mask-image:linear-gradient(#000 calc(100% - var(--deck-fade)), transparent);mask-image:linear-gradient(#000 calc(100% - var(--deck-fade)), transparent);align-self:center}.deck.is-live .card.is-front .label{opacity:0}.deck.is-live .card{left:var(--deck-bleed);right:var(--deck-bleed);transform-origin:0 0;will-change:transform;position:absolute;top:0}.deck.is-live .card-date{transform-origin:0 0}.deck.is-live .card-body{transition:opacity .15s linear}.deck-track{overflow-x:clip}.hero.is-live .deck-track{height:calc(var(--n) * 70svh + 100svh)}.hero.is-live .deck-sticky{height:calc(100svh - 60px);position:sticky;top:60px}@media (width>=920px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;display:grid}.hero-copy{align-self:start;min-height:calc(100svh - 60px);padding-block:40px;position:sticky;top:60px}.deck-sticky{padding-block:40px 28px}}section.block{padding-block:clamp(72px,12vw,140px)}.section-head{gap:16px;max-width:640px;margin-bottom:40px;display:grid}.section-head h2{font-size:clamp(32px,5vw,54px)}.section-head p{color:var(--ink-soft);font-size:18px}.features{align-items:center;gap:32px;display:grid}@media (width>=920px){.features{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px}}.feature-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (width<=919px){.feature-tiles{order:2}}.feature-tile{text-align:left;border:1px solid var(--line);background:color-mix(in srgb, var(--card) 55%, transparent);color:var(--ink);cursor:pointer;font:14px/1.45 var(--sans);border-radius:18px;align-content:start;gap:6px;padding:16px 18px 18px;transition:background-color .2s,border-color .2s,transform .2s;display:grid}.feature-tile:hover{background:var(--card)}.feature-tile b{font:700 15px/1.3 var(--mono);letter-spacing:-.01em}.feature-tile>span:last-child{color:var(--ink-soft)}.feature-num{font:600 11px/1 var(--mono);color:var(--ink-faint)}.feature-tile[aria-selected=true]{background:var(--card);border-color:var(--ink);box-shadow:var(--shadow)}.feature-tile[aria-selected=true] .feature-num{color:var(--gold)}@media (width<=560px){.feature-tile{padding:12px 14px 14px}.feature-tile>span:last-child{display:none}}.feature-stage{justify-items:center;gap:18px;display:grid}.phone{--w:min(300px, 72vw);--bezel:calc(var(--w) * .04);--screen-r:calc((var(--w) - 2 * var(--bezel)) * .09);width:var(--w);height:calc((var(--w) - 2 * var(--bezel)) * 2340 / 1080 + 2 * var(--bezel));border-radius:calc(var(--screen-r) + var(--bezel));background:var(--phone);box-shadow:inset 0 0 0 1px var(--phone-edge), var(--shadow), 0 40px 80px -40px #16223d73;position:relative}.phone:before{content:"";z-index:2;top:calc(var(--bezel) + (var(--w) - 2 * var(--bezel)) * 2340 / 1080 * 48 / 2340);width:calc(var(--w) * .043);aspect-ratio:1;background:#05080f;border-radius:50%;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px #ffffff0d}.phone:after{content:"";background:linear-gradient(var(--phone) 0 57%, transparent 57% 68%, var(--phone) 68% 100%);border-radius:0 3px 3px 0;width:3px;height:26%;position:absolute;top:24.7%;right:-3px}.screen{inset:var(--bezel);border-radius:var(--screen-r);opacity:0;transition:opacity .35s,transform .35s;position:absolute;overflow:hidden;transform:scale(.98)}.screen.is-on{opacity:1;transform:none}.screen img{object-fit:cover;object-position:top;width:100%;height:100%}.phone .empty{background:var(--card);align-content:start;gap:10px;height:100%;padding:48px 18px;display:grid}.phone .empty i{background:color-mix(in srgb, var(--line) 70%, transparent);border-radius:5px;height:9px}.phone .empty i:first-child{width:45%;height:12px;margin-bottom:8px}.phone .empty i:nth-child(3){width:80%}.phone .empty i:nth-child(4){width:62%;margin-left:18px}.phone .empty i:nth-child(5){width:70%}.phone .empty span{font:500 12px/1.3 var(--mono);color:var(--ink-faint);text-align:center;gap:6px;margin-top:36px;display:grid}.phone .empty span b{color:var(--ink);font-size:15px}@media (prefers-reduced-motion:reduce){.screen{transition:none}}.feature-bars{align-items:center;gap:6px;display:flex}.feature-bars button{cursor:pointer;background:0 0;border:0;width:22px;height:16px;padding:5px 0;transition:width .3s}.feature-bars button.is-on{width:48px}.feature-bars i{background:color-mix(in srgb, var(--ink-faint) 45%, transparent);border-radius:3px;height:6px;display:block;position:relative;overflow:hidden}.feature-bars button:hover i{background:var(--ink-faint)}.feature-bars i:after{content:"";background:var(--ink);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.feature-bars .is-on i:after{transform:none}.feature-bars .is-timed i:after{animation:5s linear bar}@media (prefers-reduced-motion:reduce){.feature-bars button{transition:none}}@keyframes bar{0%{transform:scaleX(0)}}.band{background:var(--band);color:var(--band-ink);border-radius:clamp(24px,4vw,40px);gap:36px;padding:clamp(36px,6vw,80px);display:grid}.band h2{max-width:14ch;font-size:clamp(34px,6vw,68px)}.band .lead{color:var(--band-soft);max-width:46ch;font-size:18px}.stats{background:color-mix(in srgb, var(--band-soft) 40%, transparent);border-block:1px solid color-mix(in srgb, var(--band-soft) 40%, transparent);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.stats div{background:var(--band);text-align:center;padding:22px 6px}.stats b{font:700 clamp(44px, 8vw, 84px) / 1 var(--mono);color:var(--gold);letter-spacing:-.04em;display:block}.stats span{font:500 13px/1 var(--mono);color:var(--band-soft)}@media (width<=560px){.stats{grid-template-columns:repeat(2,1fr)}}.reasons{counter-reset:reason;font:15px/1.5 var(--mono);gap:10px;margin:0;padding:0;list-style:none;display:grid}.reasons li{gap:12px;display:flex}.reasons li:before{counter-increment:reason;content:counter(reason) ".";color:var(--gold)}.band a{font:600 15px/1 var(--mono);color:var(--band-ink);text-underline-offset:4px}.faq{border-top:1px solid var(--line);max-width:820px;display:grid}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:600 17px/1.4 var(--mono);padding:22px 40px 22px 0;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:400 26px/1 var(--mono);color:var(--ink-faint);transition:transform .2s;position:absolute;top:18px;right:4px}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-soft);max-width:62ch;padding:0 0 24px}.cta{text-align:center;justify-items:center;gap:22px;display:grid}.cta svg.icon{width:96px;height:96px;box-shadow:var(--shadow);border-radius:24px}.cta h2{font-size:clamp(38px,7vw,76px)}.cta p{color:var(--ink-soft);font-size:18px}.site-footer{border-top:1px solid var(--line);font:13px/1.6 var(--mono);color:var(--ink-soft);padding-block:32px 48px}.site-footer .wrap{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.site-footer nav{gap:20px;margin-left:auto;display:flex}.site-footer a{text-underline-offset:3px}.prose{max-width:720px;padding-block:56px 96px}.prose h1{margin-bottom:12px;font-size:clamp(36px,6vw,56px)}.prose h3{margin:44px 0 12px;font-size:21px}.prose p,.prose li{color:var(--ink-soft)}.prose p+p{margin-top:14px}.prose strong{color:var(--ink)}.prose ul,.prose ol{gap:8px;padding-left:22px;display:grid}.prose code{font:.88em var(--mono);background:color-mix(in srgb, var(--line) 45%, transparent);border-radius:6px;padding:2px 6px}.prose a{color:var(--link)}.prose .updated{font:500 13px/1 var(--mono);color:var(--ink-faint);align-items:center;gap:10px;display:inline-flex}.lost{place-content:center;justify-items:start;gap:24px;min-height:70svh;display:grid}.lost h1{max-width:16ch;font-size:clamp(32px,6vw,60px)}.guide-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.guide-card{border-radius:var(--radius);border:1px solid var(--line);background:var(--card);align-content:start;gap:14px;min-height:210px;padding:22px 22px 54px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:grid;position:relative}.guide-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.guide-card .card-art{border-radius:calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0 0;box-shadow:none;margin:-22px -22px 4px}.guide-card .kicker{font-size:11px}.guide-card b{font:700 21px/1.2 var(--mono);letter-spacing:-.02em}.guide-meta{font:500 13px/1.4 var(--mono);color:var(--ink-faint)}.guide-card .guide-meta{position:absolute;bottom:20px;left:22px}.guide-arrow{font:500 18px/1 var(--mono);color:var(--ink-faint);transition:transform .2s,color .2s;position:absolute;bottom:18px;right:22px}.guide-card:hover .guide-arrow{color:var(--gold);transform:translate(4px)}.guide-all{font:600 15px/1 var(--mono);margin-top:26px}.guide-all a,.more-head a{text-underline-offset:4px}.guides-page{padding-block:64px 120px}.guides-page h1{font-size:clamp(40px,7vw,72px)}.guide-art{border-radius:var(--radius);box-shadow:var(--shadow);margin:0;overflow:hidden}.guide-art svg{width:100%;height:auto}.article{gap:28px;max-width:760px;padding-block:40px;display:grid}.crumbs{font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);flex-wrap:wrap;gap:6px 10px;display:flex}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs [aria-current]{color:var(--ink-soft)}.article-head{gap:16px;display:grid}.article-head h1{font-size:clamp(34px,5.6vw,54px);line-height:1.08}.byline{color:var(--ink-soft);font-size:15px}.byline b{color:var(--ink)}.article-lead{font-size:clamp(19px,2vw,21px);line-height:1.6}.toc{border:1px solid var(--line);background:var(--card);border-radius:16px}.toc summary{cursor:pointer;font:600 15px/1 var(--mono);padding:16px 20px}.toc ol{gap:8px;margin:0;padding:0 20px 18px 42px;font-size:15px;display:grid}.toc a{color:var(--ink-soft);text-underline-offset:3px}.article-body{font-size:18px;line-height:1.75}.article-body>*+*{margin-top:18px}.article-body h2{margin-top:56px;scroll-margin-top:80px;font-size:clamp(24px,3.4vw,30px);line-height:1.2}.article-body h3{margin-top:36px;font-size:20px}.article-body p,.article-body li{color:var(--ink-soft)}.article-body strong{color:var(--ink)}.article-body a{color:var(--link);text-underline-offset:3px}.article-body ul,.article-body ol{gap:8px;padding-left:24px;display:grid}.article-body blockquote{border-left:3px solid var(--gold);font:500 19px/1.55 var(--mono);margin:28px 0;padding:4px 0 4px 22px}.article-body blockquote p{color:var(--ink)}.article-body code{font:.88em var(--mono);background:color-mix(in srgb, var(--line) 45%, transparent);border-radius:6px;padding:2px 6px}.article-body h2:is(#sources,#fonti)~ul,.article-body h2:is(#sources,#fonti)~ol{font:13.5px/1.6 var(--mono);word-break:break-word;gap:12px}.more-guides{padding-block:64px}.more-head{font:600 15px/1 var(--mono);justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:28px;display:flex}.more-head h2{font-size:clamp(28px,4vw,40px)}
