@font-face{font-family:Syne;font-weight:700;font-style:normal;font-display:optional;src:url(/_astro/syne-latin-700-normal.AF3Rs61n.woff2)format("woff2")}@font-face{font-family:Syne;font-weight:800;font-style:normal;font-display:optional;src:url(/_astro/syne-latin-800-normal.EehdNYzx.woff2)format("woff2")}@font-face{font-family:DM Sans;font-weight:400;font-style:normal;font-display:optional;src:url(/_astro/dm-sans-latin-400-normal.CW0RaeGs.woff2)format("woff2")}@font-face{font-family:DM Sans;font-weight:500;font-style:normal;font-display:optional;src:url(/_astro/dm-sans-latin-500-normal.B9HHJjqV.woff2)format("woff2")}@font-face{font-family:DM Sans;font-weight:600;font-style:normal;font-display:optional;src:url(/_astro/dm-sans-latin-600-normal.Aqo67rzb.woff2)format("woff2")}@property --h{syntax:"<angle>";inherits:true;initial-value:0deg}:root{--bg:#f4f1ea;--surface:#fff;--ink:#0e0d12;--ink-2:#3a3744;--muted:#5b5666;--line:#e2ddd0;--lime:#c6ff3d;--on-lime:#0e0d12;--field-opacity:.8;--font-display:"Syne", "Arial Black", system-ui, sans-serif;--font-text:"DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.2, .7, .2, 1);--gutter:clamp(16px, 4vw, 48px);--max:1280px;color-scheme:light}:root[data-theme=dark]{--bg:#0e0d12;--surface:#17151d;--ink:#f4f1ea;--ink-2:#d8d4e0;--muted:#a9a4b5;--line:#2a2733;--field-opacity:.5;color-scheme:dark}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}@view-transition{navigation:auto}body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--font-text);flex-direction:column;min-height:100dvh;display:flex;overflow-x:hidden}main{flex:1}::selection{background:var(--lime);color:#0e0d12}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}:root[data-theme=dark] :focus-visible{outline-color:var(--lime)}a{color:inherit;text-underline-offset:.2em;text-decoration-thickness:1px}img,svg{max-width:100%;display:block}html{scrollbar-color:var(--muted) var(--bg)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}.skip{background:var(--ink);color:var(--bg);z-index:50;border-radius:8px;padding:10px 14px;position:absolute;top:-60px;left:8px}.skip:focus{top:8px}.site-header{padding:18px var(--gutter);max-width:calc(var(--max) + 2 * var(--gutter));z-index:5;justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 auto;display:flex;position:relative}.logo{font:800 24px/1 var(--font-display);letter-spacing:-.04em;text-decoration:none}.logo b{background:var(--lime);color:var(--on-lime);border-radius:6px;margin-left:1px;padding:.04em .16em .1em}.site-header nav{gap:clamp(14px,3vw,28px);margin-left:auto;font-size:15px;font-weight:500;display:flex}.site-header nav a{border-bottom:2px solid #0000;padding:6px 0;text-decoration:none}.site-header nav a:hover,.site-header nav a[aria-current]{border-bottom-color:var(--ink)}.theme-toggle{font:500 14px var(--font-text);color:var(--ink);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:8px;min-height:40px;padding:8px 14px;display:inline-flex}.theme-toggle:hover{border-color:var(--ink)}.theme-toggle svg{width:16px;height:16px}.theme-toggle .moon,:root[data-theme=dark] .theme-toggle .sun{display:none}:root[data-theme=dark] .theme-toggle .moon{display:block}.btn{transition:transform .25s var(--ease), box-shadow .25s var(--ease);border:1.5px solid #0000;border-radius:12px;align-items:center;min-height:48px;padding:14px 24px;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -12px #00000080}.btn-primary{background:var(--lime);color:var(--on-lime)}.btn-ghost{border-color:var(--ink);color:var(--ink)}.hero{isolation:isolate;padding-top:clamp(24px,5vw,64px);position:relative}.field{z-index:-1;pointer-events:none;position:absolute;inset:-80px 0 0;overflow:hidden}.field:before{content:"";background:conic-gradient(from var(--h), #ff5a7a, #ffb23e, #f6e14a, #4fd98a, #33b5ff, #7a63ff, #e259d8, #ff5a7a);width:80vmax;height:80vmax;opacity:var(--field-opacity);border-radius:50%;animation:50s linear infinite spin;position:absolute;top:-10vmax;right:-25vmax;-webkit-mask-image:radial-gradient(closest-side,#000 45%,#0000 100%);mask-image:radial-gradient(closest-side,#000 45%,#0000 100%)}@keyframes spin{to{--h:360deg}}.hero h1{font:800 clamp(44px, 9.4vw, 136px)/.9 var(--font-display);letter-spacing:-.045em;text-wrap:balance;max-width:12ch}.hero h1 span{background:var(--lime);color:var(--on-lime);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.12em;padding:0 .08em}.hero-sub{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:28px;margin:28px 0 40px;display:flex}.lede{max-width:42ch;color:var(--ink-2);font-size:clamp(18px,1.6vw,21px)}.cta{flex-wrap:wrap;gap:12px;display:flex}.fan{gap:6px;height:clamp(300px,46vh,440px);display:flex}.chip{background:var(--c);min-width:0;color:var(--t);text-align:left;cursor:pointer;transition:flex .6s var(--ease);border:0;border-radius:18px 18px 0 0;flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;padding:16px 14px;font-family:inherit;display:flex;position:relative;overflow:hidden}.chip:hover,.chip:focus-visible,.chip.open{flex:4}.chip:focus-visible{outline:3px solid var(--ink);outline-offset:-6px}.chip .n{font:700 22px var(--font-display);letter-spacing:-.03em;writing-mode:vertical-rl;white-space:nowrap;transform:rotate(180deg)}.chip:hover .n,.chip:focus-visible .n,.chip.open .n{writing-mode:horizontal-tb;transform:none}.chip .meta{font:500 13px/1.4 var(--font-text);white-space:nowrap;font-variant-numeric:tabular-nums}.chip .meta code{font:inherit;letter-spacing:.02em}.chip .act{opacity:0;transition:opacity .3s;display:block}.chip:hover .act,.chip:focus-visible .act,.chip.open .act{opacity:1}.dot{background:var(--t);pointer-events:none;width:10px;height:10px;animation:burst .7s var(--ease) forwards;border-radius:50%;position:absolute;top:60%;left:50%}@keyframes burst{to{transform:translate(var(--x), var(--y)) scale(.2);opacity:0}}.section{padding:clamp(48px,7vw,88px) 0}.section h2{font:800 clamp(28px, 4vw, 44px)/1.05 var(--font-display);letter-spacing:-.04em;margin-bottom:24px}.band{background:var(--surface);border-block:1px solid var(--line)}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.tool{background:var(--surface);border:1px solid var(--line);color:var(--ink);transition:transform .3s var(--ease), box-shadow .3s var(--ease);border-radius:16px;grid-template-columns:48px 1fr;align-items:center;gap:14px;padding:18px;text-decoration:none;display:grid}.band .tool{background:var(--bg)}.tool i{background:var(--b);border-radius:12px;width:48px;height:48px}.tool b{font:700 19px var(--font-display);letter-spacing:-.03em;display:block}.tool span{color:var(--muted);font-size:14px;line-height:1.4;display:block}.tool .soon{background:var(--line);color:var(--ink);border-radius:99px;margin-top:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}a.tool{text-decoration:none}a.tool:hover{transform:translateY(-3px);box-shadow:0 14px 28px -14px #00000059}.principles{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;display:grid}.principles h3{font:700 20px var(--font-display);letter-spacing:-.03em;margin-bottom:8px}.principles p{color:var(--ink-2);max-width:40ch}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both rise view();animation-range:entry entry 40%}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}}.page-head{padding:clamp(24px,4vw,48px) 0 8px}.page-head h1{font:800 clamp(34px, 6vw, 68px)/1 var(--font-display);letter-spacing:-.045em;text-wrap:balance;max-width:18ch}.page-head .lede{margin-top:16px}.crumbs{color:var(--muted);margin-bottom:16px;font-size:14px}.crumbs ol{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.crumbs li+li:before{content:"/";margin-right:8px}.prose{max-width:68ch;padding-bottom:72px}.prose h2{font:700 26px/1.2 var(--font-display);letter-spacing:-.03em;margin:40px 0 10px}.prose p,.prose ul{color:var(--ink-2);margin-bottom:16px}.prose ul{padding-left:1.2em}.prose li{margin-bottom:6px}.updated{color:var(--muted);margin:8px 0 0;font-size:14px}.form{gap:16px;max-width:520px;display:grid}.form label{gap:6px;font-size:15px;font-weight:600;display:grid}.form input,.form textarea{font:400 17px var(--font-text);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;width:100%;padding:12px 14px}.form input:focus,.form textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--lime) 70%, transparent);outline:none}.form textarea{resize:vertical;min-height:140px}.form button{cursor:pointer;font:600 17px var(--font-text);justify-self:start}.ad-slot{min-height:var(--ad-h,280px);margin:32px 0;display:none}.ad-slot.on{display:block}.site-footer{color:#f4f1ea;background:#0e0d12;margin-top:0;padding:48px 0 32px}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:32px;display:flex}.site-footer p{color:#a9a4b5;max-width:38ch;margin-top:10px;font-size:15px}.site-footer ul{flex-wrap:wrap;align-content:flex-start;gap:8px 24px;max-width:420px;padding:0;font-size:15px;list-style:none;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer :focus-visible{outline-color:var(--lime)}.site-footer .legal{color:#a9a4b5;border-top:1px solid #2a2733;width:100%;padding-top:20px;font-size:14px}.nf h1{font:800 clamp(80px, 22vw, 240px)/.85 var(--font-display);letter-spacing:-.06em}@media (width<=700px){.fan{gap:4px;height:300px}.chip{padding:12px 8px}.chip .n{font-size:15px}.chip .meta{display:none}.chip:hover .meta,.chip.open .meta{display:block}.chip.open{flex:5}.theme-toggle span{display:none}.theme-toggle{padding:8px 11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
