
:root{--bg:#090914;--panel:#111120;--panel2:#151528;--line:rgba(177,168,255,.13);--muted:#9292aa;--text:#f5f4ff;--purple:#a78bfa;--cyan:#67e8f9;--pink:#e879f9;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}.ambient{position:absolute;pointer-events:none;filter:blur(100px);opacity:.18;z-index:-1}.ambient-a{width:420px;height:420px;background:#6d28d9;top:80px;left:-180px}.ambient-b{width:480px;height:480px;background:#0e7490;top:580px;right:-280px}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,22px);position:sticky;top:0;z-index:20;background:rgba(9,9,20,.84);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px;font-size:12px;font-weight:800;letter-spacing:1.5px;line-height:1.2}.brand-light{color:#b8a5ff}.brand small{display:block;font:9px var(--mono);letter-spacing:3px;color:#85839f;margin-top:4px}.brand-mark{height:29px;width:29px;border:1px solid #9e83ff;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:2px;transform:rotate(-8deg)}.brand-mark span{display:block;width:3px;border-radius:4px;background:linear-gradient(#67e8f9,#a78bfa)}.brand-mark span:nth-child(1){height:9px}.brand-mark span:nth-child(2){height:17px}.brand-mark span:nth-child(3){height:12px}.desktop-nav{display:flex;gap:34px;color:#aaa8bf;font-size:12px}.desktop-nav a:hover,.text-btn:hover{color:white}.top-actions{display:flex;align-items:center;gap:10px}.status-dot,.live-pill i{width:7px;height:7px;border-radius:50%;background:#5eead4;box-shadow:0 0 12px #5eead4}.status-label,.section-tag,.eyebrow,.panel-kicker,.field-label,.canvas-foot,.canvas-corner,.art-label{font:9px var(--mono);letter-spacing:1.6px;color:#9895b5}.install-btn{border:1px solid #7865c4;background:#211a3c;color:white;border-radius:8px;padding:9px 13px;font-size:11px}.menu-btn{display:none;background:none;border:0;color:white;font-size:21px}.hero{max-width:1240px;margin:auto;padding:96px 5vw 112px;display:grid;grid-template-columns:1fr .92fr;gap:30px;align-items:center;min-height:570px}.eyebrow{display:flex;align-items:center;gap:10px;color:#b5a8ed}.eyebrow-line{height:1px;width:25px;background:linear-gradient(90deg,var(--cyan),var(--purple))}.hero h1{font-size:clamp(48px,6vw,78px);line-height:1.04;letter-spacing:-4px;margin:23px 0 22px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#a78bfa 5%,#67e8f9 52%,#e879f9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{color:#a5a3b9;max-width:490px;font-size:15px;line-height:1.85}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:31px}.primary-btn{padding:14px 19px;border-radius:8px;background:linear-gradient(105deg,#8061df,#5e9fe4);font-size:12px;font-weight:800;box-shadow:0 8px 30px #7458ce38}.primary-btn span{margin-left:19px}.text-btn{font-size:12px;color:#b5b2c8}.text-btn span{margin-left:7px}.hero-meta{display:flex;flex-wrap:wrap;gap:17px;margin-top:35px;color:#85839d;font:9px var(--mono)}.tiny-check{color:#67e8d2;font-style:normal;margin-right:5px}.hero-art{height:400px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid rgba(170,150,255,.18);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:370px;height:240px}.orbit-two{width:310px;height:350px;transform:rotate(55deg);border-color:rgba(103,232,249,.16)}.core{width:190px;height:190px;border-radius:50%;padding:1px;background:conic-gradient(from 30deg,#67e8f9,#8b5cf6,#e879f9,#67e8f9);box-shadow:0 0 75px #8b5cf64a;animation:float 7s ease-in-out infinite}.core-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#28244b,#0c0c1a 70%);display:flex;align-items:center;justify-content:center;flex-direction:column}.core-symbol{font-size:62px;color:#b8a4ff;text-shadow:0 0 30px #a78bfa}.core-caption{text-align:center;font:8px/1.6 var(--mono);letter-spacing:2px;color:#a7a4c1}.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:13px 15px;border:1px solid rgba(185,170,255,.2);border-radius:10px;background:rgba(19,18,39,.86);backdrop-filter:blur(12px);box-shadow:0 15px 40px #0005}.float-card b,.float-card small{display:block}.float-card b{font:9px var(--mono);letter-spacing:1px}.float-card small{font-size:9px;color:#9390ab;margin-top:5px}.card-top{top:47px;right:0}.card-bottom{bottom:47px;left:0}.card-icon{font-size:23px;color:var(--cyan)}.pulse{width:6px;height:6px;background:#5eead4;border-radius:50%;margin-left:12px;box-shadow:0 0 10px #5eead4}.wave{font-size:19px;letter-spacing:2px;color:#b69bff}.art-label{position:absolute;bottom:0;right:0;font-size:8px}.studio-section,.features-section,.workflow-section{max-width:1240px;margin:auto;padding:35px 5vw 100px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px}.section-heading h2,.workflow-copy h2{font-size:clamp(30px,4vw,43px);letter-spacing:-1.8px;margin:12px 0 0}.section-tag{border:1px solid var(--line);padding:8px 11px;border-radius:6px}.section-tag b{color:var(--cyan);margin-left:9px}.studio-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:17px}.panel{background:linear-gradient(145deg,rgba(20,20,39,.97),rgba(13,13,27,.97));border:1px solid var(--line);border-radius:13px}.workspace{padding:25px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-kicker{color:#8d83c2}.panel-head h3{font-size:17px;margin:7px 0 0}.live-pill{font:8px var(--mono);letter-spacing:1px;color:#8d8ba6;border:1px solid var(--line);border-radius:30px;padding:7px 9px;display:flex;align-items:center;gap:7px}.live-pill i{width:5px;height:5px}.field-label{display:block;margin:16px 0 9px;color:#aaa6c3;font-size:8px}textarea,select{width:100%;background:#0b0b18;border:1px solid rgba(170,158,220,.17);color:#eeeefa;border-radius:8px;outline:none}textarea{height:122px;resize:vertical;padding:14px;font-size:12px;line-height:1.7}textarea:focus,select:focus{border-color:#8e79df}textarea::placeholder{color:#69677f}.prompt-footer{display:flex;justify-content:space-between;align-items:center;color:#74718b;font:9px var(--mono);margin-top:8px}.subtle-btn{border:0;background:none;color:#b4a1fa;font-size:10px;cursor:pointer}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field-row.three{grid-template-columns:repeat(3,1fr)}select{padding:11px 9px;font-size:10px}.upload-box{margin-top:20px;display:flex;align-items:center;gap:12px;padding:13px;border:1px dashed rgba(166,147,235,.32);border-radius:9px;background:#15132955}.upload-icon{width:31px;height:31px;border-radius:8px;background:#282044;color:#bdaaff;display:grid;place-items:center;font-size:20px}.upload-box b,.upload-box small{display:block}.upload-box b{font-size:10px}.upload-box small{font-size:8px;color:#85819d;margin-top:4px}.upload-box .subtle-btn{margin-left:auto}.file-preview{margin-top:9px;color:#aaa6c3;font-size:10px}.generate-btn{width:100%;border:0;border-radius:8px;padding:15px;margin-top:19px;background:linear-gradient(100deg,#8b5cf6,#547fda 60%,#2b9cb8);color:white;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 8px 25px #785be536}.generate-btn:active{transform:translateY(1px)}.generate-btn span:first-child{margin-right:8px}.btn-arrow{float:right}.disclaimer{font-size:9px;line-height:1.6;color:#77748d;margin:10px 0 0}.side-column{display:flex;flex-direction:column;gap:13px}.preview-panel{padding:20px}.preview-panel .panel-head{margin-bottom:15px}.canvas{height:255px;border:1px solid rgba(163,150,228,.18);border-radius:9px;background:radial-gradient(ellipse at center,#211b3d 0,#101020 52%,#0b0b16 100%);position:relative;overflow:hidden;display:grid;place-items:center}.canvas-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(166,153,230,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(166,153,230,.06) 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(transparent,#000)}.canvas-center{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px}.play-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:#8b5cf626;border:1px solid #ad9afc;color:#d8caff;box-shadow:0 0 30px #8b5cf64a}.canvas-center b{font-size:11px}.canvas-center small{font-size:9px;color:#8985a1}.canvas-corner{position:absolute;left:12px;top:12px;font-size:7px}.canvas-foot{display:flex;justify-content:space-between;margin-top:10px;font-size:8px}.canvas-indicator{width:7px;height:7px;border-radius:50%;background:#b59cff;box-shadow:0 0 12px #a78bfa}.connect-panel{padding:16px;display:flex;gap:13px}.connect-icon{width:34px;height:34px;flex:none;border-radius:9px;background:#25203d;color:#bba9ff;display:grid;place-items:center;font-size:20px}.connect-panel b{font-size:11px}.connect-panel p{font-size:9px;line-height:1.6;color:#918da8;margin:6px 0}.connect-panel a{font-size:9px;color:#bdaaff}.local-note{font-size:9px;line-height:1.6;color:#85819b;padding:0 4px}.local-note span{color:#64ddc5;margin-right:5px}.features-section{padding-top:10px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:29px}.feature-card{position:relative;padding:24px 22px 28px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(145deg,#151428,#0d0d19);overflow:hidden}.feature-number{font:9px var(--mono);color:#78738f;position:absolute;right:19px;top:19px}.feature-icon{font-size:26px;color:#b8a1ff;margin-bottom:23px}.feature-card h3{font-size:14px;margin:0 0 9px}.feature-card p{font-size:10px;line-height:1.8;color:#918da7;margin:0;max-width:270px}.feature-line{display:block;width:34px;height:2px;margin-top:23px;background:linear-gradient(90deg,#67e8f9,#a78bfa)}.workflow-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding-top:45px;padding-bottom:110px}.workflow-copy p{font-size:12px;line-height:1.9;color:#9692aa;max-width:370px;margin-top:18px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:15px;padding:21px 0;border-bottom:1px solid var(--line)}.step>span{font:10px var(--mono);color:#a894ef}.step b,.step small{display:block}.step b{font-size:12px}.step small{font-size:9px;color:#8d89a2;margin-top:6px}.step i{font-style:normal;color:#a99af0}footer{border-top:1px solid var(--line);padding:24px 5vw;display:flex;align-items:center;justify-content:space-between;color:#716e88;font:8px var(--mono);letter-spacing:1px}.footer-brand{font-family:var(--font);color:#eee}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#24203c;border:1px solid #806cce;color:#f4efff;padding:12px 16px;border-radius:9px;font-size:11px;z-index:40;transition:.25s;max-width:calc(100vw - 30px)}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:70px;gap:5px}.hero-art{height:340px;max-width:520px;width:100%;margin:auto}.studio-grid{grid-template-columns:1fr}.workflow-section{gap:30px}.desktop-nav{gap:17px}.status-label{display:none}}
@media(max-width:600px){.topbar{height:64px;padding:0 18px}.desktop-nav{display:none}.menu-btn{display:block}.top-actions{gap:9px}.hero{padding:65px 20px 65px}.hero h1{font-size:51px;letter-spacing:-2.8px}.hero-desc{font-size:13px}.hero-meta{gap:10px;font-size:8px}.hero-art{height:300px}.orbit-one{width:300px;height:200px}.orbit-two{width:255px;height:290px}.core{width:150px;height:150px}.core-symbol{font-size:50px}.card-top{right:-2px;top:25px}.card-bottom{left:-2px;bottom:28px}.float-card{padding:10px}.float-card b{font-size:8px}.float-card small{font-size:8px}.studio-section,.features-section,.workflow-section{padding-left:18px;padding-right:18px;padding-bottom:65px}.section-heading h2{font-size:30px}.section-tag{font-size:7px}.workspace{padding:17px}.panel-head h3{font-size:15px}.field-row.three{grid-template-columns:1fr 1fr}.field-row.three .field-group:last-child{grid-column:span 2}.upload-box{flex-wrap:wrap}.upload-box .subtle-btn{margin-left:auto}.canvas{height:220px}.feature-grid{grid-template-columns:1fr}.feature-card{padding:20px}.feature-icon{margin-bottom:14px}.workflow-section{grid-template-columns:1fr;gap:25px;padding-top:10px}.workflow-copy h2{font-size:36px}footer{padding:22px 18px;gap:14px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.footer-brand{margin-right:auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.legal-links{display:flex;gap:6px;flex-wrap:wrap}.legal-links a{color:#aaa4ca}.legal-links a:hover{color:#fff}
.legal-main{max-width:900px;margin:0 auto;padding:70px 22px 100px;min-height:75vh}.legal-main h1{font-size:clamp(34px,6vw,56px);letter-spacing:-2px;margin:18px 0}.legal-main h2{font-size:18px;margin:34px 0 10px}.legal-main p,.legal-main li{font-size:13px;line-height:1.9;color:#b0adc3}.legal-main .notice{border:1px solid var(--line);background:#151329;padding:16px;border-radius:9px;color:#d8d3ef}.legal-main a{color:#b9a6ff;text-decoration:underline}.legal-back{display:inline-block;margin-bottom:25px;color:#b9a6ff;font-size:12px}
