:root{--canvas:#f4f3f0;--canvas-strong:#ebeae6;--ink:#171719;--muted:#67666c;--hairline:rgba(23,23,25,0.1);--hairline-strong:rgba(23,23,25,0.16);--accent:#6257f5;--accent-hover:#564ae8;--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;text-rendering:optimizeLegibility}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(98,87,245,.32);outline-offset:3px}a{color:inherit;text-decoration:none}.section-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}.site-header{position:sticky;top:14px;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,calc(100% - 48px));min-height:58px;margin:14px auto 0;padding:8px 10px 8px 12px;background:rgba(250,250,248,.74);border:1px solid rgba(255,255,255,.82);border-radius:17px;box-shadow:0 1px 1px rgba(19,18,24,.06),0 12px 36px rgba(19,18,24,.08);-webkit-backdrop-filter:blur(22px) saturate(165%);backdrop-filter:blur(22px) saturate(165%)}.brand{display:inline-flex;align-items:center;gap:9px;width:max-content;font-size:14px;font-weight:670;letter-spacing:-.015em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:white;background:#19191b;border-radius:9px;box-shadow:inset 0 1px rgba(255,255,255,.16),0 1px 2px rgba(0,0,0,.18);font-size:13px;font-weight:730}.beta-label{padding:2px 6px;color:#68666f;background:rgba(23,23,25,.055);border-radius:5px;font-size:10px;font-weight:650;letter-spacing:.02em;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;gap:4px;padding:3px;background:rgba(23,23,25,.035);border-radius:11px}.desktop-nav a{padding:7px 12px;color:#5d5c62;border-radius:8px;font-size:13px;font-weight:560;transition:color .14s ease,background-color .14s ease}@media (hover:hover) and (pointer:fine){.desktop-nav a:hover{color:var(--ink);background:rgba(255,255,255,.68)}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 17px;border:0;border-radius:11px;cursor:pointer;font-size:14px;font-weight:620;letter-spacing:-.01em;transition:transform .14s var(--ease-out),background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.button:active,.gallery-card:active,.preset-button:active,.segmented button:active{transform:scale(.97)}.button-primary{color:white;background:var(--accent);box-shadow:0 1px 1px rgba(30,20,98,.16),0 8px 22px rgba(98,87,245,.2)}.button-secondary{color:var(--ink);background:rgba(255,255,255,.68);box-shadow:0 1px 2px rgba(23,23,25,.05)}.button-quiet,.button-secondary{border:1px solid var(--hairline)}.button-quiet{min-height:38px;color:#45444a;background:white;box-shadow:0 1px 2px rgba(23,23,25,.06)}.header-actions{display:flex;align-items:center;justify-self:end;gap:7px}.language-link{display:grid;place-items:center;min-width:38px;height:38px;padding-inline:10px;color:#5d5c62;background:rgba(255,255,255,.52);border:1px solid var(--hairline);border-radius:10px;font-size:11px;font-weight:680;transition:color .14s ease,background-color .14s ease,transform .14s var(--ease-out)}.language-link:active{transform:scale(.96)}.header-action{justify-self:end}@media (hover:hover) and (pointer:fine){.button-primary:hover{background:var(--accent-hover);box-shadow:0 2px 2px rgba(30,20,98,.14),0 10px 26px rgba(98,87,245,.25)}.button-quiet:hover,.button-secondary:hover,.language-link:hover{background:white;border-color:var(--hairline-strong)}}main[lang=zh-CN] .hero h1{letter-spacing:-.05em;line-height:1.02}main[lang=zh-CN] .definition-block h2,main[lang=zh-CN] .faq-heading h2,main[lang=zh-CN] .final-cta h2,main[lang=zh-CN] .install-copy h2,main[lang=zh-CN] .pricing-card h2,main[lang=zh-CN] .section-heading h2,main[lang=zh-CN] .trust-layout h2{letter-spacing:-.045em;line-height:1.08}.hero{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:690px;padding:88px 0 74px}.hero-copy{position:relative;z-index:2;max-width:680px}.eyebrow,.section-index{display:inline-flex;align-items:center;gap:8px;color:#5f5e64;font-size:12px;font-weight:650;letter-spacing:.035em;text-transform:uppercase}.status-dot{width:7px;height:7px;background:#38a36c;border-radius:50%;box-shadow:0 0 0 4px rgba(56,163,108,.11)}.hero h1{margin:24px 0 22px;font-size:clamp(56px,5.45vw,82px);font-weight:710;letter-spacing:-.062em;line-height:.93}.hero h1 span{color:#8d8b91}.hero-copy>p{max-width:585px;margin:0;color:var(--muted);font-size:18px;line-height:1.6;letter-spacing:-.014em}.hero-actions{display:flex;gap:10px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#747278;font-size:11px;font-weight:570}.traffic-lights i{width:8px;height:8px;background:rgba(57,48,43,.28);border-radius:50%}.hero-carousel{position:relative;z-index:1;width:min(100%,570px);justify-self:end}.hero-carousel:before{position:absolute;inset:12% 2% 14%;z-index:-1;content:"";background:radial-gradient(circle,rgba(206,121,130,.2),rgba(98,87,245,.08) 48%,transparent 72%);filter:blur(28px)}.hero-carousel-viewport{position:relative;overflow:hidden;aspect-ratio:1.54;background:#e9e5e1;border:1px solid rgba(255,255,255,.82);border-radius:24px;box-shadow:0 28px 70px rgba(31,27,36,.16),0 2px 5px rgba(31,27,36,.08);touch-action:pan-y;-webkit-user-select:none;user-select:none}.hero-slide{position:absolute;inset:0;margin:0;opacity:0;transform:scale(.985);transition:opacity .23s ease,transform .23s var(--ease-out);pointer-events:none}.hero-slide.is-active{z-index:1;opacity:1;transform:scale(1);pointer-events:auto}.hero-slide img{display:block;width:100%;height:100%;object-fit:cover}.hero-slide-source{position:absolute;top:14px;left:14px;padding:6px 9px;color:rgba(28,27,30,.74);background:rgba(250,248,245,.8);border:1px solid rgba(255,255,255,.78);border-radius:999px;box-shadow:0 6px 18px rgba(31,26,29,.08);-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);font-size:8px;font-weight:720;letter-spacing:.055em;text-transform:uppercase}.hero-carousel-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 3px 0}.hero-carousel-caption{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:2px 9px}.hero-carousel-caption>span{grid-column:1/-1;color:#87858b;font-size:8px;font-weight:720;letter-spacing:.07em;text-transform:uppercase}.hero-carousel-caption strong{font-size:15px;font-weight:680;letter-spacing:-.02em}.hero-carousel-caption small{color:var(--muted);font-size:10px}.hero-carousel-actions{display:flex;align-items:center;gap:9px}.carousel-arrow,.carousel-dots button{display:grid;place-items:center;padding:0;border:0;cursor:pointer;transition:transform .14s var(--ease-out),background-color .15s ease,width .18s var(--ease-out)}.carousel-arrow{width:32px;height:32px;color:#5f5d64;background:rgba(255,255,255,.7);border:1px solid var(--hairline);border-radius:10px;box-shadow:0 1px 2px rgba(23,23,25,.05);font-size:13px}.carousel-arrow:active{transform:scale(.95)}.carousel-dots{display:flex;align-items:center;gap:5px}.carousel-dots button{width:6px;height:6px;background:#b7b4ba;border-radius:999px}.carousel-dots button.is-active{width:18px;background:#5f57cf}.hero-carousel-credit{position:absolute;right:3px;bottom:-23px;color:#918f95;font-size:9px;transition:color .15s ease}@media (hover:hover) and (pointer:fine){.carousel-arrow:hover{color:var(--ink);background:white}.hero-carousel-credit:hover{color:var(--ink)}}.studio-section{padding:100px 0 112px;background:#1b1b1d;color:#f7f7f6}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:64px;margin-bottom:42px}.section-heading h2{max-width:750px;margin:15px 0 0;font-size:clamp(42px,5vw,68px);font-weight:670;letter-spacing:-.052em;line-height:1}.section-heading>p{max-width:410px;margin:0 0 5px;color:#9d9ca2;font-size:15px;line-height:1.6}.studio-section .section-index{color:#8f8e95}.studio-shell{overflow:hidden;background:#28282b;border:1px solid rgba(255,255,255,.1);border-radius:24px;box-shadow:0 34px 80px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04)}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:62px;padding:10px 12px 10px 20px;background:#242426;border-bottom:1px solid rgba(255,255,255,.08)}.studio-toolbar>div:first-child{display:flex;align-items:center;gap:14px}.studio-title{font-size:13px;font-weight:650}.saved-state{display:flex;align-items:center;gap:6px;color:#97969d;font-size:11px}.saved-state span{width:6px;height:6px;background:#50ad78;border-radius:50%}.segmented{display:flex;gap:3px;padding:3px;background:#18181a;border:1px solid rgba(255,255,255,.07);border-radius:10px}.segmented button{min-width:70px;height:32px;padding:0 12px;color:#99989f;background:transparent;border:0;border-radius:7px;cursor:pointer;font-size:11px;font-weight:620;transition:transform .12s var(--ease-out),color .13s ease,background-color .13s ease,box-shadow .13s ease}.segmented button.is-active{color:#f8f8f7;background:#37373b;box-shadow:inset 0 1px rgba(255,255,255,.08),0 1px 3px rgba(0,0,0,.3)}.studio-layout{grid-template-columns:minmax(0,1fr) 280px}.codex-window,.studio-layout{display:grid;min-height:610px}.codex-window{position:relative;grid-template-columns:190px minmax(0,1fr);overflow:hidden;color:var(--studio-text);background:#f2f1ee}.workspace-wallpaper{position:absolute;inset:0;z-index:0;background-position:50%;background-size:cover;filter:saturate(1.04);transition:opacity .22s var(--ease-out),filter .22s var(--ease-out)}.codex-main,.codex-sidebar{position:relative;z-index:1}.codex-sidebar{padding:12px 10px;background:rgba(var(--surface-rgb),var(--panel-opacity));border-right:1px solid rgba(var(--studio-line-rgb),.1);-webkit-backdrop-filter:blur(var(--studio-blur)) saturate(140%);backdrop-filter:blur(var(--studio-blur)) saturate(140%);transition:background-color .2s ease,-webkit-backdrop-filter .2s ease;transition:background-color .2s ease,backdrop-filter .2s ease;transition:background-color .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease}.traffic-lights{display:flex;gap:6px;height:29px;padding:5px 3px}.traffic-lights i:first-child{background:#ff6159}.traffic-lights i:nth-child(2){background:#ffbd2e}.traffic-lights i:nth-child(3){background:#28c840}.new-thread,.thread{width:100%;border:0;cursor:default;text-align:left}.new-thread{display:flex;align-items:center;gap:7px;height:34px;padding:0 8px;color:var(--studio-text);background:rgba(var(--surface-rgb),.52);border:1px solid rgba(var(--studio-line-rgb),.11);border-radius:8px;font-size:10px;font-weight:620}.new-thread kbd{margin-left:auto;color:var(--studio-muted);font-family:inherit;font-size:9px;font-weight:500}.sidebar-label{margin:18px 8px 6px;font-size:8px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.sidebar-label,.thread{color:var(--studio-muted)}.thread{display:flex;align-items:center;justify-content:space-between;height:30px;padding:0 8px;overflow:hidden;background:transparent;border-radius:7px;font-size:9px}.thread span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread small{margin-left:8px;opacity:.65;font-size:8px}.thread.is-current{color:var(--studio-text);background:rgba(var(--surface-rgb),.7);box-shadow:inset 0 0 0 1px rgba(var(--studio-line-rgb),.1)}.codex-main{display:flex;flex-direction:column;min-width:0;background:rgba(var(--surface-rgb),calc(var(--panel-opacity) * .72));-webkit-backdrop-filter:blur(calc(var(--studio-blur) * .72)) saturate(120%);backdrop-filter:blur(calc(var(--studio-blur) * .72)) saturate(120%)}.codex-topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 15px 0 18px;background:rgba(var(--surface-rgb),.42);border-bottom:1px solid rgba(var(--studio-line-rgb),.1);font-size:10px;font-weight:650}.topbar-actions{display:flex;gap:5px}.composer button,.topbar-actions button{display:grid;place-items:center;width:27px;height:27px;padding:0;color:var(--studio-text);background:rgba(var(--surface-rgb),.62);border:1px solid rgba(var(--studio-line-rgb),.12);border-radius:7px;cursor:default;font-size:10px;font-weight:700}.conversation{width:min(520px,calc(100% - 50px));margin:0 auto;padding:50px 0 124px}.user-message{width:fit-content;max-width:78%;margin-left:auto;padding:12px 14px;color:var(--studio-text);background:rgba(var(--surface-rgb),.72);border:1px solid rgba(var(--studio-line-rgb),.11);border-radius:var(--studio-radius);box-shadow:0 8px 26px rgba(32,26,23,.05);-webkit-backdrop-filter:blur(var(--studio-blur));backdrop-filter:blur(var(--studio-blur));font-size:10px;line-height:1.5}.assistant-message{display:grid;grid-template-columns:25px 1fr;gap:10px;margin-top:30px;font-size:10px}.assistant-avatar{display:grid;place-items:center;width:25px;height:25px;color:white;background:#202023;border-radius:7px;font-size:8px;font-weight:750}.assistant-message p{margin:3px 0 17px;line-height:1.55}.change-card{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:10px;background:rgba(var(--surface-rgb),.68);border:1px solid rgba(var(--studio-line-rgb),.1);border-radius:9px}.change-card>div{display:grid;grid-template-columns:19px 1fr;align-items:center}.file-status{grid-row:span 2;color:#a56824;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px}.change-card strong{font-size:9px;font-weight:650}.change-card small{color:var(--studio-muted);font-size:8px}.line-change{color:#248a5a;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px}.composer{position:absolute;right:22px;bottom:20px;left:22px;justify-content:space-between;min-height:76px;padding:12px 13px 10px 15px;color:var(--studio-muted);background:rgba(var(--surface-rgb),.84);border:1px solid rgba(var(--studio-line-rgb),.12);border-radius:calc(var(--studio-radius) + 2px);box-shadow:0 16px 42px rgba(31,26,23,.1),0 1px 2px rgba(31,26,23,.08);-webkit-backdrop-filter:blur(var(--studio-blur)) saturate(140%);backdrop-filter:blur(var(--studio-blur)) saturate(140%);font-size:10px;transition:border-radius .2s var(--ease-out),background-color .2s ease}.composer,.composer>div{display:flex;align-items:center}.composer>div{gap:6px;align-self:flex-end}.composer .send-button{color:white;background:var(--studio-accent);border-color:transparent}.composer .send-button.is-native{color:white;background:#202023}.inspector{padding:18px;color:#f6f6f5;background:#2a2a2d;border-left:1px solid rgba(255,255,255,.08)}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}.inspector-heading>div{display:flex;flex-direction:column}.inspector-heading strong{font-size:12px;font-weight:650}.inspector-heading span{margin-top:2px;color:#8f8e94;font-size:9px}.upload-action{position:relative;padding:7px 9px;color:#d9d8dc;background:#343438;border:1px solid rgba(255,255,255,.09);border-radius:7px;cursor:pointer;font-size:9px;font-weight:620;transition:transform .13s var(--ease-out),background-color .13s ease}.upload-action:active{transform:scale(.97)}.upload-action input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.control-group{display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.control-heading,.range-label{display:flex;align-items:center;justify-content:space-between;color:#d8d7db;font-size:9px;font-weight:620}.range-label output{color:#8f8e95;font-family:ui-monospace,SFMono-Regular,monospace;font-size:8px}.range-control input[type=range]{width:100%;height:16px;margin:9px 0 0;appearance:none;background:transparent;cursor:pointer}.range-control input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,var(--studio-accent) var(--range-progress),#46464b var(--range-progress));border-radius:999px}.range-control input[type=range]::-webkit-slider-thumb{width:13px;height:13px;margin-top:-5px;appearance:none;background:#f8f8f7;border:1px solid rgba(0,0,0,.24);border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.45)}.range-control input[type=range]::-moz-range-track{height:3px;background:#46464b;border-radius:999px}.range-control input[type=range]::-moz-range-progress{height:3px;background:var(--studio-accent);border-radius:999px}.range-control input[type=range]::-moz-range-thumb{width:13px;height:13px;background:#f8f8f7;border:1px solid rgba(0,0,0,.24);border-radius:50%}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px}.preset-button{display:flex;min-width:0;flex-direction:column;gap:5px;padding:3px;color:#aaa9b0;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:transform .13s var(--ease-out),border-color .13s ease,background-color .13s ease}.preset-button>span{width:100%;aspect-ratio:1.15;background-position:50%;background-size:cover;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}.preset-button small{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.preset-button.is-selected{color:white;background:rgba(255,255,255,.06);border-color:var(--studio-accent)}.compact-group{padding-bottom:14px}.color-row{display:flex;gap:9px;margin-top:10px}.color-row button{width:22px;height:22px;padding:0;background:var(--swatch);border:2px solid #2a2a2d;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.12);cursor:pointer}.color-row button.is-selected{box-shadow:0 0 0 2px #2a2a2d,0 0 0 3px #f4f4f2}.native-toggle{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;cursor:pointer}.native-toggle>span{display:flex;flex-direction:column}.native-toggle strong{color:#e5e4e7;font-size:9px;font-weight:620}.native-toggle small{margin-top:2px;color:#8f8e95;font-size:8px}.native-toggle input{position:absolute;opacity:0;pointer-events:none}.native-toggle i{position:relative;flex:0 0 auto;width:32px;height:19px;background:#4a4a50;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2);transition:background-color .15s ease}.native-toggle i:after{position:absolute;top:2px;left:2px;width:15px;height:15px;content:"";background:white;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.36);transition:transform .18s var(--ease-out)}.native-toggle input:checked+i{background:var(--studio-accent)}.native-toggle input:checked+i:after{transform:translateX(13px)}.install-strip{display:flex;align-items:center;justify-content:space-between;min-height:76px;padding:12px 14px 12px 20px;background:#222224;border-top:1px solid rgba(255,255,255,.08)}.install-strip>div{display:flex;flex-direction:column;gap:3px;min-width:0}.command-label{color:#8f8e94;font-size:8px;font-weight:650;letter-spacing:.045em;text-transform:uppercase}.install-strip code,.restore-command code{overflow:hidden;color:#e9e8eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.copy-button{min-height:37px;color:#25242a;background:#f4f4f2;font-size:11px}.copy-button span{min-width:82px;transition:filter .15s ease,opacity .15s ease}.copy-button.is-copied{color:#176f47;background:#dff4e8}.explain-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:84px;padding:112px 0 36px}.definition-block h2,.faq-heading h2,.trust-layout h2{margin:16px 0 24px;font-size:clamp(42px,4.8vw,64px);font-weight:680;letter-spacing:-.052em;line-height:1}.definition-block p{margin:20px 0 0;color:var(--muted);line-height:1.72}.definition-block .definition-answer{margin-top:0;color:var(--ink);font-size:18px;line-height:1.65}.principle-grid{display:grid;gap:12px}.principle-grid article{display:grid;grid-template-columns:42px 1fr;gap:2px 18px;padding:25px;background:rgba(255,255,255,.56);border:1px solid rgba(23,23,25,.08);border-radius:19px;box-shadow:0 8px 24px rgba(28,27,31,.045)}.principle-grid article>span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;color:#58565d;background:var(--accent-soft,rgba(98,87,245,.1));border-radius:10px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;font-weight:650}.principle-grid h3{margin:0;font-size:16px;font-weight:660;letter-spacing:-.015em}.principle-grid p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.62}.themes-section{padding:112px 0 126px}.themes-section .section-heading>p{color:var(--muted)}.compact-heading{margin-bottom:38px}.compact-heading h2{font-size:clamp(42px,4.5vw,62px)}.reference-showcase{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:20px;margin-bottom:18px}.reference-figure{display:grid;grid-template-rows:1fr auto;min-width:0;margin:0}.reference-media{position:relative;overflow:hidden;min-height:430px;background:#e8e2dc;border:1px solid rgba(255,255,255,.78);border-radius:20px;box-shadow:0 16px 38px rgba(33,31,35,.1),inset 0 0 0 1px rgba(23,23,25,.04)}.reference-media img{display:block;width:100%;height:100%;object-fit:cover}.reference-preview .reference-media img{object-position:center}.reference-artwork .reference-media img{object-position:68% center}.reference-chip{position:absolute;top:14px;left:14px;padding:7px 10px;color:rgba(28,27,30,.78);background:rgba(250,248,245,.78);border:1px solid rgba(255,255,255,.72);border-radius:999px;box-shadow:0 7px 20px rgba(31,26,29,.08);-webkit-backdrop-filter:blur(12px) saturate(130%);backdrop-filter:blur(12px) saturate(130%);font-size:9px;font-weight:700;letter-spacing:.055em;text-transform:uppercase}.reference-figure figcaption{display:flex;align-items:start;justify-content:space-between;padding:14px 4px 0}.reference-figure figcaption>span:first-child{display:flex;flex-direction:column}.reference-figure figcaption strong{font-size:15px;font-weight:650;letter-spacing:-.015em}.reference-figure figcaption small{margin-top:3px;color:var(--muted);font-size:11px}.reference-credit{max-width:880px;margin:0 0 52px 4px;color:var(--muted);font-size:12px;line-height:1.65}.reference-credit a{color:var(--ink);text-decoration:underline;text-decoration-color:rgba(28,27,30,.25);text-underline-offset:3px}.preset-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:18px}.preset-heading>span{font-size:14px;font-weight:680;letter-spacing:-.018em}.preset-heading p{margin:0;color:var(--muted);font-size:12px}.theme-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px}.gallery-card{display:block;min-width:0;padding:0;color:var(--ink);background:transparent;border:0;cursor:pointer;text-align:left;transition:transform .16s var(--ease-out)}.gallery-art{position:relative;display:block;overflow:hidden;aspect-ratio:1.58;background-position:50%;background-size:cover;border:1px solid rgba(255,255,255,.74);border-radius:20px;box-shadow:0 14px 32px rgba(33,31,35,.09),inset 0 0 0 1px rgba(23,23,25,.04)}.gallery-window{position:absolute;inset:13% 10%;overflow:hidden;background:rgba(255,255,255,.52);border:1px solid rgba(255,255,255,.55);border-radius:11px;box-shadow:0 18px 36px rgba(26,22,26,.13);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);transform:translateY(6px);transition:transform .22s var(--ease-out)}.gallery-window i{position:absolute;top:11px;width:6px;height:6px;background:rgba(30,27,29,.32);border-radius:50%}.gallery-window i:first-child{left:12px}.gallery-window i:nth-child(2){left:22px}.gallery-window i:nth-child(3){left:32px}.gallery-window:before{position:absolute;top:0;bottom:0;left:0;width:25%;content:"";background:rgba(255,255,255,.24);border-right:1px solid rgba(30,27,29,.08)}.gallery-window b{position:absolute;right:8%;bottom:9%;width:60%;height:22%;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.48);border-radius:8px;box-shadow:0 7px 18px rgba(30,26,29,.08)}.gallery-meta{display:flex;align-items:start;justify-content:space-between;padding:14px 4px 0}.gallery-meta>span:first-child{display:flex;flex-direction:column}.gallery-meta strong{font-size:15px;font-weight:650;letter-spacing:-.015em}.gallery-meta small{margin-top:3px;color:var(--muted);font-size:11px}.gallery-number{color:#9a989e;font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px}@media (hover:hover) and (pointer:fine){.gallery-card:hover{transform:translateY(-3px)}.gallery-card:hover .gallery-window{transform:translateY(0)}}.install-section{padding:112px 0;background:#e9e8e4;border-block:1px solid var(--hairline)}.install-grid{display:grid;grid-template-columns:1fr .9fr;gap:100px;align-items:start}.install-copy h2{margin:16px 0 24px;font-size:clamp(44px,5vw,68px);font-weight:680;letter-spacing:-.055em;line-height:.98}.install-copy>p{max-width:540px;margin:0;color:var(--muted);line-height:1.65}.restore-command{display:flex;flex-direction:column;gap:5px;max-width:520px;margin-top:28px;padding:16px 18px;color:white;background:#242426;border:1px solid rgba(255,255,255,.07);border-radius:13px;box-shadow:0 11px 26px rgba(28,27,30,.13),inset 0 1px rgba(255,255,255,.06)}.restore-command span{color:#a8a7ad;font-size:9px;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.steps-list{margin:0;padding:0;list-style:none}.steps-list li{display:grid;grid-template-columns:38px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--hairline)}.steps-list li:first-child{padding-top:0}.steps-list li>span{display:grid;place-items:center;width:32px;height:32px;color:#58565d;background:rgba(255,255,255,.54);border:1px solid rgba(23,23,25,.08);border-radius:9px;font-size:11px;font-weight:650}.steps-list strong{font-size:14px;font-weight:650}.steps-list p{margin:4px 0 0;color:var(--muted);font-size:13px;line-height:1.55}.pricing-section,.trust-section{padding:112px 0}.trust-section{color:#f7f7f5;background:#1b1b1d}.trust-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:96px}.trust-layout .section-index{color:#aaa9b0}.trust-layout h2{max-width:520px}.trust-copy{padding-top:36px}.trust-copy p{margin:0 0 22px;color:#b7b6bc;font-size:15px;line-height:1.75}.trust-copy code{color:#f1f0f3;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.9em}.trust-copy .scope-note{margin:30px 0 0;padding:16px 18px;color:#d9d8dc;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);border-radius:13px;font-size:12px;line-height:1.65}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:96px;padding:112px 0 126px}.faq-heading{align-self:start;position:sticky;top:104px}.faq-heading p{max-width:420px;margin:0;color:var(--muted);line-height:1.65}.faq-list{border-top:1px solid var(--hairline-strong)}.faq-list details{border-bottom:1px solid var(--hairline-strong)}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px;padding:18px 2px;cursor:pointer;font-size:15px;font-weight:650;letter-spacing:-.01em;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#77757c;font-size:20px;font-weight:350;transition:transform .18s var(--ease-out)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:680px;margin:-4px 0 22px;padding-right:46px;color:var(--muted);font-size:14px;line-height:1.68}.final-cta{display:flex;align-items:center;justify-content:space-between;gap:64px;margin-bottom:112px;padding:44px 48px;background:rgba(255,255,255,.58);border:1px solid rgba(23,23,25,.09);border-radius:24px;box-shadow:0 18px 48px rgba(28,27,31,.07)}.final-cta h2{max-width:720px;margin:12px 0 10px;font-size:clamp(32px,3.6vw,50px);font-weight:680;letter-spacing:-.045em;line-height:1.02}.final-cta p{max-width:720px;margin:0;color:var(--muted);font-size:14px;line-height:1.62}.final-cta>.button{flex:0 0 auto}.pricing-card{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;padding:60px;color:white;background:radial-gradient(circle at 86% 12%,rgba(116,104,255,.62),transparent 28%),#1b1b1d;border:1px solid rgba(255,255,255,.1);border-radius:26px;box-shadow:0 28px 70px rgba(27,27,29,.18),inset 0 1px rgba(255,255,255,.08)}.pricing-card .section-index{color:#aaa9b0}.pricing-card h2{margin:16px 0 20px;font-size:clamp(44px,5.4vw,72px);font-weight:680;letter-spacing:-.058em;line-height:.96}.pricing-card p{max-width:560px;margin:0;color:#aaa9af;line-height:1.62}.price-block{display:flex;flex-direction:column;justify-content:center;padding-left:54px;border-left:1px solid rgba(255,255,255,.11)}.price-block>div{display:grid;grid-template-columns:auto auto;justify-content:start;align-items:start}.price-block>div>span{margin:8px 4px 0 0;color:#b6b5ba;font-size:16px}.price-block strong{font-size:55px;font-weight:670;letter-spacing:-.055em;line-height:1}.price-block>div>small{grid-column:2;color:#99989e;font-size:10px}.button-inverse{width:100%;margin-top:23px;color:#1c1b1f;background:#f7f7f5}.price-block>small{margin-top:12px;color:#828187;font-size:9px;text-align:center}.site-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:112px;border-top:1px solid var(--hairline)}.site-footer p{margin:0;color:var(--muted);font-size:11px;text-align:center}.site-footer>div:last-child{display:flex;justify-content:flex-end;gap:18px;color:var(--muted);font-size:11px}@media (max-width:1050px){.hero{grid-template-columns:1fr;padding-top:100px}.hero-copy{max-width:760px}.hero-carousel{width:720px;max-width:100%;justify-self:center;margin:46px auto 8px}.studio-layout{grid-template-columns:1fr}.inspector{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px;border-top:1px solid rgba(255,255,255,.08);border-left:0}.inspector-heading,.native-toggle{grid-column:1/-1}.install-grid{gap:56px}.explain-section,.faq-section,.trust-layout{gap:52px}}@media (max-width:760px){.section-shell,.site-header{width:min(100% - 28px,1240px)}.site-header{grid-template-columns:1fr auto}.desktop-nav{display:none}.hero{min-height:auto;padding:82px 0 52px}.hero h1{font-size:clamp(48px,14vw,60px)}.hero-copy>p{font-size:16px}.hero-actions,.trust-row{align-items:stretch;flex-direction:column}.trust-row{gap:8px}.hero-carousel{width:100%;margin-top:34px}.hero-carousel-viewport{aspect-ratio:1.42;border-radius:18px}.hero-carousel-footer{align-items:end;gap:12px}.hero-carousel-caption{display:flex;align-items:start;flex-direction:column;gap:1px}.hero-carousel-caption small{font-size:9px}.hero-carousel-credit{position:static;display:inline-block;margin-top:8px}.faq-section,.install-section,.pricing-section,.studio-section,.themes-section,.trust-section{padding:76px 0}.explain-section{padding:76px 0 0}.section-heading{align-items:start;flex-direction:column;gap:20px}.install-copy h2,.pricing-card h2,.section-heading h2{font-size:43px}.studio-shell{width:calc(100% - 14px);border-radius:18px}.studio-toolbar{padding-left:14px}.saved-state{display:none}.segmented button{min-width:58px}.codex-window{grid-template-columns:94px minmax(0,1fr);min-height:520px}.codex-sidebar{padding-inline:6px}.new-thread kbd,.new-thread span,.sidebar-label,.thread small{display:none}.thread{height:27px;font-size:7px}.conversation{width:calc(100% - 24px);padding-top:34px}.change-card small{display:none}.composer{right:10px;bottom:12px;left:10px;min-height:64px}.inspector{display:block;padding:16px}.preset-grid{grid-template-columns:repeat(4,1fr)}.install-strip{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.copy-button{width:100%}.explain-section,.faq-section,.install-grid,.pricing-card,.theme-gallery,.trust-layout{grid-template-columns:1fr}.faq-section,.principle-grid,.trust-layout{gap:36px}.faq-heading{position:static}.trust-copy{padding-top:0}.theme-gallery{gap:24px}.reference-showcase{grid-template-columns:1fr}.reference-media{min-height:0;aspect-ratio:1.58}.reference-artwork .reference-media img{object-position:70% center}.reference-credit{margin-bottom:40px}.preset-heading{align-items:start;flex-direction:column;gap:5px}.install-grid{gap:56px}.pricing-card{gap:42px;padding:34px 24px}.price-block{padding:34px 0 0;border-top:1px solid rgba(255,255,255,.11);border-left:0}.site-footer{grid-template-columns:1fr;gap:18px;padding:30px 0}.final-cta{align-items:stretch;flex-direction:column;gap:28px;margin-bottom:76px;padding:32px 24px}.site-footer p{text-align:left}.site-footer>div:last-child{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.button,.gallery-card,.gallery-window,.hero-slide,.preset-button,.segmented button{transition-property:color,background-color,border-color,opacity}.button:active,.gallery-card:active,.hero-slide,.preset-button:active,.segmented button:active{transform:none}}@media (prefers-reduced-transparency:reduce){.codex-main,.codex-sidebar,.composer,.gallery-window,.hero-slide-source,.reference-chip,.site-header,.user-message{background-color:#fafaf8;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.button-secondary,.gallery-art,.hero-carousel-viewport,.site-header,.studio-shell{border-color:currentColor}}