:root{--ink:#08090c;--panel:#101116;--panel-2:#15161c;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#f4f1eb;--muted:#8c8d94;--soft:#b9b8bc;--accent:#ff6b3d;--accent-bright:#ff8a64;--success:#b8ff3d;--font-sans:var(--font-manrope), "Manrope", sans-serif;--font-mono:var(--font-jetbrains-mono), "JetBrains Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);min-width:320px;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent-bright);outline-offset:3px}a{color:inherit;text-decoration:none}.site-shell{background:radial-gradient(circle at 15% 10%, #ff6b3d0d, transparent 26%), var(--ink);min-height:100vh;overflow:hidden}.site-header{z-index:60;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0a0b0fd1;border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1320px,100% - 34px);min-height:64px;padding:0 10px 0 18px;display:grid;position:fixed;top:17px;left:50%;transform:translate(-50%);box-shadow:0 22px 70px #00000047}.brand{letter-spacing:-.045em;align-items:center;width:max-content;font-size:16px;font-weight:760;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent-bright);background:linear-gradient(145deg,#ffffff17,#ffffff05);border:1px solid #ffffff21;border-radius:9px;place-items:center;margin-right:10px;display:grid}.brand-suffix{color:var(--accent-bright)}.main-nav{align-items:center;gap:4px;display:flex}.main-nav a{color:#9b9ca3;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:570;transition:background .18s,color .18s}.main-nav a:hover{color:#fff;background:#ffffff0d}.header-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.live-badge{color:#74767e;font-family:var(--font-mono);letter-spacing:.08em;align-items:center;gap:7px;font-size:8px;display:inline-flex}.live-badge>span,.stage-fps i,.preview-online i{background:var(--success);border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #b8ff3db3}.button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;font-weight:670;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button-small{min-height:42px;padding:0 15px;font-size:11px}.button-large{border-radius:12px;min-height:54px;padding:0 21px;font-size:12px}.button-primary{background:var(--accent);color:#160c08;box-shadow:0 12px 34px #ff6b3d33}.button-primary:hover{background:#ff7b52}.button-ghost{border-color:var(--line);color:#d5d3d1;background:#ffffff06}.button-ghost:hover{border-color:var(--line-strong);background:#ffffff0e}.button-light{color:#15120f;background:#f4f1eb}.menu-button{border:1px solid var(--line);color:#fff;background:0 0;border-radius:10px;place-items:center;width:42px;height:42px;display:none}.hero-section{grid-template-columns:.78fr 1.22fr;align-items:center;gap:70px;width:min(1320px,100% - 48px);min-height:860px;margin:0 auto;padding:126px 0 64px;display:grid;position:relative}.hero-section:before{z-index:0;background:linear-gradient(transparent, var(--line), transparent);content:"";width:1px;position:absolute;top:120px;bottom:30px;left:38%}.hero-copy{z-index:2;position:relative}.eyebrow,.section-kicker{color:var(--accent-bright);font-family:var(--font-mono);letter-spacing:.13em;align-items:center;gap:8px;font-size:9px;font-weight:650;display:inline-flex}.hero-copy h1{letter-spacing:-.068em;margin:27px 0 22px;font-size:clamp(50px,5.25vw,78px);font-weight:580;line-height:.98}.hero-copy h1 em,.final-cta h2 em,.mock-site-copy h3 em{color:var(--accent-bright);font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy>p{color:#a3a2a7;max-width:510px;margin:0;font-size:16px;line-height:1.7}.hero-actions{gap:10px;margin-top:33px;display:flex}.proof-row{color:#777981;flex-wrap:wrap;gap:19px;margin-top:31px;font-size:10px;display:flex}.proof-row span{align-items:center;gap:6px;display:inline-flex}.proof-row svg{color:var(--success)}.hero-stage{z-index:1;background:#0f1014;border:1px solid #ffffff21;border-radius:34px;min-width:0;height:650px;position:relative;overflow:hidden;box-shadow:0 55px 120px #0000006b}.scene-canvas{isolation:isolate;position:relative;overflow:hidden}.scene-canvas:before,.scene-canvas:after{pointer-events:none;content:"";position:absolute;inset:0}.scene-canvas:before{z-index:-2}.scene-canvas:after{z-index:-1;opacity:0;background-image:linear-gradient(#ffffff13 1px,#0000 1px),linear-gradient(90deg,#ffffff13 1px,#0000 1px);background-size:48px 48px;transition:opacity .22s;-webkit-mask-image:linear-gradient(#000000bf,#0000 86%);mask-image:linear-gradient(#000000bf,#0000 86%)}.scene-canvas.has-grid:after{opacity:.28}.scene-bg-ink:before{background:radial-gradient(circle at 67% 32%,#ff6b3d33,#0000 27%),radial-gradient(circle at 25% 75%,#5e4bd724,#0000 32%),linear-gradient(145deg,#17171d,#08090d 76%)}.scene-bg-violet:before{background:radial-gradient(circle at 72% 24%,#ff6f4c3b,#0000 24%),radial-gradient(circle at 18% 75%,#855dff6b,#0000 40%),linear-gradient(145deg,#2b1d4b,#100d1d 80%)}.scene-bg-ice:before{background:radial-gradient(circle at 70% 25%,#ffffffd1,#0000 28%),linear-gradient(145deg,#dce7f1,#9caec3 88%)}.scene-bg-sand:before{background:radial-gradient(circle at 72% 20%,#ffffff9e,#0000 28%),linear-gradient(145deg,#ebe1d2,#bba991 90%)}.scene-canvas>canvas{z-index:1;cursor:grab;width:100%;height:100%;display:block;position:relative}.scene-canvas>canvas:active{cursor:grabbing}.hero-canvas{position:absolute;inset:0}.stage-topline,.stage-caption,.stage-orbit-label{z-index:4;pointer-events:none;position:absolute}.stage-topline{color:#ffffff85;font-family:var(--font-mono);letter-spacing:.11em;justify-content:space-between;align-items:center;font-size:8px;display:flex;top:22px;left:24px;right:24px}.stage-fps{align-items:center;gap:7px;display:flex}.stage-caption{justify-content:space-between;align-items:flex-end;display:flex;bottom:23px;left:24px;right:24px}.stage-caption>div{align-items:center;gap:11px;display:flex}.stage-caption span{color:var(--accent-bright);font-family:var(--font-mono);font-size:9px}.stage-caption b{font-size:13px;font-weight:630}.stage-caption small{color:#ffffff6e;font-size:9px}.stage-orbit-label{color:#ffffff8f;transform-origin:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090c8c;border:1px solid #ffffff24;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:8px;display:flex;top:50%;right:18px;transform:translateY(-50%)rotate(-90deg)translate(50%)}.studio-section{width:min(1440px,100% - 32px);margin:0 auto;padding:112px 0;scroll-margin-top:76px}.studio-intro{grid-template-columns:.7fr 1.35fr .95fr;align-items:end;gap:34px;width:min(1320px,100% - 16px);margin:0 auto 45px;display:grid}.studio-intro h2,.section-heading h2,.compact-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(42px,5.4vw,72px);font-weight:560;line-height:1}.studio-intro>p,.section-heading>p{max-width:400px;color:var(--muted);margin:0 0 4px;font-size:13px;line-height:1.7}.builder-shell{border:1px solid var(--line-strong);background:#0d0e12;border-radius:28px;grid-template-rows:minmax(720px,76vh) 76px;grid-template-columns:390px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 50px 120px #0006}.control-panel{border-right:1px solid var(--line);scrollbar-color:#34353d transparent;scrollbar-width:thin;padding:22px;overflow-y:auto}.control-panel-head,.control-label{justify-content:space-between;align-items:center;display:flex}.control-panel-head>div,.control-label{gap:9px}.control-panel-head>div{align-items:center;display:flex}.control-panel-head span,.control-label span{color:var(--accent-bright);font-family:var(--font-mono);font-size:8px}.control-panel-head b,.control-label b{font-size:11px;font-weight:640}.control-panel-head>button{color:#686a72;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px;font-size:9px;display:inline-flex}.control-panel-head>button:hover{color:#fff}.template-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.template-card{border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:#15161b;border-radius:13px;min-height:122px;padding:10px;transition:border-color .18s,transform .18s,background .18s;position:relative;overflow:hidden}.template-card:hover{border-color:#fff3;transform:translateY(-1px)}.template-card.is-active{background:#ff6b3d11;border-color:#ff6b3db8;box-shadow:inset 0 0 0 1px #ff6b3d1f}.template-card>span:last-of-type{flex-direction:column;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.template-card b{font-size:10px;font-weight:650}.template-card small{color:#686a72;margin-top:2px;font-size:8px}.template-card em{color:#4d4e55;font-family:var(--font-mono);font-size:7px;font-style:normal;position:absolute;top:9px;right:9px}.template-art{width:62px;height:54px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.template-art i{display:block;position:absolute}.template-halo .template-art i:first-child{border:1px solid var(--accent-bright);border-radius:50%;inset:8px 13px;transform:rotate(24deg)}.template-halo .template-art i:nth-child(2){background:var(--accent);border-radius:50%;inset:18px 23px;box-shadow:0 0 20px #ff6b3d80}.template-halo .template-art i:last-child{border:1px solid #ffffff4d;border-radius:50%;inset:5px 24px;transform:rotate(-52deg)}.template-monolith .template-art i{background:#272830;border:1px solid #ffffff2e;border-radius:4px;width:17px;height:40px;top:7px}.template-monolith .template-art i:first-child{left:10px;transform:rotate(-9deg)}.template-monolith .template-art i:nth-child(2){background:var(--accent);left:23px;transform:translateY(-3px)}.template-monolith .template-art i:last-child{left:37px;transform:rotate(9deg)}.template-helix .template-art i:first-child,.template-helix .template-art i:nth-child(2){border:4px solid var(--accent);border-radius:50%;inset:10px 12px;transform:rotateX(70deg)rotate(20deg)}.template-helix .template-art i:nth-child(2){border-color:#ffffff40;transform:rotateX(70deg)rotate(110deg)}.template-helix .template-art i:last-child{background:var(--accent);width:5px;height:5px;box-shadow:35px 28px 0 #ffffff73, 45px 7px 0 var(--accent);border-radius:50%;top:10px;left:10px}.template-plinth .template-art i:first-child{background:#30313a;border-radius:50%;height:12px;bottom:6px;left:9px;right:9px}.template-plinth .template-art i:nth-child(2){background:var(--accent);border-radius:6px;width:23px;height:34px;top:6px;left:22px;transform:rotate(9deg)}.template-plinth .template-art i:last-child{background:#ffffff7a;border-radius:50%;width:7px;height:7px;top:17px;left:4px}.control-group{border-top:1px solid #ffffff13;margin-top:20px;padding-top:18px}.control-label{justify-content:flex-start;margin-bottom:12px}.segmented-control,.motion-options{grid-template-columns:1fr 1fr;gap:5px;display:grid}.segmented-control button,.motion-options button{color:#777981;cursor:pointer;background:#ffffff06;border:1px solid #ffffff13;border-radius:8px;min-height:35px;font-size:9px}.segmented-control button.is-active,.motion-options button.is-active{color:#f5f3ee;background:#202127;border-color:#ffffff29}.color-swatches{align-items:center;gap:8px;display:flex}.color-swatches>button,.custom-color{cursor:pointer;border:2px solid #17181d;border-radius:50%;flex:none;width:28px;height:28px;position:relative;box-shadow:0 0 0 1px #ffffff1f}.color-swatches>button.is-active{box-shadow:0 0 0 2px #f4f1eb}.custom-color{color:#a7a8ae;background:#25262c;place-items:center;margin-left:2px;display:grid}.custom-color input{opacity:0;width:1px;height:1px;position:absolute}.background-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.background-options button{color:#777981;cursor:pointer;background:0 0;border:1px solid #ffffff13;border-radius:8px;align-items:center;gap:7px;min-height:37px;padding:0 9px;font-size:8px;display:flex}.background-options button.is-active{color:#fff;background:#202127;border-color:#fff3}.background-options i{border:1px solid #fff3;border-radius:50%;width:15px;height:15px}.motion-options{grid-template-columns:repeat(3,1fr)}.motion-options button{justify-content:center;align-items:center;gap:5px;display:flex}.toggle-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.setting-toggle{color:#777981;cursor:pointer;background:0 0;border:1px solid #ffffff13;border-radius:9px;justify-content:space-between;align-items:center;min-height:42px;padding:0 9px;display:flex}.setting-toggle>span{align-items:center;gap:6px;font-size:8px;display:flex}.setting-toggle>i{background:#2d2e35;border-radius:20px;align-items:center;width:25px;height:14px;padding:2px;transition:background .18s;display:flex}.setting-toggle>i b{background:#777981;border-radius:50%;width:10px;height:10px;transition:transform .18s,background .18s}.setting-toggle>i.is-on{background:#ff6b3d47}.setting-toggle>i.is-on b{background:var(--accent-bright);transform:translate(11px)}.builder-preview{background:#121318;grid-template-rows:48px 1fr 39px;min-width:0;display:grid;position:relative}.preview-toolbar,.preview-footer{z-index:5;border-bottom:1px solid var(--line);color:#686a72;font-family:var(--font-mono);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0c0d11d1;align-items:center;font-size:8px;display:flex;position:relative}.preview-toolbar{justify-content:space-between;padding:0 18px}.window-dots{gap:5px;display:flex}.window-dots i{background:#383941;border-radius:50%;width:6px;height:6px}.preview-online{color:#8e916f;align-items:center;gap:6px;display:flex}.preview-canvas-wrap{min-height:0;position:relative;overflow:hidden}.builder-canvas{position:absolute;inset:0}.builder-canvas>canvas{transform:translate(17%)}.mock-site-copy{z-index:4;pointer-events:none;width:min(42%,430px);position:absolute;top:50%;left:clamp(35px,5vw,78px);transform:translateY(-50%)}.mock-site-copy>span{color:var(--accent-bright);font-family:var(--font-mono);letter-spacing:.13em;font-size:8px}.mock-site-copy h3{letter-spacing:-.065em;margin:17px 0 15px;font-size:clamp(39px,4.7vw,72px);font-weight:570;line-height:.96}.mock-site-copy p{color:#ffffff8f;max-width:320px;margin:0;font-size:11px;line-height:1.6}.mock-site-copy button{color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:9px;align-items:center;gap:10px;min-height:39px;margin-top:24px;padding:0 15px;font-size:9px;display:inline-flex}.preview-bg-ice .mock-site-copy,.preview-bg-sand .mock-site-copy{color:#17171b}.preview-bg-ice .mock-site-copy p,.preview-bg-sand .mock-site-copy p{color:#0e0f1294}.preview-bg-ice .mock-site-copy button,.preview-bg-sand .mock-site-copy button{color:#111217;background:#00000014;border-color:#00000024}.preview-footer{border-top:1px solid var(--line);border-bottom:0;justify-content:flex-end;gap:18px;padding:0 18px}.preview-footer span:first-child{color:#7a7c84;align-items:center;gap:6px;margin-right:auto;display:flex}.preview-footer span:not(:first-child){color:#4f5159}.export-bar{border-top:1px solid var(--line);background:#121318;grid-column:1/-1;grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:12px;min-width:0;padding:0 14px 0 22px;display:grid}.export-status{align-items:center;gap:9px;min-width:205px;display:flex}.export-status>svg{color:var(--success)}.export-status span{flex-direction:column;display:flex}.export-status b{font-size:9px;font-weight:630}.export-status small{color:#62646b;margin-top:2px;font-size:7px}.export-bar code{color:#6f7179;min-width:0;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:#0c0d10;border:1px solid #ffffff12;border-radius:8px;padding:11px 12px;font-size:8px;overflow:hidden}.section{width:min(1320px,100% - 48px);margin:0 auto;padding:110px 0;scroll-margin-top:68px}.section-heading{grid-template-columns:.7fr 1.25fr 1fr;align-items:end;gap:34px;margin-bottom:48px;display:grid}.library-grid{grid-template-columns:1.25fr .9fr .9fr 1.25fr;gap:10px;display:grid}.library-grid>button{border:1px solid var(--line);color:#fff;text-align:left;cursor:pointer;background:#111217;border-radius:18px;min-height:400px;padding:0;transition:transform .22s,border-color .22s;position:relative;overflow:hidden}.library-grid>button:hover{z-index:2;border-color:#ffffff38;transform:translateY(-5px)}.library-grid>button>span:nth-child(2){grid-template-columns:auto 1fr;align-items:end;gap:3px 10px;display:grid;position:absolute;bottom:20px;left:20px;right:20px}.library-grid em{color:var(--accent-bright);font-family:var(--font-mono);grid-row:1/3;font-size:8px;font-style:normal}.library-grid b{font-size:15px;font-weight:630}.library-grid small{color:#666871;font-size:8px}.library-grid>button>svg{color:#666871;position:absolute;top:17px;right:17px}.library-art{background:radial-gradient(circle at 65% 28%,#ff6b3d2b,#0000 23%),linear-gradient(150deg,#1b1c22,#0c0d11);position:absolute;inset:0 0 70px;overflow:hidden}.library-art:after{opacity:.25;content:"";background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.library-art i{z-index:2;display:block;position:absolute}.library-halo i:first-child{background:linear-gradient(145deg,#ff936f,#6f2c1c);border-radius:38%;width:110px;height:110px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(28deg);box-shadow:0 22px 55px #ff6b3d40}.library-halo i:nth-child(2),.library-halo i:last-child{border:2px solid #ffffff47;border-radius:50%;width:190px;height:80px;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-14deg)}.library-halo i:last-child{transform:translate(-50%,-50%)rotate(62deg)}.library-monolith i{background:#35363e;border-radius:13px;width:58px;height:170px;top:50%;left:50%;box-shadow:0 25px 55px #00000059}.library-monolith i:first-child{transform:translate(-92%,-48%)rotate(-8deg)}.library-monolith i:nth-child(2){background:linear-gradient(#ff865f,#a43719);transform:translate(-50%,-53%)}.library-monolith i:last-child{transform:translate(-8%,-48%)rotate(8deg)}.library-helix i:first-child,.library-helix i:nth-child(2){border:16px solid var(--accent);border-radius:48%;width:145px;height:145px;top:50%;left:50%;transform:translate(-50%,-50%)rotateX(68deg)rotate(24deg)}.library-helix i:nth-child(2){border-color:#ffffff38;transform:translate(-50%,-50%)rotateX(68deg)rotate(112deg)}.library-helix i:last-child{background:#ff815a;border-radius:50%;width:11px;height:11px;top:25%;left:19%;box-shadow:130px 90px #ff815a,105px -3px #ffffff80,21px 124px #fff6}.library-plinth i:first-child{background:linear-gradient(#3c3d45,#1e1f24);border-radius:50%;width:210px;height:58px;bottom:38px;left:50%;transform:translate(-50%)}.library-plinth i:nth-child(2){background:linear-gradient(145deg,#ff936e,#9b3017);border-radius:18px;width:92px;height:145px;top:50%;left:50%;transform:translate(-50%,-57%)rotate(9deg);box-shadow:0 25px 50px #ff6b3d40}.library-plinth i:last-child{background:#60626d;border-radius:50%;width:28px;height:28px;top:30%;left:16%}.compact-heading{text-align:center;margin-bottom:50px;display:block}.compact-heading h2{margin-top:16px}.how-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.how-grid article{border-right:1px solid var(--line);min-height:300px;padding:30px;position:relative}.how-grid article:last-child{border-right:0}.how-grid article>span{color:#4c4e56;font-family:var(--font-mono);font-size:8px;position:absolute;top:30px;right:30px}.how-icon{width:45px;height:45px;color:var(--accent-bright);background:#ff6b3d12;border:1px solid #ff6b3d3d;border-radius:12px;place-items:center;display:grid}.how-grid h3{letter-spacing:-.03em;margin:75px 0 10px;font-size:17px;font-weight:630}.how-grid p{max-width:300px;color:var(--muted);margin:0;font-size:11px;line-height:1.65}.final-cta{color:#18100d;background:#f05f35;border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;width:min(1320px,100% - 48px);min-height:550px;margin:80px auto 110px;display:grid;position:relative;overflow:hidden}.cta-orb{background:radial-gradient(circle,#ffeeceb3,#0000 15%),linear-gradient(135deg,#fb7b51,#c84323);height:100%;min-height:550px;position:relative;overflow:hidden}.cta-orb:after{opacity:.18;content:"";background-image:linear-gradient(#00000038 1px,#0000 1px),linear-gradient(90deg,#00000038 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.cta-orb span{z-index:2;border-radius:50%;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-orb span:first-child{background:radial-gradient(circle at 32% 22%,#fff4e4,#ff6b3d 42%,#6a1d0c);width:175px;height:175px;box-shadow:0 35px 80px #4d120559}.cta-orb span:nth-child(2),.cta-orb span:last-child{border:2px solid #2f0d056b;width:340px;height:120px;transform:translate(-50%,-50%)rotate(18deg)}.cta-orb span:last-child{transform:translate(-50%,-50%)rotate(104deg)}.cta-copy{padding:60px clamp(44px,6vw,90px)}.cta-copy .section-kicker{color:#200c0699}.final-cta h2{letter-spacing:-.065em;margin:20px 0 19px;font-size:clamp(46px,5.3vw,76px);font-weight:590;line-height:.96}.final-cta h2 em{color:#fff2dd}.final-cta p{color:#260f08a8;max-width:430px;margin:0 0 28px;font-size:13px;line-height:1.65}.site-footer{border-top:1px solid var(--line);color:#65676f;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;width:min(1320px,100% - 48px);min-height:120px;margin:0 auto;font-size:10px;display:grid}.site-footer p{text-align:center;margin:0}.footer-brand{color:#d7d5d2}.toast{z-index:100;color:#e0ebcf;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121612f0;border:1px solid #b8ff3d38;border-radius:13px;align-items:center;gap:10px;min-height:52px;padding:0 17px 0 9px;font-size:10px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:24px;right:24px;transform:translateY(14px);box-shadow:0 20px 60px #00000061}.toast>span{width:32px;height:32px;color:var(--success);background:#b8ff3d1a;border-radius:9px;place-items:center;display:grid}.toast.is-visible{opacity:1;transform:translateY(0)}.embed-shell{background:#090a0d;position:fixed;inset:0;overflow:hidden}.embed-canvas{position:absolute;inset:0}.embed-credit{z-index:4;color:#ffffff8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090c9e;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:8px;display:inline-flex;position:absolute;bottom:14px;right:14px}@media (width<=1180px){.hero-section{grid-template-columns:.88fr 1.12fr;gap:36px}.builder-shell{grid-template-columns:350px minmax(0,1fr)}.control-panel{padding:17px}.library-grid{grid-template-columns:1fr 1fr}.library-grid>button{min-height:340px}}@media (width<=960px){.site-header{grid-template-columns:1fr auto}.main-nav{border:1px solid var(--line);background:#0a0b0ff5;border-radius:15px;flex-direction:column;align-items:stretch;padding:10px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 25px 70px #0000006b}.main-nav.is-open{display:flex}.main-nav a{padding:12px}.menu-button{display:grid}.hero-section{padding-top:145px;display:block}.hero-section:before{display:none}.hero-copy{max-width:720px}.hero-copy>p{max-width:580px}.hero-stage{height:570px;margin-top:55px}.studio-intro,.section-heading{grid-template-columns:1fr}.studio-intro{gap:17px}.section-heading{gap:16px}.builder-shell{grid-template-rows:600px auto 80px;grid-template-columns:1fr}.builder-preview{grid-row:1}.control-panel{border-top:1px solid var(--line);border-right:0;grid-row:2;overflow:visible}.template-grid{grid-template-columns:repeat(4,1fr)}.export-bar{grid-row:3}.final-cta{grid-template-columns:.8fr 1.2fr}}@media (width<=680px){.site-header{border-radius:14px;width:calc(100% - 18px);min-height:58px;padding:0 7px 0 12px;top:8px}.brand-mark{width:31px;height:31px;margin-right:8px}.header-actions>.button,.live-badge{display:none}.hero-section,.section,.final-cta,.site-footer{width:calc(100% - 28px)}.hero-section{min-height:auto;padding:118px 0 62px}.hero-copy h1{margin-top:22px;font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.proof-row{flex-direction:column;align-items:flex-start;gap:9px}.hero-stage{border-radius:22px;height:440px;margin-top:40px}.stage-orbit-label,.stage-caption small{display:none}.studio-section{width:calc(100% - 16px);padding:78px 0}.studio-intro{width:calc(100% - 12px);margin-bottom:30px}.studio-intro h2,.section-heading h2,.compact-heading h2{font-size:43px}.builder-shell{border-radius:18px;grid-template-rows:530px auto auto}.preview-toolbar{padding:0 12px}.preview-toolbar>span:nth-child(2){display:none}.builder-canvas>canvas{opacity:.78;transform:translate(18%,13%)scale(.82)}.mock-site-copy{width:76%;top:34px;left:20px;transform:none}.mock-site-copy h3{font-size:45px}.mock-site-copy p{max-width:235px}.preview-footer span:not(:first-child){display:none}.template-grid{grid-template-columns:1fr 1fr}.control-panel{padding:14px}.export-bar{grid-template-columns:1fr 1fr;padding:13px;display:grid}.export-status,.export-bar code{display:none}.section{padding:78px 0}.library-grid{grid-template-columns:1fr}.library-grid>button{min-height:330px}.how-grid{grid-template-columns:1fr}.how-grid article{border-right:0;border-bottom:1px solid var(--line);min-height:230px}.how-grid article:last-child{border-bottom:0}.how-grid h3{margin-top:45px}.final-cta{border-radius:21px;margin:45px auto 70px;display:block}.cta-orb{min-height:330px}.cta-copy{padding:45px 24px 52px}.final-cta h2{font-size:49px}.site-footer{grid-template-columns:1fr;justify-items:center;gap:10px;min-height:190px;padding:35px 0}.toast{justify-content:center;bottom:12px;left:12px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}