@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&display=swap');
:root{--bg:#090a0d;--panel:#111319;--panel2:#191c28;--text:#f5f5f7;--muted:#9296a8;--line:rgba(255,255,255,.1);--violet:#8e7dff;--cyan:#55e4d2;--coral:#ff8d76;--sans:'Manrope',sans-serif;--mono:'DM Mono',monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 85% 0%,rgba(142,125,255,.13),transparent 34%),var(--bg);color:var(--text);font-family:var(--sans);margin:0;min-height:100vh}body:before{background-image:linear-gradient(rgba(255,255,255,.021) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.021) 1px,transparent 1px);background-size:46px 46px;content:"";inset:0;mask-image:linear-gradient(#000,transparent 75%);pointer-events:none;position:fixed}.site-shell{margin:auto;max-width:1240px;padding:0 5vw;position:relative;z-index:1}.site-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:74px;position:relative}.brand{align-items:center;color:var(--text);display:flex;font-size:14px;font-weight:800;gap:9px;text-decoration:none;white-space:nowrap}.brand b{align-items:center;background:var(--violet);border-radius:7px;display:flex;height:29px;justify-content:center;letter-spacing:-.12em;width:29px}.brand b span{color:var(--cyan);font-size:9px;margin:-11px 0 0 -1px}.brand i{color:var(--muted);font-style:normal}.site-nav{display:flex;gap:28px}.site-nav a,.text-link,.kicker,.site-footer>span,.site-footer nav a{color:var(--muted);font:9px var(--mono);text-decoration:none;text-transform:uppercase}.site-nav a:hover,.site-nav a.current,.text-link:hover{color:var(--cyan)}.button{align-items:center;border:0;border-radius:5px;cursor:pointer;display:inline-flex;font:9px var(--mono);gap:15px;padding:13px 16px;text-decoration:none;text-transform:uppercase;transition:background .18s,color .18s}.button.outline{background:transparent;border:1px solid var(--line);color:var(--text)}.button.outline:hover{background:var(--text);color:var(--bg)}.button.primary{background:var(--violet);color:white}.button.primary:hover{background:var(--cyan);color:var(--bg)}.mobile-menu{background:none;border:1px solid var(--line);color:var(--text);cursor:pointer;display:none;font-size:18px;height:35px;width:38px}.kicker{letter-spacing:.045em}.hero{align-items:center;display:grid;gap:7%;grid-template-columns:47% 46%;min-height:650px;padding:75px 0 92px}.hero h1,.standalone-title{font-size:clamp(55px,7vw,94px);letter-spacing:-.105em;line-height:.92;margin:25px 0}.hero h1 em,.section-heading h2 em,.manifesto h2 em,.closing h2 em,.standalone-title em{color:var(--violet);font-style:normal}.hero-copy>p,.section-heading>p,.manifesto p,.intro-copy,.guide-section p,.template-info>p{color:var(--muted);font-size:14px;line-height:1.8;max-width:460px}.actions{align-items:center;display:flex;gap:24px;margin-top:30px}.hero-footnote{align-items:center;color:#74788a;display:flex;font:8px var(--mono);gap:9px;margin-top:43px}.status-dot{background:var(--cyan);border-radius:50%;height:6px;width:6px}.hero-preview{background:linear-gradient(145deg,#1b1d31,#0d0e13);border:1px solid #292d43;border-radius:10px;box-shadow:0 30px 90px rgba(70,55,220,.15);color:var(--text);display:block;padding:17px;text-decoration:none;transform:rotate(1.5deg);transition:transform .25s}.hero-preview:hover{transform:rotate(0) translateY(-4px)}.preview-toolbar,.preview-bottom{color:#9296a8;display:flex;font:8px var(--mono);justify-content:space-between}.preview-art{align-items:flex-start;aspect-ratio:1.2;background:radial-gradient(ellipse at 80% 23%,rgba(142,125,255,.24),transparent 38%),#111319;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;margin:14px 0;overflow:hidden;padding:11%;position:relative}.preview-art>span:first-of-type,.art-caption,.art-index{font:8px var(--mono);letter-spacing:.06em;position:relative}.preview-art strong{font-size:clamp(48px,6vw,78px);letter-spacing:-.11em;line-height:.87;margin:23px 0 28px;position:relative}.preview-art strong i{color:var(--violet);font-style:normal}.preview-art .art-caption{color:var(--cyan)}.preview-art .art-index{bottom:7%;color:#7e8191;position:absolute;right:8%}.art-orbit{border:1px solid rgba(142,125,255,.48);border-radius:50%;height:62%;position:absolute;right:-8%;top:10%;transform:rotate(-32deg);width:60%}.art-orbit:before,.art-orbit:after{border:1px solid rgba(85,228,210,.4);border-radius:50%;content:"";inset:13%;position:absolute}.art-orbit:after{inset:28%}.strip{border-bottom:1px solid var(--line);border-top:1px solid var(--line);color:var(--muted);font:8px var(--mono);letter-spacing:.04em;padding:19px;text-align:center}.section{padding:115px 0}.section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:45px}.section-heading h2,.manifesto h2{font-size:clamp(43px,5.4vw,67px);letter-spacing:-.1em;line-height:.98;margin:19px 0 0}.section-heading>p{max-width:380px}.feature-grid{display:grid;gap:13px;grid-template-columns:repeat(3,1fr)}.feature-card{background:rgba(17,19,25,.84);border:1px solid var(--line);border-radius:8px;min-height:265px;padding:22px;position:relative}.feature-number{color:#777b8c;font:8px var(--mono);position:absolute;right:21px;top:24px}.feature-symbol{color:var(--violet);font-size:23px}.feature-symbol.cyan{color:var(--cyan)}.feature-symbol.coral{color:var(--coral)}.feature-card h3{font-size:21px;letter-spacing:-.06em;margin:49px 0 8px}.feature-card p{color:var(--muted);font-size:11px;line-height:1.8;margin:0}.manifesto{align-items:center;background:var(--panel);display:grid;gap:12%;grid-template-columns:27% 61%;margin:0 -5.56vw;padding:100px 11.5%}.manifesto-mark{align-items:center;background:var(--violet);border-radius:50%;display:flex;font-size:78px;font-weight:800;height:180px;justify-content:center;letter-spacing:-.15em;padding-bottom:15px;width:180px}.manifesto-mark sup{color:var(--cyan);font-size:24px}.manifesto p{max-width:500px}.text-link{border-bottom:1px solid var(--violet);color:var(--text);display:inline-block;padding-bottom:5px}.closing{align-items:flex-start;display:flex;flex-direction:column;padding:100px 0}.closing h2{font-size:clamp(48px,6vw,76px);letter-spacing:-.1em;margin:19px 0 28px}.site-footer{align-items:center;border-top:1px solid var(--line);display:flex;gap:23px;justify-content:space-between;min-height:85px}.site-footer .brand{font-size:11px}.site-footer .brand b{height:23px;width:23px}.site-footer>span,.site-footer nav a{font-size:7px}.site-footer nav{display:flex;gap:15px}.site-footer nav a:hover{color:var(--cyan)}.inner-page{min-height:calc(100vh - 160px);padding:78px 0 100px}.page-title-row{align-items:end;display:flex;justify-content:space-between}.page-title-row h1,.standalone-title{font-size:clamp(49px,6vw,76px);margin:14px 0}.page-title-row h1 em,.template-info h2 em{color:var(--violet);font-style:normal}.page-title-row>div>p,.intro-copy{color:var(--muted);font-size:13px;line-height:1.75;max-width:540px}.project-grid,.template-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:37px}.project-card,.template-card{background:rgba(17,19,25,.85);border:1px solid var(--line);border-radius:8px;min-width:0;overflow:hidden}.project-card{padding:16px}.project-preview{align-items:center;aspect-ratio:1.5;background:radial-gradient(ellipse at 75% 20%,rgba(142,125,255,.2),transparent 45%),#171923;border:1px solid var(--line);display:flex;justify-content:center;margin-bottom:16px;overflow:hidden}.project-preview svg{height:100%;width:100%}.project-card h2,.template-info h2{font-size:17px;letter-spacing:-.05em;margin:0 0 6px}.project-card>p,.project-date{color:var(--muted);font-size:9px;line-height:1.6}.project-actions{display:flex;gap:6px;margin-top:14px}.project-actions button,.project-actions a{align-items:center;background:transparent;border:1px solid var(--line);border-radius:4px;color:var(--text);cursor:pointer;display:inline-flex;font:8px var(--mono);justify-content:center;padding:9px 10px;text-decoration:none;text-transform:uppercase}.project-actions .open-project{background:var(--violet);border-color:var(--violet)}.project-actions button:hover,.project-actions a:hover{border-color:var(--cyan);color:var(--cyan)}.empty-projects{background:rgba(17,19,25,.75);border:1px dashed rgba(255,255,255,.15);border-radius:9px;grid-column:1/-1;padding:42px;text-align:center}.empty-projects h2{font-size:21px;letter-spacing:-.05em}.empty-projects p{color:var(--muted);font-size:12px;line-height:1.7;margin:0 auto 20px;max-width:390px}.page-callout{align-items:flex-start;background:rgba(142,125,255,.07);border:1px solid rgba(142,125,255,.16);border-radius:7px;display:flex;gap:14px;margin-top:30px;padding:17px}.page-callout strong{font-size:11px}.page-callout p{color:var(--muted);font-size:10px;line-height:1.6;margin:5px 0 0}.standalone-title{margin-top:20px}.intro-copy{margin-top:-5px}.template-card{display:flex;flex-direction:column}.template-art{align-items:flex-start;aspect-ratio:1.12;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:11%;position:relative}.template-art>span,.template-art>small{font:8px var(--mono);letter-spacing:.05em;position:relative}.template-art>strong{font-size:clamp(32px,4vw,55px);letter-spacing:-.11em;line-height:.89;margin:19px 0;position:relative}.template-art>strong i{font-style:normal}.template-art>small{font-size:7px}.template-orbit{background:radial-gradient(ellipse at 77% 17%,rgba(142,125,255,.35),transparent 35%),#14151e}.template-orbit:after{border:1px solid rgba(142,125,255,.4);border-radius:50%;content:"";height:55%;position:absolute;right:-14%;top:13%;transform:rotate(-35deg);width:62%}.template-orbit>strong i{color:var(--violet)}.template-morning{background:radial-gradient(ellipse at 73% 27%,rgba(255,141,118,.2),transparent 39%),#201919}.template-morning>strong{color:#f3e1d4}.template-morning>small{color:var(--coral)}.template-signal{background:radial-gradient(ellipse at 83% 70%,rgba(85,228,210,.24),transparent 40%),#111c1d}.template-signal>strong{font-size:clamp(34px,4vw,50px)}.template-signal>strong i,.template-signal>small{color:var(--cyan)}.template-info{display:flex;flex:1;flex-direction:column;padding:18px}.template-info .kicker{font-size:7px}.template-info h2{margin-top:11px}.template-info>p{font-size:10px;margin:0 0 18px}.template-info .text-link{align-self:flex-start;margin-top:auto}.reading-page{max-width:760px}.reading-page .standalone-title{font-size:clamp(50px,7vw,81px)}.guide-section{border-top:1px solid var(--line);margin-top:37px;padding-top:25px}.guide-section>h2{font-size:23px;letter-spacing:-.06em;margin:14px 0}.guide-section p{font-size:12px;max-width:700px}.guide-section p a{color:var(--cyan)}kbd{background:var(--panel2);border:1px solid var(--line);border-radius:3px;color:var(--text);font:9px var(--mono);padding:3px 6px}.guide-section details{border-top:1px solid var(--line);padding:14px 0}.guide-section details:last-child{border-bottom:1px solid var(--line)}.guide-section summary{color:var(--text);cursor:pointer;font-size:12px}.guide-section details p{margin-bottom:3px}.toast{background:#20232d;border:1px solid var(--line);border-radius:6px;bottom:24px;color:var(--text);font:10px var(--mono);left:50%;opacity:0;padding:12px 16px;pointer-events:none;position:fixed;transform:translate(-50%,12px);transition:.2s;z-index:5}.toast.visible{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.site-nav{gap:15px}.hero{gap:5%;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(49px,8vw,72px)}.manifesto{gap:8%;grid-template-columns:27% 65%;padding:80px 8%}.manifesto-mark{height:140px;width:140px}.project-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{flex-wrap:wrap;gap:16px;padding:20px 0}.site-footer>span:nth-child(2){display:none}}@media(max-width:600px){.site-shell{padding:0 20px}.site-header{min-height:65px}.mobile-menu{display:block;margin-left:auto;margin-right:12px;position:relative;z-index:6}.site-nav{background:var(--panel);border:1px solid var(--line);box-shadow:0 15px 40px #0008;display:none;flex-direction:column;gap:0;padding:8px;position:absolute;right:0;top:56px;width:205px;z-index:5}.site-nav.open{display:flex}.site-nav a{border-bottom:1px solid var(--line);padding:13px}.site-nav a:last-child{border:0}.header-cta{font-size:8px;padding:10px}.hero{gap:38px;grid-template-columns:1fr;min-height:auto;padding:67px 0 56px}.hero h1{font-size:clamp(57px,14vw,84px)}.hero-preview{margin:0 7px}.preview-art strong{font-size:clamp(58px,14vw,78px)}.hero-footnote{flex-wrap:wrap;font-size:7px}.section{padding:77px 0}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.section-heading>p{font-size:12px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:190px}.feature-card h3{margin-top:28px}.manifesto{gap:24px;grid-template-columns:1fr;margin:0 -20px;padding:52px 24px}.manifesto-mark{height:86px;width:86px;font-size:43px}.manifesto-mark sup{font-size:14px}.manifesto h2{font-size:48px}.closing{padding:70px 0}.site-footer{align-items:flex-start}.site-footer>span:last-child{align-self:center;margin-left:auto}.site-footer nav{margin-left:auto}.inner-page{padding:54px 0 70px}.page-title-row{align-items:flex-start;flex-direction:column;gap:16px}.page-title-row h1,.standalone-title{font-size:57px}.project-grid,.template-grid{grid-template-columns:1fr}.template-art{aspect-ratio:1.3}.template-art>strong{font-size:clamp(47px,12vw,67px)}.reading-page .standalone-title{font-size:59px}.guide-section>h2{font-size:20px}.project-actions button,.project-actions a{font-size:9px}}