:root{--ink:#152038;--muted:#607089;--navy:#101b30;--paper:#f7f9fc;--line:#dce3ed;--mint:#74eadc;--blue:#4258d4;--card:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.container{width:min(1200px,calc(100% - 48px));margin:auto}main{min-height:72vh}.top{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.nav{height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{font-size:21px;letter-spacing:-.06em;font-weight:800;display:flex;align-items:center;gap:11px;white-space:nowrap}.wordmark:hover{text-decoration:none}.brand-symbol{border-radius:11px}.brand-accent{color:var(--blue)}.nav nav{display:flex;gap:27px;align-items:center}.nav nav a,.nav-link{font-size:13px;font-weight:700}.nav nav form{margin:0}.nav-link,.text-button{background:transparent;color:inherit;border:0;cursor:pointer;padding:0;font:inherit}.nav-action,.button{border-radius:10px;background:var(--navy);color:#fff!important;padding:12px 20px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:700 14px/1.45 inherit;cursor:pointer;transition:transform .18s,background .18s}.nav-action:hover,.button:hover{background:#2b3d64;text-decoration:none;transform:translateY(-2px)}.button.secondary{background:#e8edfa;color:var(--ink)!important}.button.secondary:hover{background:#d6dff8}.button-light{background:var(--mint);color:#102036!important}.button-light:hover{background:#b0f8ef;color:#102036!important}.eyebrow,.small-label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--blue)}.eyebrow.light{color:var(--mint)}.pulse{display:inline-block;background:var(--mint);width:7px;height:7px;border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px #74eadc26}.hero{background:radial-gradient(circle at 80% 42%,#253d64 0%,transparent 34%),linear-gradient(128deg,#101b30,#162b4a);color:#f7fbff;overflow:hidden}.hero-inner{min-height:590px;display:grid;grid-template-columns:1.04fr .96fr;gap:4%;align-items:center}.hero-copy{padding:80px 0;position:relative;z-index:2}.hero h1{font-size:clamp(4rem,7.1vw,7.1rem);letter-spacing:-.09em;line-height:.99;margin:23px 0 26px;max-width:720px}.hero h1 span{color:var(--mint)}.hero-copy>p{font-size:18px;line-height:1.67;color:#c0cde0;max-width:540px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:37px;flex-wrap:wrap}.hero-link{font-size:14px;font-weight:700;color:#e4eff9}.hero-link span{margin-left:7px}.hero-art{height:490px;display:grid;place-items:center;position:relative}.art-window{width:100%;max-width:500px;background:#f7fbff;color:#13223b;border:1px solid #7c96b9;border-radius:18px;box-shadow:0 34px 90px #050d20aa;transform:rotate(3deg);overflow:hidden}.window-top{height:44px;border-bottom:1px solid #d9e2eb;padding:0 19px;display:flex;align-items:center;justify-content:space-between;color:#7a8ba3;font:600 11px ui-monospace,monospace}.window-dots{letter-spacing:3px;color:#b6c1d1}.window-body{padding:44px 40px 32px;background:linear-gradient(145deg,#fff 72%,#eafbf8)}.mock-label{font:700 11px ui-monospace,monospace;letter-spacing:.14em;color:#4c60c4}.mock-headline{font-size:clamp(2rem,3.3vw,3.5rem);font-weight:800;letter-spacing:-.075em;line-height:1.12;margin:30px 0 55px}.mock-headline em{font-style:normal;color:#435bd4}.mock-line{height:1px;background:#d7dfea}.mock-columns{display:flex;justify-content:space-between;padding-top:21px;font:700 10px ui-monospace,monospace;color:#7588a0;letter-spacing:.12em}.mock-columns b{font-size:25px;color:#243456;line-height:1.6}.floating-chip{position:absolute;bottom:31px;left:-8px;background:var(--mint);color:var(--navy);padding:12px 18px;border-radius:8px;font:800 10px ui-monospace,monospace;letter-spacing:.09em;box-shadow:0 12px 28px #070f2480}.value-strip{display:flex;justify-content:space-between;gap:16px;padding:23px 0;border-bottom:1px solid var(--line);color:#60718d;font:700 11px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.editorial-section{padding:75px 0 17px;scroll-margin-top:24px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 28px}.section-title h2{font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.1;letter-spacing:-.065em;margin:10px 0 0}.section-title p,.section-title>span{color:var(--muted);font-size:13px;margin:0 0 4px}.accent-dot{color:#405bd7}.story-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.story{background:#fff;border:1px solid var(--line);border-radius:14px;min-height:312px;padding:28px;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}.story:hover{transform:translateY(-3px);border-color:#b9c7de;box-shadow:0 18px 35px #152b4b12}.story-index{font:700 10px ui-monospace,monospace;color:#73839a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px}.story-index span{padding:0 7px}.story-category{font:800 11px ui-monospace,monospace;letter-spacing:.09em;color:var(--blue);text-transform:uppercase}.story h3{font-size:25px;letter-spacing:-.05em;line-height:1.22;margin:13px 0}.story p{font-size:14px;color:var(--muted);margin:0 0 25px}.story-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;font-size:12px;color:var(--muted)}.story-bottom a,.read{font-weight:750;color:var(--blue)}.empty{grid-column:1/-1;border:1px dashed #b8c8dd;background:#fff;padding:35px;border-radius:14px;color:var(--muted)}.empty h3{color:var(--ink);font-size:26px;margin:0 0 7px}.publication-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.discover{padding-bottom:100px}.publication-card{display:flex;flex-direction:column;min-height:300px;background:#eaf0fd;border:1px solid #dce5f8;border-radius:14px;padding:27px;transition:transform .2s}.publication-card:nth-child(3n+2){background:#e9f7f4;border-color:#cfebe3}.publication-card:nth-child(3n){background:#f1f1fb;border-color:#dfdffa}.publication-card:hover{text-decoration:none;transform:translateY(-3px)}.publication-card-top{display:flex;justify-content:space-between;font:700 10px ui-monospace,monospace;letter-spacing:.11em;color:#64758e}.publication-card-top span:last-child{font-size:18px}.publication-monogram{display:grid;place-items:center;border-radius:11px;background:#182840;color:#8ef1df;width:50px;height:50px;font-size:25px;font-weight:800;margin:22px 0 5px}.publication-card h3{font-size:24px;letter-spacing:-.05em;line-height:1.2;margin:12px 0 8px}.publication-card p{color:#52637d;font-size:14px;margin:0}.card-end{border-top:1px solid #bccbdf;padding-top:14px;margin-top:auto;font-size:12px;font-weight:750}.card-end span{float:right}.end-banner{background:#101b30;color:#f5f9ff}.end-banner-inner{min-height:325px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.end-banner h2{font-size:clamp(2.3rem,4.4vw,4rem);letter-spacing:-.07em;line-height:1.13;margin:15px 0}.end-banner p{color:#c2cee0;max-width:360px}.foot{min-height:95px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:12px}.footer-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:800}.foot img{border-radius:6px}
.publication-head{padding:65px 0 55px;border-bottom:1px solid var(--line)}.publication-head h1,.guides-intro h1,.studio h1,.form-shell h1,.share-kit h1{font-size:clamp(2.7rem,6vw,5rem);line-height:1.07;letter-spacing:-.075em;margin:14px 0 18px}.publication-head p,.guides-intro p,.studio-heading p,.share-kit>.lead{font-size:18px;color:var(--muted);max-width:680px}.publication-head .actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:30px 0}.publication-head .meta{color:var(--muted)}.back{display:inline-block;margin-bottom:35px;color:#526884;font-size:13px;font-weight:700}.container>.section-title{margin-top:45px}.publication-head+.section-title+.story-list{padding-bottom:85px}.article{max-width:820px;padding:65px 24px 95px;margin:auto}.article header{border-bottom:1px solid var(--line);padding-bottom:34px}.article h1{font-size:clamp(2.7rem,6vw,4.8rem);line-height:1.06;letter-spacing:-.073em;margin:18px 0}.lead{font-size:21px;line-height:1.55;color:#5d6c81}.meta{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--muted);line-height:1.4;margin-top:27px}.meta b{color:var(--ink)}.avatar{width:38px;height:38px;background:#e2e8fb;color:#4058c7;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:800}.article-body{max-width:690px;margin:42px auto 66px;color:#26344c;font-size:18px;line-height:1.85;overflow-wrap:anywhere}.article-body p{margin:0 0 1.45em}.article-body h2,.article-body h3,.article-body h4{line-height:1.25;letter-spacing:-.055em;margin:1.9em 0 .75em;color:#14223b}.article-body h2{font-size:30px}.article-body h3{font-size:23px}.article-body a{color:#2f4bcc;text-decoration:underline;text-underline-offset:3px}.article-body blockquote{border-left:3px solid #6bdbc9;padding:7px 0 7px 24px;margin:28px 0;color:#526584;background:linear-gradient(90deg,#edfbf8,transparent)}.article-body pre{background:#172339;color:#e6f2fa;padding:22px;border-radius:10px;overflow:auto;font:14px/1.6 ui-monospace,monospace}.article-body code{font:90% ui-monospace,monospace;background:#edf2f9;padding:.12em .3em;border-radius:4px}.article-body pre code{background:transparent;padding:0;color:inherit}.article-body ul,.article-body ol{padding-left:1.5em}.article-body li{margin-bottom:.5em}.share-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 0}.share-row>span{margin-right:auto;color:var(--muted);font:800 10px ui-monospace,monospace;letter-spacing:.12em}.share-row a,.share-row button{font-size:13px;font-weight:750;color:var(--blue)}.discussion{padding:60px 0 15px}.discussion h2{font-size:31px;letter-spacing:-.06em;margin:8px 0}.discussion>p,.hint{color:var(--muted)}.comment{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;margin:15px 0;overflow-wrap:anywhere}.comment-meta{display:flex;justify-content:space-between;gap:12px;font-size:13px}.comment-meta span,.comment-empty{color:var(--muted)}.comment p{margin:9px 0 0}.comment-empty{padding:15px 0}.comment-form{margin-top:25px}.article-cta{background:#eaf1fc;border:1px solid #d6e2f4;border-radius:15px;padding:36px;margin-top:45px}.article-cta h2{font-size:29px;letter-spacing:-.06em}.locked{background:#eaf1fc;padding:35px;border-radius:15px;margin:35px 0}.locked h2{font-size:29px}.locked p{color:var(--muted)}.guides{padding:76px 0 110px}.guides-intro{max-width:780px}.guides-intro h1{max-width:710px}.guides .section-title{margin-top:65px}.form-shell{width:min(780px,calc(100% - 48px));margin:65px auto 100px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:45px}.form-shell .hint{font-size:15px}.form{margin:25px 0}.field{margin-bottom:21px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input,.field textarea,.field select,.copy-line input,.share-copy textarea{display:block;width:100%;border:1px solid #bfcbdd;border-radius:9px;background:#fcfdff;color:var(--ink);padding:11px 13px;font:15px/1.55 inherit}.field input[type=checkbox]{display:inline-block;width:auto;margin-left:12px;accent-color:var(--blue)}.field textarea{resize:vertical}.field small{display:block;color:var(--muted);margin-top:6px}.error,.errorlist{color:#af3045;font-size:13px}.studio{padding:70px 0 95px}.studio-heading,.studio-publication-head{display:flex;align-items:end;justify-content:space-between;gap:25px}.studio-heading{margin-bottom:42px}.studio-heading h1{margin:9px 0}.studio-publication{border-top:1px solid var(--line);padding:35px 0 45px}.studio-publication h2{font-size:30px;letter-spacing:-.055em;margin:8px 0}.studio-publication p,.draft p{color:var(--muted);margin:0}.studio-tools{background:#edf2fb;border:1px solid #dce6f5;border-radius:12px;padding:20px;margin:25px 0;display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:13px}.studio-tools>a{font-weight:800;color:var(--blue)}.studio-tools span{color:var(--muted)}.studio-tools form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.studio-tools input{max-width:110px;padding:8px;border:1px solid var(--line);border-radius:6px}.studio-tools .button{padding:8px 14px;font-size:12px}.drafts{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.draft{padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.draft:last-child{border-bottom:0}.draft h3{font-size:18px;letter-spacing:-.04em;margin:5px 0}.draft a{font-size:13px;font-weight:750;color:var(--blue)}.draft-links{display:flex;gap:16px}.status{font-size:10px;font-weight:800;color:#a4642b;text-transform:uppercase}.status.live{color:#238273}.studio-empty{padding:45px}.moderation-item form{display:flex;gap:9px;flex-wrap:wrap}.moderation-item p{overflow-wrap:anywhere}.flash{padding-top:12px}.flash p{background:#d9f8ed;border-radius:9px;padding:10px 15px}.share-kit{padding:65px 0 110px}.share-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;margin-top:30px}.share-preview{background:#e9edf7;padding:15px;border-radius:16px}.share-preview img{display:block;width:100%;height:auto;box-shadow:0 10px 30px #13234122}.share-downloads{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.share-copy{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.share-copy h2{font-size:19px;margin:0 0 11px}.share-copy h2:not(:first-child){margin-top:30px}.share-copy>p{font-size:13px;color:var(--muted)}.copy-line{display:flex;gap:8px}.copy-line input{min-width:0}.share-copy textarea{resize:vertical;margin-bottom:12px}.member-offer{padding:25px 0}.member-offer p{color:var(--muted)}.member-offer form{margin-top:20px}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr .85fr}.hero-art{transform:scale(.84);transform-origin:left center}.nav nav{gap:16px}.share-layout{grid-template-columns:1fr}}
@media(max-width:700px){.container{width:min(100% - 34px,1200px)}.nav{height:auto;min-height:72px;padding:12px 0;flex-wrap:wrap}.nav nav{gap:12px;flex-wrap:wrap}.nav nav a,.nav-link{font-size:12px}.nav-action{padding:9px 11px}.wordmark{font-size:19px}.brand-symbol{width:35px;height:35px}.hero-inner{display:block;min-height:0}.hero-copy{padding:75px 0 35px}.hero h1{font-size:clamp(3.7rem,12vw,5rem)}.hero-copy>p{font-size:16px}.hero-art{height:310px;transform:scale(.76);transform-origin:top left;width:125%;display:block;padding-top:10px}.art-window{max-width:450px}.floating-chip{left:12px;bottom:20px}.value-strip{flex-wrap:wrap;justify-content:center;font-size:10px}.editorial-section{padding:58px 0 10px}.section-title{display:block}.section-title p{margin-top:12px}.story-list,.publication-grid{grid-template-columns:1fr}.story{min-height:260px}.discover{padding-bottom:70px}.end-banner-inner{display:block;min-height:0;padding:60px 0}.end-banner h2{font-size:2.6rem}.foot{flex-wrap:wrap;padding:28px 0}.article{padding:40px 18px 70px}.article-body{font-size:17px}.studio{padding:45px 0}.studio-heading,.studio-publication-head{align-items:start;flex-direction:column}.draft{align-items:flex-start;flex-direction:column}.form-shell{padding:26px 21px}.share-kit{padding:40px 0}.share-copy{padding:20px}}
@media(max-width:420px){.nav nav a[href='/#latest']{display:none}.hero-art{transform:scale(.62);height:270px;width:155%}.hero h1{font-size:3.5rem}.art-window{width:440px}.share-row{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.editor-shell{width:min(1220px,calc(100% - 48px))}.editor-shell .form{margin-top:35px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-field textarea{border-top-left-radius:0;border-top-right-radius:0;min-height:480px;font:15px/1.75 ui-monospace,monospace;resize:vertical}.editor-toolbar{display:flex;gap:4px;flex-wrap:wrap;padding:9px;background:#edf2fb;border:1px solid #bfcbdd;border-bottom:0;border-radius:10px 10px 0 0}.editor-toolbar button{border:0;background:transparent;padding:6px 10px;border-radius:5px;color:#2a4066;font:700 13px ui-monospace,monospace;cursor:pointer}.editor-toolbar button:hover{background:#dbe5f6}.preview-pane{border:1px solid var(--line);border-radius:9px;background:#fff;min-height:480px;max-height:760px;overflow:auto;padding:18px 24px}.preview-pane .article-body{font-size:16px;margin:25px 0}.preview-pane .article-body h2{font-size:24px}.login-divider{display:flex;align-items:center;gap:14px;color:var(--muted);font:700 11px ui-monospace,monospace;letter-spacing:.12em}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}@media(max-width:850px){.editor-grid{grid-template-columns:1fr}.preview-pane{min-height:220px}.editor-shell{width:min(100% - 34px,1220px)}}
.ai-tool{background:#e9f8f4;border:1px solid #c6eade;border-radius:12px;padding:20px;margin:25px 0}.ai-tool p{font-size:13px;color:#486071}.ai-tool #ai-result{white-space:pre-wrap;color:var(--ink)}.ai-tool #ai-result button{display:block;margin:15px 0}.button{font-family:system-ui,sans-serif}.field input,.field textarea,.field select,.copy-line input,.share-copy textarea{font-family:system-ui,sans-serif}

.auth-layout{width:min(1200px,calc(100% - 48px));margin:52px auto 90px;display:grid;grid-template-columns:1fr 1fr;min-height:730px;background:#fff;border:1px solid #dce5f0;border-radius:24px;overflow:hidden;box-shadow:0 22px 80px #20365912}.auth-story{padding:clamp(35px,5vw,74px);background:radial-gradient(circle at 90% 4%,#304c72,transparent 48%),linear-gradient(145deg,#101b30,#152948);color:#edf5fc;display:flex;flex-direction:column}.auth-story h1{font-size:clamp(3rem,5vw,5rem);line-height:1.03;letter-spacing:-.08em;margin:40px 0 22px}.auth-story h1 em{font-style:normal;color:#8deadd}.auth-story>p{color:#c2d1e1;max-width:420px;font-size:17px}.auth-preview{margin-top:auto;padding:30px;border:1px solid #526984;border-radius:17px;background:#f4ffff0d;display:flex;flex-direction:column;gap:10px;transform:rotate(-2deg)}.auth-preview span{font:700 11px ui-monospace,monospace;letter-spacing:.14em;color:#89e9db}.auth-preview strong{font-size:28px;line-height:1.18;max-width:300px;letter-spacing:-.04em}.auth-preview small{color:#c5d4e3}.auth-perks{display:flex;gap:12px;flex-wrap:wrap;margin-top:45px;color:#a9e7de;font-size:12px}.auth-form{display:grid;place-items:center;padding:38px clamp(25px,4vw,66px)}.auth-form-inner{width:min(100%,430px)}.auth-form h2{font-size:clamp(2.4rem,3.5vw,3.4rem);letter-spacing:-.07em;line-height:1.1;margin:15px 0}.auth-form .hint{margin:0 0 24px;color:#60718d}.auth-form .field{margin:14px 0}.auth-form .field input{width:100%;padding:13px 15px;border:1px solid #cdd9e8;border-radius:10px;background:#fff}.auth-submit{width:100%;margin-top:16px;justify-content:space-between}.social-signin{display:grid;gap:10px;margin:28px 0}.social-button{width:100%;border:1px solid #d4deea;background:#fff;border-radius:10px;min-height:49px;cursor:pointer;font:700 14px system-ui,sans-serif;color:#152947;display:flex;gap:16px;align-items:center;padding:0 18px}.social-button:hover{background:#f5f9fc;border-color:#8094ad}.social-symbol{display:inline-grid;place-items:center;border-radius:6px;width:25px;height:25px;background:#edf3fb;font-weight:900}.auth-form .login-divider{margin:23px 0}.magic-option{margin:22px 0 12px;border-top:1px solid #e5ebf2;padding-top:20px}.magic-option summary{cursor:pointer;color:#3b56be;font-weight:700;font-size:14px}.magic-option .form{margin-top:18px}.auth-switch{margin-top:28px;font-size:14px;color:#60718d}.auth-switch a{font-weight:800;color:#334cb4}.setting-card{background:#fff;border:1px solid #dbe5ee;border-radius:16px;padding:25px;margin:20px 0}.setting-card p{color:#66778d}.setting-card input[type=text],.setting-card input[type=password]{width:min(100%,500px);padding:12px;border:1px solid #cdd9e8;border-radius:9px}.setting-card label{display:block;margin:14px 0;font-weight:650}.setting-card .button{margin-top:10px}
@media(max-width:800px){.auth-layout{display:block;margin:25px auto 65px}.auth-story{min-height:340px}.auth-preview,.auth-perks{display:none}.auth-story h1{margin:25px 0 16px}.auth-form{padding:40px 26px}}

.studio-metrics{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.studio-metrics span{background:#eef5f7;border:1px solid #d8e9ee;border-radius:9px;padding:8px 12px;color:#4b6371;font-size:12px}.studio-metrics strong{color:#152b49;font-size:17px;margin-right:5px}