:root{color-scheme:light;--black:#000;--text:#303030;--muted:#626262;--line:#e3e3e7;--body:'DM Sans',Arial,Helvetica,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--ease-out:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}[hidden]{display:none!important}
body{margin:0;background:#fff;color:var(--black);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
header,main,footer{width:min(1100px,calc(100% - 48px));margin:auto}
header{height:99px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ededed;gap:20px}
.wordmark{font:600 27px/1 var(--display);letter-spacing:-1.6px;text-decoration:none;white-space:nowrap}.brand-period{font-size:1.1em}
.author{display:flex;gap:11px;align-items:center;font-size:13px;text-decoration:none}.author img{border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 0 0 4px #ededed}.author:hover span{text-decoration:underline}
.signup{max-width:760px;margin:0 auto;text-align:center;padding:76px 0 66px}.edition{font-size:14px;color:#555;margin:0 0 23px}
h1{font:600 clamp(52px,7vw,84px)/1.065 var(--display);letter-spacing:-4.4px;margin:0 0 29px;text-wrap:balance}
.promise{font-size:21px;line-height:1.6;letter-spacing:-.45px;color:var(--text);margin:0 0 32px;text-wrap:pretty}
form{max-width:650px;margin:auto;text-align:left}.email-label{display:block;font-size:12px;font-weight:600;margin:0 0 9px 3px}
.form-line{display:flex;gap:5px;padding:6px;background:linear-gradient(180deg,#fff,#fafafb);border:1px solid #e0e0e4;border-radius:21px;box-shadow:0 1px 3px #00000005,0 8px 28px #00000005,inset 0 1px 0 #fff;transition:box-shadow 180ms ease,border-color 180ms ease}
.form-line:focus-within{border-color:#a5a5ae;box-shadow:0 0 0 3px #00000006,0 8px 30px #00000006}
.form-line input{width:0;min-width:0;flex:1;border:0;border-radius:14px;padding:15px 17px;font:400 16px/1.4 var(--body);color:#111;background:transparent;min-height:58px}.form-line input::placeholder{color:#757575}
.morph-cta{position:relative;isolation:isolate;overflow:hidden;width:256px;flex:0 0 256px;min-height:58px;padding:0 20px;border:1px solid #1a1a1a;border-radius:15px;background:linear-gradient(160deg,#242426 0%,#080809 48%,#000);color:#fff;box-shadow:inset 0 1px 0 #ffffff2b,inset 0 -1px 0 #000,0 2px 4px #00000014;font:600 14px/1 var(--body);cursor:pointer;user-select:none;transition:transform 130ms var(--ease-out),box-shadow 180ms ease}
.morph-cta::before{content:'';position:absolute;z-index:-1;inset:0;opacity:0;background:linear-gradient(145deg,#ffffff1e,transparent 65%);transition:opacity 200ms ease}
@media(hover:hover) and (pointer:fine){.morph-cta:hover::before{opacity:1}.morph-cta:hover{box-shadow:inset 0 1px 0 #ffffff40,0 5px 14px #0000001c}.morph-cta.is-gathered{cursor:none}}
.morph-cta:active{transform:scale(.98)}.morph-cta:disabled{cursor:wait}.morph-cta:disabled:active{transform:none}
.cta-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:pre;pointer-events:none}.cta-char{position:relative;display:inline-block;white-space:pre;transform-origin:center;will-change:transform,opacity}
.cta-arrow{position:absolute;left:-16px;top:-16px;width:32px;height:32px;opacity:0;pointer-events:none;transform-origin:center;will-change:transform,opacity}.cta-arrow svg{display:block}
.cta-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:10px;opacity:0;pointer-events:none;font-size:13px}
.cta-spinner{width:14px;height:14px;border:1.5px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;animation-play-state:paused}.morph-cta[data-state=busy] .cta-spinner{animation-play-state:running}@keyframes spin{to{transform:rotate(360deg)}}
input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #777;outline-offset:4px}
.consent{display:flex;align-items:flex-start;gap:10px;margin:16px 3px 0;color:#555;font-size:12px;line-height:1.6;cursor:pointer}.consent input{width:16px;height:16px;flex-shrink:0;margin:2px 0 0;accent-color:#000}
.form-note{font-size:12px;color:#666;margin:15px 0 0;text-align:center}.trap,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.error{color:#9a2020;font-size:14px;margin:16px 3px 0}.success{border-top:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0;padding:28px 20px;max-width:600px;margin:auto}.success h2{font:600 28px/1.25 var(--display);letter-spacing:-1px;margin:0 0 14px}.success p{font-size:16px;color:#444;margin:0 0 14px}.success .signed{font-size:14px;margin:21px 0 0}
.what{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:32px 0 40px;border-top:1px solid var(--line)}.what h2{font:600 16px/1.5 var(--display);letter-spacing:-.6px;margin:0 0 9px}.what p{font-size:14px;color:#666;margin:0;line-height:1.8}
footer{border-top:1px solid #ededed;padding:24px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#666}.privacy{max-width:700px;padding:60px 0}.privacy h1{font-size:43px;letter-spacing:-2px;line-height:1.15}.privacy h2{font-size:22px;margin:32px 0 10px}.privacy p{color:#444}
.skip-link{position:fixed;z-index:20;top:10px;left:10px;padding:9px 14px;background:#000;color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}
@media(max-width:650px){header,main,footer{width:calc(100% - 36px)}header{height:80px}.wordmark{font-size:23px;letter-spacing:-1.25px}.author{gap:8px;font-size:11px}.author img{width:30px;height:30px}.signup{padding:48px 0 43px}.edition{font-size:12px;margin-bottom:24px}h1{font-size:clamp(44px,12.9vw,68px);letter-spacing:-3px;margin-bottom:24px}.promise{font-size:17px;letter-spacing:-.3px;line-height:1.65;margin-bottom:28px}.form-line{flex-direction:column;gap:6px;padding:7px;border-radius:22px}.form-line input{width:100%;flex:auto;padding-left:13px}.morph-cta{width:100%;flex:auto;min-height:57px;font-size:15px}.consent{font-size:11px}.form-note{font-size:11px}.what{grid-template-columns:1fr;gap:22px;padding:28px 0}.what h2{font-size:16px}.what p{font-size:13px}footer{font-size:11px}.privacy{padding-top:35px}.privacy h1{font-size:36px}}
@media(max-width:360px){.author span{max-width:64px;line-height:1.4}h1{font-size:43px;letter-spacing:-2.7px}.wordmark{font-size:22px}}
@media(prefers-reduced-motion:reduce){.morph-cta,.morph-cta::before,.form-line{transition:none}.morph-cta:active{transform:none}.cta-spinner{animation:none}}
@media(prefers-contrast:more){.form-line{border-color:#000}.consent,.form-note,.edition,.what p{color:#333}}

/* A single violet-to-rose light field; the reading surface stays white. */
.signup{position:relative;isolation:isolate}.signup::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:12px -90px 190px;background:radial-gradient(ellipse at 34% 43%,#a78bfa18 0%,transparent 58%),radial-gradient(ellipse at 66% 47%,#f9a8d422 0%,transparent 59%);border-radius:50%;filter:blur(16px)}
@media(max-width:650px){.signup::before{inset:5px -10px 200px;filter:blur(9px)}}
@media(min-width:651px) and (max-width:1000px){.signup::before{left:0;right:0}}

/* Compact editorial emblem; existing typography retained. */
.wordmark:has(.brand-mark){display:inline-flex;align-items:center;gap:12px}.brand-mark{display:block;width:42px;height:42px;flex:none}
@media(max-width:650px){.wordmark:has(.brand-mark){gap:9px}.brand-mark{width:34px;height:34px}.author span{max-width:64px;line-height:1.4}header{gap:12px}}
@media(max-width:360px){.author span{display:none}}

.footer-links{display:flex;gap:24px}@media(max-width:650px){.footer-links{gap:15px}}