:root{color-scheme:dark;--bg:#090d17;--surface:#101725;--surface2:#151e2e;--line:#ffffff17;--text:#eef3ff;--muted:#98a5bb;--input:#0e1624;--blue:#8ca9ff;--coral:#ff5b68;--grid:#b5c9ff14}html[data-theme=light]{color-scheme:light;--bg:#f6f8fc;--surface:#fff;--surface2:#f0f3f9;--line:#192e4c20;--text:#142034;--muted:#5e6d84;--input:#f9fbff;--blue:#435ed0;--coral:#ed4355;--grid:#344f8f17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;overflow-x:hidden}button,select,input,textarea{font:inherit}button,a,select{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-60px;left:16px;background:var(--surface);z-index:20;padding:10px}.skip:focus{top:10px}.ambient{position:absolute;inset:0 0 auto;height:1050px;pointer-events:none;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 70% 25%,#31458a30,transparent 45%),radial-gradient(ellipse at 20% 10%,#712b4940,transparent 36%)}.grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:60px 60px;-webkit-mask-image:radial-gradient(500px circle at var(--x,70%) var(--y,25%),#000 0,transparent 90%);mask-image:radial-gradient(500px circle at var(--x,70%) var(--y,25%),#000 0,transparent 90%)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:9px;white-space:nowrap;font-weight:750;letter-spacing:-.04em;font-size:18px}.brand i{font-style:normal;color:var(--muted);font-weight:300;padding:0 5px}.brand b{font-size:14px;letter-spacing:-.02em}.brand-icon{position:relative;width:30px;height:30px;overflow:hidden;display:block}.brand-icon{border-radius:8px}.brand-icon img{position:absolute;width:30px;height:30px;max-width:none;left:0;top:0}.nav nav{display:flex;align-items:center;gap:27px;font-size:12px;color:var(--muted);font-weight:600}.nav nav a:hover,.footer a:hover{color:var(--text)}.language{display:flex;align-items:center;gap:7px}.language select{max-width:120px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;color:var(--text);background:transparent;font-size:12px}.language option{background:var(--surface);color:var(--text)}.icon-button{border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);width:36px;height:36px;font-size:18px}.hero{min-height:590px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;gap:40px}.hero-copy{padding:72px 0 80px;position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.pulse{display:inline-block;width:7px;height:7px;background:#91aaff;border-radius:50%;box-shadow:0 0 14px #7e98ff}.pulse.coral{background:#ff6678;box-shadow:0 0 14px #ff6678}.hero h1{font-size:clamp(58px,7vw,96px);line-height:.99;letter-spacing:-.075em;margin:26px 0;font-weight:690}.gradient-text{background:linear-gradient(110deg,#b9c8ff 5%,#f9a4af 75%);color:transparent;-webkit-background-clip:text;background-clip:text}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:530px;margin:0}.hero-actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:10px;padding:13px 18px;font-size:13px;font-weight:700}.primary{background:#eff3ff;color:#172136;border:1px solid #fff;box-shadow:0 5px 30px #899eff35}.primary:hover{transform:translateY(-2px)}.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.demo-note{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:11px;margin-top:28px;max-width:470px}.note-dot{flex:none;width:5px;height:5px;background:var(--coral);border-radius:50%;margin-top:7px}.hero-art{height:390px;position:relative;display:grid;place-items:center}.art-glow{position:absolute;width:75%;height:75%;background:radial-gradient(ellipse,#758bff50,#ff687b20 45%,transparent 70%);filter:blur(34px)}.orbit{position:absolute;border:1px solid #a5baff25;border-radius:50%;width:380px;height:380px;transform:rotate(-22deg) scaleY(.65)}.orbit-two{width:440px;height:440px;transform:rotate(45deg) scaleY(.65);border-color:#ff9aa91d}.art-card{position:absolute;background:linear-gradient(145deg,#263249db,#121a2adc);border:1px solid #d2dcff3b;box-shadow:0 30px 90px #0008;border-radius:20px}.art-back{width:300px;height:200px;transform:translate(50px,-38px) rotate(8deg);padding:30px}.art-back span{display:block;height:7px;border-radius:8px;background:#8195b329;margin-bottom:18px;width:75%}.art-back span:nth-child(2){width:50%}.art-front{width:340px;padding:24px;transform:translate(-24px,30px) rotate(-4deg)}.art-header{display:flex;gap:13px;align-items:center}.art-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e9efff;color:#5367bc;font-size:20px}.art-lines{display:grid;gap:7px}.art-lines i,.art-input span,.art-row i{display:block;background:#a8bbdf44;border-radius:8px;height:6px;width:100px}.art-lines i+i{width:65px;background:#a8bbdf25}.art-input{margin-top:26px;border:1px solid #d8e5ff2a;background:#0b1321a8;border-radius:12px;height:52px;display:flex;align-items:center;justify-content:space-between;padding:14px}.art-input span{width:145px}.art-input b{background:#dce5ff;color:#293357;border-radius:8px;padding:4px 9px}.art-row{display:flex;gap:8px;margin-top:16px}.art-row i{width:66px;height:20px;background:#899cf31a}.art-spark{position:absolute;color:#ff9ca8;font-size:32px;transform:translate(170px,-130px);text-shadow:0 0 25px #ff6b7c}.trust{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:23px;color:var(--muted);font-size:12px}.trust div{display:flex;gap:11px;align-items:center}.trust div>span:first-child{color:var(--blue);font-size:17px}.workspace,.developer,.features{padding-top:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:24px}.section-heading h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.055em;line-height:1.15;margin:16px 0}.section-heading p{color:var(--muted);max-width:580px;margin:0}.section-number{color:var(--muted);font-size:11px;white-space:nowrap}.editor-shell{border:1px solid #a1b6e42c;border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:0 32px 100px #0003}.editor-top{height:56px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding:0 22px;font-size:11px;color:var(--muted)}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;background:#62708a;border-radius:50%}.window-dots i:first-child{background:#ff6d78}.editor-caption{flex:1}.mini-logo{color:#ff6375}.caption-divider{padding:0 6px;color:var(--line)}.online i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#76dbaf}.editor-main{display:grid;grid-template-columns:200px 1fr}.editor-sidebar{border-inline-end:1px solid var(--line);padding:30px 16px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.editor-sidebar>div:not(.side-label):not(.side-bottom){padding:10px 13px;border-radius:8px}.editor-sidebar>div>span:first-child{margin-inline-end:9px}.side-label{font-size:10px;letter-spacing:.12em;font-weight:700;margin:0 12px 14px}.side-label span{float:right}.side-active{background:#8ca9ff16;color:var(--text)}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding:20px 10px 0;font-size:10px}.editor-content{padding:36px 44px 0}.editor-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px}.overline{color:var(--muted);font-size:9px;letter-spacing:.15em}.editor-title h3{font-size:24px;letter-spacing:-.04em;margin:5px 0}.editor-content label{display:block;font-size:11px;font-weight:650;color:var(--muted);margin-bottom:18px}.editor-content input,.editor-content textarea,.editor-content select{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:8px;background:var(--input);padding:11px 13px;color:var(--text);font-size:13px;outline-offset:1px}.editor-content input::placeholder,.editor-content textarea::placeholder{color:var(--muted);opacity:.65}.editor-content textarea{min-height:140px;resize:vertical}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.additional{border-top:1px solid var(--line);padding-top:15px}.additional summary{cursor:pointer;list-style:none;color:var(--muted);font-size:11px;font-weight:700;margin-bottom:18px}.additional summary>span:last-child{float:right}.form-bottom,.editor-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:10px}.form-bottom button,.code-head button{color:var(--text);background:transparent;border:1px solid var(--line);padding:7px 11px;border-radius:7px;font-size:11px}.editor-footer{border-top:1px solid var(--line);margin-top:25px;padding:18px 0}.code-panel{background:#101725;border:1px solid #a1b6e42c;color:#e5ecff;border-radius:16px;overflow:hidden;box-shadow:0 20px 70px #0003}.code-head,.code-foot{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;color:#9aaac3;font-size:11px}.code-head{border-bottom:1px solid #ffffff16}.code-head button{color:#e5ecff}.code-dot{display:inline-block;width:7px;height:7px;background:#ff6c79;border-radius:50%;margin-inline-end:8px}.code-panel pre{margin:0;padding:28px 30px;overflow:auto;font:13px/1.8 ui-monospace,SFMono-Regular,monospace;color:#b9c8eb}.code-foot{border-top:1px solid #ffffff16;letter-spacing:.1em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.feature-grid article{padding:32px;background:var(--surface);border-inline-end:1px solid var(--line)}.feature-grid article:last-child{border:0}.feature-icon{font-size:24px;color:var(--blue)}.feature-grid h3{font-size:17px;letter-spacing:-.03em;margin:30px 0 10px}.feature-grid p{font-size:13px;color:var(--muted);margin:0}.footer{margin-top:120px;padding-block:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:11px}.footer .brand{color:var(--text)}@media(max-width:800px){.wrap{width:min(100% - 36px,1200px)}.nav{height:72px}.nav nav{gap:12px}.nav nav>a{display:none}.hero{grid-template-columns:1fr;gap:0}.hero-copy{padding:70px 0 10px}.hero h1{font-size:clamp(53px,11vw,75px)}.hero-art{height:300px;transform:scale(.85)}.trust{flex-wrap:wrap;font-size:11px}.workspace,.developer,.features{padding-top:80px}.editor-main{grid-template-columns:1fr}.editor-sidebar{display:none}.editor-content{padding:26px 20px 0}.feature-grid{grid-template-columns:1fr}.feature-grid article{border-inline-end:0;border-bottom:1px solid var(--line)}.footer{margin-top:80px;flex-wrap:wrap}.online{display:none}}@media(max-width:480px){.brand b,.brand i{display:none}.language select{max-width:75px}.pair{grid-template-columns:1fr;gap:0}.hero-art{transform:scale(.72);margin-inline:-40px}.editor-caption{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-title{align-items:flex-start}.editor-footer{align-items:flex-start;flex-direction:column}.trust{display:grid;grid-template-columns:1fr 1fr}.section-number{display:none}.code-panel pre{font-size:11px}.footer{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.grid{-webkit-mask-image:radial-gradient(500px circle at 70% 25%,#000,transparent 90%);mask-image:radial-gradient(500px circle at 70% 25%,#000,transparent 90%)}}.icon{display:inline-block;width:16px;height:16px;vertical-align:-.2em;flex:none}.icon-button .icon{width:17px;height:17px}.language .icon{color:var(--muted)}.hero-actions .icon{width:14px;height:14px}.art-mark .icon{width:21px;height:21px}.art-input .icon{width:14px;height:14px}.art-spark .icon{width:36px;height:36px;filter:drop-shadow(0 0 12px #ff6b7c)}.trust .icon{color:var(--blue);width:17px;height:17px}.mini-logo .icon{width:14px;height:14px}.editor-sidebar button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 13px;border:0;border-radius:8px;background:transparent;text-align:start;color:var(--muted);font-size:12px}.editor-sidebar button:hover{color:var(--text);background:#8ca9ff0d}.editor-sidebar button.side-active{background:#8ca9ff16;color:var(--text)}.side-label>.icon{float:right;width:12px;height:12px}.form-bottom .icon,.code-foot .icon{width:13px;height:13px}.feature-icon .icon{width:26px;height:26px}.footer .icon{width:12px;height:12px}.additional summary>.icon{float:right}