@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2?dpl=dpl_7L48zUmfxaYMcuUQAxUXZCF46Kpz)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7f5ff;--muted:#a7a2bb;--subtle:#7f7a90;--bg:#080710;--panel:#11101c;--panel-strong:#171521;--line:#ffffff1a;--line-strong:#ffffff2e;--accent:#9d7cff;--accent-alt:#6ce7df;--accent-soft:#9d7cff1a;--accent-ink:#090711;--good:#8fd8c9;--radius-card:20px;--radius-control:12px;--shadow:0 36px 90px #0000006b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 5%, #6f4bdc2e, transparent 28rem), radial-gradient(circle at 10% 32%, #40cfc614, transparent 24rem), var(--bg);color:var(--ink);font-family:var(--font-geist-sans), Arial, sans-serif;margin:0}a{color:inherit;text-decoration:none}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}code,pre{font-family:var(--font-geist-mono), monospace}img{max-width:100%}::selection{background:var(--accent);color:#090711}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.nav{z-index:5;justify-content:space-between;align-items:center;height:72px;display:flex;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:720;display:inline-flex}.brand-mark{border-radius:var(--radius-control);color:#090711;background:linear-gradient(135deg, var(--accent-alt), #c9b7ff);place-items:center;width:31px;height:31px;font-size:15px;display:grid;box-shadow:0 0 30px #6ce7df2e}.nav-links{color:var(--muted);white-space:nowrap;align-items:center;gap:30px;font-size:14px;display:flex}.nav-links a:hover,.footer a:hover{color:var(--ink)}.button{border-radius:var(--radius-control);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:48px;padding:0 20px;font-size:14px;font-weight:670;line-height:1;transition:transform .2s,border-color .2s,background-color .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)scale(.99)}.button-small{min-height:40px;padding-inline:16px;font-size:13px}.button-primary{color:#090711;background:linear-gradient(135deg, #d7ceff, var(--accent) 60%, var(--accent-alt));box-shadow:0 12px 40px #8f6ff23d}.button-primary:hover{filter:brightness(1.06)}.button-secondary,.button-ghost,.button-quiet{color:var(--ink);border-color:var(--line);background:color-mix(in srgb, var(--panel-strong) 64%, transparent)}.button-secondary:hover,.button-ghost:hover,.button-quiet:hover{border-color:var(--line-strong);background:var(--panel-strong)}.button-quiet{background:0 0}.eyebrow,.kicker{color:var(--accent-alt);text-transform:uppercase;letter-spacing:.17em;margin:0;font-size:10.5px;font-weight:760}.hero{grid-template-columns:.82fr 1.18fr;align-items:center;gap:62px;min-height:650px;padding-block:66px 82px;display:grid}.hero h1{letter-spacing:-.065em;max-width:640px;margin:20px 0 22px;font-size:clamp(48px,5.2vw,72px);line-height:.98}.hero h1 span{color:#0000;background:linear-gradient(100deg, #d7ceff, var(--accent) 55%, var(--accent-alt));-webkit-background-clip:text;background-clip:text}.hero-lede{max-width:530px;color:var(--muted);margin:0;font-size:18px;line-height:1.65}.hero-actions{gap:12px;margin-top:32px;display:flex}.hero-visual{border:1px solid var(--line-strong);border-radius:var(--radius-card);box-shadow:var(--shadow);background:#15171a;padding:40px 8px 8px;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-3deg)}.window-bar{color:#8f9195;border-bottom:1px solid #ffffff1a;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:10px;display:flex;position:absolute;inset:0 0 auto}.window-bar span{background:#4c4e52;border-radius:50%;width:8px;height:8px}.window-bar b{margin-left:6px;font-weight:560}.hero-visual img{aspect-ratio:16/10;object-fit:cover;background:#17191c;border-radius:10px;width:100%;height:auto;display:block}.visual-note{border-radius:var(--radius-control);color:#f4f3ef;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0b0dd1;border:1px solid #ffffff29;flex-direction:column;gap:3px;padding:12px 14px;display:flex;position:absolute;bottom:26px;left:28px;box-shadow:0 12px 34px #0000004d}.visual-note strong{font-size:12px}.visual-note span{color:#aaa9a4;font-size:10px}.evidence-rail{border-block:1px solid var(--line);background:color-mix(in srgb, var(--panel) 70%, transparent)}.evidence-grid{grid-template-columns:repeat(4,1fr);display:grid}.evidence-grid>div{border-right:1px solid var(--line);flex-direction:column;gap:5px;min-width:0;padding:22px 20px;display:flex}.evidence-grid>div:first-child{padding-left:0}.evidence-grid>div:last-child{border:0}.evidence-grid span{color:var(--subtle);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.evidence-grid strong,.evidence-grid code{overflow-wrap:anywhere;font-size:13px}.evidence-grid a:hover{color:var(--accent)}.answer-block{border-block:1px solid var(--line);grid-template-columns:.8fr 1.2fr;align-items:start;gap:72px;margin:74px auto 12px;padding:38px 0;display:grid}.answer-block h2{letter-spacing:-.04em;margin:0;font-size:30px}.answer-block p{max-width:720px;color:var(--muted);margin:0 0 12px;font-size:15px;line-height:1.72}.answer-block strong{color:var(--ink)}.section{padding-block:108px}.section h2,.cta-section h2,.studio-notes h2,.studio-guide h2{letter-spacing:-.052em;max-width:740px;margin:0;font-size:clamp(35px,4.2vw,54px);line-height:1.04}.section-intro{max-width:600px;color:var(--muted);margin:18px 0 38px;font-size:15px;line-height:1.7}.text-link{color:var(--ink);border-bottom:1px solid var(--accent);padding-bottom:4px;font-size:13px;font-weight:680}.proof-section{grid-template-columns:.78fr 1.22fr;align-items:center;gap:86px;display:grid}.proof-copy>p{max-width:500px;color:var(--muted);margin:22px 0 28px;line-height:1.75}.proof-actions{gap:24px;display:flex}.release-ledger{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);box-shadow:var(--shadow);overflow:hidden}.release-ledger>div{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);gap:24px;padding:18px 20px;display:grid}.release-ledger span{color:var(--muted);font-size:11px}.release-ledger code{color:var(--ink);overflow-wrap:anywhere;font-size:11px}.release-ledger p{color:var(--muted);margin:0;padding:16px 20px;font-size:11px;line-height:1.55}.studio-callout{border-block:1px solid var(--line);background:var(--accent-soft)}.studio-callout-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;display:grid}.studio-callout h2{margin-top:16px}.studio-callout p:not(.kicker){max-width:530px;color:var(--muted);margin:22px 0 30px;line-height:1.72}.studio-callout img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-card);border:1px solid var(--line);width:100%;height:auto;box-shadow:var(--shadow)}.gallery-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.25fr .75fr;gap:16px;display:grid}.skin-card{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--panel);margin:0;position:relative;overflow:hidden}.skin-card:first-child{grid-row:1/3}.skin-card img{object-fit:cover;width:100%;height:100%;min-height:230px;transition:transform .45s cubic-bezier(.16,1,.3,1);display:block}.skin-card:first-child img{min-height:478px}.skin-card:hover img{transform:scale(1.015)}.skin-card figcaption{border-radius:var(--radius-control);color:#f4f3ef;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0b0dcc;border:1px solid #ffffff24;padding:9px 12px;font-size:12px;font-weight:650;position:absolute;bottom:14px;left:14px}.workflow-section{border-block:1px solid var(--line);background:color-mix(in srgb, var(--panel) 72%, transparent)}.workflow-section h2{margin-top:16px}.workflow-grid{border:1px solid var(--line);border-radius:var(--radius-card);grid-template-columns:1.15fr .85fr .85fr 1.15fr;margin-top:42px;display:grid;overflow:hidden}.workflow-grid article{border-right:1px solid var(--line);min-height:190px;padding:28px}.workflow-grid article:last-child{background:var(--accent-soft);border:0}.workflow-grid h3{letter-spacing:-.03em;margin:0 0 40px;font-size:20px}.workflow-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.platform-section{grid-template-columns:.72fr 1.28fr;align-items:start;gap:74px;display:grid}.platform-copy{position:sticky;top:28px}.platform-copy p{max-width:440px;color:var(--muted);margin:22px 0 28px;line-height:1.72}.platform-options{grid-template-columns:1fr 1fr;gap:16px;display:grid}.platform-options article{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);padding:30px}.platform-options article:first-child{background:linear-gradient(145deg, var(--accent-soft), var(--panel) 48%)}.os-label{border-radius:var(--radius-control);background:color-mix(in srgb, var(--panel-strong) 82%, transparent);color:var(--muted);text-transform:uppercase;letter-spacing:.13em;padding:7px 10px;font-size:10px;display:inline-flex}.platform-options h3,.install-card h3{letter-spacing:-.03em;margin:25px 0 18px;font-size:22px}.platform-options ul{min-height:120px;color:var(--muted);margin:0 0 28px;padding-left:18px;font-size:13px;line-height:2}.platform-options .button{width:100%}.safety-card{border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--accent-soft);grid-template-columns:.8fr 1.2fr;gap:80px;padding-inline:50px;display:grid}.safety-copy{flex-direction:column;align-self:center;gap:15px;display:flex}.safety-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.78}.safety-copy code{color:var(--ink)}.faq-section{padding-top:36px}.faq-section h2{margin-bottom:36px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:24px 2px}.faq-list summary{cursor:pointer;padding-right:35px;font-weight:650;list-style:none;position:relative}.faq-list summary:after{content:"+";color:var(--accent);font-size:20px;font-weight:400;position:absolute;top:-4px;right:5px}.faq-list details[open] summary:after{content:"−"}.faq-list p{max-width:820px;color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.75}.cta-section{border:1px solid var(--line);border-radius:var(--radius-card);background:linear-gradient(125deg, var(--accent-soft), var(--panel));justify-content:space-between;align-items:end;gap:40px;min-height:260px;margin:20px auto 90px;padding:48px;display:flex}.cta-section p{color:var(--muted);margin:18px 0 0}.cta-section .button{flex:none}.footer{border-top:1px solid var(--line);min-height:120px;color:var(--muted);grid-template-columns:1fr 2fr 1fr;align-items:center;gap:24px;font-size:11px;display:grid}.footer p{text-align:center;margin:0;line-height:1.6}.footer>a{text-align:right}.studio-hero{padding:70px 0 52px}.studio-hero h1{letter-spacing:-.06em;max-width:860px;margin:16px 0 18px;font-size:clamp(48px,6vw,78px);line-height:.98}.studio-hero>p:last-child{max-width:650px;color:var(--muted);margin:0;font-size:18px;line-height:1.65}.studio-app{--studio-accent:#9d7cff;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--panel);min-height:690px;box-shadow:var(--shadow);grid-template-columns:360px minmax(0,1fr);display:grid;overflow:hidden}.upload-field label,.control-group label,.accent-picker legend{color:var(--ink);font-size:12px;font-weight:650}.upload-field input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-upload{width:100%;margin-top:2px}.upload-field small{color:var(--subtle);font-size:10px;line-height:1.5}.accent-picker{border:0;margin:22px 0 0;padding:0}.accent-picker label{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;justify-content:center;align-items:center;gap:5px;padding:9px 6px;font-size:10px;display:flex}.accent-picker label.selected{border-color:var(--studio-accent);color:var(--ink)}.preview-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:7px 10px;font-size:11px}.preview-tabs button[aria-selected=true]{border-color:var(--line);background:var(--panel-strong);color:var(--ink)}.codex-preview{color:#f2f2ef;isolation:isolate;background-color:#101216;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff2e;border-radius:12px;grid-template-columns:150px minmax(0,1fr);min-height:590px;display:grid;position:relative;overflow:hidden}.preview-blur{z-index:-1;position:absolute;inset:0}.mini-sidebar{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0f11148f;border-right:1px solid #ffffff1f;flex-direction:column;gap:18px;padding:20px 14px;display:flex;position:relative}.mini-sidebar b{font-size:13px}.mini-sidebar button{color:#efefec;background:#ffffff12;border:1px solid #ffffff29;border-radius:8px;width:100%;padding:9px;font-size:10px}.mini-sidebar nav{gap:3px;display:grid}.mini-sidebar a{color:#b5b6b7;border-radius:7px;padding:8px;font-size:10px}.mini-sidebar a:first-child{color:#fff;background:#ffffff14}.mini-content{z-index:1;place-items:center;min-width:0;padding:30px;display:grid;position:relative}.home-state,.task-state,.diff-state{width:min(100%,520px)}.mini-content p{color:#b2b3b4;margin:0 0 10px;font-size:10px}.mini-content h2{letter-spacing:-.045em;margin:0 0 26px;font-size:clamp(26px,4vw,42px)}.mini-prompt{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#b4b5b6;background:#111316b8;border:1px solid #ffffff2e;border-radius:12px;justify-content:space-between;align-items:end;min-height:86px;padding:16px;font-size:11px;display:flex}.mini-prompt span{background:var(--studio-accent);color:#fff;border-radius:7px;padding:7px 10px}.task-state article{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111316ad;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;gap:6px;margin-bottom:24px;padding:18px;display:flex}.task-state article strong{color:var(--studio-accent);font-size:10px}.task-state article span{color:#c8c9c9;font-size:11px}.diff-state pre{color:#a8c89b;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0d0f12c7;border:1px solid #ffffff24;border-radius:12px;margin:0;padding:20px;font-size:11px;line-height:2;overflow:auto}.diff-state del{color:#d68d81}.safe-zone{z-index:3;border:1px dashed color-mix(in srgb, var(--studio-accent) 78%, white);color:#fff;background:color-mix(in srgb, var(--studio-accent) 18%, transparent);text-transform:uppercase;letter-spacing:.08em;pointer-events:none;font-size:8px;position:absolute}.studio-notes{grid-template-columns:.82fr 1.18fr;gap:78px;padding-block:100px;display:grid}.studio-notes p{max-width:520px;color:var(--muted);margin:22px 0 0;line-height:1.72}.studio-notes dl{gap:20px;margin:0;display:grid}.studio-notes dl>div{border-bottom:1px solid var(--line);grid-template-columns:100px 1fr;gap:24px;padding-bottom:20px;display:grid}.studio-notes dt{font-weight:680}.studio-notes dd{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.studio-guide{border-top:1px solid var(--line);padding:70px 0 110px}.guide-steps{grid-template-columns:1.15fr .85fr 1fr;gap:16px;margin:38px 0 30px;display:grid}.guide-steps article{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);min-height:190px;padding:28px}.guide-steps article:nth-child(2){background:var(--accent-soft)}.guide-steps h3{margin:0 0 44px;font-size:19px}.guide-steps p{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.quick-answer{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--accent-soft);grid-template-columns:.8fr 1.2fr;align-items:start;gap:70px;margin:10px auto 80px;padding:34px 38px;display:grid}.quick-answer h2{letter-spacing:-.04em;margin:0;font-size:30px}.quick-answer p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.quick-answer p+p{margin-top:12px}.updated{color:var(--subtle)!important;margin-top:14px!important;font-size:11px!important}.trust-strip{border-block:1px solid var(--line);background:var(--panel)}.trust-grid{grid-template-columns:repeat(4,1fr);display:grid}.trust-grid div{border-right:1px solid var(--line);flex-direction:column;gap:5px;padding:24px 22px;display:flex}.trust-grid div:first-child{padding-left:0}.trust-grid div:last-child{border:0}.trust-grid strong{font-size:14px}.trust-grid span{color:var(--muted);font-size:12px;line-height:1.5}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px;display:flex}.section-heading.compact{margin-bottom:34px}.section-heading>p{max-width:430px;color:var(--muted);margin:0;font-size:15px;line-height:1.7}.feature-section{border-block:1px solid var(--line);background:var(--panel)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid article{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel-strong);min-height:250px;padding:30px}.feature-grid article>span{color:var(--accent);font-size:11px}.feature-grid h3{letter-spacing:-.03em;margin:42px 0 12px;font-size:22px}.feature-grid p,.install-card>p{color:var(--muted);margin:0;font-size:14px;line-height:1.75}.install-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.install-card{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);padding:34px}.install-card ol{color:var(--muted);margin:28px 0;padding-left:20px;font-size:13px;line-height:2.1}.install-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:26px;display:flex}.sources{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);grid-template-columns:.8fr 1.2fr;align-items:start;gap:80px;margin-bottom:90px;padding:38px;display:grid}.sources h2{letter-spacing:-.04em;margin:0;font-size:32px}.sources p{max-width:480px;color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.7}.sources ul{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.sources a{color:var(--ink);border-bottom:1px solid var(--line);padding-bottom:7px;font-size:13px;line-height:1.5;display:block}.breadcrumbs{color:var(--subtle);align-items:center;gap:9px;padding-top:28px;font-size:11px;display:flex}.doc-hero{border-bottom:1px solid var(--line);padding:70px 0 80px}.doc-hero h1{letter-spacing:-.06em;max-width:850px;margin:14px 0 22px;font-size:clamp(48px,6vw,78px);line-height:.98}.doc-hero>p:not(.kicker):not(.updated){max-width:760px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}.doc-answer strong{color:var(--ink)}.doc-layout{grid-template-columns:210px minmax(0,760px);justify-content:space-between;gap:80px;padding-block:80px 120px;display:grid}.doc-toc{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);color:var(--muted);flex-direction:column;align-self:start;gap:13px;padding:20px;font-size:12px;display:flex;position:sticky;top:30px}.doc-toc strong{color:var(--ink);margin-bottom:5px}.doc-content section{border-bottom:1px solid var(--line);margin-bottom:70px;padding:0 0 70px;scroll-margin-top:30px}.doc-content section:last-child{border-bottom:0}.doc-content h2{letter-spacing:-.045em;margin:14px 0 20px;font-size:clamp(30px,4vw,44px);line-height:1.08}.doc-content p,.doc-content li{color:var(--muted);font-size:15px;line-height:1.8}.doc-content ul{padding-left:20px}.doc-content code{color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:2px 5px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--panel);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--muted);padding:18px 20px;font-size:13px;line-height:1.55}thead th{color:var(--ink);background:var(--panel-strong);text-transform:uppercase;letter-spacing:.08em;font-size:11px}tbody th{color:var(--ink);font-weight:650}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.steps{counter-reset:steps;margin:28px 0 32px;list-style:none;padding:0!important}.steps li{counter-increment:steps;padding:0 0 26px 54px;position:relative}.steps li:before{content:counter(steps);border:1px solid var(--line);border-radius:var(--radius-control);width:32px;height:32px;color:var(--accent);place-items:center;font-size:11px;display:grid;position:absolute;top:1px;left:0}.steps li strong,.steps li span{display:block}.steps li strong{color:var(--ink);margin-bottom:4px}.doc-callout{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--accent-soft);flex-direction:column;gap:6px;margin-top:28px;padding:20px;display:flex}.doc-callout span{color:var(--muted);font-size:13px;line-height:1.6}@media (max-width:980px){.nav-links{display:none}.hero{grid-template-columns:1fr;gap:48px;padding-block:58px 80px}.hero-visual{max-width:780px;transform:none}.proof-section,.studio-callout-grid,.platform-section,.studio-notes{grid-template-columns:1fr;gap:48px}.platform-copy{position:static}.workflow-grid{grid-template-columns:1fr 1fr}.workflow-grid article:nth-child(2){border-right:0}.workflow-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.studio-app{grid-template-columns:320px minmax(0,1fr)}.codex-preview{grid-template-columns:120px minmax(0,1fr)}.safe-sidebar{width:104px}.safe-composer{left:148px}.doc-layout{grid-template-columns:1fr;gap:50px}.doc-toc{position:static}.quick-answer,.sources{grid-template-columns:1fr;gap:26px}}@media (max-width:760px){.shell{width:min(100% - 28px,1180px)}.nav{height:66px}.nav .button{display:none}.hero{min-height:auto;padding-block:46px 68px}.hero h1,.studio-hero h1,.doc-hero h1{font-size:46px}.hero-lede{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{padding-top:34px}.window-bar{height:34px}.visual-note{bottom:18px;left:18px}.evidence-grid{grid-template-columns:1fr 1fr}.evidence-grid>div{border-bottom:1px solid var(--line);padding:18px 14px}.evidence-grid>div:nth-child(2){border-right:0}.evidence-grid>div:nth-child(3){border-bottom:0;padding-left:0}.evidence-grid>div:last-child{border-bottom:0}.answer-block{grid-template-columns:1fr;gap:24px;margin-top:56px}.section{padding-block:76px}.gallery-grid{grid-template-rows:auto;grid-template-columns:1fr}.skin-card:first-child{grid-row:auto}.skin-card img,.skin-card:first-child img{min-height:230px}.workflow-grid{grid-template-columns:1fr}.workflow-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:150px}.workflow-grid article:nth-child(3){border-bottom:1px solid var(--line)}.platform-options,.guide-steps,.install-grid{grid-template-columns:1fr}.safety-card{grid-template-columns:1fr;gap:30px;padding-inline:26px}.cta-section{flex-direction:column;align-items:flex-start;width:calc(100% - 28px);margin-bottom:60px;padding:30px 24px}.cta-section .button{width:100%}.footer{text-align:center;grid-template-columns:1fr;padding-block:34px}.footer p,.footer>a{text-align:center}.footer .brand{justify-content:center}.studio-hero{padding:54px 0 38px}.studio-app{grid-template-columns:1fr}.studio-controls{border-right:0;border-bottom:1px solid var(--line)}.studio-preview{padding:12px}.preview-toolbar{align-items:center}.preview-toolbar>span{display:none}.codex-preview{grid-template-columns:84px minmax(0,1fr);min-height:500px}.mini-sidebar{padding:14px 8px}.mini-sidebar button{padding:8px 4px}.mini-sidebar a{padding:7px 4px}.mini-content{padding:18px 12px}.mini-content h2{font-size:28px}.safe-sidebar{width:70px}.safe-composer{left:104px;right:16px}.studio-notes{padding-block:76px}.studio-notes dl>div{grid-template-columns:1fr;gap:8px}.studio-guide{padding-bottom:80px}.feature-grid,.trust-grid{grid-template-columns:1fr}.feature-grid article{min-height:auto}.trust-grid div,.trust-grid div:first-child{border-right:0;border-bottom:1px solid var(--line);padding:18px 0}.section-heading{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:28px}.quick-answer,.sources{padding:26px 24px}.doc-hero{padding:60px 0 55px}.doc-layout{padding-block:55px 80px}.doc-content section{margin-bottom:50px;padding-bottom:50px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}.studio-hero .eyebrow{background:#6ce7df0d;border:1px solid #6ce7df2e;border-radius:999px;padding:8px 11px;display:inline-flex}.studio-app{--studio-accent:#9d7cff;border:1px solid var(--line-strong);background:var(--panel);min-height:820px;box-shadow:var(--shadow);border-radius:22px;grid-template-columns:350px minmax(0,1fr);display:grid;overflow:hidden}.studio-controls{border-right:1px solid var(--line);background:#11101cf0;padding:26px}.control-heading{border-bottom:1px solid var(--line);flex-direction:column;gap:6px;padding-bottom:22px;display:flex}.control-heading span{color:var(--accent-alt);text-transform:uppercase;letter-spacing:.13em;font-size:10px}.control-heading strong{overflow-wrap:anywhere;font-size:16px}.upload-field{border-bottom:1px solid var(--line);flex-direction:column;gap:9px;padding:22px 0;display:flex}.upload-field>label,.control-group label,.accent-picker legend,.platform-picker legend{color:var(--ink);font-size:12px;font-weight:650}.upload-field>input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.studio-dropzone{text-align:center;color:#d7ceff;cursor:pointer;background:linear-gradient(135deg,#9d7cff17,#6ce7df09);border:1px dashed #9d7cff6b;border-radius:14px;align-content:center;place-items:center;gap:5px;min-height:112px;padding:18px;transition:transform .2s,border-color .2s,background .2s;display:grid}.studio-dropzone:hover,.studio-dropzone.is-dragging{border-color:var(--accent-alt);background:linear-gradient(135deg,#9d7cff29,#6ce7df14);transform:translateY(-1px)}.studio-dropzone strong{font-size:12px}.studio-dropzone span{color:var(--muted);font-size:10px}.upload-field small,.source-meta{color:var(--subtle);font-size:10px;line-height:1.5}.source-meta{text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.form-error{color:#ff9d9d;margin:10px 0 0;font-size:11px;line-height:1.5}.control-group{padding-top:18px}.control-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.range-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.range-label output{color:var(--subtle);font-size:10px;font-family:var(--font-geist-mono), monospace}.control-group input[type=range]{width:100%;accent-color:var(--studio-accent);margin:11px 0 0}.text-control{gap:8px;display:grid}.text-control input,.text-control select{border:1px solid var(--line);width:100%;min-height:40px;color:var(--ink);background:#ffffff0b;border-radius:10px;outline:none;padding:0 11px;font-size:11px}.text-control input:focus,.text-control select:focus{border-color:var(--studio-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--studio-accent) 18%, transparent)}.readability{margin:7px 0 0;font-size:10px}.readability.good{color:#8fd8c9}.readability.watch{color:#d4c28d}.readability.risk{color:#ffaaa0}.accent-picker,.platform-picker{border:0;margin:20px 0 0;padding:0}.accent-picker>div{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.accent-picker label{border:1px solid var(--line);color:var(--muted);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:5px;padding:9px 5px;font-size:10px;display:flex}.accent-picker label.selected{border-color:var(--studio-accent);color:var(--ink);background:color-mix(in srgb, var(--studio-accent) 10%, transparent)}.accent-picker input{opacity:0;pointer-events:none;position:absolute}.accent-picker label>span{border-radius:50%;width:8px;height:8px}.check-row{color:var(--muted);cursor:pointer;align-items:center;gap:9px;margin-top:18px;font-size:11px;display:flex}.check-row input{accent-color:var(--studio-accent)}.platform-picker>div{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.platform-picker button{border:1px solid var(--line);min-height:38px;color:var(--muted);cursor:pointer;background:#ffffff09;border-radius:10px;font-size:11px}.platform-picker button[aria-pressed=true]{border-color:var(--studio-accent);color:var(--ink);background:color-mix(in srgb, var(--studio-accent) 14%, transparent)}.studio-actions{gap:8px;margin-top:20px;display:grid}.studio-actions .button{gap:8px;width:100%}.button:disabled{cursor:wait;opacity:.58;transform:none}.studio-status{min-height:30px;color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.5}.download-proof{color:var(--accent-alt);background:#6ce7df0b;border:1px solid #6ce7df2e;border-radius:10px;grid-template-columns:auto auto 1fr;align-items:start;gap:7px;padding:11px;display:grid}.download-proof span{text-transform:uppercase;letter-spacing:.1em;font-size:9px}.download-proof code{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:9px;line-height:1.5}.studio-preview{background:#080710b8;min-width:0;padding:20px}.preview-toolbar{min-height:46px;color:var(--subtle);justify-content:space-between;align-items:start;gap:18px;font-size:10px;display:flex}.preview-tabs{gap:4px;display:flex}.preview-tabs button{min-width:58px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:8px 11px;font-size:11px}.preview-tabs button[aria-selected=true]{border-color:var(--line-strong);color:var(--ink);background:#fff1}.codex-preview{color:#202124;isolation:isolate;background:#dfe0e3;border:1px solid #ffffff3d;border-radius:13px;grid-template-rows:42px minmax(0,1fr);grid-template-columns:190px minmax(0,1fr);min-height:715px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000052}.codex-art{z-index:-3;background-position:var(--focal-x) var(--focal-y);filter:blur(var(--preview-blur));background-size:cover;position:absolute;inset:-14px}.codex-veil{z-index:-2;background:rgba(8, 7, 16, var(--preview-veil));position:absolute;inset:0}.codex-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafafaed;border-bottom:1px solid #18181b1a;grid-column:1/-1;grid-template-columns:105px 90px minmax(0,1fr) auto;align-items:center;gap:10px;padding:0 12px;font-size:10px;display:grid}.traffic-lights{gap:7px;display:flex}.traffic-lights i{background:#ff5f57;border-radius:50%;width:9px;height:9px}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}.topbar-navigation{color:#8b8c90;align-items:center;gap:13px;display:flex}.preview-task-title{align-items:center;gap:7px;min-width:0;font-weight:620;display:flex}.preview-task-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-task-title svg:last-child{color:#8b8c90}.codex-topbar>button{color:#4e5054;background:#ffffffb3;border:1px solid #18181b1a;border-radius:9px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:9px;display:flex}.codex-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8f8f8e6;border-right:1px solid #18181b1a;grid-area:2/1;padding:18px 13px}.codex-wordmark{color:#3a3b3e;justify-content:space-between;align-items:center;padding:0 5px 15px;display:flex}.codex-wordmark strong{font-size:13px}.codex-wordmark svg{color:#8b8c90}.codex-sidebar nav{gap:2px;display:grid}.codex-sidebar a{color:#55575b;border-radius:7px;align-items:center;gap:8px;min-height:31px;padding:0 7px;font-size:10px;display:flex}.codex-sidebar a.active,.codex-sidebar a:hover{color:#242529;background:#19191c11}.sidebar-projects{gap:6px;margin-top:18px;display:grid}.sidebar-projects>span{color:#999a9d;padding:0 6px;font-size:9px}.codex-content{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff14;grid-area:2/2;min-width:0;position:relative;overflow:hidden}.codex-home-state,.codex-task-state{flex-direction:column;width:min(100% - 50px,600px);min-height:100%;margin-inline:auto;padding:110px 0 34px;display:flex}.codex-home-state>div:first-child{margin-bottom:34px}.codex-home-state p{color:#ffffffb8;margin:0 0 10px;font-size:11px}.codex-home-state h2{color:#fbfbfd;letter-spacing:-.055em;text-shadow:0 2px 28px #0000006b;margin:0;font-size:clamp(32px,4.2vw,52px)}.codex-composer{color:#ffffffc7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161cb8;border:1px solid #ffffff47;border-radius:15px;justify-content:space-between;align-items:end;gap:20px;min-height:104px;margin-top:auto;padding:16px;font-size:11px;display:flex;box-shadow:0 18px 46px #00000040}.codex-composer button{color:#090711;background:var(--studio-accent);border:0;border-radius:9px;min-height:34px;padding:0 13px;font-size:10px;font-weight:680}.suggestion-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.suggestion-row button{color:#fffc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#16161c7a;border:1px solid #ffffff2e;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 10px;font-size:9px;display:flex}.codex-task-state{padding-top:66px}.task-copy{color:#ffffffe0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#16161ca8;border:1px solid #ffffff38;border-radius:14px;padding:24px 26px;font-size:11px;line-height:1.8;box-shadow:0 16px 48px #0003}.task-copy p{margin:0 0 14px}.task-copy p:last-child{margin:14px 0 0}.task-copy ul{color:#ffffffb3;margin:0;padding-left:20px}.codex-diff-state{color:#ececf1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121218c7;border:1px solid #fff3;border-radius:14px;width:min(100% - 40px,660px);margin:42px auto;overflow:hidden;box-shadow:0 18px 50px #0000003d}.codex-diff-state>header{border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;display:flex}.codex-diff-state>header div{align-items:center;gap:10px;display:flex}.codex-diff-state>header span{color:#aaa9b4;font-size:9px}.codex-diff-state>header button{color:#ececf1;background:#ffffff0f;border:1px solid #ffffff24;border-radius:7px;min-height:28px;padding:0 10px;font-size:9px}.diff-file{border-bottom:1px solid #ffffff1a;padding:16px}.diff-file:last-child{border:0}.diff-file b{margin-bottom:12px;font-size:10px;display:block}.diff-file code{gap:6px;font-size:9px;display:grid}.diff-file ins{color:#b8e2c2;background:#46965c2e;padding:4px 7px;text-decoration:none}.diff-file p{color:#b5b4bd;margin:0;font-size:10px}.safe-zone{z-index:5;color:#fff;text-transform:uppercase;letter-spacing:.08em;pointer-events:none;background:#9d7cff1f;border:1px dashed #eab3ff;border-radius:8px;font-size:8px;position:absolute}.safe-sidebar{width:155px;padding:8px;inset:10px auto 10px 10px}.safe-composer{height:125px;padding:8px;bottom:24px;left:34px;right:34px}@media (max-width:1050px){.studio-app{grid-template-columns:1fr}.studio-controls{border-right:0;border-bottom:1px solid var(--line)}.studio-preview{overflow-x:auto}.codex-preview{min-width:760px}}@media (max-width:760px){.studio-app{border-radius:16px}.studio-controls{padding:22px 18px}.studio-preview{padding:12px}.preview-toolbar>span{display:none}.codex-preview{min-height:600px}}.footer-links{flex-wrap:wrap;justify-content:flex-end;gap:16px;display:flex}@media (max-width:760px){.footer-links{justify-content:center}}