:root{--background:#faf9f7;--surface:#fff;--text:#1d1d1f;--muted:#747474;--line:#e4e2df;--blue:#265dff;--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:var(--sans);margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}::selection{background:#d9e2ff}.page-width{width:min(1180px,100% - 48px);margin-inline:auto}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;display:flex}.brand-mark{background:linear-gradient(145deg,#ff5138 5%,#ff9830 38%,#b84df4 67%,#4169ff 95%);border-radius:7px 9px 7px 11px;width:22px;height:22px;transform:rotate(-4deg);box-shadow:inset 0 0 0 1px #ffffff59}.brand strong{font-size:19px}.platform{color:var(--muted);font-size:13px}.hero{text-align:center;padding:78px 0 58px}.hero-pill{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12px;font-weight:600;display:inline-flex;box-shadow:0 1px #00000005}.hero-pill i{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #265dff1a}.hero h1{letter-spacing:-.065em;margin:22px 0 8px;font-size:clamp(48px,6vw,72px);font-weight:720;line-height:1}.hero p{color:var(--muted);letter-spacing:-.02em;margin:0;font-size:18px}.steps{padding-bottom:100px}.step-heading{align-items:center;gap:13px;margin-bottom:18px;display:flex}.step-number{color:#fff;background:#1e1e1f;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.step-heading h2{letter-spacing:-.025em;margin:0 0 2px;font-size:18px}.step-heading p{color:var(--muted);margin:0;font-size:12px}.theme-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-width:thin;scrollbar-color:#d4d1cd transparent;grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:14px;padding:2px 2px 16px;display:grid;overflow-x:auto}.theme-option{border:1px solid var(--line);cursor:pointer;text-align:left;scroll-snap-align:start;background:#ffffffb8;border-radius:18px;min-width:0;padding:8px 8px 12px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.theme-option:hover{border-color:#c8c6c2;transform:translateY(-2px);box-shadow:0 10px 26px #1c191612}.theme-option--selected{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 2px #265dff1f,0 14px 34px #265dff1a}.theme-preview{display:block;position:relative}.theme-name{letter-spacing:-.015em;padding:11px 5px 0;font-size:13px;font-weight:650;display:block}.theme-category{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;padding:3px 5px 0;font-size:10px;font-weight:600;display:block}.selected-check{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 3px 9px #00000038}.preview-shell{--theme-art:linear-gradient(135deg,#132032,#37215c);aspect-ratio:16/10;background:#111;border:1px solid #0000003b;border-radius:11px;width:100%;overflow:hidden;box-shadow:0 6px 15px #0000002e}.window-bar{background:#0e0e10f0;border-bottom:1px solid #ffffff17;align-items:center;gap:4px;height:19px;padding:0 7px;display:flex}.window-bar>span{border-radius:50%;width:5px;height:5px}.window-bar>span:first-child{background:#ff5b56}.window-bar>span:nth-child(2){background:#ffbd2e}.window-bar>span:nth-child(3){background:#27c93f}.window-bar small{color:#888;margin:0 auto;font-size:6px}.window-body{background-image:linear-gradient(#04070a3d, #04070a80), var(--theme-art);background-position:50%;background-size:cover;grid-template-columns:24% 76%;height:calc(100% - 19px);display:grid}.mock-sidebar{background:#07080ab8;border-right:1px solid #ffffff14;flex-direction:column;gap:10px;padding:14px 9px;display:flex}.mock-sidebar b{color:var(--theme-accent);margin-bottom:4px;font-size:13px}.mock-sidebar i{background:#ffffff40;border-radius:2px;width:72%;height:3px}.mock-stage{flex-direction:column;align-items:center;padding:12px;display:flex}.mock-copy{gap:6px;width:40%;margin-top:17%;display:grid}.mock-copy i{background:#fff9;border-radius:2px;height:3px}.mock-copy i:last-child{background:#ffffff47;width:63%}.mock-composer{color:#ffffff7a;background:#0a0b0cc4;border:1px solid #ffffff2b;border-radius:6px;justify-content:space-between;align-items:center;width:88%;min-height:25px;margin-top:auto;padding:0 7px;font-size:6px;display:flex}.mock-composer b{background:var(--theme-accent);color:#111;border-radius:4px;place-items:center;width:14px;height:14px;font-size:8px;display:grid}.install-step{margin-top:46px}.step-heading--install{margin-bottom:18px}.command-box{background:var(--surface);border:1px solid #d9d7d3;border-radius:24px;grid-template-columns:150px minmax(0,1fr) auto;align-items:center;gap:22px;min-height:132px;padding:22px 22px 22px 26px;display:grid;box-shadow:0 18px 45px #27221d1a,0 2px 4px #27221d0a}.command-selection{border-right:1px solid var(--line);gap:5px;padding-right:20px;display:grid}.command-selection span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px}.command-selection strong{letter-spacing:-.02em;font-size:14px}.command-selection em{color:var(--muted);font-size:11px;font-style:normal}.command-text{color:#555;overflow-wrap:anywhere;margin:0;font:12px/1.55 SFMono-Regular,Consolas,monospace}.copy-button{color:#fff;cursor:pointer;background:#1d1d1f;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;min-width:154px;height:46px;padding:0 16px;font-size:12px;font-weight:650;transition:transform .18s,background .18s;display:flex;box-shadow:0 4px 10px #00000029}.copy-button:hover{background:#333;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button span{color:#aaa;font-size:10px}@media (max-width:800px){.page-width{width:min(100% - 28px,640px)}.site-header{height:64px}.platform{font-size:11px}.hero{padding:62px 0 48px}.hero h1{font-size:clamp(46px,14vw,64px)}.hero p{font-size:16px}.theme-rail{grid-auto-columns:minmax(210px,72vw);margin-right:-14px}.command-box{grid-template-columns:1fr;gap:16px;padding:20px}.command-selection{border-right:0;border-bottom:1px solid var(--line);padding:0 0 15px}.copy-button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}