:root{color-scheme:light;--ink:#18202e;--muted:#637187;--line:#e3e9ed;--surface:#fff;--paper:#f4f7fb;--accent:#655be9;--accent-soft:#f2f1ff;--radius:21px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f9fbff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{position:sticky;top:0;z-index:12;background:#fffffff2;backdrop-filter:blur(16px);border-bottom:1px solid #e9edf3}.nav{max-width:1240px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.05em;font-size:21px}.mark{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:var(--accent);color:white;font-size:22px;line-height:1}.links{display:flex;gap:20px;align-items:center;font-size:13px;font-weight:650}.links a{text-decoration:none;color:#50617a}.links a:hover{color:var(--accent)}.links .nav-cta{color:#fff;background:var(--accent);padding:9px 16px;border-radius:100px}.wrap{max-width:1240px;margin:auto;padding:0 24px}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:60px;align-items:center;min-height:440px;padding-top:57px;padding-bottom:54px}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:850}.hero h1{font-size:clamp(46px,5.6vw,82px);letter-spacing:-.075em;line-height:1.05;margin:14px 0 17px}.hero p{font-size:18px;color:#5f7084;max-width:565px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 29px}.chip{border:1px solid #dfe7f0;border-radius:50px;padding:8px 12px;background:#fff;font-size:12px;font-weight:700;color:#53627a}.cta{display:inline-flex;gap:8px;align-items:center;background:var(--accent);color:#fff;text-decoration:none;padding:13px 20px;border:0;border-radius:13px;font-weight:750;box-shadow:0 10px 25px #3d4b5c17}.cta:hover{filter:brightness(.94)}.hero-art{min-height:330px;border-radius:35px;background:var(--art-bg,linear-gradient(130deg,#eef1ff,#fff));position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffffcc}.float-icon{font-size:clamp(120px,17vw,220px);filter:drop-shadow(0 18px 20px #1f256022)}.orbit{position:absolute;border:2px solid #ffffff80;border-radius:100%;width:380px;height:380px;transform:rotate(-22deg)}.orbit.two{width:255px;height:255px}.floating-label{position:absolute;bottom:21px;left:24px;background:#ffffffd9;backdrop-filter:blur(10px);padding:9px 14px;border-radius:9px;font-size:12px;font-weight:800}.section-title{font-size:32px;letter-spacing:-.055em;margin:0 0 9px}.section-sub{color:var(--muted);margin:0 0 28px}.studio-section{background:#edf2fa;padding:68px 0 82px}.studio-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid #e0e7ee;border-radius:var(--radius);box-shadow:0 14px 30px #2632540b;padding:23px}.panel h3{margin:0 0 6px;font-size:18px;letter-spacing:-.025em}.panel p{margin:0 0 17px;color:var(--muted);font-size:13px}.form-field{display:flex;flex-direction:column;gap:7px;margin:14px 0}.form-field label{color:#34435a;font-weight:720;font-size:12px}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #dbe3ed;border-radius:12px;padding:10px 12px;background:#fff;color:#18202e;min-height:43px}.form-field textarea{resize:vertical;min-height:80px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 3px}.btn{border:1px solid #d9e2ec;background:#fff;color:#283d51;padding:10px 15px;border-radius:11px;font-weight:760;font-size:13px;min-height:42px}.btn:hover{background:#f4f7fa}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.danger{color:#b63c47}.note{background:var(--accent-soft);border-radius:12px;padding:12px 15px;color:#53617c;font-size:13px;margin-top:18px}.board{border:1px solid #e0e6ec;border-radius:15px;background:#f5f7fb;min-height:310px;display:flex;align-items:center;justify-content:center;overflow:hidden}.board canvas{display:block;width:min(100%,600px);height:auto;box-shadow:0 14px 30px #101d3d19;max-height:60vh;object-fit:contain}.layout-board{height:420px;position:relative;background-size:20px 20px;background-image:linear-gradient(#c5d3df60 1px,transparent 1px),linear-gradient(90deg,#c5d3df60 1px,transparent 1px);cursor:crosshair}.layout-piece{position:absolute;border:2px solid var(--accent);border-radius:12px;background:#ffffffe6;box-shadow:0 6px 17px #112c4021;touch-action:none;user-select:none;padding:11px;min-width:72px;text-align:center;font-weight:750;font-size:13px}.layout-piece:focus-visible{outline:3px solid #101010}.layout-piece small{display:block;font-size:10px;color:#6d7681}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.metric{border:1px solid var(--line);border-radius:13px;padding:13px;background:#fff}.metric strong{display:block;font-size:22px}.metric span{font-size:11px;color:var(--muted);font-weight:750}.toolrow{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 20px}.muted{color:var(--muted)}.scene-list{display:flex;flex-direction:column;gap:8px;margin:17px 0}.scene-item{display:flex;justify-content:space-between;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#fff;text-align:left}.scene-item.active{border-color:var(--accent);background:var(--accent-soft)}.scene-item strong{font-size:13px}.scene-item small{display:block;color:#79859a}.scene-item button{border:0;background:none;color:#bc4556;padding:5px}.preview-stage{min-height:340px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(160deg,#212d4b,#141928);color:#fff;padding:32px;text-align:center;overflow:hidden}.preview-stage h3{font-size:clamp(25px,3vw,47px);letter-spacing:-.05em;margin:0 0 10px}.preview-stage p{font-size:16px;color:#d5e1ee;max-width:570px;margin:auto}.scene-marker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#b5c5ec;font-weight:800}.palette{display:flex;gap:9px;margin:10px 0}.swatch{border:2px solid #fff;outline:1px solid #cbd5e1;width:35px;height:35px;border-radius:11px;cursor:pointer}.budget-row{display:grid;grid-template-columns:1fr 100px 34px;gap:8px;margin:8px 0}.budget-row input{min-width:0;padding:8px;border:1px solid #dbe3ed;border-radius:10px}.budget-row button{background:#fff2f2;border:0;border-radius:10px;color:#b64d55}.checkrow{display:flex;gap:10px;align-items:center;margin:11px 0;font-size:14px}.checkrow input{accent-color:var(--accent);width:18px;height:18px}.details{padding:67px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature{border:1px solid var(--line);background:#fff;padding:25px;border-radius:19px}.feature b{display:block;font-size:16px;margin:12px 0 7px}.feature p{margin:0;font-size:13px;color:var(--muted)}.feature .symbol{font-size:27px}.foot{background:#111f2b;color:#d8e4f1}.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px}.foot p{font-size:12px;color:#b5c3d4}.foot a{color:#dce8fc;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toast{min-height:20px;color:#435575;font-size:13px;margin-top:10px}.empty{font-size:14px;color:#718096;padding:15px 10px}.play{animation:enter .6s both}@keyframes enter{from{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:30px}.hero-art{min-height:230px}.studio-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:660px){.wrap{padding:0 16px}.nav{padding:11px 16px}.links a:not(.nav-cta){display:none}.hero{min-height:0;padding-top:44px}.hero h1{font-size:49px}.hero-art{min-height:210px}.float-icon{font-size:140px}.studio-section{padding:42px 0}.panel{padding:17px}.feature-grid,.metrics{grid-template-columns:1fr}.board canvas{max-height:50vh}.foot .wrap{align-items:flex-start;flex-direction:column}.layout-board{height:360px}.budget-row{grid-template-columns:1fr 78px 28px}}