:root{--paper:#fbfaf7;--paper-deep:#f1efe6;--ink:#1b1d20;--ink-2:#5c646d;--rule:#1b1d201f;--amber:#96690c;--rain:#3e7884;--night:#09141f;--night-ink:#eef1f5;--night-ink-2:#eef1f5b8;--night-rule:#eef1f524;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--screen-width:300px;--gutter:24px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:18px;line-height:1.6}main{overflow-x:clip}img{max-width:100%;height:auto;display:block}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}p{text-wrap:pretty;margin:0 0 1em}a{color:inherit}main a:not(.store-badge),.legal-content a{color:var(--amber);text-underline-offset:3px;text-decoration-thickness:1px}.shell{width:min(1080px, 100% - 2 * var(--gutter));margin-inline:auto}.site-header{border-bottom:1px solid var(--rule)}.site-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;padding-block:18px;display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.brand-icon{border-radius:8px}.site-nav-links{flex-wrap:wrap;gap:4px 24px;font-size:16px;display:flex}.site-nav-links a{color:var(--ink-2);text-decoration:none}.site-nav-links a:hover{color:var(--ink)}.site-footer{border-top:1px solid var(--rule);color:var(--ink-2);font-size:15px}.site-footer-inner{flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-block:32px 48px;display:flex}.site-footer p{margin:0}.site-footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--ink)}.store-badge{display:inline-block}.screen{z-index:1;width:var(--screen-width);border-radius:calc(var(--screen-width) * .14);position:relative;box-shadow:0 0 0 1px #1b1d201a,0 24px 60px -20px #3c2d1447}.detail{z-index:2;border-radius:18px;width:220px;position:absolute;bottom:40px;left:0;box-shadow:0 0 0 1px #1b1d2014,0 18px 40px -16px #3c2d1459}.art{z-index:0;width:280px;top:-24px;right:calc(50% - var(--screen-width) / 2 - 130px);pointer-events:none;position:absolute}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;padding-block:72px 96px;display:grid}.hero h1{letter-spacing:-.035em;margin-bottom:24px;font-size:clamp(44px,7vw,76px)}.lead{max-width:34em;font-size:21px;line-height:1.5}.hero-note{color:var(--ink-2);margin-bottom:28px}.hero-figure{justify-content:center;margin:0;display:flex;position:relative}.art-hero{width:320px;top:-48px}.anchor{position:relative;top:-8px}.feature{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding-block:96px;display:grid}.feature h2,.widgets h2,.about h2,.faq h2{margin-bottom:20px;font-size:clamp(28px,3.4vw,40px)}.feature-copy{max-width:30em}.feature-copy p:last-child{margin-bottom:0}.feature ul{margin:0 0 1em;padding-left:1.1em}.feature li{margin-bottom:6px}.feature li::marker{color:var(--rain)}.feature-figure{justify-content:center;margin:0;padding-bottom:8px;display:flex;position:relative}.hero-figure .detail,.feature-figure .detail{left:max(0px, calc(50% - var(--screen-width) / 2 - 90px))}.flip .feature-copy{order:2}.flip .feature-figure{order:1}.flip .feature-figure .detail{left:auto;right:max(0px, calc(50% - var(--screen-width) / 2 - 90px))}.night{background:var(--night);color:var(--night-ink)}.night .feature{border-top:0}.night p{color:var(--night-ink-2)}.night .screen{box-shadow:0 0 0 1px var(--night-rule), 0 24px 60px -20px #0009}.night .art{filter:invert();opacity:.55}.widgets{grid-template-columns:.8fr 1.2fr;align-items:center;gap:64px;padding-block:96px;display:grid}.widgets-copy{max-width:26em}.widget-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.widget-grid img{filter:drop-shadow(0 10px 20px #3c2d1429);width:100%}.widget-grid .wide{grid-column:span 2}.watch-figure{justify-content:center;align-items:flex-end;gap:16px;margin:0;display:flex}.watch-figure img{width:190px}.about{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:64px;padding-block:96px;display:grid}.about-col{max-width:32em}.sources{margin:0 0 24px}.sources div{border-top:1px solid var(--rule);padding-block:12px}.sources div:last-child{border-bottom:1px solid var(--rule)}.sources dt{font-weight:600}.sources dd{color:var(--ink-2);margin:2px 0 0}.fineprint{color:var(--ink-2);font-size:15px}.faq{border-top:1px solid var(--rule);padding-block:96px}.faq-list{max-width:44em}.faq details{border-top:1px solid var(--rule)}.faq details:last-child{border-bottom:1px solid var(--rule)}.faq summary{cursor:pointer;justify-content:space-between;gap:24px;padding-block:18px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-2);font-weight:400}.faq details[open] summary:after{content:"–"}.faq details p{color:var(--ink-2);margin:0;padding-bottom:20px}.closing{text-align:center;flex-direction:column;align-items:center;gap:24px;padding-block:64px 96px;display:flex;position:relative}.closing h2{font-size:clamp(26px,3vw,34px)}.closing .art{width:240px;position:static}.legal-head{padding-block:64px 40px}.legal-head h1{margin-bottom:16px;font-size:clamp(36px,5vw,52px)}.legal-head p{max-width:40em;color:var(--ink-2);margin:0}.legal-content{max-width:760px;padding-bottom:96px}.legal-content section{border-top:1px solid var(--rule);padding-block:28px}.legal-content h2{margin-bottom:12px;font-size:22px}.legal-content p,.legal-content li{font-size:17px}.legal-content p:last-child{margin-bottom:0}.legal-content ul{padding-left:1.2em}.legal-content li{margin-bottom:10px}@media (max-width:860px){.hero,.feature,.widgets,.about{grid-template-columns:1fr;gap:48px}.hero{padding-block:48px 72px}.feature,.widgets,.about,.faq{padding-block:72px}.flip .feature-copy,.flip .feature-figure{order:0}}@media (max-width:560px){:root{--gutter:16px;--screen-width:min(260px, 64vw)}body{font-size:17px}.lead{font-size:19px}.site-nav-links{gap:4px 20px;width:100%;font-size:15px}.detail,.feature-figure .detail,.flip .feature-figure .detail{width:44vw;bottom:24px;left:0;right:auto}.flip .feature-figure .detail{left:auto;right:0}.art,.art-hero{width:200px;top:-28px;right:-8px}.widget-grid{grid-template-columns:repeat(2,1fr);gap:12px}.watch-figure img{width:44%}}
