.site{--s-paper:#faf8f3;--s-ink:#14151a;--s-mute:#5b5f69;--s-rule:#d8d4c8;--s-blue:#1f4fd8;--s-blue-d:#173fb0;--s-tint:#eef1fb;background:var(--s-paper);color:var(--s-ink);font-family:var(--sans);min-height:100vh;font-size:17px;line-height:1.6;overflow-x:clip}.site *{font-family:inherit}.site h1,.site h2,.site h3{letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.08}.site p{margin:0 0 1em}.site a{color:inherit}.site .skip{background:var(--s-ink);color:#fff;z-index:10;padding:10px 14px;position:absolute;top:8px;left:-999px}.site .skip:focus{left:8px}.s-wrap{max-width:1120px;margin:0 auto;padding:0 16px}@media (min-width:800px){.s-wrap{padding:0 40px}}.s-blue{color:var(--s-blue)}.s-mute{color:var(--s-mute)}.site .s-label{letter-spacing:.12em;text-transform:uppercase;color:var(--s-mute);margin:0 0 10px;font-size:12px;font-weight:600}.s-head{border-bottom:1px solid var(--s-rule);background:var(--s-paper);z-index:5;position:sticky;top:0}.s-head-in{grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding-top:10px;padding-bottom:6px;display:grid}.s-mark{letter-spacing:-.03em;color:var(--s-ink);font-size:24px;font-weight:700;text-decoration:none}.s-mark span{color:var(--s-blue)}.s-nav{scrollbar-width:none;grid-area:2/1/auto/-1;gap:18px;padding:4px 0;font-size:15px;display:flex;overflow-x:auto}.s-nav a{color:var(--s-mute);white-space:nowrap;padding:6px 0;text-decoration:none}.s-nav a:hover{color:var(--s-blue)}.s-head-cta{align-items:center;gap:14px;display:flex}.s-signin{color:var(--s-mute);font-size:15px;text-decoration:none}.s-signin:hover{color:var(--s-blue)}@media (min-width:800px){.s-head-in{grid-template-columns:auto 1fr auto;gap:0 40px;padding-top:14px;padding-bottom:14px}.s-nav{grid-area:auto;gap:28px;padding:0}}.s-btn{background:var(--s-blue);border:1px solid var(--s-blue);border-radius:3px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:16px;font-weight:500;text-decoration:none;transition:background .15s;display:inline-flex;color:#fff!important}.s-btn:hover{background:var(--s-blue-d)}.s-btn-sm{min-height:38px;padding:0 14px;font-size:14px}.s-btn-ghost{border-color:var(--s-ink);background:0 0;color:var(--s-ink)!important}.s-btn-ghost:hover{background:var(--s-ink);color:#fff!important}.s-arrow{color:var(--s-blue);border-bottom:1px solid;font-weight:500;text-decoration:none}.s-arrow:hover{color:var(--s-blue-d)}.site a:focus-visible,.site button:focus-visible{outline:2px solid var(--s-blue);outline-offset:2px}.s-cta-row{flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:28px;display:flex}.s-hero{gap:40px;padding-top:40px;padding-bottom:56px;display:grid}.s-hero h1{letter-spacing:-.04em;max-width:11ch;font-size:clamp(2.7rem,10.5vw,6rem);line-height:.98}.site .s-lede{color:#2b2e36;max-width:30em;margin-top:22px;font-size:1.2rem;line-height:1.5}.site .s-fine{color:var(--s-mute);margin:14px 0 0;font-size:14px}.s-plates{max-width:420px;height:430px;position:relative}.s-plate{border:1px solid var(--s-ink);background:#000;border-radius:22px;margin:0;position:absolute;overflow:hidden;box-shadow:0 18px 40px -22px #14151a8c}.s-plate img{width:100%;height:auto;display:block}.s-plate-a{z-index:2;width:210px;top:0;left:0}.s-plate-b{width:190px;top:56px;left:150px}@media (min-width:900px){.s-hero{grid-template-columns:1.25fr 1fr;align-items:center;gap:56px;padding-top:72px;padding-bottom:96px}.s-plates{max-width:none;height:600px}.s-plate-a{width:280px;top:0;left:0}.s-plate-b{width:260px;top:90px;left:210px}}.s-sec{border-top:1px solid var(--s-ink);padding:28px 0 56px}.s-sec-head{gap:14px;margin-bottom:32px;display:grid}.s-num{letter-spacing:.12em;color:var(--s-blue);font-size:13px;font-weight:600}.s-sec-head h2{max-width:16ch;font-size:clamp(1.9rem,5.4vw,3.1rem)}.s-sec-head p{color:#2b2e36;max-width:34em;margin:0}@media (min-width:900px){.s-sec{padding:36px 0 96px}.s-sec-head{grid-template-columns:180px 1fr 1.1fr;align-items:start;gap:40px;margin-bottom:48px}.s-sec-head p{padding-top:6px}}.s-strip{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:62%;grid-auto-flow:column;gap:16px;padding-bottom:6px;display:grid;overflow-x:auto}.s-strip figure{scroll-snap-align:start;margin:0}.s-strip .s-plate{width:100%;position:static}.s-strip figcaption{color:var(--s-mute);padding-top:10px;font-size:14px}.s-strip figcaption b{color:var(--s-ink);font-weight:600;display:block}@media (min-width:800px){.s-strip{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;gap:40px;overflow:visible}.s-strip figure:nth-child(2){margin-top:56px}}@media (min-width:1100px){.s-strip{padding:0 60px}}.s-two{gap:40px;display:grid}@media (min-width:900px){.s-two{grid-template-columns:1fr 1fr;align-items:center;gap:72px}}.s-read-plates{grid-template-columns:1fr 1fr;gap:14px;max-width:460px;display:grid}.s-read-plates .s-plate{width:100%;position:static}.s-read-plates figcaption{color:var(--s-mute);margin:0;padding-top:8px;font-size:13px}.s-themes{gap:10px;margin:20px 0 0;font-size:14px;display:flex}.s-themes span{border:1px solid var(--s-rule);border-radius:99px;padding:5px 12px}.s-themes .t-day{background:#fff}.s-themes .t-sepia{background:#f1e6d3}.s-themes .t-night{color:#e9dfcb;background:#14120f;border-color:#14120f}.s-demo .demo{margin:0}.s-shelf{border-top:1px solid var(--s-rule);margin:0;padding:0;list-style:none}.s-shelf li{border-bottom:1px solid var(--s-rule)}.s-shelf a{grid-template-columns:1fr auto;align-items:baseline;gap:2px 16px;padding:16px 0;text-decoration:none;display:grid}.s-shelf a:hover .s-bt{color:var(--s-blue)}.s-bt{letter-spacing:-.015em;font-size:1.15rem;font-weight:600;line-height:1.25}.s-bm{color:var(--s-mute);text-align:right;white-space:nowrap;font-size:14px}.s-ba{color:var(--s-mute);grid-column:1;font-size:15px}@media (min-width:800px){.s-shelf a{grid-template-columns:2.4fr 1.2fr 1fr 1fr;gap:20px;padding:18px 0}.s-ba{grid-column:auto}.s-bm{text-align:left}}.s-list{border-top:1px solid var(--s-rule);margin:0;padding:0;list-style:none}.s-list li{border-bottom:1px solid var(--s-rule);gap:4px;padding:18px 0;display:grid}.s-list b{letter-spacing:-.015em;font-size:1.1rem;font-weight:600}.s-list span{color:var(--s-mute);max-width:40em}@media (min-width:800px){.s-list li{grid-template-columns:1fr 2fr;gap:40px}}.s-close{border-top:1px solid var(--s-ink);gap:22px;padding:56px 0 72px;display:grid}.s-close h2{letter-spacing:-.035em;max-width:12ch;font-size:clamp(2.2rem,8vw,4.6rem)}@media (min-width:900px){.s-close{grid-template-columns:1.4fr 1fr;align-items:end;padding:96px 0 110px}}.s-page{padding-top:40px;padding-bottom:72px}.s-page h1{letter-spacing:-.035em;max-width:16ch;font-size:clamp(2.2rem,7.4vw,4.2rem);line-height:1.02}.s-page .site .s-lede{margin-bottom:40px}.s-prose{max-width:40em}.s-prose h2{margin:2em 0 .5em;font-size:1.5rem}.s-prose h3{margin:1.6em 0 .4em;font-size:1.15rem}.s-prose ul{margin:0 0 1em;padding-left:1.2em}.s-prose li{margin-bottom:.4em}.s-prose a{color:var(--s-blue)}.s-steps{counter-reset:st;border-top:1px solid var(--s-ink);margin:0;padding:0;list-style:none}.s-steps li{counter-increment:st;border-bottom:1px solid var(--s-rule);gap:8px;padding:26px 0;display:grid}.s-steps li:before{content:counter(st, decimal-leading-zero);letter-spacing:.12em;color:var(--s-blue);font-size:13px;font-weight:600}.s-steps h2{font-size:1.5rem}.s-steps p{color:#2b2e36;max-width:36em;margin:0}@media (min-width:900px){.s-steps li{grid-template-columns:120px 1fr 1.4fr;align-items:baseline;gap:40px}}.s-plans{border-top:1px solid var(--s-ink);gap:0;display:grid}.s-plan{border-bottom:1px solid var(--s-rule);gap:14px;padding:28px 0;display:grid}.s-plan h2{font-size:1.6rem}.s-price{letter-spacing:-.04em;font-size:clamp(2.4rem,8vw,3.4rem);font-weight:600;line-height:1}.s-price small{letter-spacing:0;color:var(--s-mute);font-size:1rem;font-weight:400}.s-plan ul{margin:0;padding:0;list-style:none}.s-plan li{border-top:1px solid var(--s-rule);padding:8px 0}.s-plan li:first-child{border-top:0}.s-plan li.off{color:var(--s-mute);text-decoration:line-through;-webkit-text-decoration-color:var(--s-rule);text-decoration-color:var(--s-rule)}.s-plan.plus{background:var(--s-tint);margin:0 -16px;padding:28px 16px}@media (min-width:800px){.s-plans{border-top:0;grid-template-columns:1fr 1fr;gap:0}.s-plan{border:1px solid var(--s-ink);padding:36px}.s-plan.plus{border-left:0;margin:0;padding:36px}}.s-both{flex-wrap:wrap;align-items:baseline;gap:8px 28px;display:flex}.s-faq{border-top:1px solid var(--s-ink);margin:0}.s-faq details{border-bottom:1px solid var(--s-rule);padding:0}.s-faq summary{cursor:pointer;letter-spacing:-.01em;justify-content:space-between;gap:16px;padding:18px 0;font-size:1.1rem;font-weight:600;list-style:none;display:flex}.s-faq summary::-webkit-details-marker{display:none}.s-faq summary:after{content:"+";color:var(--s-blue);font-size:1.4rem;line-height:1}.s-faq details[open] summary:after{content:"−"}.s-faq p{color:#2b2e36;max-width:38em;margin:0 0 20px}.s-cats{flex-wrap:wrap;gap:8px;margin:0 0 36px;padding:0;list-style:none;display:flex}.s-cats a{border:1px solid var(--s-rule);color:var(--s-mute);border-radius:99px;padding:6px 14px;font-size:14px;text-decoration:none;display:inline-block}.s-cats a:hover{border-color:var(--s-blue);color:var(--s-blue)}.s-cat{margin:0 0 48px;scroll-margin-top:110px}.s-cat h2{border-top:1px solid var(--s-ink);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-top:14px;font-size:1.7rem;display:flex}.s-cat h2 small{color:var(--s-mute);letter-spacing:0;font-size:14px;font-weight:400}.s-crumbs{color:var(--s-mute);margin:0 0 22px;font-size:14px}.s-crumbs a{color:var(--s-mute)}.s-book{gap:28px;display:grid}.s-book h1{max-width:18ch;font-size:clamp(2rem,7vw,3.6rem)}.s-by{margin-top:12px;font-size:1.15rem}.s-by a{color:var(--s-blue);border-bottom:1px solid;text-decoration:none}.s-facts{border-top:1px solid var(--s-ink);grid-template-columns:repeat(2,1fr);gap:0;margin:28px 0 0;display:grid}.s-facts div{border-bottom:1px solid var(--s-rule);padding:12px 0}.s-facts dt{letter-spacing:.1em;text-transform:uppercase;color:var(--s-mute);font-size:12px;font-weight:600}.s-facts dd{margin:2px 0 0;font-size:1.1rem;font-weight:500}.s-cover{justify-self:start}.s-cover .cover{border-radius:3px}.s-sample{border-left:3px solid var(--s-blue);max-width:38em;margin:0;padding-left:20px}.s-sample p{margin-bottom:1em}.s-sample-note{color:var(--s-mute);font-size:14px}.s-blk{margin-top:48px}.s-blk h2{border-top:1px solid var(--s-ink);margin-bottom:14px;padding-top:14px;font-size:1.5rem}.s-blk p{max-width:38em}@media (min-width:900px){.s-book{grid-template-columns:auto 1fr;align-items:start;gap:56px}.s-facts{grid-template-columns:repeat(4,1fr);gap:0 24px}}.s-source{color:var(--s-mute);max-width:38em;font-size:14px}.s-foot{border-top:1px solid var(--s-ink);padding:40px 0 28px}.s-foot-grid{grid-template-columns:1fr 1fr;gap:28px 16px;display:grid}.s-foot-grid>div:first-child{grid-column:1/-1}.s-foot-grid a{color:var(--s-mute);padding:5px 0;font-size:15px;text-decoration:none;display:block}.s-foot-grid a:hover{color:var(--s-blue)}.site .s-mark-foot{margin:0 0 6px;display:block}.site .s-foot-note{color:var(--s-mute);margin:0;font-size:15px}.site .s-foot-base{border-top:1px solid var(--s-rule);margin:36px 0 0;padding-top:16px;font-size:14px}.s-foot-base a{color:var(--s-mute);text-decoration:none}.s-foot-base a:hover{color:var(--s-blue)}@media (min-width:800px){.s-foot-grid{grid-template-columns:2fr 1fr 1fr}.s-foot-grid>div:first-child{grid-column:auto}}.s-plans.one{grid-template-columns:1fr;max-width:640px}@media (min-width:800px){.s-plans.one .s-plan.plus{border:1px solid var(--s-ink)}}
