:root{--bg-void:#0c100e;--bg-app:#121816;--bg-panel:#171e1a;--bg-elevated:#1e2822;--bg-hover:#243028;--line:#c8f5601f;--line-strong:#e8efe42e;--text:#e8efe4;--text-muted:#9aa79b;--accent:#c8f560;--accent-ink:#141a12;--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", Georgia, serif;--font-ui:"Figtree Variable", "Figtree", "Segoe UI", sans-serif;--gutter:16px;--max:1200px;--radius:8px;--header-h:60px;color-scheme:dark}@media (width>=720px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{background:var(--bg-void);-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px + env(safe-area-inset-top,0px))}body{min-height:100vh;font-family:var(--font-ui);color:var(--text);background:radial-gradient(ellipse 90% 50% at 75% -10%, #c8f5600f, transparent 60%), var(--bg-void);-webkit-font-smoothing:antialiased;flex-direction:column;margin:0;font-size:1.0625rem;line-height:1.6;display:flex}main{flex:1}img{max-width:100%;height:auto;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance;margin:0;font-weight:700;line-height:1.1}h2{font-size:clamp(1.75rem,3.2vw,2.5rem)}h3{letter-spacing:-.005em;font-size:1.2rem}p{text-wrap:pretty;margin:0}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));padding-inline:max(var(--gutter), env(safe-area-inset-left,0px)) max(var(--gutter), env(safe-area-inset-right,0px));margin-inline:auto}.skip{left:max(var(--gutter), env(safe-area-inset-left,0px));z-index:20;background:var(--accent);color:var(--accent-ink);border-radius:var(--radius);padding:8px 14px;font-weight:600;position:absolute;top:-100px}.skip:focus{top:max(10px, env(safe-area-inset-top,0px))}.button{border-radius:var(--radius);min-height:44px;font:600 1rem/1 var(--font-ui);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 20px;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.button--primary{background:var(--accent);color:var(--accent-ink)}.button--primary:hover{background:#d6fa7e}.button--ghost{border-color:var(--line-strong);color:var(--text)}.button--ghost:hover{background:var(--bg-elevated)}.button--small{min-height:36px;padding:0 14px;font-size:.9375rem}.button--large{min-height:52px;padding:0 26px;font-size:1.0625rem}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0px);background:#0c100ed1;position:sticky;top:0}.site-header__inner{grid-template-columns:auto 1fr;grid-template-areas:"brand actions""nav nav";align-items:center;column-gap:24px;display:grid}.brand{min-height:var(--header-h);font:700 1.15rem/1 var(--font-display);letter-spacing:-.01em;grid-area:brand;align-items:center;gap:10px;text-decoration:none;display:inline-flex}.logo{flex:none;width:28px;height:28px}.site-nav{scrollbar-width:none;grid-area:nav;gap:4px;margin-inline:-10px;display:flex;overflow-x:auto}.site-nav a{color:var(--text-muted);white-space:nowrap;padding:8px 10px 12px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text)}.site-nav a[aria-current=page]{text-decoration:underline 2px var(--accent);text-underline-offset:8px}.site-header__actions{grid-area:actions;justify-self:end;align-items:center;gap:12px;display:flex}.site-header__star{display:none}.star-link{border:1px solid var(--line-strong);max-width:100%;min-height:36px;color:var(--text);font:600 .875rem/1 var(--font-ui);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;text-decoration:none;display:inline-flex;position:relative}.star-link svg{flex:none}.star-link__star{color:#f5c84c}.star-link:hover{background:var(--bg-elevated)}@media (width<=1119px){.site-header .star-link{justify-content:center;width:36px;padding:0}.site-header .star-link__star{width:16px;height:16px}.site-header .star-link>svg:first-child,.site-header .star-link__text{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.lang-switch{color:var(--text-muted);padding:6px 8px;font-size:.875rem;font-weight:600;text-decoration:none}.lang-switch:hover{color:var(--text)}@media (width>=820px){.site-header__inner{grid-template-columns:auto 1fr auto;grid-template-areas:"brand nav actions"}.site-nav{margin:0}.site-nav a{padding:8px 10px}.site-header__star{display:inline-flex}}.star-link--fab{display:none}@media (width<=819px){.star-link--fab{z-index:30;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));background:var(--bg-elevated);border-color:var(--text-muted);justify-content:center;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex;position:fixed;box-shadow:0 8px 24px #0006}.star-link--fab .star-link__star{width:18px;height:18px}.star-link--fab>svg:first-child,.star-link--fab .star-link__text{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.star-link--fab:hover{background:var(--bg-hover);border-color:var(--text)}}@media print{.star-link--fab{display:none}}.hero{gap:40px;padding-block:40px 72px;display:grid}.hero h1{letter-spacing:-.03em;font-variation-settings:"opsz" 96;font-size:clamp(2.4rem,5.4vw,4.25rem);font-weight:800;line-height:1.02}.hero .lead{color:var(--text-muted);max-width:52ch;margin-top:24px;font-size:clamp(1.0625rem,1.6vw,1.2rem)}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.facts{color:var(--text-muted);flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;font-size:.9375rem;list-style:none;display:flex}.facts li{align-items:center;gap:9px;display:inline-flex}.facts li:before{content:"";border:2px solid var(--accent);border-radius:2px;width:9px;height:9px}@media (width<=819px){.hero{padding-top:16px}.hero__actions{margin-top:20px}.facts{margin-top:16px}.promo figcaption{padding-right:60px}}@media (width>=1000px){.hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:56px;padding-block:64px 104px}}.promo{margin:0}.promo__video{aspect-ratio:16/9;border:1px solid var(--line-strong);background:var(--bg-panel);border-radius:12px;width:100%;height:auto;display:block;box-shadow:0 30px 80px -40px #000c}.promo figcaption{color:var(--text-muted);margin-top:12px;font-size:.875rem}.section{padding-block:clamp(64px,9vw,112px) 0}.section--narrow{max-width:calc(820px + 2 * var(--gutter))}.section__head{max-width:60ch;margin-bottom:36px}.section__head p{color:var(--text-muted);margin-top:14px}.section__more{margin-top:28px}.section__more a,.prose a,.meta a{color:var(--accent);text-underline-offset:3px}.band{background:var(--bg-panel);border-block:1px solid var(--line);margin-top:8px;padding-block:clamp(56px,8vw,96px)}.split{gap:40px;display:grid}.split>div>p{max-width:58ch;color:var(--text-muted);margin-top:18px}.points{align-self:center;gap:0;margin:0;padding:0;list-style:none;display:grid}.points li{border-top:1px solid var(--line-strong);padding-block:20px}.points li:last-child{border-bottom:1px solid var(--line-strong)}.points p{color:var(--text-muted);margin-top:6px}@media (width>=900px){.split{grid-template-columns:7fr 5fr;gap:80px}}.tool-list{column-gap:40px;margin:0;padding:0;list-style:none;display:grid}.tool-list li{border-top:1px solid var(--line-strong)}.tool-list a{height:100%;padding:20px 0 24px;text-decoration:none;display:block}.tool-list__name{font-size:1.25rem}.tool-list a:hover .tool-list__name{color:var(--accent)}.tool-list p{color:var(--text-muted);margin-top:8px;font-size:.975rem}@media (width>=720px){.tool-list{grid-template-columns:repeat(2,1fr)}}@media (width>=1040px){.tool-list{grid-template-columns:repeat(3,1fr)}}.how{gap:40px;display:grid}.how__steps{counter-reset:step;gap:28px;margin:0;padding:0;list-style:none;display:grid}.how__steps li{counter-increment:step;grid-template-columns:2.5rem 1fr;column-gap:12px;display:grid}.how__steps li:before{content:counter(step);font:800 2rem/1 var(--font-display);color:var(--accent);grid-row:span 2}.how__steps p{color:var(--text-muted);margin-top:6px}.how__shot{border:1px solid var(--line-strong);border-radius:12px}@media (width>=960px){.how{grid-template-columns:4fr 7fr;align-items:center;gap:64px}}.faq details{border-bottom:1px solid var(--line-strong)}.faq details:first-child{border-top:1px solid var(--line-strong)}.faq summary{cursor:pointer;justify-content:space-between;gap:24px;padding:18px 0;font-size:1.0625rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:500 1.5rem/1 var(--font-display);color:var(--accent);flex:none;transition:rotate .15s}.faq details[open] summary:after{rotate:45deg}.faq details p{max-width:68ch;color:var(--text-muted);padding-bottom:20px}.post-list{margin:0;padding:0;list-style:none}.post-list li{border-top:1px solid var(--line-strong);padding-block:24px}.post-list a{text-decoration:none;display:block}.post-list h2,.post-list h3{font-size:1.35rem}.post-list a:hover :is(h2,h3){color:var(--accent)}.post-list p{color:var(--text-muted);margin-top:8px}.post-list time{color:var(--text-muted);margin-top:10px;font-size:.875rem;display:block}@media (width>=900px){.post-list--grid{grid-template-columns:repeat(3,1fr);column-gap:40px;display:grid}}.end{border-top:1px solid var(--line);margin-block:clamp(72px,10vw,128px) 0;padding-block:clamp(48px,7vw,80px)}.end h2{letter-spacing:-.025em;max-width:20ch;font-size:clamp(2rem,4.4vw,3.25rem)}.end p{color:var(--text-muted);margin-top:16px}.page{padding-block:24px 96px}.page--narrow{max-width:calc(780px + 2 * var(--gutter))}.page-head{padding-block:28px 40px}.page-head h1{letter-spacing:-.025em;max-width:22ch;font-size:clamp(2.1rem,4.6vw,3.4rem);font-weight:800;line-height:1.05}.page-head .lead{color:var(--text-muted);max-width:62ch;margin-top:18px;font-size:1.2rem}.page-head .meta{margin-top:16px}.meta{color:var(--text-muted);font-size:.9rem}.editor-cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:28px;display:flex}.editor-cta p{color:var(--text-muted);font-size:.9375rem}.breadcrumbs ol{color:var(--text-muted);flex-wrap:wrap;gap:4px;margin:0;padding:0;font-size:.875rem;list-style:none;display:flex}.breadcrumbs li+li:before{content:"/";opacity:.5;margin-right:4px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--text)}.section-block{margin-top:64px}.section-block>h2{margin-bottom:24px;font-size:clamp(1.5rem,2.6vw,2rem)}.steps{border-top:1px solid var(--line);padding:32px 0 8px}.steps>h2{font-size:clamp(1.5rem,2.6vw,2rem)}.steps ol{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px 32px;margin:24px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step}.steps li:before{content:counter(step);font:800 1.75rem/1 var(--font-display);color:var(--accent);margin-bottom:8px;display:block}.steps p{color:var(--text-muted);margin-top:6px}.prose{max-width:70ch;margin-top:48px}.page--narrow .prose,.prose>:first-child{margin-top:0}.prose h2{margin:2.2em 0 .6em;font-size:clamp(1.5rem,2.6vw,1.9rem)}.prose h3{margin:1.8em 0 .5em;font-size:1.25rem}.prose p,.prose ul,.prose ol,.prose table,.prose blockquote,.prose pre{margin:0 0 1.1em}.prose p,.prose li{line-height:1.7}.prose li+li{margin-top:.35em}.prose ul,.prose ol{padding-left:1.3em}.prose li::marker{color:var(--accent)}.prose strong{font-weight:600}.prose code{background:var(--bg-elevated);border-radius:4px;padding:.1em .35em;font-size:.9em}.prose pre{border-radius:var(--radius);background:var(--bg-panel);padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:2px solid var(--accent);color:var(--text-muted);padding-left:18px}.prose hr{border:0;border-top:1px solid var(--line-strong);margin:2.5em 0}.prose table{border-collapse:collapse;width:100%;font-size:.95rem;display:block;overflow-x:auto}.prose th,.prose td{border-bottom:1px solid var(--line-strong);text-align:left;vertical-align:top;padding:10px 14px 10px 0}.prose th{white-space:nowrap;font-weight:600}.prose img{border-radius:var(--radius)}.disclosure{border-left:2px solid var(--accent);color:var(--text-muted);margin-top:18px;padding-left:14px;font-size:.9rem}.gear-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.gear-list li{border-top:1px solid var(--line-strong);padding-block:18px 22px}.gear-list p{color:var(--text-muted);margin-top:4px}.gear-list a{color:var(--accent);text-underline-offset:3px;margin-top:10px;font-weight:600;display:inline-block}.not-found{padding-top:72px}.not-found h1{font-size:clamp(2.2rem,5vw,3.5rem)}.not-found .lead{color:var(--text-muted);margin-top:16px}.not-found .meta{margin-top:40px}.site-footer{padding-block:56px calc(32px + env(safe-area-inset-bottom,0px));background:var(--bg-app);border-top:1px solid var(--line);margin-top:64px;font-size:.9375rem}.site-footer__grid{gap:36px;display:grid}.site-footer__brand p{max-width:34ch;color:var(--text-muted);margin:12px 0 20px}.site-footer__brand .brand{min-height:0}.site-footer__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.site-footer .star-link{white-space:normal}.site-footer h2{font:600 .9375rem/1.3 var(--font-ui);letter-spacing:0}.site-footer ul{margin:12px 0 0;padding:0;list-style:none}.site-footer li+li{margin-top:6px}.site-footer nav a{color:var(--text-muted);text-decoration:none}.site-footer nav a:hover{color:var(--text)}.site-footer__legal{border-top:1px solid var(--line);color:var(--text-muted);gap:6px;margin-top:48px;padding-top:20px;font-size:.8125rem;display:grid}@media (width>=720px){.site-footer__grid{grid-template-columns:repeat(3,1fr)}.site-footer__brand{grid-column:1/-1}}@media (width>=1040px){.site-footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}.site-footer__brand{grid-column:auto}}@media (width<=819px){html{scroll-padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.site-footer{padding-bottom:calc(32px + 60px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}
