:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans CJK SC","Noto Sans JP",sans-serif;scroll-behavior:smooth;font-synthesis:none;--bg:#090e1a;--surface:#111a2c;--surface-2:#151f33;--surface-3:#19243a;--border:#273249;--text:#edf3ff;--muted:#91a1ba;--faint:#6e7e99;--accent:#5ce4c2;--blue:#6488ff;--purple:#aa8bff;--shadow:0 32px 90px #02071688}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden;transition:background .25s,color .25s}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}::selection{background:#587cff66;color:#fff}.wrap{width:min(1190px,calc(100% - 48px));margin-inline:auto}section[id]{scroll-margin-top:90px}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute!important;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link{position:fixed;top:-80px;left:18px;background:var(--accent);color:#091420;padding:10px 18px;z-index:99}.skip-link:focus{top:12px}.ambient{position:absolute;pointer-events:none;filter:blur(68px);opacity:.5;border-radius:50%;z-index:-1}.ambient-one{width:530px;height:450px;background:radial-gradient(ellipse,#274d98bb,transparent 65%);top:115px;right:-150px}.ambient-two{width:450px;height:450px;background:radial-gradient(ellipse,#26696566,transparent 67%);top:260px;left:-190px}
.site-header{position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff0e;background:#0b1020ec;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.header-inner{height:78px;display:flex;align-items:center;gap:34px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:800;letter-spacing:-1.3px;white-space:nowrap}.brand-mark{width:39px;height:39px;border-radius:13px;background:linear-gradient(140deg,#51e7c2,#5896ff);display:inline-flex;justify-content:center;align-items:center;color:#081422;box-shadow:0 6px 20px #54d4c633;flex-shrink:0}.brand-accent{color:var(--accent)}.brand-beta{font-size:10px;letter-spacing:.3px;font-weight:700;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:0px 5px;margin-left:0;align-self:flex-start;margin-top:4px}.primary-nav{display:flex;align-items:center;gap:24px;justify-content:center;flex:1}.primary-nav a{font-size:13px;color:#a7b6cf;font-weight:600;transition:color .2s}.primary-nav a:hover{color:var(--accent)}.header-actions{display:flex;align-items:center;gap:9px}.control,.icon-button{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;height:37px}.language-select{font-size:12px;max-width:105px;padding:0 5px}.icon-button{display:grid;place-items:center;width:37px}.icon-button:hover{border-color:var(--blue)}.mobile-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:700;border-radius:10px;border:1px solid transparent;white-space:nowrap;transition:transform .15s,background .2s,border .2s;color:var(--text);font-size:13px;padding:10px 18px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(115deg,#4de5c2,#6a94fb);color:#071525;box-shadow:0 8px 26px #52e2c524}.btn-primary:hover{background:linear-gradient(115deg,#70f2d4,#93adff)}.btn-outline{border-color:#35435c;background:#192339;color:#dce7fa}.btn-outline:hover{border-color:#6889ad}.btn-ghost{background:transparent;color:var(--muted);border-color:transparent}.btn-ghost:hover{color:var(--text);background:var(--surface-3)}.btn-small{padding:8px 13px;font-size:12px}.btn-large{padding:13px 21px;font-size:14px}
.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:38px;padding-top:97px;padding-bottom:109px;min-height:625px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:11px;padding:7px 11px;border:1px solid #386e6977;background:#183e3f55;border-radius:50px;color:#98e7d6;font-size:12px;font-weight:700;margin-bottom:25px}.eyebrow-arrow{font-size:15px}.live-dot,.status-dot,.workspace-led,.preview-led,.terminal-led{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 11px #54e1b970}.hero h1{font-size:clamp(37px,4.25vw,60px);line-height:1.25;letter-spacing:-2.8px;margin:0 0 20px;font-weight:850}.gradient-text{background:linear-gradient(100deg,#59ebc7 0%,#7cb8ff 58%,#be9bff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lede{font-size:15px;color:var(--muted);max-width:520px;line-height:2;margin:0}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-chips{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;color:#9eafc8;font-size:12px}.hero-chips b{color:var(--accent);margin-right:5px}.hero-visual{position:relative;min-height:405px;align-self:center}.visual-grid{position:absolute;inset:-30px;background-image:linear-gradient(#6c82aa0d 1px,transparent 1px),linear-gradient(90deg,#6c82aa0d 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 35%,transparent 77%)}.editor-window{position:relative;background:#101a2c;border:1px solid #35425b;border-radius:15px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(-1.5deg);margin-top:25px;margin-right:21px;z-index:1}.window-top{height:47px;border-bottom:1px solid #2b384d;display:flex;align-items:center;padding:0 15px;gap:40px;background:#161f30;color:#aebed3;font-size:11px}.window-dots{display:flex;gap:5px}.window-dots i{display:block;width:9px;height:9px;background:#fa7872;border-radius:50%}.window-dots i:nth-child(2){background:#e6bc69}.window-dots i:nth-child(3){background:#62c89c}.window-tab{padding:6px 10px;border:1px solid #33425b;border-bottom:none;border-radius:7px 7px 0 0;white-space:nowrap}.tiny-js{display:inline-block;background:#ebd56f;width:9px;height:9px;border-radius:2px;margin-right:4px}.window-actions{margin-left:auto;white-space:nowrap}.window-body{display:flex;gap:16px;padding:20px 20px 24px;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,Monaco,monospace;min-height:270px;overflow:hidden}.line-numbers{color:#4d607b;text-align:right;user-select:none}.sample-code{margin:0;white-space:pre;line-height:1.85;color:#dae8fb;overflow:hidden}.code-purple{color:#bb9eff}.code-cyan{color:#6ed8f1}.code-green{color:#95e6bd}.code-muted{color:#7b8fab}.editor-status{display:flex;justify-content:space-between;align-items:center;font:10px ui-monospace,monospace;padding:9px 16px;background:#1d2b44;color:#9db0cb}.editor-status span{display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px}.terminal-window{position:absolute;z-index:3;bottom:-33px;left:-34px;background:#0e1826;border:1px solid #3b536e;border-radius:11px;box-shadow:0 18px 45px #0008;min-width:265px;overflow:hidden;transform:rotate(1.3deg)}.terminal-header{background:#1c2c42;border-bottom:1px solid #3b536e;padding:9px 14px;font-size:10px;color:#b2c1d5;display:flex;align-items:center;gap:9px}.terminal-led{width:7px;height:7px}.terminal-corner{margin-left:auto}.terminal-body{padding:13px 16px;font:11px/1.9 ui-monospace,monospace;color:#c5d3e7}.terminal-ok{color:#67e8bb}.floating-tag{position:absolute;z-index:4;font:11px ui-monospace,monospace;background:#273653;border:1px solid #4d5f7f;border-radius:8px;padding:7px 11px;box-shadow:0 8px 20px #0005}.tag-one{right:1px;top:4px;color:#c5acff;transform:rotate(6deg)}.tag-two{left:-14px;top:0;color:#84e5c8;transform:rotate(-5deg)}.mini-card{position:absolute;z-index:4;right:-12px;bottom:-26px;background:#172843;border:1px solid #365071;padding:9px 15px;border-radius:12px;display:flex;align-items:center;gap:10px;box-shadow:0 12px 32px #0006}.mini-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#06141b;background:linear-gradient(135deg,#74eed2,#62bdfa);font-size:20px}.mini-card strong,.mini-card small{display:block}.mini-card strong{font-size:11px}.mini-card small{font-size:10px;color:var(--muted)}
.metrics{border:1px solid var(--border);border-radius:17px;background:linear-gradient(125deg,#152037,#111927);display:grid;grid-template-columns:repeat(4,1fr);padding:24px 16px;box-shadow:0 14px 45px #03081122}.metrics>div{text-align:center;border-right:1px solid #2f3a4e}.metrics>div:last-child{border-right:0}.metrics strong{display:block;font-size:29px;line-height:1.25;letter-spacing:-1px;background:linear-gradient(95deg,#6ce9cb,#9cafff);background-clip:text;color:transparent}.metrics span{font-size:12px;color:var(--muted)}.section{padding-top:115px;padding-bottom:10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:36px}.section-label{color:var(--accent);font:700 11px ui-monospace,monospace;letter-spacing:2.1px}.section-heading h2{font-size:clamp(27px,3vw,38px);letter-spacing:-1.4px;margin:12px 0 8px;line-height:1.3}.section-heading p{color:var(--muted);font-size:14px;margin:0}.decor-bracket{color:#283c50;font:72px ui-monospace,monospace;letter-spacing:15px}.tool-layout{display:grid;grid-template-columns:305px 1fr;gap:20px;align-items:stretch}.tool-selector{display:flex;flex-direction:column;gap:9px}.tool-tab{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:16px 15px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .2s}.tool-tab:hover,.tool-tab.is-active{border-color:#56d7bd99;background:#19303d}.tool-icon{font:700 14px ui-monospace,monospace;width:38px;height:38px;border:1px solid #4c627c;border-radius:11px;display:grid;place-items:center;flex-shrink:0;color:#7fe5d1}.tool-tab strong{display:block;font-size:13px}.tool-tab small{font-size:11px;color:var(--muted)}.tab-chevron{margin-left:auto;color:var(--faint)}.tool-tab.is-active .tab-chevron{color:var(--accent)}.tool-workspace{border:1px solid var(--border);background:var(--surface);border-radius:16px;overflow:hidden;min-height:420px}.workspace-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);background:var(--surface-2);font-size:12px;font-weight:700}.workspace-header>div{display:flex;align-items:center;gap:9px}.workspace-label{font-size:10px;color:var(--muted);font-weight:500}.tool-panel{padding:24px}.tool-panel label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin:0 0 9px}.tool-panel textarea,.text-input,.search-box input{display:block;width:100%;background:#0c1424;border:1px solid #314057;border-radius:10px;color:#e8f2ff;padding:13px 16px;font-size:13px;outline:none}.tool-panel textarea{min-height:202px;resize:vertical;font:13px/1.7 ui-monospace,SFMono-Regular,monospace}.tool-panel textarea:focus,.text-input:focus,.search-box:focus-within{border-color:#58d6bb;box-shadow:0 0 0 2px #42dfb01c}.tool-panel textarea[readonly]{color:#8ceace}.text-input{height:45px;margin-bottom:20px}.button-strip{display:flex;gap:9px;flex-wrap:wrap;margin-top:15px}.button-strip .btn{font-size:12px;padding:8px 14px}.field-note{font-size:11px;color:var(--faint);margin:18px 0 0}.tool-feedback{font-size:12px;min-height:21px;color:var(--accent);margin:0 24px 15px}.tool-feedback.error{color:#ff9898}
.section-lab{background:linear-gradient(180deg,transparent,#111b2d88 20%,#111b2d88 80%,transparent);margin-top:95px;padding-top:90px;padding-bottom:100px}.section-side-note{font-size:12px;color:#aac3d3;display:flex;align-items:center;gap:10px;white-space:nowrap}.pulse-ring{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px #57e1bf18}.playground{display:grid;grid-template-columns:1fr 1fr;border:1px solid #3a4960;border-radius:15px;overflow:hidden;box-shadow:var(--shadow);min-height:440px}.playground-pane{background:#0d1625;border-right:1px solid #344257;min-width:0;display:flex;flex-direction:column}.preview-pane{display:flex;flex-direction:column;background:#10192b;min-width:0}.pane-toolbar{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid #31415a;background:#16233a}.editor-tabs{display:flex;gap:4px}.editor-tab{border:none;background:none;color:#8195b1;padding:8px 11px;border-radius:6px;font:700 12px ui-monospace,monospace}.editor-tab.is-active{background:#263957;color:#87ead2}.pane-tag{font:700 10px ui-monospace,monospace;color:#69809d;letter-spacing:1px}.code-textarea{width:100%;height:335px;flex:1;background:#0d1625;color:#d2ecfa;border:0;outline:0;resize:vertical;padding:22px 25px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}.code-textarea:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}.pane-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #2c3a52;padding:10px 15px;color:#7b8fa9;font:10px ui-monospace,monospace}#previewFrame{display:block;width:100%;flex:1;min-height:335px;background:white;border:none}.preview-pane .pane-toolbar strong{display:flex;align-items:center;gap:9px;font-size:12px}.preview-led{width:7px;height:7px}.preview-actions{border-top:1px solid #2c3a52;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;min-height:56px}.preview-actions>div{display:flex;gap:8px}.preview-actions .btn{font-size:11px;padding:7px 11px}.preview-hint{font-size:10px;color:var(--muted)}.sandbox-disclaimer{font-size:11px;color:var(--muted);margin:14px 0 0}.sandbox-disclaimer>span:first-child{color:var(--accent);margin-right:5px}
.snippet-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 20px}.search-box{width:285px;border:1px solid var(--border);background:var(--surface);border-radius:10px;display:flex;align-items:center;padding-left:12px;color:var(--muted)}.search-box>span{font-size:22px}.search-box input{background:transparent;border:0;box-shadow:none!important;height:43px;font-size:12px}.filter-group{display:flex;gap:7px;flex-wrap:wrap}.filter-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);padding:7px 13px;border-radius:9px;font-size:11px;font-weight:700}.filter-pill.is-active,.filter-pill:hover{background:#1a3a3a;border-color:#4aaf9f;color:var(--accent)}.snippet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.snippet-card{border:1px solid var(--border);background:var(--surface);border-radius:13px;padding:18px;display:flex;flex-direction:column;min-width:0;transition:transform .2s,border-color .2s}.snippet-card:hover{border-color:#547a91;transform:translateY(-3px)}.snippet-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.snippet-badge{font:700 10px ui-monospace,monospace;color:#7ce6d1;background:#1d4147;padding:4px 8px;border-radius:5px}.snippet-card h3{font-size:14px;margin:0 0 4px}.snippet-card p{font-size:11px;color:var(--muted);margin:0 0 13px;min-height:34px}.snippet-card pre{font:11px/1.75 ui-monospace,monospace;padding:12px;background:#0c1424;color:#bcd2f0;border:1px solid #25334a;border-radius:9px;overflow:auto;flex:1;max-height:125px;margin:0 0 13px;white-space:pre}.snippet-card .btn{align-self:flex-end;padding:7px 12px;font-size:11px}.empty-state{padding:32px;text-align:center;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{padding:25px;border:1px solid var(--border);border-radius:15px;background:linear-gradient(140deg,var(--surface),#121b2c);position:relative;overflow:hidden}.step-num{font:700 12px ui-monospace,monospace;color:#5b6c89;position:absolute;right:20px;top:18px}.step-icon{font:26px ui-monospace,monospace;color:var(--accent);width:54px;height:54px;border-radius:14px;border:1px solid #437c78;background:#20423d44;display:grid;place-items:center}.steps h3{font-size:17px;margin:22px 0 7px}.steps p{color:var(--muted);font-size:12px;line-height:1.85;margin:0}.cta-section{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:285px;border:1px solid #375c68;border-radius:21px;background:linear-gradient(120deg,#152c37,#182342 75%,#1a2350);overflow:hidden;margin-top:110px;margin-bottom:100px;padding:42px 55px}.cta-section>div:first-child{z-index:1;max-width:590px}.cta-section h2{font-size:clamp(27px,3vw,37px);letter-spacing:-1.2px;margin:12px 0 7px}.cta-section p{color:#afbdd2;font-size:13px;line-height:1.9;margin:0 0 22px}.cta-glow{position:absolute;inset:0;background:radial-gradient(circle at 92% 50%,#4d67d84a,transparent 44%)}.cta-art{position:relative;width:220px;height:200px;flex-shrink:0;display:grid;place-items:center}.art-symbol{font:700 72px ui-monospace,monospace;color:#83e3d3;text-shadow:0 0 35px #69d4c366;z-index:2;transform:rotate(-6deg)}.art-orbit{position:absolute;border:1px solid #70d8ce40;border-radius:50%;width:190px;height:140px;transform:rotate(-30deg)}.orbit-b{width:245px;height:180px;transform:rotate(32deg);border-color:#8497e83b}.footer{border-top:1px solid var(--border);background:#0a101b}.footer-inner{display:flex;gap:25px;align-items:center;justify-content:space-between;padding-block:35px}.footer-brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.footer-brand strong{font-size:20px;letter-spacing:-.7px}.footer-brand p{font-size:11px;color:var(--muted);width:100%;margin:0}.brand-mark.mini{width:31px;height:31px;font:700 12px ui-monospace,monospace;border-radius:9px}.footer-links{display:flex;gap:19px;flex-wrap:wrap}.footer-links a,.footer-copy{font-size:11px;color:var(--muted)}.footer-links a:hover{color:var(--accent)}.toast{position:fixed;z-index:90;bottom:25px;left:50%;transform:translate(-50%,30px);padding:10px 18px;border:1px solid #477971;background:#192d39;color:#b3efe1;border-radius:12px;box-shadow:0 14px 45px #0008;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
body[data-theme="light"]{--bg:#f5f8fe;--surface:#fff;--surface-2:#f4f7fc;--surface-3:#e6edf9;--border:#dce3f0;--text:#1b2a43;--muted:#596c87;--faint:#71819b;--shadow:0 23px 65px #1b2e521e;background:var(--bg)}body[data-theme="light"] .site-header{background:#f9fbfdec;border-color:#dce3f0}body[data-theme="light"] .primary-nav a{color:#50627b}body[data-theme="light"] .metrics{background:linear-gradient(110deg,#fff,#eff7fe)}body[data-theme="light"] .metrics>div{border-color:#dce3f0}body[data-theme="light"] .btn-outline{background:#edf3fc;color:#294160;border-color:#d5dff0}body[data-theme="light"] .tool-panel textarea,body[data-theme="light"] .text-input{background:#f8faff;color:#263d56;border-color:#d4dfed}body[data-theme="light"] .tool-tab.is-active{background:#e8faf7}body[data-theme="light"] .tool-tab .tool-icon{color:#157e74}body[data-theme="light"] .tool-feedback{color:#167e6d}body[data-theme="light"] .snippet-card pre{background:#f5f8fe;color:#244462;border-color:#dce3f0}body[data-theme="light"] .cta-section,body[data-theme="light"] .editor-window,body[data-theme="light"] .terminal-window{color:#eff8ff}body[data-theme="light"] .tool-panel label{color:#536784}body[data-theme="light"] .section-lab{background:linear-gradient(180deg,transparent,#e8eefac2,transparent)}body[data-theme="light"] .footer{background:#eaf0f9}body[data-theme="light"] .filter-pill.is-active{background:#dff9f4}body[data-theme="light"] .search-box input{color:var(--text)}body[data-theme="light"] .code-textarea{color:#e3f0ff}
@media(max-width:1050px){.header-inner{gap:14px}.primary-nav{gap:13px}.primary-nav a{font-size:12px}.hero{gap:25px}.hero h1{letter-spacing:-1.5px}.snippet-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{transform:scale(.91);transform-origin:center}.brand-beta{display:none}}
@media(max-width:780px){.wrap{width:min(100% - 32px,650px)}.header-inner{height:66px}.mobile-toggle{display:grid}.top-cta{display:none}.primary-nav{display:none;position:absolute;top:65px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--border);padding:18px 20px;flex-direction:column;align-items:stretch;gap:0}.primary-nav.is-open{display:flex}.primary-nav a{padding:11px 14px;font-size:14px}.menu-lines{display:block;position:relative;width:18px;height:2px;background:var(--text)}.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text)}.menu-lines:before{top:-6px}.menu-lines:after{top:6px}.hero{padding:72px 0 64px;display:flex;flex-direction:column;align-items:stretch;gap:60px;min-height:auto}.hero h1{font-size:clamp(37px,7.8vw,54px)}.hero-visual{width:min(100%,530px);min-height:385px;align-self:center;transform:scale(.93);transform-origin:top center}.terminal-window{left:-6px}.mini-card{right:-5px}.metrics{grid-template-columns:repeat(2,1fr);row-gap:20px}.metrics>div:nth-child(2){border:0}.section{padding-top:80px}.tool-layout{grid-template-columns:1fr}.tool-selector{display:grid;grid-template-columns:repeat(2,1fr)}.tool-tab{padding:12px}.tool-tab:last-child{grid-column:span 2}.section-lab{margin-top:60px;padding:80px 0}.playground{grid-template-columns:1fr}.playground-pane{border-right:0;border-bottom:1px solid #344257}.code-textarea{height:250px}.preview-pane iframe{height:280px;min-height:280px}.steps{grid-template-columns:1fr}.cta-section{margin-top:80px;margin-bottom:70px}.cta-art{opacity:.15;position:absolute;right:-35px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-brand p{margin-top:-8px}}
@media(max-width:500px){.language-select{max-width:91px}.hero h1{font-size:36px}.hero-lede{font-size:13px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .btn{width:100%}.hero-chips{gap:10px;font-size:11px}.hero-visual{transform:scale(.80);width:125%;margin-left:-11%;margin-bottom:-70px}.editor-window{margin-right:0}.window-body{padding:15px 12px;gap:12px}.sample-code{font-size:10px}.terminal-window{bottom:-20px}.mini-card{bottom:-23px}.tool-selector{grid-template-columns:1fr 1fr}.tool-tab{gap:7px}.tool-icon{width:31px;height:31px;font-size:11px}.tool-tab small{font-size:9px}.tool-tab strong{font-size:11px}.tab-chevron{display:none}.metrics strong{font-size:25px}.metrics span{font-size:11px}.workspace-label{font-size:9px}.tool-panel{padding:17px}.snippet-grid{grid-template-columns:1fr}.search-box{width:100%}.section-heading{align-items:start}.decor-bracket,.section-side-note{display:none}.pane-toolbar{padding-inline:10px}.preview-actions{flex-wrap:wrap}.preview-hint{width:100%}.cta-section{padding:34px 25px}.footer-links{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}