:root{--bg:#0b0b19;--bg2:#15152b;--text:#f6f5ff;--muted:#9d9bad;--line:#323049;--accent:#b3ff77;--violet:#9d80ff;--panel:#18172e;--radius:20px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 82% 3%,#252044 0,transparent 27%),var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}input,textarea,select{background:#111121;color:var(--text);border:1px solid #3a3853;border-radius:12px;padding:13px 14px;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9983ff25}textarea{min-height:92px;resize:vertical}label{display:block;font-size:13px;font-weight:650;margin:13px 0 7px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.064em;line-height:1.055;font-size:clamp(48px,7vw,88px)}h2{letter-spacing:-.045em;font-size:clamp(29px,4vw,48px)}h3{letter-spacing:-.028em}p{line-height:1.65}.container{width:min(1140px,calc(100% - 40px));margin:0 auto}.topbar{position:sticky;top:0;z-index:10;background:#0b0b19ea;backdrop-filter:blur(16px);border-bottom:1px solid #27263a}.nav{display:flex;justify-content:space-between;align-items:center;min-height:80px;gap:25px}.logo{font-size:26px;font-weight:850;letter-spacing:-1.2px;display:inline-flex;align-items:center}.logo.small{font-size:20px}.logo-icon{background:var(--accent);color:#101528;border-radius:12px;width:36px;height:36px;font-size:23px;display:inline-flex;justify-content:center;align-items:center;margin-right:10px;transform:rotate(-10deg)}.logo-fine{font-weight:500}.logo-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:27px}nav a{font-size:14px;color:#d2cfe2;font-weight:600}nav a:hover,nav a.active{color:var(--accent)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:100px;background:var(--accent);color:#111322;font-size:14px;font-weight:800;padding:14px 24px;gap:8px;transition:transform .15s,background .15s}.btn:hover{transform:translateY(-2px);background:#c9ff9e}.btn.secondary{background:#25243c;color:var(--text);border:1px solid #413e5c}.btn.secondary:hover{background:#33304d}.btn.ghost{background:none;color:#d2cfe2;border:1px solid #48445d}.btn.tiny{padding:9px 16px;font-size:12px}.btn:disabled{opacity:.5;cursor:not-allowed}.mobile-menu{display:none;background:none;color:white;border:0;font-size:23px}.ambient{pointer-events:none;position:absolute;z-index:-1;filter:blur(72px);opacity:.16;border-radius:50%}.ambient-one{width:460px;height:300px;background:#936bff;right:3%;top:220px}.ambient-two{width:350px;height:350px;background:#85d063;left:-130px;top:600px}.eyebrow{display:inline-flex;gap:8px;border:1px solid #43405b;background:#242239;border-radius:999px;padding:8px 14px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#cfc8ff}.eyebrow .green{color:var(--accent)}.hero{padding:102px 0 115px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.hero h1{margin:28px 0}.gradient-text{background:linear-gradient(110deg,#b4ff7b,#9bc2ff,#c29eff);background-clip:text;-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:#b9b5cb;max-width:550px}.cta-row{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.micro{font-size:12px;color:#77758d;margin-top:19px}.hero-visual{position:relative;min-height:470px;padding:32px;border:1px solid #4c4269;border-radius:28px;background:linear-gradient(145deg,#262043,#17172b 72%);box-shadow:0 32px 95px #03030e}.fake-head{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#bdb4d4;font-weight:750;padding-bottom:22px}.fake-chip{border:1px solid #514969;border-radius:20px;padding:6px 12px;font-size:11px;color:#b3ff77}.hero-card{padding:23px;border-radius:20px;background:#302b51;border:1px solid #554a7c}.hero-card h3{font-size:21px;line-height:1.25}.hero-card p{font-size:12px;color:#b9b2cb}.preview-art{height:172px;border-radius:13px;background:radial-gradient(circle at 24% 24%,#b2fa70 0 12%,transparent 13%),linear-gradient(140deg,#9a7cff,#4a3486);position:relative;overflow:hidden;margin-bottom:16px}.preview-art:before{content:"CREATE";position:absolute;left:24px;bottom:22px;font-size:36px;font-weight:950;letter-spacing:-.07em;color:#fafff5}.preview-art:after{content:"✳";position:absolute;right:19px;top:1px;font-size:122px;color:#fff7;transform:rotate(-15deg)}.mini-pill{font-size:11px;border-radius:20px;padding:6px 11px;background:#a1fe75;color:#151a20;font-weight:800}.float-card{position:absolute;background:#22223b;border:1px solid #595379;border-radius:13px;padding:14px 18px;box-shadow:0 10px 32px #0005;font-size:12px;font-weight:700}.float-a{right:-17px;top:118px}.float-b{left:-28px;bottom:39px}.section{padding:40px 0 90px}.center{text-align:center}.section-heading{max-width:650px;margin:0 auto 45px}.section-heading p{color:var(--muted)}.three,.four,.product-grid,.pricing-grid{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.feature,.panel,.pricing-card,.product-card{border:1px solid var(--line);border-radius:var(--radius);background:#17162a;padding:24px}.feature .emoji{font-size:27px;width:52px;height:52px;background:#302b4c;display:grid;place-items:center;border-radius:14px;margin-bottom:22px}.feature h3{font-size:20px}.feature p,.panel p{font-size:14px;color:var(--muted)}.feature .step{font-size:11px;color:var(--accent);font-weight:900;letter-spacing:.1em}.statstrip{display:flex;justify-content:space-evenly;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0;margin:0 0 85px}.statstrip strong{display:block;font-size:25px}.statstrip span{color:var(--muted);font-size:12px}.layout-head{padding:52px 0 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.layout-head h1{font-size:clamp(35px,4.7vw,56px);margin:13px 0}.subtle{color:var(--muted);font-size:14px}.filters{display:flex;gap:11px;flex-wrap:wrap;margin:12px 0 28px}.filters input{max-width:340px}.filters select{max-width:220px}.product-grid{grid-template-columns:repeat(3,1fr);margin-bottom:90px}.product-card{padding:0;overflow:hidden;transition:transform .2s,border .2s}.product-card:hover{transform:translateY(-4px);border-color:#8870d1}.cover{height:164px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.cover-symbol{font-size:65px;color:#fff9}.cover-small{height:100px;width:120px;border-radius:12px;flex:none}.product-body{padding:20px}.category{display:inline-block;color:#a7ff7b;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-body h3{margin:10px 0 8px}.product-body p{color:var(--muted);font-size:13px;min-height:40px}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:12px;color:var(--muted)}.price{font-size:17px;color:#fff;font-weight:850}.empty{border:1px dashed #5b5575;border-radius:18px;padding:60px 25px;text-align:center;color:#b6b0c7;background:#1d1a30;margin:10px 0 85px}.empty .icon{font-size:42px;margin-bottom:12px}.empty h3{color:white}.auth-wrap{width:min(460px,100%);margin:70px auto 110px}.auth-wrap .panel{padding:32px}.auth-wrap h2{font-size:32px;margin:8px 0}.auth-wrap .btn{width:100%;margin-top:20px}.auth-wrap .switch{font-size:13px;text-align:center;margin-top:22px}.auth-wrap .switch a{color:var(--accent)}.alert{padding:14px 18px;border-radius:13px;background:#38304b;border:1px solid #72628f;margin:16px 0;font-size:13px}.alert.warn{background:#382c20;border-color:#846039;color:#ffe3be}.alert.success{background:#203b27;border-color:#52745c;color:#d0ffe0}#notice{position:fixed;z-index:30;top:92px;right:25px;width:min(390px,calc(100vw - 50px));pointer-events:none}#notice.show{padding:15px 19px;background:#292543;border:1px solid #7865b8;color:#fff;box-shadow:0 12px 35px #0009;border-radius:13px;pointer-events:auto}.dashboard{padding:54px 0 115px}.dash-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px}.metric{background:#211e39;padding:22px;border:1px solid var(--line);border-radius:17px}.metric span{color:var(--muted);font-size:12px}.metric strong{font-size:30px;display:block;margin-top:9px}.dash-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.panel h3{margin-bottom:12px}.dash-list{margin-top:20px}.dash-item{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:14px 0;gap:10px;font-size:13px}.dash-item .muted{color:var(--muted)}.status{padding:5px 10px;border-radius:18px;background:#35304e;color:#d2caff;font-size:11px}.status.live{background:#2d4632;color:#baff9e}.stack{display:flex;flex-direction:column;gap:14px}.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.checkbox{display:flex;align-items:center;gap:10px}.checkbox input{width:18px;height:18px}.pricing-grid{grid-template-columns:repeat(3,1fr)}.pricing-card{padding:28px}.pricing-card.featured{border-color:#a9fa81;background:linear-gradient(130deg,#202c2c,#1b1a2e)}.pricing-card .price-main{font-size:42px;font-weight:900;letter-spacing:-.06em;margin:20px 0}.pricing-card .price-main small{font-size:13px;color:var(--muted);letter-spacing:0}.pricing-card ul{padding-left:20px;line-height:2;color:#c7c2d8;font-size:13px;min-height:160px}.pricing-card .btn{width:100%}.studio-frame{display:grid;grid-template-columns:360px 1fr;gap:20px;margin:28px 0 100px}.studio-preview{background:#16152b;border-radius:20px;padding:28px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;min-height:440px}.artboard{width:min(100%,440px);aspect-ratio:1;background:#7357df;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;padding:34px;color:white;overflow:hidden;box-shadow:0 18px 50px #0005}.artboard .art-mark{font-size:56px;line-height:1}.artboard .art-title{font-size:clamp(20px,3.7vw,43px);font-weight:900;line-height:1.1;letter-spacing:-.055em;overflow-wrap:anywhere}.artboard .art-caption{font-size:13px;opacity:.87;overflow-wrap:anywhere}.product-detail{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;padding:75px 0 130px}.detail-cover{min-height:360px;border-radius:25px;display:grid;place-items:center;font-size:135px;color:#fff9}.detail-body h1{font-size:clamp(34px,5vw,62px);margin:18px 0}.detail-body .price{font-size:30px;margin:18px 0}.store-banner{padding:58px 30px;text-align:center;background:linear-gradient(130deg,#343061,#142d27);border:1px solid #555075;border-radius:22px;margin:44px 0}.store-banner h1{font-size:52px}.legal{max-width:780px;margin:55px auto 100px}.legal h2{font-size:30px;margin-top:38px}footer{border-top:1px solid var(--line);padding:42px 0;margin-top:55px;color:var(--muted);font-size:12px}.foot{display:flex;justify-content:space-between;gap:25px;align-items:start}.foot p{margin-top:10px}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a:hover{color:white}.illustration-glow{box-shadow:inset 0 -55px 100px #0003}.hide{display:none!important}@media(max-width:950px){.hero{grid-template-columns:1fr;padding:70px 0}.hero-visual{max-width:520px;width:100%;margin:auto}.three,.product-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.studio-frame{grid-template-columns:1fr}.dash-columns{grid-template-columns:1fr}}@media(max-width:640px){.container{width:calc(100% - 30px)}.nav{min-height:65px}.mobile-menu{display:block}nav{display:none;position:absolute;top:64px;left:0;right:0;padding:22px 18px;background:#151328;border-bottom:1px solid #3e3957;align-items:stretch;flex-direction:column;gap:17px}nav.open{display:flex}.hero{padding:56px 0 70px}.hero-visual{min-height:auto;padding:18px}.float-card{position:static;margin-top:10px;display:inline-block}.float-a{margin-left:5px}.hero h1{font-size:56px}.lead{font-size:16px}.three,.four,.product-grid,.pricing-grid,.dash-grid{grid-template-columns:1fr}.statstrip{flex-wrap:wrap;justify-content:space-between}.layout-head{flex-direction:column;align-items:start}.product-detail{grid-template-columns:1fr}.detail-cover{min-height:260px}.foot{flex-direction:column}.filters input,.filters select{max-width:none}.auth-wrap{margin:45px auto}.dash-columns{grid-template-columns:1fr}.panel{padding:20px}.store-banner h1{font-size:36px}}
