*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070911;color:#f6f7ff;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.toast{position:fixed;right:20px;bottom:20px;z-index:200;padding:13px 16px;border:1px solid #343b58;border-radius:13px;background:#151a29;box-shadow:0 20px 60px #0009;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:none}.orb{display:inline-block;position:relative;border-radius:50%;background:radial-gradient(circle,#18072e 0 28%,#47218d 45%,#793fe5 62%,#397cff 82%,#08101f 100%);box-shadow:0 0 26px #8055ff66,inset 0 0 20px #67d5ff33}.orb:before{content:"";position:absolute;inset:7px;border:2px solid #c992ffb8;border-radius:50%;box-shadow:0 0 10px #8b5cf6}.orb i{position:absolute;inset:16%;border:2px solid #62d6ffb8;border-radius:50%;transform:rotate(35deg)}
/* marketing */.marketing{background:radial-gradient(circle at 50% 0,#5626a01f,transparent 27%),#070911;min-height:100vh}.mnav{height:76px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid #ffffff0c;position:relative;z-index:5}.mlogo{display:flex;align-items:center;gap:9px}.mark{width:33px;height:33px}.mark:before{inset:5px}.mlogo b{letter-spacing:.15em}.mnavlinks{display:flex;gap:30px;margin:auto;color:#9ba4bb;font-size:13px}.mnavlinks a:hover{color:white}.mnavactions{display:flex;gap:8px}.navghost,.navcta{height:38px;padding:0 14px;border-radius:11px;display:flex;align-items:center;font-size:12px}.navghost{border:1px solid #2a3048;background:#111522}.navcta,.bigcta{background:linear-gradient(125deg,#8c46f2,#7b54ff 50%,#4f83ff);font-weight:750}.mhero{text-align:center;max-width:1080px;margin:auto;padding:115px 24px 125px;position:relative;overflow:hidden}.ambient{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.ambient.a{width:420px;height:240px;background:#7b3ce52b;left:11%;top:70px}.ambient.b{width:390px;height:220px;background:#1f75e529;right:12%;top:140px}.mchip{position:relative;display:inline-block;padding:8px 11px;border:1px solid #353359;border-radius:999px;background:#151329aa;color:#bca3ff;font-size:10px;letter-spacing:.17em}.mhero h1{position:relative;font-size:82px;line-height:.95;letter-spacing:-.062em;margin:21px 0 20px}.mhero h1 em,.product-showcase h2 span,.labs h2 span,.workflow h2 span{font-style:normal;background:linear-gradient(90deg,#c160ff,#697cff,#56defe);-webkit-background-clip:text;color:transparent}.mhero>p{position:relative;max-width:730px;margin:auto;color:#a5aec4;font-size:18px;line-height:1.65}.heroactions{position:relative;display:flex;justify-content:center;gap:10px;margin-top:28px}.bigcta,.bigghost{min-height:48px;padding:0 19px;border-radius:14px;display:inline-flex;align-items:center;gap:18px}.bigghost{border:1px solid #2d3450;background:#121726}.hero-proof{position:relative;margin-top:30px;display:flex;justify-content:center;gap:22px;color:#7d88a3;font-size:11px;flex-wrap:wrap}.product-showcase,.labs,.workflow{max-width:1240px;margin:auto;padding:100px 24px}.section-kicker{color:#7f6ad2;font-size:10px;letter-spacing:.22em}.product-showcase>h2,.labs>h2,.workflow h2{font-size:52px;line-height:1.02;letter-spacing:-.045em;margin:12px 0}.section-lead{color:#909bb5;max-width:680px;line-height:1.6}.fake-studio{margin-top:46px;min-height:600px;border:1px solid #292e47;border-radius:24px;overflow:hidden;background:#0b0e17;display:grid;grid-template-columns:76px 260px 1fr 210px;box-shadow:0 35px 100px #0008}.fake-side{padding:13px;background:#0c0f19;border-right:1px solid #24293e;display:flex;align-items:center;flex-direction:column;gap:14px}.fbrand span{display:block;width:31px;height:31px;border-radius:10px;background:linear-gradient(135deg,#9650f3,#4f87ff)}.fbrand b{display:none}.fake-side i{width:36px;height:34px;border-radius:10px;background:#151a2a}.fake-chat{padding:20px;border-right:1px solid #24293e}.fake-chat>b{font-size:13px}.fake-chat>p{margin-top:35px;padding:13px;border-radius:14px;background:#151a30;color:#c2c9db;font-size:11px;line-height:1.5}.fake-msg{margin-top:13px;color:#9ca6be;font-size:11px;line-height:1.5}.fake-input{margin-top:260px;height:47px;border:1px solid #313858;border-radius:14px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;color:#75809b;font-size:10px}.fake-input strong{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#8c46f2,#4f83ff);display:grid;place-items:center;color:#fff}.fake-preview{padding:14px;background:#10131b}.browserbar{height:36px;border:1px solid #282d42;border-radius:10px 10px 0 0;background:#0d1018;padding:0 10px;display:flex;align-items:center;color:#5c6477;font-size:9px}.browserbar span{margin:auto}.previewdemo{height:520px;border:1px solid #282d42;border-top:0;border-radius:0 0 12px 12px;background:#080b13;display:grid;grid-template-columns:120px 1fr}.previewdemo aside{padding:18px;border-right:1px solid #20263b}.previewdemo aside i{display:block;height:28px;border-radius:8px;background:#13192a;margin-top:8px}.previewdemo main{padding:24px}.previewdemo main small{color:#687590}.previewdemo h3{font-size:25px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.demo-stats article{padding:14px;border:1px solid #232a43;border-radius:13px;background:#10152a;font-weight:750}.demo-chart{height:260px;margin-top:10px;border:1px solid #232a43;border-radius:14px;background:linear-gradient(180deg,#8159ef2f,transparent),#10152a;position:relative}.demo-chart:after{content:"";position:absolute;left:6%;right:6%;top:48%;height:3px;background:linear-gradient(90deg,#805af0,#bc59f6,#4f84ff);transform:skewY(-8deg)}.fake-inspector{padding:17px;border-left:1px solid #24293e}.fake-inspector>b{font-size:12px}.fake-inspector div{display:flex;justify-content:space-between;margin-top:15px;color:#8792ab;font-size:10px}.fake-inspector strong{color:#e0e5f3}.fake-inspector button{width:100%;height:36px;border:0;border-radius:10px;background:linear-gradient(135deg,#7845df,#4f7ce9);margin-top:28px}.labs{text-align:center}.lab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:38px;text-align:left}.lab-grid article{padding:25px;border:1px solid #222941;border-radius:18px;background:linear-gradient(155deg,#101522,#0c101a)}.lab-grid span{font-size:22px;color:#9a6cf1}.lab-grid h3{font-size:17px;margin:16px 0 8px}.lab-grid p{color:#8c97b1;line-height:1.55;font-size:13px}.workflow{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.workflow-copy>p{color:#929db6;line-height:1.65;margin-bottom:25px}.flow-stack{display:grid;gap:9px}.flow-stack div{display:grid;grid-template-columns:44px 100px 1fr;align-items:center;padding:17px;border:1px solid #232a43;border-radius:15px;background:#0e131f}.flow-stack i{font-style:normal;color:#7b63cc}.flow-stack span{color:#8490aa;font-size:12px}.cta-section{text-align:center;max-width:950px;margin:60px auto 100px;padding:80px 30px;border:1px solid #2b3050;border-radius:30px;background:radial-gradient(circle at 50% 45%,#7542d22e,transparent 38%),#0d111d}.cta-orb{width:76px;height:76px}.cta-section h2{font-size:42px;margin:18px 0 8px}.cta-section p{color:#8e99b3;margin-bottom:24px}.mfooter{max-width:1240px;margin:auto;padding:35px 24px;border-top:1px solid #1e2438;display:flex;align-items:center;gap:20px;color:#78839c}.mfooter p{margin:auto}.mfooter>div{display:flex;gap:20px}.pricinghero{max-width:1150px;margin:auto;padding:100px 24px;text-align:center}.pricinghero h1{font-size:56px;margin:15px 0}.pricinghero>p{color:#939eb7}.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px;text-align:left}.pricegrid article{position:relative;padding:26px;border:1px solid #262e49;border-radius:20px;background:#0e131f}.pricegrid article.popular{border-color:#6d4bc1;background:linear-gradient(160deg,#18132d,#0e1423)}.popular>b{position:absolute;right:16px;top:16px;font-size:8px;color:#b993ff}.pricegrid small{color:#8971d2;letter-spacing:.18em}.pricegrid h2{font-size:42px;margin:10px 0}.pricegrid h2 span{font-size:15px;color:#78839e}.pricegrid p{color:#8d98b1;min-height:40px}.pricegrid ul{padding:0;list-style:none;color:#b2bbcf;line-height:2}.pricegrid li:before{content:"✓ ";color:#62dfa7}.pricegrid a{height:42px;border-radius:11px;background:#171d30;border:1px solid #2d3655;display:grid;place-items:center;margin-top:20px}.popular a{background:linear-gradient(135deg,#8449ed,#4f83ff);border:0}
/* auth */.authpage{min-height:100vh;display:grid;grid-template-columns:minmax(390px,520px) 1fr;gap:70px;align-items:center;max-width:1250px;margin:auto;padding:35px;position:relative}.authbrand{position:absolute;top:30px;left:35px;display:flex;align-items:center;gap:9px;letter-spacing:.14em}.authorb{width:34px;height:34px}.authcard{padding:38px;border:1px solid #29304c;border-radius:25px;background:linear-gradient(165deg,#111629,#0c101c);box-shadow:0 35px 100px #0008}.auth-kicker{color:#8d6ed8;font-size:9px;letter-spacing:.18em}.authcard h1{font-size:38px;margin:12px 0 7px}.authcard>p{color:#8d98b2}.authcard form{display:grid;gap:12px;margin-top:25px}.authcard label{font-size:10px;color:#909bb4}.authcard input{display:block;width:100%;height:45px;margin-top:6px;border:1px solid #29314d;border-radius:11px;background:#0b0f1b;color:#fff;padding:0 12px;outline:none}.authcard input:focus{border-color:#7659d8;box-shadow:0 0 0 3px #7659d819}.authcard form button{height:45px;border:0;border-radius:11px;background:linear-gradient(135deg,#874af0,#4f83ff);font-weight:750}.or{display:flex;align-items:center;gap:8px;color:#59647e;font-size:9px;margin:18px 0}.or:before,.or:after{content:"";height:1px;background:#252c45;flex:1}.oauth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.oauth a{height:43px;border:1px solid #29314c;border-radius:11px;background:#101522;display:flex;align-items:center;justify-content:center;gap:8px}.oauth span{font-size:10px}.switchauth{display:block;text-align:center;color:#68758f;margin-top:18px}.switchauth a{color:#b494ff}.flash{padding:10px;border-radius:10px;background:#3e1a28;color:#ffb4c2;font-size:10px}.authvisual{position:relative}.authglow{position:absolute;inset:10% 5%;background:radial-gradient(circle,#7741d944,transparent 60%);filter:blur(40px)}.authmock{position:relative;border:1px solid #2b3150;border-radius:24px;background:#0d111d;min-height:580px;padding:14px;box-shadow:0 40px 100px #0008}.authmocktop{height:45px;color:#8691ac;font-size:11px;display:flex;align-items:center;justify-content:space-between}.authmocktop span{color:#5ee0a6}.authmockbody{display:grid;grid-template-columns:220px 1fr;gap:10px}.mockprompt,.mockreply{grid-column:1;padding:12px;border-radius:13px;background:#141a2e;color:#b8c0d3;font-size:10px}.mockreply{background:#101522;color:#8f99b1}.mocksite{grid-column:2;grid-row:1/4;border:1px solid #252d47;border-radius:15px;background:#090d16;display:grid;grid-template-columns:80px 1fr;min-height:470px}.mocksite>div{border-right:1px solid #222942;background:#0d1220}.mocksite main{padding:20px}.mocksite i{display:inline-block;width:29%;height:70px;border-radius:10px;background:#12192d;margin-right:3%}.mocksite b{display:block;height:250px;border-radius:13px;background:linear-gradient(180deg,#8756ef2e,transparent),#11172a;margin-top:13px}.simple{min-height:100vh;display:grid;place-items:center;padding:25px}.simple .authcard{max-width:520px}
/* app shell */.appwrap{height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);overflow:hidden}.appside{padding:15px 12px;display:flex;flex-direction:column;gap:11px;background:linear-gradient(180deg,#0d1020,#090b14);border-right:1px solid #20263b}.appbrand{display:flex;align-items:center;gap:9px;padding:2px 5px 8px}.apporb{width:35px;height:35px}.appbrand b{display:block;letter-spacing:.13em;font-size:14px}.appbrand small{display:block;color:#64718e;font-size:7px;letter-spacing:.12em}.newproject{height:42px;border-radius:12px;background:linear-gradient(125deg,#8b47ef,#7b55ff 50%,#4f83ff);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:750}.aside-label{padding:6px 8px 0;color:#4b5670;font-size:7px;letter-spacing:.17em}.appside nav{display:grid;gap:3px}.appside nav a,.settingslink{height:35px;border-radius:9px;color:#8490aa;padding:0 10px;display:flex;align-items:center;gap:9px;font-size:9px}.appside nav a:hover,.appside nav a.active,.settingslink.active{background:linear-gradient(90deg,#211b45,#141a31);color:white}.appspacer{flex:1}.appuser{display:grid;grid-template-columns:34px minmax(0,1fr) 25px;gap:8px;align-items:center;padding:8px;border:1px solid #242b44;border-radius:12px;background:#0f1427}.appuser img,.appuser>i{width:34px;height:34px;border-radius:50%;object-fit:cover}.appuser>i{display:grid;place-items:center;background:linear-gradient(135deg,#8750ee,#4f83ff);font-style:normal;font-weight:750}.appuser b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appuser small{display:block;font-size:6px;color:#66728e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appuser>a{color:#74809a}.studio{min-width:0;display:grid;grid-template-rows:50px minmax(0,1fr) 28px}.apptop{padding:0 12px;border-bottom:1px solid #20263a;background:#0e111b;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.apptop>div:first-child button{border:0;background:transparent;font-size:10px;font-weight:700}.apptop small{font-size:7px;color:#606b85}.studio-tabs{padding:3px;border:1px solid #272d42;border-radius:8px;background:#080b12;display:flex}.studio-tabs button{height:25px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#74809a;font-size:8px}.studio-tabs .active{background:#20263a;color:white}.apptop>div:last-child{justify-self:end;display:flex;gap:5px}.apptop>div:last-child button{height:30px;padding:0 9px;border:1px solid #2b3249;border-radius:8px;background:#151a27;font-size:8px}.apptop .purple{border:0!important;background:linear-gradient(135deg,#8148ea,#4f82ff)!important}.studiobody{min-height:0;display:grid;grid-template-columns:330px minmax(460px,1fr) 250px}.chatpanel{min-height:0;display:flex;flex-direction:column;border-right:1px solid #20263b;background:#0d101a}.chathead{height:47px;border-bottom:1px solid #20263b;padding:0 11px;display:flex;align-items:center;justify-content:space-between}.chathead>div{display:flex;align-items:center;gap:6px}.chathead span{width:7px;height:7px;border-radius:50%;background:#5add9f}.chathead b{font-size:10px}.chathead small{font-size:7px;color:#68758e}.chathead a{font-size:8px;color:#8f79d9}.messages{flex:1;overflow:auto;padding:14px}.aimsg{display:flex;gap:9px}.chatorb{width:27px;height:27px;flex:0 0 27px}.chatorb:before{inset:5px}.aimsg b{font-size:9px}.aimsg p{margin:4px 0 0;color:#a0aac0;font-size:10px;line-height:1.55}.quickprompts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px}.quickprompts button{min-height:46px;border:1px solid #252d48;border-radius:10px;background:#111627;color:#abb5cc;text-align:left;padding:8px;font-size:8px}.quickprompts button:hover{border-color:#493f77;background:#171a31}.usermsg{max-width:85%;margin:13px 0 13px auto;padding:9px 11px;border:1px solid #293252;border-radius:13px 13px 4px 13px;background:#171d34;font-size:10px;line-height:1.45}.building{margin:0 11px 8px;padding:9px;border:1px solid #342b58;border-radius:11px;background:#161329;display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center}.building>i{width:20px;height:20px;border:3px solid #474a59;border-top-color:#9b62ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.building b{display:block;font-size:8px}.building span{font-size:7px;color:#7b859d}.buildbars{grid-column:1/-1;display:flex;gap:4px}.buildbars em{height:3px;flex:1;border-radius:99px;background:#2d3042}.buildbars .on{background:linear-gradient(90deg,#a14ef5,#4f7fff)}.promptbox{margin:0 10px 10px;padding:8px;border:1px solid #303858;border-radius:14px;background:#111522}.promptbox textarea{width:100%;min-height:54px;max-height:120px;border:0;resize:none;background:transparent;color:white;outline:none;font-size:10px;padding:7px}.promptbox>div:nth-child(2){display:flex;justify-content:space-between;align-items:center}.promptbox span{display:flex;gap:2px}.promptbox button{height:27px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:#78849d;font-size:7px}.promptbox button:hover{background:#22283a;color:#fff}.promptbox .send{width:32px;height:32px;background:linear-gradient(135deg,#8b4bed,#4f82ff);color:#fff;font-size:15px}.listening{margin-top:6px;height:30px;border:1px solid #3d315e;border-radius:9px;background:#17142a;display:flex;align-items:center;gap:4px;padding:0 7px;font-size:7px;color:#baaede}.listening>b{width:6px;height:6px;border-radius:50%;background:#df65ff}.listening>span{flex:1}.listening i{width:2px;height:10px;background:#ae6bff;animation:wave .7s alternate infinite}.listening i:nth-of-type(2){height:16px}.listening button{color:#fff}@keyframes wave{to{transform:scaleY(.4)}}.resultpanel{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a0d14}.resultbar{height:47px;border-bottom:1px solid #20263b;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 9px}.resultbar>div{display:flex;gap:2px}.resultbar button{height:28px;min-width:28px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:#73809a;font-size:8px}.resultbar button:hover,.resultbar .active{background:#1d2335;color:#fff}.resultbar>span{justify-self:center;height:29px;min-width:180px;border:1px solid #252c43;border-radius:8px;background:#080b12;display:flex;align-items:center;justify-content:center;color:#58dda4;font-size:7px}.resultbar span b{color:#8893ac;font-weight:500;margin-left:5px}.view{display:none;flex:1;min-height:0;position:relative;overflow:auto}.view.active{display:block}.iframewrap{height:100%;padding:14px;background:#11131a}.iframewrap iframe{width:100%;height:100%;min-height:540px;border:1px solid #292d3a;border-radius:10px;background:#fff;display:block;margin:auto}.iframewrap.tablet iframe{max-width:720px}.iframewrap.mobile iframe{max-width:380px}.empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.emptyorb{width:67px;height:67px;margin:0 auto 12px}.empty h2{font-size:15px;margin:0}.empty p{font-size:9px;color:#6c7890}.iframewrap:not(.empty)+.empty{display:none}.codebar{height:40px;border-bottom:1px solid #23293d;display:flex;align-items:end;justify-content:space-between;padding:0 9px}.codebar>div{display:flex}.codebar button{height:32px;padding:0 9px;border:0;background:transparent;color:#77839c;font-size:8px}.codebar .active{color:#fff;border-bottom:2px solid #8c5cf2}.codebar>button{height:26px;border:1px solid #2d344a;border-radius:7px;margin-bottom:5px}.resultpanel pre{margin:0;padding:17px;color:#d7def1;font:9px/1.6 ui-monospace,Consolas,monospace;white-space:pre-wrap}.structure{height:100%;display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:10px}.structure article{border:1px solid #252c42;border-radius:11px;background:#0f131e;overflow:auto}.structure header{height:38px;border-bottom:1px solid #252c42;padding:0 10px;display:flex;align-items:center;justify-content:space-between;font-size:9px}.structure header button{border:0;background:transparent}.structure article>div{padding:11px;color:#8994ad;font-size:8px}.fileitem{display:block;padding:7px;border-radius:7px}.fileitem:hover{background:#1a2031;color:#fff}.graphempty{display:grid;place-items:center;height:80%;text-align:center}.datastudio{height:100%;display:grid;grid-template-columns:140px 1fr}.datastudio aside{padding:9px;border-right:1px solid #242a3e;background:#0e121b;display:flex;flex-direction:column;gap:3px}.datastudio aside button,.datastudio aside a{height:31px;border:0;border-radius:7px;background:transparent;color:#7d89a2;text-align:left;padding:0 8px;font-size:8px}.datastudio aside .active,.datastudio aside button:hover{background:#1b2132;color:#fff}.datastudio aside a{margin-top:auto;display:flex;align-items:center;border:1px solid #2e3651}.datastudio main{padding:10px}.datastudio main header{display:flex;justify-content:space-between}.datastudio main header button{height:29px;border:1px solid #30374f;border-radius:7px;background:#171d2b;font-size:8px}.datastudio table{width:100%;border-collapse:collapse;margin-top:12px;font-size:8px}.datastudio th,.datastudio td{padding:9px;border-bottom:1px solid #252c42;text-align:left}.datastudio th{color:#737f98}.datastudio td span{color:#5cdda1}.quality{min-height:0;border-left:1px solid #20263b;background:#0d101a;overflow:auto}.qualitytabs{height:42px;border-bottom:1px solid #20263b;padding:0 7px;display:flex;align-items:end}.qualitytabs button,.qualitytabs a{height:34px;padding:0 8px;border:0;border-bottom:2px solid transparent;background:transparent;color:#77839d;font-size:8px;display:flex;align-items:center}.qualitytabs .active{color:#fff;border-color:#8c61ee}.quality section{margin:9px;padding:10px;border:1px solid #252c43;border-radius:11px;background:#111522}.quality section header{display:flex;justify-content:space-between;align-items:center}.quality header b{font-size:9px}.quality header strong{font-size:14px;background:linear-gradient(90deg,#bb5cff,#55dcff);-webkit-background-clip:text;color:transparent}.quality section>p:not(.subcopy){display:flex;justify-content:space-between;color:#7e8aa5;font-size:8px}.quality section>p b{color:#cad2e5}.quality header button,.quality header a{height:24px;border:1px solid #30374e;border-radius:6px;background:#181d2b;color:#939eb6;padding:0 6px;font-size:7px}.quality header small{font-size:6px;color:#bb92ff}.subcopy{color:#77839b;font-size:8px;line-height:1.45}.autofix{width:100%;height:31px;border:0;border-radius:8px;background:linear-gradient(135deg,#7444dd,#4f79ed);font-size:8px;font-weight:700}.appstatus{height:28px;padding:0 10px;border-top:1px solid #20263b;background:#0d1018;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#68758d;font-size:7px}.appstatus>div:nth-child(2){display:flex;gap:3px}.appstatus button{height:21px;border:0;border-radius:5px;background:transparent;color:#74809a;font-size:7px}.appstatus>span{justify-self:end}.command{position:fixed;z-index:150;inset:0;background:#03050ca0;backdrop-filter:blur(4px);display:grid;place-items:start center;padding-top:12vh}.command>div{width:min(560px,calc(100% - 30px));padding:8px;border:1px solid #343b55;border-radius:13px;background:#151925;box-shadow:0 30px 90px #000c}.command input{width:100%;height:43px;border:0;border-bottom:1px solid #2a3046;background:transparent;color:#fff;outline:none;padding:0 9px}.command button{display:block;width:100%;height:36px;border:0;border-radius:7px;background:transparent;color:#aeb7cc;text-align:left;padding:0 9px}.command button:hover{background:#23283a}.apppage{min-width:0;overflow:auto;background:radial-gradient(circle at 80% 0,#5d2ca521,transparent 30%),#090b13}.pagehead{padding:46px 46px 28px;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #20263a}.pagehead small{color:#6958a6;letter-spacing:.18em}.pagehead h1{font-size:38px;margin:7px 0}.pagehead p{margin:0;color:#8d98b2}.pagehead>div:last-child{display:flex;gap:7px}.pagehead a,.pagehead button{height:38px;padding:0 12px;border:1px solid #2d344d;border-radius:10px;background:#131824;display:flex;align-items:center}.pagehead button{border:0;background:linear-gradient(135deg,#8248ed,#4f82ff)}.pagecontent{padding:28px 46px}.pagehero{min-height:150px;padding:24px;border:1px solid #2a304a;border-radius:20px;background:radial-gradient(circle at 70% 40%,#7640d82b,transparent 35%),linear-gradient(135deg,#111628,#0c111d);display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:18px}.pagehero>span{width:60px;height:60px;border-radius:17px;background:linear-gradient(135deg,#7443df,#4d7be9);display:grid;place-items:center;font-size:24px}.pagehero b{font-size:20px}.pagehero p{color:#8893ad}.pagehero button{height:36px;padding:0 13px;border:1px solid #303851;border-radius:9px;background:#171d2b}.pagegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.featurecard{min-height:165px;padding:18px;border:1px solid #252c43;border-radius:15px;background:#0f141f}.featurecard>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#1b2140;color:#a277f5}.featurecard b{display:block;margin-top:14px}.featurecard p{color:#7f8ba5;font-size:10px;line-height:1.5}.featurecard button{height:30px;border:1px solid #303750;border-radius:8px;background:#161c2a;font-size:8px}.diagnostics{grid-column:1/-1;padding:18px;border:1px solid #2c3350;border-radius:15px;background:#101522}.diagnostics p{display:flex;justify-content:space-between}.diag-good{color:#5de0a5}.diag-warn{color:#f0be72}
@media(max-width:1150px){.fake-studio{grid-template-columns:65px 230px 1fr}.fake-inspector{display:none}.studiobody{grid-template-columns:300px minmax(430px,1fr)}.quality{display:none}.pagegrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:850px){.mnavlinks{display:none}.mhero h1{font-size:58px}.fake-studio{grid-template-columns:1fr;min-height:auto}.fake-side,.fake-chat{display:none}.fake-preview{min-height:500px}.lab-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr;gap:25px}.appwrap{grid-template-columns:70px 1fr}.appbrand>div,.appside nav span,.aside-label,.appuser>div,.appuser>a{display:none}.appbrand{justify-content:center}.newproject{font-size:0}.newproject:after{content:"＋";font-size:18px}.appside nav a,.settingslink{justify-content:center;font-size:14px}.appuser{grid-template-columns:1fr}.studiobody{grid-template-columns:1fr}.chatpanel{min-height:520px}.resultpanel{min-height:680px}.apptop{grid-template-columns:1fr auto}.studio-tabs{display:none}.authpage{grid-template-columns:1fr}.authvisual{display:none}.pagegrid{grid-template-columns:1fr}}@media(max-width:600px){.mnav{padding:0 16px}.mhero{padding:80px 18px}.mhero h1{font-size:45px}.heroactions{flex-direction:column}.bigcta,.bigghost{justify-content:center}.product-showcase,.labs,.workflow{padding:70px 18px}.product-showcase>h2,.labs>h2,.workflow h2{font-size:37px}.previewdemo{grid-template-columns:1fr}.previewdemo aside{display:none}.lab-grid,.pricegrid{grid-template-columns:1fr}.cta-section{margin:30px 16px 70px}.mfooter{flex-wrap:wrap}.authpage{padding:18px;padding-top:90px}.authbrand{left:20px}.authcard{padding:24px}.oauth{grid-template-columns:1fr}.pagehead,.pagecontent{padding-left:20px;padding-right:20px}.pagehead{align-items:start;gap:20px;flex-direction:column}.pagehero{grid-template-columns:50px 1fr}.pagehero>button{grid-column:1/-1}.pagegrid{grid-template-columns:1fr}}

/* VEYRA V9: every sidebar item is a real, full-width slide/page */
.v9slide{height:100vh;overflow:auto;background:radial-gradient(circle at 75% 0,#47267930,transparent 30%),radial-gradient(circle at 25% 0,#1d4f7b28,transparent 25%),#090c14;padding:34px 38px 70px;color:#f7f8ff}
.slideTop{min-height:180px;display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding:25px 0 30px;border-bottom:1px solid #20263b}.slideTop small{font-size:8px;letter-spacing:.2em;color:#8369d9}.slideTop h1{font-size:44px;line-height:1.02;letter-spacing:-.045em;margin:10px 0 12px}.slideTop p{max-width:690px;color:#8e99b3;font-size:12px;line-height:1.7;margin:0}.slideActions{display:flex;gap:7px}.slideActions button,.slideActions a{height:38px;padding:0 13px;border:1px solid #2d354f;border-radius:10px;background:#151b29;color:#aeb7cc;text-decoration:none;display:grid;place-items:center;font-size:9px}.slideActions a{border:0;background:linear-gradient(135deg,#7e49e9,#4d7fff);color:white;font-weight:700}
.metricStrip,.componentSummary,.flowStats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.metricStrip article,.componentSummary article,.flowStats article{padding:16px;border:1px solid #252d44;border-radius:13px;background:#101521}.metricStrip b,.componentSummary b,.flowStats b{display:block;font-size:24px}.metricStrip span,.componentSummary span,.flowStats span{display:block;color:#73809a;font-size:8px;margin-top:5px}
.slideToolbar{display:flex;justify-content:space-between;margin:18px 0}.slideToolbar>div{display:flex;gap:5px}.slideToolbar button,.slideToolbar input,.categoryRow button{height:32px;border:1px solid #293149;border-radius:8px;background:#121724;color:#8490a8;font-size:8px;padding:0 11px}.slideToolbar button.on,.categoryRow .on{background:#211c3b;color:#fff;border-color:#45396c}.slideToolbar input{width:210px}
.projectGrid,.templateGrid,.componentGrid,.agentGrid,.tokenLayout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.projectCard,.templateGrid article,.componentGrid article,.agentGrid article,.tokenPanel{border:1px solid #252d43;border-radius:16px;background:#10141f;overflow:hidden}.projectCard>div:last-child,.templateGrid article,.componentGrid article{padding:14px}.projectCard h3,.templateGrid h3,.componentGrid h3,.agentGrid h3,.tokenPanel h3{margin:0;font-size:11px}.projectCard p,.templateGrid p,.componentGrid p,.agentGrid p,.tokenPanel p{color:#75819a;font-size:8px}.projectCard footer,.componentGrid footer{display:flex;justify-content:space-between;color:#606b84;font-size:7px}.projectCard footer b,.componentGrid footer span{color:#6de0a6}.projectPreview{height:150px;padding:18px;position:relative;background:#15182c}.projectPreview:after{content:"";position:absolute;inset:45px 18px 18px;border:1px solid #343b5d;border-radius:10px;background:#0b0f1b}.projectPreview span{position:relative;z-index:2;font-size:8px;letter-spacing:.15em}.projectPreview i{position:relative;z-index:3;display:inline-block;width:40px;height:6px;margin:57px 5px 0 0;border-radius:5px;background:#2b3150}.projectPreview.purple{background:radial-gradient(circle at 80% 0,#8d4df052,transparent 40%),#13172a}.projectPreview.cyan{background:radial-gradient(circle at 80% 0,#39d4eb3d,transparent 40%),#101a25}.projectPreview.blue{background:radial-gradient(circle at 80% 0,#4f7fff4d,transparent 40%),#11182b}.addCard{min-height:235px;display:grid;place-content:center;text-align:center;padding:20px}.addCard>div{font-size:38px;color:#7e58df}.addCard p{max-width:220px}
.templateFeature,.agentHero,.deployHero{margin:22px 0;border:1px solid #2a3148;border-radius:20px;background:linear-gradient(135deg,#15192d,#101423 60%,#171226);padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.templateFeature span,.agentHero small,.deployHero small{font-size:7px;letter-spacing:.17em;color:#8c70df}.templateFeature h2,.agentHero h2,.deployHero h2{font-size:24px;margin:8px 0}.templateFeature p,.agentHero p,.deployHero p{color:#8995ae;font-size:9px;line-height:1.6}.templateFeature button,.agentHero button{width:max-content;height:34px;padding:0 11px;border:0;border-radius:9px;background:linear-gradient(135deg,#7c4ce4,#4d7fff);color:#fff;font-size:8px}.fakeDash{height:180px;border:1px solid #303853;border-radius:14px;background:#0b0e17;padding:20px}.fakeDash i{display:inline-block;width:70px;height:14px;margin:5px;background:#171e31;border-radius:6px}.fakeDash b{display:block;height:90px;margin:16px 5px;background:linear-gradient(180deg,#744cca33,transparent),#11172a;border-radius:10px}.categoryRow{display:flex;gap:5px;margin:0 0 18px}.templateGrid article{padding:0 0 14px}.templateThumb{height:130px;background:linear-gradient(135deg,#151a2d,#171328);position:relative;padding:12px}.templateThumb>span{float:right;padding:4px 6px;border:1px solid #433b68;border-radius:999px;color:#b5a0ef;font-size:6px}.templateThumb>div{position:absolute;left:18px;right:18px;bottom:0;height:84px;border:1px solid #303853;border-radius:9px 9px 0 0;background:#0b0f18}.templateGrid h3,.templateGrid p,.templateGrid button{margin-left:14px}.templateGrid button{height:28px;border:1px solid #30374e;border-radius:7px;background:#171c2a;color:#a5afc4;font-size:7px}
.deployHero{grid-template-columns:auto 1fr auto}.pulseRing{width:70px;height:70px;border-radius:50%;border:1px solid #2e6d55;display:grid;place-items:center;background:#143126}.pulseRing i{width:24px;height:24px;border-radius:50%;background:#55dea3;box-shadow:0 0 24px #55dea3}.deployHero>div:last-child{text-align:right}.deployHero>div:last-child b{display:block;font-size:28px}.deployHero>div:last-child span{color:#70809a;font-size:8px}.deployList{display:grid;gap:8px}.deployList article{min-height:72px;border:1px solid #252c43;border-radius:13px;background:#10141f;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.deployList article>div{display:flex;align-items:center;gap:10px}.deployList i{width:8px;height:8px;border-radius:50%}.deployList .green{background:#58dda3}.deployList .violet{background:#9b68ff}.deployList .blue{background:#4d85ff}.deployList span,.deployList small{color:#75819a;font-size:8px}.deployList button{height:30px;border:1px solid #30374e;border-radius:8px;background:#171c2b;color:#aab3c6;font-size:8px}.deployBottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.deployBottom article{padding:20px;border:1px solid #252d43;border-radius:15px;background:#10141f}.deployBottom small{color:#7e68cb;font-size:7px;letter-spacing:.16em}.deployBottom h3{margin:8px 0}.deployBottom p{color:#78849d;font-size:8px}.deployBottom button{height:29px;border:1px solid #30374e;border-radius:8px;background:#171c2a;color:#aab4c8;font-size:8px}
.flowCanvas{height:390px;margin:22px 0;border:1px solid #262e45;border-radius:18px;background:radial-gradient(circle at 50% 50%,#39265e33,transparent 45%),#0d111b;position:relative;overflow:hidden}.flowNode{position:absolute;width:145px;padding:14px;border:1px solid #403864;border-radius:12px;background:#15182b;z-index:2}.flowNode small{color:#8065d0;font-size:7px}.flowNode b,.flowNode span{display:block}.flowNode b{margin-top:4px;font-size:10px}.flowNode span{margin-top:4px;color:#77839b;font-size:7px}.n1{left:6%;top:145px}.n2{left:29%;top:90px}.n3{left:52%;top:160px}.n4{left:75%;top:105px}.flowLine{position:absolute;height:2px;background:linear-gradient(90deg,#5b4b8c,#6f5fc1);transform-origin:left center}.l1{left:16%;top:166px;width:220px;transform:rotate(-14deg)}.l2{left:39%;top:121px;width:210px;transform:rotate(17deg)}.l3{left:62%;top:182px;width:210px;transform:rotate(-16deg)}.flowCanvas aside{position:absolute;right:18px;bottom:18px;width:250px;padding:14px;border:1px solid #2c344c;border-radius:12px;background:#111622;z-index:3}.flowCanvas aside b{font-size:9px}.flowCanvas aside p{color:#7d89a1;font-size:7px;line-height:1.5}.flowCanvas aside button{height:28px;border:0;border-radius:7px;background:#28203f;color:#b8a2e8;font-size:7px}
.agentHero{grid-template-columns:auto 1fr auto}.agentCore{width:70px;height:70px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#874ee9,#4f80ff);font-size:28px;box-shadow:0 12px 40px #704bd45c}.agentGrid article{min-height:130px;padding:16px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:start}.agentGrid article>span{width:38px;height:38px;border-radius:10px;background:#1d2240;display:grid;place-items:center;color:#a980f2;font-size:16px}.agentGrid small{color:#58dda3;font-size:6px;letter-spacing:.14em}.agentGrid button{height:28px;border:1px solid #30374e;border-radius:8px;background:#171c2b;color:#a9b3c7;font-size:7px}
.automationBuilder{margin:23px 0;padding:25px;border:1px solid #282f46;border-radius:17px;background:#0d111b;display:flex;align-items:center;justify-content:center;gap:12px}.autoStep{min-width:170px;padding:15px;border:1px solid #3b355d;border-radius:11px;background:#15182a}.autoStep.trigger{border-color:#4c3c7b}.autoStep small{display:block;color:#7b64c9;font-size:6px;letter-spacing:.14em}.autoStep b{display:block;margin-top:6px;font-size:9px}.automationBuilder>span{color:#554a7e}.automationList{display:grid;gap:8px}.automationList article{display:grid;grid-template-columns:42px 1fr auto 30px;gap:12px;align-items:center;padding:14px;border:1px solid #252d43;border-radius:13px;background:#10141f}.autoIcon{width:42px;height:42px;border-radius:11px;background:#1d2139;display:grid;place-items:center;color:#a276ed}.automationList h3{margin:0;font-size:10px}.automationList p{margin:4px 0 0;color:#79849d;font-size:8px}.automationList>article>span{font-size:7px;color:#7b859d}.automationList>article>span.enabled{color:#59dda3}.automationList article>button{border:0;background:transparent;color:#69758f}
.componentStage{height:120px;background:linear-gradient(135deg,#151a2d,#111523);display:grid;place-content:center;position:relative}.demoBtn{height:38px;padding:0 18px;border:0;border-radius:11px;background:linear-gradient(135deg,#8350e9,#4e80ff);color:#fff;font-weight:700}.componentStage i{position:absolute;height:6px;border-radius:9px;background:#2a3150;left:20px;right:20px;bottom:20px}.componentStage i:last-child{right:90px;bottom:10px}.componentGrid footer button{border:0;background:transparent;color:#9b7be8;font-size:7px}
.tokenLayout{margin-top:22px}.tokenPanel{padding:18px;min-height:180px}.swatches{display:flex;gap:8px;margin:18px 0}.swatches i{width:44px;height:44px;border-radius:12px;background:var(--c);box-shadow:inset 0 0 0 1px #ffffff16}.typeSample{display:flex;gap:15px;align-items:center;margin:18px 0}.typeSample b{font-size:42px}.typeSample span{color:#8490a8;font-size:8px;line-height:1.8}.radiusSample,.spaceBars{display:flex;align-items:end;gap:8px;margin:22px 0}.radiusSample i{width:42px;height:42px;border:1px solid #5a4a87;background:#1a2033}.radiusSample i:nth-child(1){border-radius:4px}.radiusSample i:nth-child(2){border-radius:8px}.radiusSample i:nth-child(3){border-radius:14px}.radiusSample i:nth-child(4){border-radius:22px}.spaceBars i{height:24px;background:#6e50bf;border-radius:5px}.spaceBars i:nth-child(1){width:12px}.spaceBars i:nth-child(2){width:24px}.spaceBars i:nth-child(3){width:42px}.spaceBars i:nth-child(4){width:64px}.spaceBars i:nth-child(5){width:90px}.motionTrack{height:60px;border-radius:12px;background:#0b0f18;position:relative;margin:18px 0}.motionTrack i{position:absolute;width:22px;height:22px;border-radius:50%;background:#9769f1;left:20px;top:19px;box-shadow:180px 0 0 #4e82ff}.shadowDemo{width:110px;height:70px;border-radius:14px;background:#171d2b;margin:20px auto;box-shadow:0 18px 45px #000a}
.dataStudioLayout{height:560px;margin-top:22px;border:1px solid #252d44;border-radius:17px;display:grid;grid-template-columns:190px 1fr;overflow:hidden;background:#0f131e}.dataStudioLayout>aside{padding:15px;border-right:1px solid #252d44;background:#0d111b}.dataStudioLayout aside b{display:block;margin-bottom:14px;font-size:10px}.dataStudioLayout aside button{width:100%;height:36px;border:0;border-radius:8px;background:transparent;color:#7d89a2;text-align:left;padding:0 9px;font-size:8px;display:flex;justify-content:space-between;align-items:center}.dataStudioLayout aside button.on{background:#1b2034;color:#fff}.dataStudioLayout>div>header{height:56px;padding:0 16px;border-bottom:1px solid #252d44;display:flex;align-items:center;justify-content:space-between}.dataStudioLayout header button{height:29px;border:1px solid #30374d;border-radius:8px;background:#171c2a;color:#a5afc3;font-size:7px}.dataStudioLayout table{width:100%;border-collapse:collapse;font-size:8px}.dataStudioLayout th,.dataStudioLayout td{padding:13px 16px;border-bottom:1px solid #222940;text-align:left}.dataStudioLayout th{color:#73809a;font-weight:500}.dataStudioLayout td{color:#b9c2d5}.dataStudioLayout td span{padding:4px 6px;border-radius:999px;background:#153426;color:#62dda3}
.settingsLayout{display:grid;grid-template-columns:200px 1fr;gap:14px;margin-top:22px}.settingsLayout>nav{padding:10px;border:1px solid #252d43;border-radius:14px;background:#0f131e;display:grid;align-content:start;gap:4px}.settingsLayout>nav button{height:38px;border:0;border-radius:9px;background:transparent;color:#7e8aa3;text-align:left;padding:0 10px;font-size:8px}.settingsLayout>nav button.on{background:#1b2033;color:#fff}.settingsMain{display:grid;gap:9px}.settingsMain>article{min-height:78px;padding:15px;border:1px solid #252d43;border-radius:14px;background:#10141f;display:flex;align-items:center;justify-content:space-between}.settingsMain>article>div{display:flex;gap:12px;align-items:center}.settingIcon{width:40px;height:40px;border-radius:11px;background:#1e223b;display:grid;place-items:center;color:#a47bf0}.settingsMain h3{margin:0;font-size:10px}.settingsMain p{margin:4px 0 0;color:#78849c;font-size:8px}.settingsMain>article>button{height:31px;border:1px solid #30374f;border-radius:8px;background:#171c2a;color:#aab3c7;font-size:8px}.switch input{display:none}.switch i{display:block;width:38px;height:22px;border-radius:99px;background:#2b3145;position:relative}.switch i:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.switch input:checked+i{background:#6d4fd0}.switch input:checked+i:after{left:19px}.diagPanel{padding:18px;border:1px solid #302b4c;border-radius:14px;background:#141526}.diagPanel small{color:#8b6fdd;font-size:7px;letter-spacing:.16em}.diagPanel h3{margin:8px 0}.diagPanel p{color:#7e89a1;font-size:8px}
@media(max-width:1100px){.projectGrid,.templateGrid,.componentGrid,.agentGrid,.tokenLayout{grid-template-columns:repeat(2,1fr)}.automationBuilder{overflow:auto;justify-content:flex-start}.slideTop h1{font-size:36px}}
@media(max-width:760px){.v9slide{padding:22px 18px 60px}.slideTop{display:block}.slideActions{margin-top:18px}.projectGrid,.templateGrid,.componentGrid,.agentGrid,.tokenLayout,.metricStrip,.componentSummary,.flowStats,.deployBottom{grid-template-columns:1fr}.templateFeature,.agentHero,.deployHero{grid-template-columns:1fr}.settingsLayout,.dataStudioLayout{grid-template-columns:1fr}.dataStudioLayout>aside{display:none}.flowCanvas{overflow:auto}.slideTop h1{font-size:31px}}

/* ===== VEYRA V10 ===== */
.v10new{margin-left:auto;padding:3px 6px;border-radius:999px;background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;font-style:normal;font-size:6px}.v10page{height:100vh;overflow:auto;padding:34px 38px 80px;background:radial-gradient(circle at 70% 0,#4f2a8235,transparent 30%),radial-gradient(circle at 20% 0,#174b7430,transparent 26%),#080b13;color:#f7f8ff}.v10hero{min-height:220px;padding:34px;border:1px solid #29314a;border-radius:22px;background:linear-gradient(135deg,#13182b,#0e1322 60%,#171228);display:flex;justify-content:space-between;align-items:center;gap:25px}.v10hero small{font-size:8px;letter-spacing:.2em;color:#9877ef}.v10hero h1{font-size:48px;letter-spacing:-.045em;margin:10px 0}.v10hero p{max-width:670px;color:#8d99b2;font-size:11px;line-height:1.7}.v10heroActions{display:flex;gap:7px}.v10heroActions a,.v10heroActions button{height:38px;padding:0 13px;border:1px solid #313952;border-radius:10px;background:#171d2b;color:#bdc5d8;text-decoration:none;display:grid;place-items:center;font-size:9px}.v10heroActions a{border:0;background:linear-gradient(135deg,#8250e9,#4a7fff);color:#fff}.v10stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.v10stats article{padding:16px;border:1px solid #252d44;border-radius:13px;background:#101521}.v10stats b{display:block;font-size:25px}.v10stats span{display:block;margin-top:4px;color:#77839c;font-size:8px}.v10filter{display:flex;gap:6px;margin:20px 0}.v10filter input{flex:1;min-width:220px;height:36px;border:1px solid #2a324a;border-radius:10px;background:#0f1420;color:#fff;padding:0 12px}.v10filter button{height:36px;padding:0 12px;border:1px solid #2b334a;border-radius:9px;background:#121724;color:#8590a8;font-size:8px}.v10filter .active{background:#231d40;color:#fff;border-color:#44386c}.feature100{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.feature100 article{min-height:68px;padding:10px;border:1px solid #252d43;border-radius:12px;background:#0f141f;display:grid;grid-template-columns:28px 1fr 24px;gap:8px;align-items:center}.feature100 article:hover{border-color:#453b6b;background:#14192a;transform:translateY(-1px)}.feature100>article>span{width:28px;height:28px;border-radius:8px;background:#1d2238;display:grid;place-items:center;color:#9576e6;font-size:7px}.feature100 b{display:block;font-size:8px}.feature100 small{display:block;margin-top:3px;color:#626e86;font-size:6px}.feature100 button{border:0;background:transparent;color:#77688f}.v10utility{position:fixed;z-index:80;top:8px;right:12px;height:34px;padding:3px;border:1px solid #252d43;border-radius:10px;background:#0d111bcf;backdrop-filter:blur(12px);display:flex;align-items:center;gap:4px}.v10utility button,.v10utility a{height:26px;padding:0 8px;border:0;border-radius:7px;background:#151a28;color:#8692aa;text-decoration:none;font-size:7px;display:grid;place-items:center}.v10utility button:hover,.v10utility a:hover{color:#fff;background:#202638}.v10utility button span{padding:1px 4px;border-radius:999px;background:#6d46c6;color:white}.v10drawer{position:fixed;z-index:150;right:14px;top:14px;bottom:14px;width:360px;border:1px solid #343c56;border-radius:16px;background:#111621;box-shadow:0 25px 90px #000c;padding:14px}.v10overlay{position:fixed;z-index:140;inset:0;background:#02040a88;backdrop-filter:blur(3px)}.v10drawerHead{display:flex;justify-content:space-between;align-items:start;padding-bottom:12px;border-bottom:1px solid #272e43}.v10drawerHead small{display:block;color:#8064d0;font-size:6px;letter-spacing:.15em}.v10drawerHead b{display:block;margin-top:4px;font-size:13px}.v10drawerHead button{width:29px;height:29px;border:0;border-radius:8px;background:#1c2231;color:#9ca7bd}.v10drawerBody{padding-top:12px}.drawerSearch input{width:100%;height:39px;border:1px solid #30384f;border-radius:9px;background:#0b0f18;color:#fff;padding:0 10px}.drawerRows{display:grid;gap:5px;margin-top:10px}.drawerRows button,.quickGrid button{height:38px;border:1px solid #293149;border-radius:9px;background:#151a28;color:#9ca7bd;text-align:left;padding:0 10px;font-size:8px}.quickGrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.quickGrid button{height:70px}.notice{padding:11px;border:1px solid #283046;border-radius:10px;background:#0e131e;margin-bottom:7px}.notice b,.notice span{display:block}.notice b{font-size:8px}.notice span{margin-top:4px;color:#76829a;font-size:7px}.timelineV10 p{display:grid;grid-template-columns:9px 1fr auto;gap:8px;align-items:center;font-size:8px}.timelineV10 i{width:7px;height:7px;border-radius:50%;background:#8e64e8}.timelineV10 span{color:#65718a}.zoomLabel{font-size:7px;color:#75819a;min-width:30px;text-align:center}.localEngine{color:#d6b978!important}@media(max-width:1200px){.feature100{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.feature100{grid-template-columns:repeat(2,1fr)}.v10stats{grid-template-columns:repeat(2,1fr)}.v10hero{display:block}.v10heroActions{margin-top:18px}}@media(max-width:560px){.feature100,.v10stats{grid-template-columns:1fr}.v10page{padding:18px}.v10hero h1{font-size:34px}.v10filter{flex-wrap:wrap}.v10drawer{left:10px;right:10px;width:auto}}


/* --- V12 UI POLISH OVERRIDES --- */
html{font-size:16px}
body{font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,a,input,textarea,select{font:inherit}

.appwrap{grid-template-columns:260px minmax(0,1fr)}
.appside{padding:20px 16px;gap:14px;background:linear-gradient(180deg,#0f1323,#0a0d16)}
.appbrand{gap:12px;padding:4px 6px 10px}
.apporb{width:42px;height:42px}
.appbrand b{font-size:18px;letter-spacing:.16em}
.appbrand small{font-size:11px;letter-spacing:.14em}
.newproject{height:52px;border-radius:16px;font-size:15px;box-shadow:0 10px 30px rgba(88,88,255,.18)}
.aside-label{padding:10px 10px 2px;font-size:11px;letter-spacing:.18em;color:#6c7896}
.appside nav{gap:6px}
.appside nav a,.settingslink{min-height:44px;padding:10px 14px;border-radius:12px;font-size:15px;gap:12px}
.appside nav a span,.settingslink span{line-height:1.2}
.appuser{grid-template-columns:42px minmax(0,1fr) 30px;gap:10px;padding:10px;border-radius:14px}
.appuser img,.appuser>i{width:42px;height:42px}
.appuser b{font-size:13px}
.appuser small{font-size:11px}
.appuser>a{font-size:16px}
.v10new{font-size:9px;padding:4px 7px}

.v9slide{padding:40px 44px 90px}
.slideTop{min-height:210px;gap:32px;padding:28px 0 34px}
.slideTop small{font-size:11px}
.slideTop h1{font-size:52px;margin:12px 0 14px}
.slideTop p{font-size:16px;line-height:1.72;max-width:760px}
.slideActions{gap:10px;flex-wrap:wrap}
.slideActions button,.slideActions a{height:44px;padding:0 16px;border-radius:12px;font-size:14px;font-weight:600}

.metricStrip,.componentSummary,.flowStats{gap:14px;margin:24px 0}
.metricStrip article,.componentSummary article,.flowStats article{padding:20px;border-radius:16px}
.metricStrip b,.componentSummary b,.flowStats b{font-size:30px}
.metricStrip span,.componentSummary span,.flowStats span{font-size:13px;margin-top:8px}
.slideToolbar{margin:22px 0;gap:12px;flex-wrap:wrap}
.slideToolbar>div{gap:8px;flex-wrap:wrap}
.slideToolbar button,.slideToolbar input,.categoryRow button{height:38px;border-radius:10px;font-size:13px;padding:0 14px}
.slideToolbar input{width:260px}
.categoryRow{gap:8px;margin:0 0 22px;flex-wrap:wrap}

.projectGrid,.templateGrid,.componentGrid,.agentGrid,.tokenLayout{gap:18px}
.projectCard,.templateGrid article,.componentGrid article,.agentGrid article,.tokenPanel{border-radius:20px;box-shadow:0 12px 40px rgba(0,0,0,.22)}
.projectCard>div:last-child,.templateGrid article,.componentGrid article{padding:18px}
.projectCard h3,.templateGrid h3,.componentGrid h3,.agentGrid h3,.tokenPanel h3{font-size:20px;line-height:1.25;margin:0 0 10px}
.projectCard p,.templateGrid p,.componentGrid p,.agentGrid p,.tokenPanel p{font-size:14px;line-height:1.65;color:#90a0bb;margin:0 0 14px}
.projectCard footer,.componentGrid footer{font-size:12px}

.templateFeature,.agentHero,.deployHero{margin:24px 0;padding:32px;border-radius:24px;gap:28px}
.templateFeature span,.agentHero small,.deployHero small{font-size:11px}
.templateFeature h2,.agentHero h2,.deployHero h2{font-size:32px;margin:10px 0 12px}
.templateFeature p,.agentHero p,.deployHero p{font-size:15px;line-height:1.7}
.templateFeature button,.agentHero button{height:40px;padding:0 16px;border-radius:10px;font-size:14px;font-weight:600}
.fakeDash{height:220px;border-radius:16px}
.fakeDash i{width:82px;height:16px;border-radius:7px}
.fakeDash b{height:112px;border-radius:14px}

.templateGrid article,.componentGrid article,.agentGrid article,.tokenPanel,.projectCard{display:flex;flex-direction:column;min-height:100%}
.templateGrid article{padding:0 0 18px}
.templateThumb{height:170px;padding:16px;background:linear-gradient(135deg,#181f35,#171328 58%,#151a2a)}
.templateThumb>span{font-size:10px;padding:5px 8px}
.templateThumb>div{left:20px;right:20px;height:108px;border-radius:12px 12px 0 0}
.templateGrid h3,.templateGrid p{margin-left:18px;margin-right:18px}
.templateGrid p{min-height:44px}
.templateGrid button{height:36px;padding:0 14px;margin-left:18px;margin-top:auto;margin-right:8px;border-radius:10px;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.templateGrid button + button{margin-left:4px}

.projectPreview{height:175px;padding:20px}
.projectPreview span{font-size:11px}
.projectPreview:after{inset:52px 20px 20px;border-radius:12px}
.projectPreview i{width:52px;height:8px;margin:62px 7px 0 0}
.addCard{min-height:260px}
.addCard>div{font-size:48px}
.addCard p{font-size:14px;line-height:1.6;color:#91a0bc}

.agentGrid article,.componentGrid article,.tokenPanel{padding:18px}
.agentGrid h3,.componentGrid h3,.tokenPanel h3{margin-bottom:8px}
.agentGrid p,.componentGrid p,.tokenPanel p{margin-bottom:14px}
.agentGrid button,.componentGrid button,.tokenPanel button,.projectCard button,.settingsMain>article>button,.dataStudioLayout header button,.slideToolbar button,.categoryRow button{transition:all .18s ease}
.agentGrid button:hover,.componentGrid button:hover,.tokenPanel button:hover,.projectCard button:hover,.settingsMain>article>button:hover,.dataStudioLayout header button:hover,.slideToolbar button:hover,.categoryRow button:hover,.slideActions button:hover,.slideActions a:hover,.templateGrid button:hover,.templateFeature button:hover,.agentHero button:hover{transform:translateY(-1px);filter:brightness(1.05)}

.automationBuilder{padding:28px;gap:16px;border-radius:20px}
.autoStep{min-width:210px;padding:18px;border-radius:14px}
.autoStep small{font-size:10px}
.autoStep b{font-size:15px}
.automationList article{grid-template-columns:50px 1fr auto 36px;gap:14px;padding:16px;border-radius:16px}
.autoIcon{width:50px;height:50px;border-radius:14px}
.automationList h3{font-size:16px}
.automationList p{font-size:13px}
.automationList>article>span{font-size:12px}

.dataStudioLayout{height:620px;margin-top:24px;border-radius:20px;grid-template-columns:220px 1fr}
.dataStudioLayout>aside{padding:18px}
.dataStudioLayout aside b{font-size:15px;margin-bottom:18px}
.dataStudioLayout aside button{height:40px;padding:0 12px;border-radius:10px;font-size:13px}
.dataStudioLayout>div>header{height:62px;padding:0 18px}
.dataStudioLayout header button{height:34px;border-radius:10px;font-size:12px;padding:0 12px}
.dataStudioLayout table{font-size:13px}
.dataStudioLayout th,.dataStudioLayout td{padding:15px 18px}
.dataStudioLayout th{font-size:12px}
.dataStudioLayout td span{font-size:12px}

.settingsLayout{grid-template-columns:240px 1fr;gap:16px;margin-top:24px}
.settingsLayout>nav{padding:12px;border-radius:16px;gap:6px}
.settingsLayout>nav button{height:42px;padding:0 12px;border-radius:10px;font-size:13px}
.settingsMain{gap:12px}
.settingsMain>article{min-height:90px;padding:18px;border-radius:16px}
.settingIcon{width:46px;height:46px;border-radius:14px}
.settingsMain h3{font-size:16px}
.settingsMain p{font-size:13px;line-height:1.55}
.settingsMain>article>button{height:36px;border-radius:10px;font-size:13px;padding:0 14px}
.diagPanel{padding:20px;border-radius:16px}
.diagPanel small{font-size:11px}
.diagPanel h3{font-size:22px}
.diagPanel p{font-size:13px;line-height:1.65}

@media(max-width:1100px){
  .projectGrid,.templateGrid,.componentGrid,.agentGrid,.tokenLayout{grid-template-columns:repeat(2,minmax(0,1fr))}
  .slideTop h1{font-size:42px}
}
@media(max-width:760px){
  .appwrap{grid-template-columns:1fr}
  .appside{display:none}
  .v9slide{padding:24px 18px 70px}
  .slideTop h1{font-size:34px}
  .slideTop p{font-size:15px}
  .projectGrid,.templateGrid,.componentGrid,.agentGrid,.tokenLayout,.metricStrip,.componentSummary,.flowStats{grid-template-columns:1fr}
  .templateFeature,.agentHero,.deployHero,.settingsLayout,.dataStudioLayout{grid-template-columns:1fr}
  .dataStudioLayout>aside{display:none}
  .templateThumb{height:150px}
}

/* ===== VEYRA V13 HOMEPAGE — PRODUCT FIRST ===== */
.v13-home{min-height:100vh;background:#080a12;color:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.v13-home a{text-decoration:none;color:inherit}.v13-nav{position:sticky;top:0;z-index:30;max-width:1320px;height:76px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:34px;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(8,10,18,.86);backdrop-filter:blur(18px)}
.v13-brand{display:flex;align-items:center;gap:11px;min-width:170px}.v13-brand img{width:38px;height:38px;object-fit:contain;border-radius:9px}.v13-brand b{display:block;font-size:16px;letter-spacing:.15em}.v13-brand span{display:block;margin-top:1px;color:#727d94;font-size:10px}
.v13-links{display:flex;gap:30px;margin:auto}.v13-links a{color:#9aa4b8;font-size:13px}.v13-links a:hover{color:#fff}.v13-actions{display:flex;gap:8px}.v13-actions a{height:38px;padding:0 14px;border-radius:10px;display:flex;align-items:center;font-size:12px}.v13-actions .ghost{border:1px solid #272e40;background:#0e121d}.v13-actions .solid{background:#7448dd;color:white;font-weight:700}
.v13-hero{max-width:1320px;margin:0 auto;padding:88px 28px 70px;display:grid;grid-template-columns:.86fr 1.14fr;gap:60px;align-items:center;position:relative}.v13-hero:before{content:"";position:absolute;left:8%;top:18%;width:360px;height:280px;border-radius:50%;background:rgba(112,72,210,.12);filter:blur(90px);pointer-events:none}.v13-copy{position:relative;z-index:2}.v13-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #2f2b47;border-radius:999px;background:#111321;color:#afa3d8;font-size:11px}.v13-chip span{width:7px;height:7px;border-radius:50%;background:#8b5cf6}.v13-copy h1{font-size:64px;line-height:.99;letter-spacing:-.055em;margin:20px 0}.v13-copy h1 em{font-style:normal;color:#9b73f0}.v13-copy>p{max-width:590px;color:#a2acc0;font-size:17px;line-height:1.72}.v13-hero-actions{display:flex;gap:10px;margin-top:28px}.v13-hero-actions a{height:48px;padding:0 18px;border-radius:12px;display:flex;align-items:center;gap:18px;font-size:13px;font-weight:650}.v13-hero-actions .primary{background:#7448dd;color:#fff}.v13-hero-actions .secondary{border:1px solid #2a3042;background:#0f131d;color:#d6dbe6}.v13-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:#7f8a9f;font-size:11px}.v13-proof span:before{content:"✓";margin-right:6px;color:#a582ef}
.v13-product-card{border:1px solid #33334b;border-radius:22px;background:#0d1019;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.42)}.v13-windowbar{height:48px;padding:0 14px;border-bottom:1px solid #252a3b;display:flex;align-items:center;justify-content:space-between;background:#10131d}.v13-mini-brand{display:flex;align-items:center;gap:8px;font-size:11px}.v13-mini-brand img{width:24px;height:24px;object-fit:contain}.v13-windowbar>div:last-child{display:flex;gap:6px}.v13-windowbar>div:last-child span{width:7px;height:7px;border-radius:50%;background:#3b4254}.v13-appdemo{min-height:505px;display:grid;grid-template-columns:145px minmax(0,1fr) 190px}.v13-appdemo>aside{padding:16px 12px;border-right:1px solid #242a3a;background:#0b0e16}.v13-appdemo>aside>b{display:block;margin-bottom:14px;font-size:11px}.v13-appdemo>aside>a{height:32px;padding:0 9px;border-radius:8px;color:#778399;display:flex;align-items:center;font-size:9px;margin-bottom:3px}.v13-appdemo>aside>a.on{background:#27184e;color:#fff}.v13-appdemo>main{padding:28px 24px}.v13-appdemo>main>small{font-size:8px;letter-spacing:.15em;color:#7a6ca6}.v13-appdemo h3{font-size:25px;margin:8px 0 18px}.v13-prompt{height:42px;border:1px solid #293149;border-radius:10px;background:#0d111a;padding:0 8px 0 12px;display:flex;align-items:center;justify-content:space-between;color:#6f7b91;font-size:9px}.v13-prompt button{height:28px;border:0;border-radius:7px;background:#392064;color:#d7c7ff;font-size:8px}.v13-quick{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 23px}.v13-quick span{padding:9px;border:1px solid #222a3d;border-radius:8px;background:#111622;color:#aeb7c9;font-size:8px}.v13-appdemo h4{font-size:10px;margin:0 0 9px}.v13-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.v13-projects article{min-height:86px;padding:9px;border:1px solid #242b3e;border-radius:9px;background:#10141f}.v13-projects i{display:block;height:40px;border-radius:6px;background:linear-gradient(135deg,#39265f,#18213b)}.v13-projects b,.v13-projects small{display:block}.v13-projects b{font-size:8px;margin-top:7px}.v13-projects small{font-size:7px;color:#69758a;margin-top:2px}.v13-appdemo>section{padding:16px 12px;border-left:1px solid #242a3a;background:#0b0e16}.v13-appdemo>section>b{font-size:10px}.v13-devices{margin:10px 0;color:#726d8a;font-size:10px}.v13-mini-preview{padding:12px;border:1px solid #252d42;border-radius:10px;background:#0f131e}.v13-mini-preview small,.v13-mini-preview strong{display:block}.v13-mini-preview small{font-size:8px;color:#7d899f}.v13-mini-preview strong{font-size:20px;margin-top:7px}.v13-chart{height:88px;margin-top:9px;position:relative;overflow:hidden}.v13-chart:before{content:"";position:absolute;left:4px;right:4px;top:50%;height:2px;background:#7c55dc;transform:skewY(-9deg);box-shadow:45px -10px 0 #7c55dc,90px 5px 0 #7c55dc}.v13-status{margin-top:13px;padding:10px;border:1px solid #242b3e;border-radius:8px;color:#77849a;font-size:8px}.v13-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#52d49a;margin-right:5px}
.v13-metrics{max-width:1320px;margin:0 auto;padding:0 28px 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px}.v13-metrics article{padding:22px;border:1px solid #202638;background:#0c1018}.v13-metrics article:first-child{border-radius:16px 0 0 16px}.v13-metrics article:last-child{border-radius:0 16px 16px 0}.v13-metrics b{display:block;font-size:24px}.v13-metrics span{display:block;color:#778399;font-size:10px;margin-top:4px}
.v13-platform,.v13-flow,.v13-cap{max-width:1320px;margin:0 auto;padding:90px 28px}.v13-section-head{max-width:720px}.v13-section-head small,.v13-cap>div>small{font-size:10px;letter-spacing:.2em;color:#8368c5}.v13-section-head h2,.v13-cap h2{font-size:43px;line-height:1.05;letter-spacing:-.035em;margin:11px 0}.v13-section-head p,.v13-cap p{color:#8793a9;font-size:14px;line-height:1.7}.v13-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px}.v13-feature-grid article{min-height:160px;padding:20px;border:1px solid #232a3c;border-radius:16px;background:#0e121b;display:flex;gap:13px}.v13-feature-grid article>span{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#1d1830;display:grid;place-items:center;color:#a681ed}.v13-feature-grid h3{font-size:15px;margin:1px 0 8px}.v13-feature-grid p{margin:0;color:#7f8ba0;font-size:11px;line-height:1.6}
.v13-flowline{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:38px}.v13-flowline article{min-height:120px;padding:18px;border:1px solid #242b3e;border-radius:14px;background:#0e121b}.v13-flowline article i{font-style:normal;color:#8a6ed2;font-size:10px}.v13-flowline article b,.v13-flowline article span{display:block}.v13-flowline article b{font-size:16px;margin-top:13px}.v13-flowline article span{color:#748096;font-size:10px;margin-top:4px}.v13-flowline>strong{color:#443a61;font-weight:400}
.v13-cap{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;align-items:center}.v13-cap>div>a{display:inline-flex;margin-top:18px;color:#b79bf0;font-size:12px}.v13-cap-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.v13-cap-grid span{min-height:46px;padding:0 11px;border:1px solid #252c3f;border-radius:10px;background:#0e121b;display:flex;align-items:center;justify-content:space-between;color:#9ca7bb;font-size:10px}.v13-cap-grid b{color:#d4c9ef;font-size:10px}
.v13-final{max-width:1264px;margin:50px auto 80px;padding:28px 32px;border:1px solid #2c3143;border-radius:20px;background:#0e121b;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.v13-final>img{width:52px;height:52px;object-fit:contain}.v13-final small{font-size:9px;letter-spacing:.16em;color:#8068bd}.v13-final h2{font-size:25px;margin:4px 0}.v13-final p{margin:0;color:#7d899f;font-size:11px}.v13-final>a{height:42px;padding:0 16px;border-radius:10px;background:#7448dd;display:flex;align-items:center;font-size:11px;font-weight:700}.v13-footer{max-width:1320px;margin:0 auto;padding:30px 28px;border-top:1px solid #202638;display:flex;align-items:center;gap:24px}.v13-footer p{margin:auto;color:#657087;font-size:11px}.v13-footer>div{display:flex;gap:18px;color:#78849a;font-size:11px}
@media(max-width:1100px){.v13-hero{grid-template-columns:1fr}.v13-copy{max-width:760px}.v13-feature-grid{grid-template-columns:repeat(2,1fr)}.v13-cap{grid-template-columns:1fr}.v13-product-card{max-width:900px}.v13-links{display:none}}
@media(max-width:760px){.v13-nav{padding:0 16px}.v13-actions .ghost{display:none}.v13-hero{padding:64px 18px 45px}.v13-copy h1{font-size:45px}.v13-copy>p{font-size:15px}.v13-product-card{display:none}.v13-metrics{grid-template-columns:1fr 1fr;padding:0 18px 50px}.v13-metrics article:first-child,.v13-metrics article:last-child{border-radius:0}.v13-platform,.v13-flow,.v13-cap{padding:65px 18px}.v13-feature-grid{grid-template-columns:1fr}.v13-flowline{grid-template-columns:1fr}.v13-flowline>strong{transform:rotate(90deg);text-align:center}.v13-cap-grid{grid-template-columns:1fr 1fr}.v13-final{margin:30px 18px 60px;grid-template-columns:auto 1fr}.v13-final>a{grid-column:1/-1;justify-content:center}.v13-footer{padding:24px 18px}.v13-footer p{display:none}}

/* VEYRA V14 SIGNATURE HOMEPAGE */
.sig-site{min-height:100vh;background:radial-gradient(circle at 50% -5%,rgba(108,64,190,.11),transparent 26%),radial-gradient(circle at 85% 20%,rgba(45,80,180,.07),transparent 24%),#070912;color:#f7f8fb}.sig-nav{height:78px;max-width:1400px;margin:auto;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid #ffffff0d}.sig-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#fff}.sig-logo{width:38px;height:38px;border:1px solid #54407f;border-radius:11px;background:linear-gradient(145deg,#1b1730,#101523);display:grid;place-items:center;box-shadow:inset 0 0 18px #8258c52c}.sig-logo b{font-size:16px;background:linear-gradient(135deg,#c487ff,#6f7cff);-webkit-background-clip:text;color:transparent}.sig-logo.tiny{width:30px;height:30px}.sig-brand strong{font-size:16px;letter-spacing:.2em}.sig-brand small{display:block;color:#657088;font-size:8px;letter-spacing:.15em;margin-top:3px}.sig-links{display:flex;gap:34px;margin:auto}.sig-links a,.sig-actions>a:first-child{color:#9aa5ba;text-decoration:none;font-size:13px}.sig-links a:hover,.sig-actions>a:first-child:hover{color:#fff}.sig-actions{display:flex;align-items:center;gap:10px}.sig-btn{min-height:50px;padding:0 20px;border-radius:13px;background:linear-gradient(125deg,#8c45ec,#7359fb 58%,#557dff);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:14px;font-weight:750;box-shadow:0 12px 36px #6c48dc31;transition:.2s}.sig-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px #6c48dc42}.sig-btn.small{min-height:39px;padding:0 15px;font-size:12px}.sig-actions>a:first-child{padding:10px 12px}.sig-hero{max-width:1400px;margin:auto;padding:105px 28px 75px;display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center;min-height:720px}.sig-kicker{width:max-content;padding:8px 11px;border:1px solid #312c49;border-radius:999px;background:#11101f;color:#a891dc;font-size:9px;letter-spacing:.16em;display:flex;align-items:center;gap:8px}.sig-kicker i{width:6px;height:6px;border-radius:50%;background:#9a66ed;box-shadow:0 0 9px #9a66ed}.sig-copy h1{font-size:72px;line-height:.98;letter-spacing:-.058em;margin:22px 0}.sig-copy h1 span,.sig-intro h2 span{background:linear-gradient(90deg,#b55fff,#7379ff 54%,#62bfff);-webkit-background-clip:text;color:transparent}.sig-copy>p{max-width:620px;color:#9faabe;font-size:17px;line-height:1.72}.sig-cta-row{display:flex;gap:10px;margin-top:30px}.sig-demo{min-height:50px;padding:0 18px;border:1px solid #30384e;border-radius:13px;background:#0d121d;color:#d4d8e3;text-decoration:none;display:inline-flex;align-items:center;gap:9px;font-size:13px}.sig-trust{display:flex;gap:22px;margin-top:27px;color:#788399;font-size:11px;flex-wrap:wrap}.sig-stage{position:relative}.sig-stage:after{content:"";position:absolute;left:-80px;right:-80px;bottom:-70px;height:150px;background:radial-gradient(ellipse,#7850e128,transparent 65%);filter:blur(24px)}.sig-window{position:relative;z-index:2;border:1px solid #34384e;border-radius:20px;background:#0a0e17;box-shadow:0 30px 100px #0009,0 0 55px #6e47cf20;overflow:hidden}.sig-window>header{height:50px;padding:0 14px;border-bottom:1px solid #232a3c;background:#10141f;display:flex;align-items:center;justify-content:space-between}.winbrand,.winactions{display:flex;align-items:center;gap:8px;font-size:10px}.winmark{width:23px;height:23px;border-radius:7px;background:linear-gradient(135deg,#a269f4,#517fff);display:grid;place-items:center;font-size:9px;font-weight:800}.winactions{color:#6b768b;font-size:8px}.winactions span{padding:6px 8px;border:1px solid #293044;border-radius:7px}.winactions i{width:8px;height:8px;border-radius:50%;background:#353b50}.winavatar{width:23px;height:23px;border-radius:50%;background:#d9dce4;color:#303440;display:grid;place-items:center;font-weight:800}.winbody{min-height:480px;display:grid;grid-template-columns:130px minmax(0,1fr) 185px}.winsidenav{padding:16px 10px;border-right:1px solid #22293a;background:#0c1019;display:flex;flex-direction:column;gap:5px}.winsidenav>b{font-size:9px;margin:0 7px 8px}.winsidenav a{height:29px;padding:0 8px;border-radius:7px;display:flex;align-items:center;color:#6e7a91;font-size:8px}.winsidenav a.on{background:linear-gradient(90deg,#402082,#261a54);color:#fff}.winmain{padding:24px 22px}.winmain>small{font-size:7px;color:#6e5a96;letter-spacing:.15em}.winmain h3{font-size:22px;margin:5px 0 17px}.winprompt{height:43px;padding:0 5px 0 12px;border:1px solid #293045;border-radius:10px;background:#0d111c;display:flex;align-items:center;justify-content:space-between;color:#667187;font-size:8px}.winprompt button{height:31px;padding:0 10px;border:0;border-radius:8px;background:#211b44;color:#c1abf4;font-size:8px}.winquick{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.winquick button{height:38px;border:1px solid #242c40;border-radius:9px;background:#111625;color:#98a2b7;text-align:left;padding:0 10px;font-size:8px}.recenthead{display:flex;justify-content:space-between;margin:24px 0 10px;font-size:8px}.recenthead span{color:#8366c7}.recentgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.recentgrid article{padding:8px;border:1px solid #222a3d;border-radius:10px;background:#101520}.recentgrid i{display:block;height:65px;border-radius:7px;margin-bottom:8px}.recentgrid .p1{background:linear-gradient(135deg,#3c2267,#17294d)}.recentgrid .p2{background:linear-gradient(135deg,#293b55,#152132)}.recentgrid .p3{background:linear-gradient(135deg,#34224f,#172537)}.recentgrid b,.recentgrid small{display:block}.recentgrid b{font-size:8px}.recentgrid small{font-size:6px;color:#5f6b81;margin-top:3px}.wininspect{padding:14px;border-left:1px solid #22293a;background:#0d111a}.live{display:flex;gap:7px;align-items:center;font-size:8px}.live i{width:6px;height:6px;border-radius:50%;background:#54dda4}.mini-preview{height:195px;margin-top:10px;padding:12px;border:1px solid #252c40;border-radius:11px;background:#090d15}.mini-preview>span{display:block;height:12px;border-radius:4px;background:#171e2d}.mini-preview>strong{display:block;height:88px;margin-top:9px;border-radius:7px;background:linear-gradient(145deg,#3b246d,#17254c)}.mini-preview>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.mini-preview>div i{height:38px;border-radius:6px;background:#151b29}.quality{padding:11px;border:1px solid #252c40;border-radius:10px;background:#101521;margin-top:9px}.quality>span{font-size:7px;color:#79859c}.quality>b{float:right;font-size:14px}.quality>div{height:4px;border-radius:99px;background:#252c40;margin:10px 0 7px;overflow:hidden}.quality>div i{display:block;width:97%;height:100%;background:linear-gradient(90deg,#8a52ea,#5e80ff)}.quality small{font-size:6px;color:#68748a}.wininspect>button{width:100%;height:35px;border:0;border-radius:9px;background:linear-gradient(135deg,#7545dd,#4f7ce7);color:#fff;font-size:8px;margin-top:9px}.sig-proof{max-width:1340px;margin:0 auto 95px;padding:0 28px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #20273a;border-radius:17px;background:#0c111a}.sig-proof article{padding:22px;text-align:center;border-right:1px solid #20273a}.sig-proof article:last-child{border:0}.sig-proof b,.sig-proof span{display:block}.sig-proof b{font-size:18px;color:#c7b1f8}.sig-proof span{font-size:9px;color:#717d92;margin-top:4px}.sig-intro,.sig-flow{max-width:1120px;margin:auto;padding:95px 28px 45px}.sig-intro>small,.sig-flow>small,.sig-system small,.sig-final>small{color:#7e64c8;font-size:9px;letter-spacing:.2em}.sig-intro h2,.sig-flow h2,.sig-system h2{font-size:52px;line-height:1.05;letter-spacing:-.045em;margin:14px 0}.sig-intro>p{max-width:760px;color:#8d99ae;font-size:15px;line-height:1.75}.sig-feature-grid{max-width:1340px;margin:auto;padding:25px 28px 115px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.sig-feature-grid>article{min-height:420px;padding:30px;border:1px solid #232b3e;border-radius:22px;background:linear-gradient(145deg,#0f141f,#0b1018);display:grid;grid-template-rows:auto 1fr;overflow:hidden}.sig-feature-grid>article.wide{grid-column:1/-1;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.sig-feature-grid article small{color:#8065cc;font-size:8px;letter-spacing:.18em}.sig-feature-grid article h3{font-size:31px;line-height:1.12;margin:10px 0 12px}.sig-feature-grid article p{color:#8995ac;font-size:13px;line-height:1.7}.sig-feature-grid article a{color:#b49ae6;text-decoration:none;font-size:11px}.chatdemo,.inspectdemo,.qademo{align-self:end;min-height:230px;padding:18px;border:1px solid #252e43;border-radius:16px;background:#0a0e16}.chatdemo .you{margin:10px 75px 12px 55px;padding:13px;border-radius:13px 13px 4px 13px;background:#151b2c}.chatdemo b,.chatdemo p{font-size:9px}.chatdemo p{margin:5px 0 0;color:#9ea8bc}.chatdemo .ai{display:flex;gap:10px;margin:14px 25px 0 0}.chatdemo .ai>span{width:32px;height:32px;border-radius:10px;background:#231b46;display:grid;place-items:center;color:#ad88ef}.progress{display:flex;gap:5px;margin:25px 0 0 42px}.progress i{height:4px;flex:1;border-radius:99px;background:#3f3769}.progress i:nth-child(-n+4){background:linear-gradient(90deg,#975cec,#5b7dff)}.selected{height:90px;border:1px solid #8e5be0;border-radius:12px;background:#15192c;display:flex;align-items:end;padding:10px;color:#cbb5f1;font-size:8px}.inspectdemo p{display:flex;justify-content:space-between;padding:12px 2px;margin:0;border-bottom:1px solid #20273a;font-size:9px}.inspectdemo span{color:#78849b}.qademo{display:grid;grid-template-columns:130px 1fr;gap:15px;align-items:center}.qademo>strong{width:110px;height:110px;border-radius:50%;border:7px solid #7653cc;display:grid;place-content:center;font-size:34px}.qademo>strong small{font-size:10px;color:#6d7890;text-align:center}.qademo ul{list-style:none;padding:0}.qademo li{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #20273a;color:#8994aa;font-size:9px}.qademo li b{color:#d7dae4}.sig-flow{max-width:1340px;padding-bottom:110px}.flowrow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:35px}.flowrow article{min-height:180px;padding:20px;border:1px solid #232b3e;border-radius:16px;background:#0e131e}.flowrow article span{font-size:9px;color:#685697}.flowrow article b{display:block;font-size:15px;margin:24px 0 8px}.flowrow article p{font-size:9px;color:#7f8aa0;line-height:1.6}.flowrow>i{font-style:normal;color:#4b5266}.sig-system{max-width:1340px;margin:20px auto 110px;padding:60px 28px;display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;border-top:1px solid #1f2638;border-bottom:1px solid #1f2638}.syscopy p{color:#8994aa;font-size:13px;line-height:1.75}.syscopy a{display:inline-block;margin-top:18px;color:#b49be6;text-decoration:none;font-size:11px}.sysgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sysgrid article{min-height:110px;padding:16px;border:1px solid #232b3e;border-radius:14px;background:#0e131d}.sysgrid article span{font-size:20px;color:#9b71eb}.sysgrid b,.sysgrid small{display:block}.sysgrid b{font-size:11px;margin-top:14px}.sysgrid small{font-size:7px;color:#6f7a90;margin-top:4px}.sig-final{max-width:1050px;margin:0 auto 90px;padding:90px 30px;text-align:center;border:1px solid #292f44;border-radius:28px;background:radial-gradient(circle at 50% 45%,#7044cf26,transparent 40%),#0d121d}.final-logo{width:58px;height:58px;margin:0 auto 24px;border:1px solid #56417e;border-radius:16px;background:#131425;display:grid;place-items:center;font-weight:800;color:#a67af2;font-size:21px}.sig-final h2{font-size:44px;letter-spacing:-.04em;margin:10px 0}.sig-final p{color:#8a95ac;margin-bottom:24px}.sig-footer{max-width:1340px;margin:auto;padding:35px 28px 50px;border-top:1px solid #1f2638;display:flex;align-items:center;gap:25px;color:#6f7a90}.sig-footer p{margin:auto;font-size:10px}.sig-footer>div{display:flex;gap:22px}.sig-footer>div a{color:#78849a;text-decoration:none;font-size:10px}@media(max-width:1100px){.sig-hero{grid-template-columns:1fr;padding-top:75px}.sig-copy{text-align:center}.sig-kicker{margin:auto}.sig-copy h1,.sig-copy>p{margin-left:auto;margin-right:auto}.sig-cta-row,.sig-trust{justify-content:center}.sig-feature-grid>article.wide,.sig-system{grid-template-columns:1fr}.flowrow{grid-template-columns:1fr}.flowrow>i{transform:rotate(90deg);text-align:center}}@media(max-width:760px){.sig-nav{padding:0 16px}.sig-links{display:none}.sig-brand small{display:none}.sig-hero{padding:55px 18px 40px}.sig-copy h1{font-size:48px}.sig-cta-row{flex-direction:column}.sig-btn,.sig-demo{width:100%}.winbody{grid-template-columns:1fr}.winsidenav,.wininspect{display:none}.sig-proof{grid-template-columns:1fr 1fr;margin:0 18px 60px;padding:0}.sig-feature-grid{grid-template-columns:1fr;padding:20px 18px 70px}.sig-feature-grid>article.wide{grid-column:auto}.sig-intro,.sig-flow{padding-left:18px;padding-right:18px}.sig-intro h2,.sig-flow h2,.sig-system h2{font-size:36px}.sig-system{margin:20px 18px 70px;padding:40px 0}.sysgrid{grid-template-columns:1fr 1fr}.sig-footer{margin:0 18px;display:grid}.sig-footer p{margin:0}}


/* =========================================================
   VEYRA V15 — Base44 + Figma + Lovable refinement
   Focus: bigger typography, smoother auth, stronger hierarchy,
   cleaner panels, more premium interactive feel.
   ========================================================= */
html{font-size:16px}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a,button,input,textarea,select{font:inherit}

/* Public auth experience */
.authpage{max-width:1380px;grid-template-columns:minmax(520px,620px) minmax(520px,1fr);gap:90px;padding:52px 40px 48px}
.authbrand{top:28px;left:40px;gap:12px}
.authorb{width:40px;height:40px}.authbrand b{font-size:18px}.authbrand{font-size:15px}
.authcard{padding:38px 38px 34px;border-radius:28px;background:linear-gradient(180deg,rgba(17,22,41,.96),rgba(9,13,24,.98));box-shadow:0 40px 120px rgba(0,0,0,.45),0 0 0 1px rgba(130,120,255,.05) inset}
.auth-kicker{font-size:12px;letter-spacing:.22em;color:#a687ff}
.authcard h1{font-size:58px;line-height:1.02;letter-spacing:-.05em;margin:14px 0 14px;color:#f8f9ff}
.authcard>p{font-size:22px;line-height:1.5;color:#9eabc4;margin:0 0 10px}
.authcard form{gap:18px;margin-top:28px}
.authcard label{font-size:14px;line-height:1.4;color:#a8b4cc;display:block}
.authcard input{height:62px;margin-top:10px;border-radius:16px;border:1px solid #2f3857;background:#0b1020;color:#fff;padding:0 18px;font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.authcard input::placeholder{color:#6d7895}
.authcard form button{height:58px;border-radius:16px;font-size:20px;font-weight:800;letter-spacing:-.02em;box-shadow:0 16px 40px rgba(100,92,255,.24)}
.authcard form button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.or{gap:12px;font-size:12px;margin:22px 0;color:#75809a}
.oauth{grid-template-columns:1fr 1fr;gap:12px}
.oauth a{height:58px;border-radius:16px;font-size:17px;font-weight:600;gap:10px;background:#0f1526}
.oauth a span{font-size:15px}
.switchauth{margin-top:24px;font-size:17px;line-height:1.45;color:#7f8ba8}
.switchauth a{font-weight:700}
.flash{padding:14px 16px;border-radius:14px;font-size:14px}
.authvisual{display:flex;align-items:center}
.authmock{min-height:700px;padding:18px;border-radius:30px;border-color:#2b3350;background:linear-gradient(180deg,#0c111d,#090d17);box-shadow:0 45px 120px rgba(0,0,0,.5)}
.authmocktop{height:54px;font-size:14px;padding:0 8px}
.authmockbody{grid-template-columns:260px 1fr;gap:14px}
.mockprompt,.mockreply{padding:16px;border-radius:16px;font-size:13px;line-height:1.6}
.mocksite{min-height:580px;border-radius:20px;grid-template-columns:94px 1fr}
.mocksite main{padding:24px}
.mocksite i{height:88px;border-radius:14px}
.mocksite b{height:330px;border-radius:18px;margin-top:18px}

/* Global shell polish */
.appwrap{grid-template-columns:250px minmax(0,1fr)}
.appside{padding:20px 14px;gap:14px;background:linear-gradient(180deg,#0d1120,#090c16)}
.appbrand{gap:12px;padding:4px 8px 10px}.apporb{width:40px;height:40px}
.appbrand b{font-size:16px;letter-spacing:.15em}.appbrand small{font-size:8px;letter-spacing:.14em}
.newproject{height:54px;border-radius:16px;font-size:15px;font-weight:800;box-shadow:0 12px 30px rgba(115,85,255,.18)}
.aside-label{padding:10px 10px 4px;font-size:10px;letter-spacing:.18em}
.appside nav a,.settingslink{min-height:46px;padding:0 14px;border-radius:12px;font-size:15px;gap:12px}
.appuser{padding:10px 12px;border-radius:16px;grid-template-columns:42px minmax(0,1fr) 34px;gap:12px}.appuser img,.appuser>i{width:42px;height:42px}
.appuser b{font-size:14px}.appuser small{font-size:11px}.appuser>a{font-size:16px}

.topbar{height:76px;padding:0 24px}.topbar h1{font-size:24px}.topbar p{font-size:13px}.topbar .actions button,.topbar .actions a{height:42px;border-radius:12px;padding:0 14px;font-size:14px}
.workspace,.pagewrap,.v9slide{padding-bottom:90px}

/* Make all major cards feel more premium */
.card,.panel,.projectCard,.templateGrid article,.componentGrid article,.agentGrid article,.tokenPanel,.metricStrip article,.componentSummary article,.flowStats article,.diagPanel,.settingsMain>article,.featurePanel,.automationList article,.dataStudioLayout,.templateFeature,.agentHero,.deployHero,.sig-feature,.sig-app-window,.compare-table,.sig-final{box-shadow:0 14px 50px rgba(0,0,0,.22)}

/* General content hierarchy */
h1{letter-spacing:-.04em} h2{letter-spacing:-.035em} h3{letter-spacing:-.02em}
.metricStrip article,.componentSummary article,.flowStats article{padding:22px;border-radius:18px}
.metricStrip b,.componentSummary b,.flowStats b{font-size:34px}.metricStrip span,.componentSummary span,.flowStats span{font-size:13px}
.slideTop h1{font-size:56px}.slideTop p{font-size:17px;line-height:1.75}
.slideActions button,.slideActions a{height:46px;padding:0 18px;border-radius:12px;font-size:14px}
.projectCard h3,.templateGrid h3,.componentGrid h3,.agentGrid h3,.tokenPanel h3{font-size:21px}
.projectCard p,.templateGrid p,.componentGrid p,.agentGrid p,.tokenPanel p{font-size:14px;line-height:1.7}
.templateThumb{height:190px}.templateGrid button{height:38px;font-size:13px;border-radius:11px}
.componentGrid article,.agentGrid article,.tokenPanel,.projectCard>div:last-child{padding:20px}

/* Homepage refinement */
.sig-nav{height:82px;padding:0 34px}.sig-links a,.sig-login{font-size:14px}
.sig-hero{max-width:1460px;min-height:760px;padding:118px 34px 82px;gap:78px}.sig-eyebrow{font-size:10px}.sig-hero h1{font-size:78px}.sig-hero-copy>p{font-size:18px;line-height:1.7}.sig-trust span{font-size:12px}
.sig-cta{min-height:52px;padding:0 22px;border-radius:14px;font-size:15px}.sig-secondary{height:52px;padding:0 18px;border-radius:14px;font-size:15px}
.sig-proof b{font-size:21px}.sig-proof span{font-size:11px}
.sig-intro h2,.sig-workflow h2,.sig-cap-left h2,.sig-compare h2{font-size:56px}.sig-intro>p{font-size:16px}
.sig-feature{padding:34px;border-radius:24px}.sig-feature-copy h3{font-size:34px}.sig-feature-copy p{font-size:15px;line-height:1.75}
.sig-flow article{min-height:200px;padding:24px}.sig-flow article b{font-size:16px}.sig-flow article p{font-size:12px}
.sig-cap-grid article{min-height:122px;padding:18px;border-radius:16px}.sig-cap-grid b{font-size:16px}.sig-cap-grid small{font-size:12px}
.compare-table>div{min-height:62px;font-size:13px}.compare-table .compare-head{font-size:10px}
.sig-final h2{font-size:48px}.sig-final p{font-size:16px}

/* Responsive */
@media(max-width:1200px){
  .authpage{grid-template-columns:1fr;gap:40px;padding:40px 26px 34px}.authvisual{order:2}.authcard h1{font-size:48px}.authcard>p{font-size:18px}.authmock{min-height:540px}
  .appwrap{grid-template-columns:230px minmax(0,1fr)}
  .sig-hero{grid-template-columns:1fr}.sig-hero h1{font-size:62px}.sig-hero-copy{text-align:center}.sig-eyebrow,.sig-hero-actions,.sig-trust{justify-content:center;margin-left:auto;margin-right:auto}
}
@media(max-width:780px){
  .authpage{padding:24px 16px}.authbrand{position:static;margin-bottom:10px}.authcard{padding:24px 20px 22px}.authcard h1{font-size:40px}.authcard>p{font-size:16px}.authcard label{font-size:13px}.authcard input{height:56px;font-size:15px}.oauth{grid-template-columns:1fr}.oauth a,.authcard form button{height:54px}.switchauth{font-size:15px}.authvisual{display:none}
  .sig-hero{padding:70px 18px 46px}.sig-hero h1{font-size:46px}.sig-intro h2,.sig-workflow h2,.sig-cap-left h2,.sig-compare h2{font-size:38px}
}

/* ======================================================
   VEYRA V16 — reference-perfect product UI direction
   ====================================================== */
:root{--v16-bg:#060811;--v16-card:#0d111d;--v16-card2:#111625;--v16-line:#222a3e;--v16-text:#f6f7fb;--v16-muted:#8995ad;--v16-purple:#8b5cf6;--v16-blue:#596cff;--v16-green:#52dc9c}
.v16-home{min-height:100vh;background:radial-gradient(circle at 50% 28%,rgba(84,35,150,.12),transparent 28%),#070913;color:var(--v16-text)}
.v16-nav{height:76px;max-width:1480px;margin:auto;padding:0 30px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.055)}
.v16-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.v16-brand img{width:34px;height:34px;object-fit:contain}.v16-brand b{font-size:15px;letter-spacing:.18em}.v16-navlinks{display:flex;gap:31px;margin:auto}.v16-navlinks a,.v16-navactions a{color:#a7b0c2;text-decoration:none;font-size:13px}.v16-navactions{display:flex;gap:9px}.v16-nav .ghost,.v16-nav .primary{height:38px;padding:0 15px;border-radius:10px;display:grid;place-items:center}.v16-nav .ghost{border:1px solid #2c3348;background:#0b0f18}.primary{background:linear-gradient(135deg,#8d49ef,#7654ff 55%,#536fff)!important;color:#fff!important;border:0!important;text-decoration:none;font-weight:700}
.v16-hero{max-width:1480px;min-height:650px;margin:auto;padding:82px 40px 65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.v16-pill{display:inline-block;padding:7px 10px;border:1px solid #352c53;border-radius:999px;background:#111023;color:#a687ee;font-size:9px;letter-spacing:.18em}.v16-hero h1{font-size:68px;line-height:.98;letter-spacing:-.055em;margin:20px 0}.v16-hero h1 em{font-style:normal;background:linear-gradient(90deg,#a453f3,#745cff);-webkit-background-clip:text;color:transparent}.v16-hero-copy>p{max-width:560px;color:#9ba6ba;font-size:17px;line-height:1.68}.v16-hero-btns{display:flex;gap:10px;margin-top:28px}.v16-hero-btns .big,.v16-final .big{min-height:48px;padding:0 18px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:13px}.v16-hero-btns .ghost{border:1px solid #32394e;color:#dce0ea;background:#0c1019;text-decoration:none}.v16-socialproof{display:flex;align-items:center;gap:12px;margin-top:32px}.fakefaces{display:flex}.fakefaces i{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#c8b0a1;color:#151822;font-size:9px;font-style:normal;border:2px solid #090b13;margin-left:-6px}.fakefaces i:first-child{margin:0}.v16-socialproof b,.v16-socialproof span{display:block}.v16-socialproof b{font-size:9px;color:#8b96aa;font-weight:500}.v16-socialproof span{font-size:12px;color:#ffd25a;letter-spacing:.12em;margin-top:4px}
.v16-logo-stage{height:500px;position:relative;display:grid;place-items:center;overflow:hidden}.v16-logo-stage img{width:min(55%,420px);height:auto;position:relative;z-index:3;filter:drop-shadow(0 0 16px rgba(142,82,255,.62)) drop-shadow(0 0 42px rgba(86,70,255,.25))}.v16-floor{position:absolute;z-index:2;bottom:52px;width:360px;height:42px;border-radius:50%;border:2px solid #5e3a9a;background:radial-gradient(ellipse,#793fd75c,rgba(40,26,71,.82) 52%,#090c15 72%);box-shadow:0 0 42px rgba(135,66,237,.45)}.v16-rays{position:absolute;inset:20% 5% 3%;background:radial-gradient(ellipse at 50% 65%,rgba(116,58,211,.29),transparent 45%);filter:blur(12px)}
.v16-mini-features{max-width:1410px;margin:0 auto 90px;padding:0 24px;display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #20273a;border-radius:14px;background:#0c111b}.v16-mini-features article{min-height:72px;padding:16px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid #20273a}.v16-mini-features article:last-child{border:0}.v16-mini-features i{font-style:normal;color:#a775f4;font-size:18px}.v16-mini-features b,.v16-mini-features span{display:block}.v16-mini-features b{font-size:11px}.v16-mini-features span{font-size:8px;color:#707c94;margin-top:3px}
.v16-product{max-width:1350px;margin:auto;padding:70px 30px 110px}.v16-section-head{max-width:790px}.v16-section-head small{font-size:9px;color:#8b6bd7;letter-spacing:.2em}.v16-section-head h2{font-size:50px;line-height:1.05;margin:12px 0}.v16-section-head p{color:#8e9ab0;font-size:15px;line-height:1.7}.v16-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:35px}.v16-product-grid>article{min-height:250px;padding:28px;border:1px solid #232b3f;border-radius:18px;background:#0d121d}.v16-product-grid>article.large{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}.v16-product-grid>article>i{font-style:normal;color:#9c71ef;font-size:24px}.v16-product-grid h3{font-size:24px;margin:13px 0 8px}.v16-product-grid p{color:#8591a8;line-height:1.65;font-size:13px}.v16-product-grid a{color:#b395ed;text-decoration:none;font-size:11px}.product-demo{padding:18px;border:1px solid #283047;border-radius:15px;background:#090d16}.demo-prompt,.demo-response{padding:12px 14px;border-radius:10px;background:#141a2c;font-size:10px}.demo-response{margin-top:8px;color:#9b8ad0;background:#0f1422}.demo-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.demo-bars i{height:74px;border-radius:10px;background:linear-gradient(180deg,#6e46b950,transparent),#12182a}.v16-final{max-width:1000px;margin:20px auto 80px;padding:75px 30px;text-align:center;border:1px solid #282f46;border-radius:24px;background:radial-gradient(circle at 50% 35%,rgba(115,65,210,.15),transparent 36%),#0d111c}.v16-final img{width:65px;height:65px;object-fit:contain}.v16-final>small{display:block;margin-top:15px;color:#8369cb;letter-spacing:.18em;font-size:8px}.v16-final h2{font-size:42px;margin:10px 0}.v16-final p{color:#8a96ad;margin-bottom:22px}.v16-footer{max-width:1400px;margin:auto;padding:32px 28px 45px;border-top:1px solid #20263a;display:flex;align-items:center;gap:20px;color:#748096}.v16-footer>span{margin:auto}.v16-footer>div{display:flex;gap:20px}.v16-footer a{color:#818da4;text-decoration:none;font-size:10px}
/* auth */
.v16-auth{min-height:100vh;display:grid;grid-template-columns:minmax(480px,620px) 1fr;gap:90px;align-items:center;max-width:1320px;margin:auto;padding:46px 40px;position:relative}.v16-auth-brand{position:absolute;top:28px;left:40px;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.v16-auth-brand img{width:34px;height:34px;object-fit:contain}.v16-auth-brand b{letter-spacing:.17em}.v16-auth-card{padding:32px 30px 30px;border:1px solid #293148;border-radius:22px;background:linear-gradient(180deg,#101522,#0b0f19);box-shadow:0 30px 100px #0008}.v16-auth-card>small{color:#976ff0;letter-spacing:.18em;font-size:10px}.v16-auth-card h1{font-size:46px;line-height:1.03;letter-spacing:-.045em;margin:11px 0 9px}.v16-auth-card>p{font-size:16px;color:#8794ac}.v16-auth-card form{display:grid;gap:15px;margin-top:25px}.v16-auth-card label{font-size:11px;color:#9aa6bb}.v16-auth-card input{display:block;width:100%;height:51px;margin-top:7px;border:1px solid #2d354d;border-radius:11px;background:#0a0f19;color:#fff;padding:0 14px;font-size:13px}.v16-auth-card form>button{height:48px;border:0;border-radius:11px;background:linear-gradient(135deg,#8d4cf0,#7753ff,#536fff);color:#fff;font-size:13px;font-weight:750}.v16-or{display:flex;align-items:center;gap:10px;color:#5d6980;font-size:9px;margin:18px 0}.v16-or:before,.v16-or:after{content:"";height:1px;background:#252c42;flex:1}.v16-oauth{display:grid;grid-template-columns:1fr 1fr;gap:8px}.v16-oauth a{height:43px;border:1px solid #2b334a;border-radius:10px;background:#0e131f;color:#d6dbe6;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px}.v16-switch{text-align:center;margin-top:20px;color:#6f7b93;font-size:10px}.v16-switch a{color:#a983ee;text-decoration:none}.v16-auth-art{position:relative;min-height:650px;display:grid;place-content:center;text-align:center}.v16-auth-art img{width:260px;margin:auto;filter:drop-shadow(0 0 34px rgba(130,72,238,.45));position:relative}.auth-art-glow{position:absolute;inset:20%;background:#6536be30;filter:blur(60px)}.v16-auth-art h2{font-size:38px;line-height:1.08;margin:25px 0 10px;position:relative}.v16-auth-art p{position:relative;max-width:470px;color:#8591a8;line-height:1.7}
/* authenticated app */
.v16-app{height:100vh;display:grid;grid-template-columns:225px minmax(0,1fr);overflow:hidden;background:#070913;color:#f5f7fb}.v16-side{padding:16px 12px;display:flex;flex-direction:column;border-right:1px solid #22293b;background:#0b0f18}.v16-side-brand{height:48px;display:flex;align-items:center;gap:9px;padding:0 8px;text-decoration:none;color:#fff}.v16-side-brand img{width:31px;height:31px;object-fit:contain}.v16-side-brand b{font-size:12px;letter-spacing:.15em}.v16-new{height:39px;margin:10px 3px 18px;border-radius:9px;background:linear-gradient(135deg,#6f42cf,#4c55d8);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:700}.v16-side nav{display:grid;gap:3px}.v16-side nav a{height:36px;padding:0 10px;border-radius:8px;display:flex;align-items:center;gap:10px;color:#8c97ab;text-decoration:none;font-size:9px}.v16-side nav a i{font-style:normal;width:15px;text-align:center}.v16-side nav a:hover,.v16-side nav a.active{color:#fff;background:linear-gradient(90deg,#28184f,#17172a)}.v16-side-spacer{flex:1}.v16-plan{margin:10px 3px;padding:11px;border:1px solid #282f45;border-radius:10px;background:#101522}.v16-plan small{font-size:6px;letter-spacing:.14em;color:#8b6bd0}.v16-plan b{display:block;font-size:9px;margin-top:6px}.v16-plan p{font-size:7px;color:#748096;line-height:1.5}.v16-plan a{height:27px;border-radius:7px;background:#6f43d1;color:#fff;text-decoration:none;display:grid;place-items:center;font-size:7px}.v16-user{display:grid;grid-template-columns:33px minmax(0,1fr) 22px;gap:8px;align-items:center;padding:8px;border:1px solid #242b40;border-radius:10px;background:#0f1420}.v16-user img,.v16-user>i{width:33px;height:33px;border-radius:50%;object-fit:cover}.v16-user>i{display:grid;place-items:center;background:#d8b39e;color:#212632;font-style:normal;font-size:9px}.v16-user b,.v16-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v16-user b{font-size:8px}.v16-user small{font-size:6px;color:#647087}.v16-user>a{color:#718098;text-decoration:none}.v16-main{min-width:0;height:100vh;overflow:auto;background:#080b13}.v16-top{min-height:72px;padding:16px 22px;border-bottom:1px solid #21283a;display:flex;align-items:center;justify-content:space-between;background:#0d111a;position:sticky;top:0;z-index:30}.v16-top small{font-size:7px;letter-spacing:.16em;color:#8965db}.v16-top h1{font-size:22px;margin:4px 0 0}.v16-top p{font-size:8px;color:#758198;margin:4px 0 0}.v16-top-actions{display:flex;gap:6px}.v16-top button,.v16-top-actions a,.v16-top-primary{height:32px;padding:0 10px;border:1px solid #2a3248;border-radius:8px;background:#121722;color:#a6b0c2;text-decoration:none;font-size:8px;display:flex;align-items:center;justify-content:center}.v16-top-actions a,.v16-top-primary{border:0;background:linear-gradient(135deg,#7744dd,#5e4ff3);color:#fff}.v16-content{padding:22px}.v16-welcome{display:flex;justify-content:space-between;align-items:center}.v16-welcome h2{font-size:20px;margin:0}.v16-welcome p{font-size:8px;color:#7c879e}.v16-welcome>span{font-size:8px;color:#7f8ca1}.v16-welcome>span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55dda2;margin-left:5px}.v16-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.v16-metrics article{padding:14px;border:1px solid #242b3e;border-radius:11px;background:#0f141f}.v16-metrics span,.v16-metrics b,.v16-metrics small{display:block}.v16-metrics span{font-size:7px;color:#8490a5}.v16-metrics b{font-size:22px;margin:7px 0}.v16-metrics small{font-size:6px;color:#4fd996}.v16-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}.v16-panel{border:1px solid #242b3f;border-radius:11px;background:#0e131d;overflow:hidden}.v16-panel>header{height:40px;padding:0 12px;border-bottom:1px solid #22293c;display:flex;align-items:center;justify-content:space-between;font-size:8px}.v16-panel>header a{color:#a26be9;text-decoration:none}.v16-project-list article{min-height:61px;padding:8px 11px;display:grid;grid-template-columns:45px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #20273a}.mini-thumb{height:42px;border-radius:7px}.mini-thumb.purple{background:linear-gradient(135deg,#7e4be4,#281d4a)}.mini-thumb.blue{background:linear-gradient(135deg,#4d6ee7,#172445)}.mini-thumb.gold{background:linear-gradient(135deg,#e1b967,#43331e)}.mini-thumb.violet{background:linear-gradient(135deg,#9d59d7,#262039)}.v16-project-list b,.v16-project-list small{display:block}.v16-project-list b{font-size:8px}.v16-project-list small{font-size:6px;color:#667187;margin-top:3px}.v16-project-list span,.v16-project-list a{font-size:7px;color:#8c98ad;text-decoration:none}.v16-activity{padding:4px 11px}.v16-activity p{height:51px;display:grid;grid-template-columns:8px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #20273a;margin:0;font-size:7px}.v16-activity p i{width:7px;height:7px;border-radius:50%}.v16-activity .green{background:#54da9f}.v16-activity .purple{background:#9455ed}.v16-activity .orange{background:#d99b55}.v16-activity .blue{background:#5b7fec}.v16-activity p span{color:#647087}.v16-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.v16-quick-actions a{min-height:100px;padding:14px;border:1px solid #242b3f;border-radius:11px;background:#0f141f;text-decoration:none;color:#fff}.v16-quick-actions i{font-style:normal;font-size:18px;color:#9a6feb}.v16-quick-actions b,.v16-quick-actions span{display:block}.v16-quick-actions b{font-size:9px;margin-top:11px}.v16-quick-actions span{font-size:6px;color:#6f7b91;margin-top:4px}
/* templates/projects/agents/data/settings */
.v16-template-tools{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;flex-wrap:wrap}.v16-template-tools input{width:270px;height:34px;border:1px solid #293148;border-radius:8px;background:#0d121c;color:#fff;padding:0 10px;font-size:8px}.v16-template-tools>div{display:flex;gap:5px;flex-wrap:wrap}.v16-template-tools button{height:30px;padding:0 9px;border:1px solid #293148;border-radius:7px;background:#101520;color:#8793a8;font-size:7px}.v16-template-tools button.active{background:#6d3dc5;color:#fff}.v16-template-grid,.v16-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.v16-template-grid article,.v16-project-grid article,.v16-create-card{padding:10px;border:1px solid #242b3e;border-radius:10px;background:#0e131d;color:#fff;text-decoration:none}.v16-template-preview,.project-big-thumb{height:155px;border-radius:8px;padding:8px;position:relative;overflow:hidden}.v16-template-preview.purple,.project-big-thumb.purple{background:linear-gradient(135deg,#2c174a,#6a34ad)}.v16-template-preview.blue,.project-big-thumb.blue{background:linear-gradient(135deg,#111d32,#2f5e9b)}.v16-template-preview.gold,.project-big-thumb.gold{background:linear-gradient(135deg,#302819,#8f753c)}.v16-template-preview.dark,.project-big-thumb.dark{background:linear-gradient(135deg,#0d1117,#242a34)}.v16-template-preview.violet,.project-big-thumb.violet{background:linear-gradient(135deg,#271933,#74488b)}.v16-template-preview.orange{background:linear-gradient(135deg,#312019,#934f35)}.v16-template-preview>span{font-size:6px;padding:3px 5px;border-radius:99px;background:#7b49dd;color:#fff}.fake-browser{position:absolute;left:12px;right:12px;bottom:-12px;height:118px;border-radius:8px 8px 0 0;background:#f5f6f8;padding:9px}.fake-browser i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c6c8cd;margin-right:3px}.fake-browser b{display:block;height:75px;margin-top:8px;border-radius:6px;background:#dfe2e8}.v16-template-grid h3,.v16-project-grid h3{font-size:9px;margin:10px 2px 4px}.v16-template-grid p,.v16-project-grid p{font-size:6px;color:#6f7b90;margin:0 2px 9px}.v16-template-grid footer,.v16-project-grid footer{display:flex;justify-content:space-between;align-items:center}.v16-template-grid button,.v16-template-grid footer a{height:27px;padding:0 8px;border:1px solid #2b3348;border-radius:7px;background:#121722;color:#9aa5ba;font-size:6px;text-decoration:none;display:flex;align-items:center}.v16-template-grid footer a{background:#5f39ae;color:#fff;border:0}.v16-create-card{min-height:218px;display:grid;place-content:center;text-align:center}.v16-create-card i{font-style:normal;font-size:32px;color:#9268e9}.v16-create-card b{font-size:10px;margin-top:9px}.v16-create-card span{font-size:7px;color:#6f7b90;margin-top:4px}.project-big-thumb{display:flex;align-items:end}.project-big-thumb span{font-size:8px;letter-spacing:.14em}.v16-agent-list,.v16-db-list,.v16-team-list{display:grid;gap:8px}.v16-agent-list article{min-height:67px;padding:10px;border:1px solid #242b3d;border-radius:9px;background:#0e131d;display:grid;grid-template-columns:40px 1fr auto auto 55px;gap:10px;align-items:center}.agent-avatar{width:38px;height:38px;border-radius:10px;background:#211b3a;color:#a26ef0;display:grid;place-items:center}.v16-agent-list h3{font-size:9px;margin:0}.v16-agent-list p{font-size:6px;color:#68748a;margin:3px 0 0}.v16-agent-list .status{font-size:6px;color:#52dca0}.v16-agent-list small{font-size:6px;color:#6e7a91}.v16-agent-list button{height:26px;border:1px solid #2a3248;border-radius:6px;background:#121722;color:#99a4b8;font-size:6px}.v16-db-list article{min-height:54px;padding:9px 12px;border:1px solid #242b3e;border-radius:9px;background:#0f141e;display:grid;grid-template-columns:28px 1.2fr 1fr .7fr .6fr 20px;gap:8px;align-items:center}.dbicon{font-size:16px;color:#91aaff}.v16-db-list b{font-size:8px}.v16-db-list small,.v16-db-list em{font-size:7px;color:#7d889e;font-style:normal}.v16-db-list i{font-size:6px;color:#52dca0;font-style:normal}.v16-db-list button{border:0;background:transparent;color:#68748a}.v16-db-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.v16-db-bottom article{padding:20px;border:1px solid #242b3e;border-radius:11px;background:#0e131d}.v16-db-bottom small{font-size:7px;letter-spacing:.15em;color:#8769d1}.v16-db-bottom h2{font-size:17px}.v16-db-bottom p{font-size:8px;color:#748097;line-height:1.6}.v16-db-bottom button{height:29px;border:1px solid #2b3348;border-radius:7px;background:#141a27;color:#a4aec0;font-size:7px}.v16-chart{margin-top:12px;border:1px solid #242b3e;border-radius:11px;background:#0e131d;overflow:hidden}.v16-chart>header{height:42px;padding:0 12px;border-bottom:1px solid #232a3d;display:flex;align-items:center;justify-content:space-between;font-size:8px}.v16-chart header span{color:#52dca0;font-size:6px}.chart-grid{height:360px;position:relative;padding:20px}.chart-grid>i{position:absolute;inset:20px;background:repeating-linear-gradient(0deg,transparent 0 68px,#ffffff07 68px 69px)}.chart-grid svg{width:100%;height:100%;position:relative}.v16-team-list article{min-height:61px;padding:9px 12px;border:1px solid #242b3e;border-radius:9px;background:#0e131d;display:grid;grid-template-columns:38px 1fr auto 25px;gap:10px;align-items:center}.v16-team-list>article>i{width:36px;height:36px;border-radius:50%;background:#cfaa93;color:#222631;display:grid;place-items:center;font-style:normal;font-size:7px}.v16-team-list b,.v16-team-list small{display:block}.v16-team-list b{font-size:8px}.v16-team-list small{font-size:6px;color:#6d788f}.v16-team-list span{font-size:7px;padding:4px 7px;border-radius:6px;background:#171d28;color:#a0aabc}.v16-team-list button{border:0;background:transparent;color:#6c788f}.v16-settings{display:grid;grid-template-columns:180px 1fr;border:1px solid #242b3e;border-radius:11px;background:#0e131d;overflow:hidden}.v16-settings>nav{padding:10px;border-right:1px solid #232a3d;display:grid;align-content:start;gap:4px}.v16-settings>nav button{height:34px;border:0;border-radius:7px;background:transparent;color:#7e899e;text-align:left;padding:0 9px;font-size:7px}.v16-settings>nav button.active{background:#281850;color:#fff}.v16-settings>main{padding:22px}.v16-settings h2{font-size:16px;margin:0 0 13px}.setting-row{min-height:72px;border-bottom:1px solid #232a3d;display:grid;grid-template-columns:1fr 270px;gap:15px;align-items:center}.setting-row b,.setting-row small{display:block}.setting-row b{font-size:8px}.setting-row small{font-size:6px;color:#657188;margin-top:3px}.setting-row input,.setting-row select{height:34px;border:1px solid #293147;border-radius:7px;background:#0b1018;color:#a9b3c5;padding:0 9px;font-size:7px}.inline-input{display:flex;gap:5px}.inline-input input{flex:1}.inline-input button{height:34px;border:1px solid #49307d;border-radius:7px;background:#1d1831;color:#aa8ae5;font-size:6px}.v16-ai-diagnostic{margin-top:14px;padding:13px;border:1px solid #30284a;border-radius:9px;background:#121221;display:flex;align-items:center;justify-content:space-between}.v16-ai-diagnostic>div{display:flex;align-items:center;gap:9px}.v16-ai-diagnostic i{font-style:normal;width:34px;height:34px;border-radius:9px;background:#281e49;color:#aa7bea;display:grid;place-items:center}.v16-ai-diagnostic b,.v16-ai-diagnostic small{display:block}.v16-ai-diagnostic b{font-size:8px}.v16-ai-diagnostic small{font-size:6px;color:#6c7890;margin-top:3px}.v16-ai-diagnostic button{height:28px;border:0;border-radius:7px;background:#6b41c6;color:#fff;font-size:6px;padding:0 9px}
/* studio integration */
.studio-app .studio{height:100vh}.studio-app .appside{display:none}.studio-app{grid-template-columns:225px minmax(0,1fr)}.studio-app>.v16-side{display:flex}.studio-app .v10utility{top:9px;right:12px}
@media(max-width:1100px){.v16-mini-features{grid-template-columns:repeat(3,1fr)}.v16-mini-features article:nth-child(3){border-right:0}.v16-hero{grid-template-columns:1fr}.v16-hero-copy{text-align:center}.v16-hero-copy>p{margin:auto}.v16-hero-btns,.v16-socialproof{justify-content:center}.v16-product-grid>article.large{grid-template-columns:1fr}.v16-template-grid,.v16-project-grid{grid-template-columns:repeat(2,1fr)}.v16-dash-grid{grid-template-columns:1fr}}
@media(max-width:760px){.v16-navlinks{display:none}.v16-nav{padding:0 16px}.v16-hero{padding:55px 18px 45px}.v16-hero h1{font-size:48px}.v16-logo-stage{height:360px}.v16-mini-features{grid-template-columns:1fr 1fr;margin:0 18px 60px}.v16-product{padding:55px 18px}.v16-section-head h2{font-size:36px}.v16-product-grid{grid-template-columns:1fr}.v16-product-grid>article.large{grid-column:auto}.v16-auth{grid-template-columns:1fr;padding:80px 16px 24px}.v16-auth-art{display:none}.v16-auth-card h1{font-size:38px}.v16-oauth{grid-template-columns:1fr}.v16-app{grid-template-columns:1fr}.v16-side{display:none}.v16-content{padding:14px}.v16-metrics,.v16-quick-actions,.v16-template-grid,.v16-project-grid,.v16-db-bottom{grid-template-columns:1fr}.v16-settings{grid-template-columns:1fr}.v16-settings>nav{display:none}.setting-row{grid-template-columns:1fr;padding:10px 0}.v16-agent-list article{grid-template-columns:38px 1fr auto}.v16-agent-list small,.v16-agent-list button{display:none}.v16-db-list article{grid-template-columns:28px 1fr auto}.v16-db-list small,.v16-db-list em,.v16-db-list button{display:none}}


/* ============================
   VEYRA V17 — complete replica pass
   Larger type, wider spacing, closer to approved mockup
   ============================ */
html{font-size:16px}
.v17-app,.v16-app{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr);background:#060a12;color:#f5f7ff}
.v16-side{padding:24px 14px 16px;border-right:1px solid rgba(151,167,206,.14);background:linear-gradient(180deg,#0b1020 0%,#090d19 100%)}
.v16-side-brand{height:56px;gap:12px;padding:0 10px}.v16-side-brand img{width:34px;height:34px}.v16-side-brand b{font-size:18px;letter-spacing:.16em}
.v16-new{height:48px;margin:14px 4px 22px;border-radius:14px;font-size:15px;font-weight:800;box-shadow:0 18px 48px rgba(117,85,255,.24);background:linear-gradient(135deg,#8357ff,#5f77ff)}
.v16-side nav{gap:7px}.v16-side nav a{height:46px;padding:0 14px;border-radius:13px;font-size:15px;gap:12px}.v16-side nav a i{width:20px}.v16-side nav a:hover,.v16-side nav a.active{background:linear-gradient(90deg,rgba(101,80,255,.28),rgba(101,80,255,.08));box-shadow:inset 0 0 0 1px rgba(118,93,255,.16)}
.v16-plan{margin:18px 4px 14px;padding:16px;border-radius:16px}.v16-plan small{font-size:10px}.v16-plan b{font-size:18px;margin-top:8px}.v16-plan p{font-size:13px;line-height:1.6}.v16-plan a{height:38px;margin-top:10px;border-radius:11px;font-size:13px}
.v16-user{grid-template-columns:44px minmax(0,1fr) 28px;gap:10px;padding:12px;border-radius:16px}.v16-user img,.v16-user>i{width:44px;height:44px}.v16-user>i{font-size:14px}.v16-user b{font-size:14px}.v16-user small{font-size:12px}.v16-user>a{font-size:16px}

.v17-main,.v16-main{min-width:0;min-height:100vh;overflow:auto;background:radial-gradient(circle at top center, rgba(102,77,255,.12), transparent 34%), #070b14}
.v17-top,.v16-top{min-height:88px;padding:18px 28px;border-bottom:1px solid rgba(151,167,206,.12);display:flex;align-items:center;justify-content:space-between;background:rgba(10,14,24,.9);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}
.v17-top small,.v16-top small{font-size:11px;letter-spacing:.2em;color:#9b87ff}.v17-top h1,.v16-top h1{font-size:34px;line-height:1.05;margin:6px 0 0;font-weight:800}
.v17-top-actions,.v16-top-actions{display:flex;gap:10px}.v17-top button,.v16-top button,.v16-top-actions a,.v17-top-actions a,.v16-top-primary{height:42px;padding:0 16px;border-radius:12px;font-size:14px;border:1px solid #2a334a;background:#111827;color:#c6d2ea;text-decoration:none;display:flex;align-items:center;justify-content:center}
.v17-top-actions a,.v16-top-actions a,.v16-top-primary{border:0;background:linear-gradient(135deg,#7a54ff,#5e75ff);color:#fff;font-weight:700}

.v17-content,.v16-content{padding:30px}
.v17-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:22px;align-items:stretch;margin-bottom:22px}
.v17-hero-copy,.v17-hero-preview{border:1px solid rgba(141,155,194,.12);border-radius:26px;background:linear-gradient(180deg,rgba(15,20,34,.94),rgba(9,12,22,.98));box-shadow:0 30px 80px rgba(0,0,0,.28)}
.v17-hero-copy{padding:32px}.v17-hero-copy small{font-size:12px;letter-spacing:.2em;color:#a58fff}.v17-hero-copy h2{font-size:56px;line-height:1.02;letter-spacing:-.05em;margin:14px 0 14px}.v17-hero-copy p{font-size:17px;line-height:1.8;color:#98a6c5;max-width:720px}
.v17-hero-actions{display:flex;gap:12px;margin-top:22px}.v17-hero-actions a{height:50px;padding:0 18px;border-radius:14px;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700}.v17-hero-actions a:first-child{background:linear-gradient(135deg,#7d57ff,#6078ff);color:#fff;box-shadow:0 18px 44px rgba(110,88,255,.23)}.v17-hero-actions a:last-child{background:#121827;color:#d9e4ff;border:1px solid #2a3349}
.v17-proof{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.v17-proof span{padding:10px 14px;border-radius:999px;background:#0d1321;border:1px solid rgba(126,141,180,.14);font-size:13px;color:#8fa0c3}.v17-proof b{color:#fff;margin-right:6px}
.v17-hero-preview{padding:18px}.v17-preview-window{height:100%;border-radius:22px;overflow:hidden;border:1px solid rgba(132,146,183,.13);background:#090d17}.v17-preview-window header{height:46px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(143,157,191,.12);color:#96a4c1;font-size:13px}.v17-preview-window header i{width:10px;height:10px;border-radius:50%;background:#7a56ff}.v17-preview-window header i:nth-child(2){background:#4b7bff}.v17-preview-window header i:nth-child(3){background:#2fd0a2}.v17-preview-window header span{margin-left:8px}
.v17-preview-body{display:grid;grid-template-columns:180px 1fr;min-height:320px}.v17-preview-body aside{padding:18px;border-right:1px solid rgba(143,157,191,.12);display:grid;align-content:start;gap:10px;background:linear-gradient(180deg,#0d1220,#0a0f1b)}.v17-preview-body aside b{font-size:15px}.v17-preview-body aside span{font-size:13px;color:#8fa0c3;padding:10px 12px;border-radius:12px;background:#111728;border:1px solid rgba(143,157,191,.08)}
.v17-preview-body main{padding:18px}.v17-preview-card{height:110px;border-radius:18px;background:linear-gradient(135deg,rgba(126,87,255,.35),rgba(70,119,255,.18));border:1px solid rgba(122,112,255,.22)}.v17-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.v17-preview-grid i{display:block;height:120px;border-radius:18px;background:#101624;border:1px solid rgba(143,157,191,.08)}

.v17-metrics,.v16-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:0;margin-bottom:18px}.v17-metrics article,.v16-metrics article{padding:22px;border:1px solid rgba(140,154,191,.12);border-radius:18px;background:linear-gradient(180deg,#0f1523,#0c111d)}
.v17-metrics span,.v16-metrics span,.v17-metrics b,.v16-metrics b,.v17-metrics small,.v16-metrics small{display:block}.v17-metrics span,.v16-metrics span{font-size:13px;color:#8d9bb8}.v17-metrics b,.v16-metrics b{font-size:42px;line-height:1;margin:10px 0 10px}.v17-metrics small,.v16-metrics small{font-size:12px;color:#54d89d}
.v17-grid,.v16-dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:0}.v17-panel,.v16-panel{border:1px solid rgba(141,155,194,.12);border-radius:20px;background:linear-gradient(180deg,#0f1523,#0b101a);overflow:hidden}
.v17-panel>header,.v16-panel>header{height:56px;padding:0 18px;border-bottom:1px solid rgba(141,155,194,.1);display:flex;align-items:center;justify-content:space-between}.v17-panel>header b,.v16-panel>header b{font-size:16px}.v17-panel>header a,.v16-panel>header a{font-size:13px;color:#ad8eff;text-decoration:none}
.v17-project-list article,.v16-project-list article{min-height:78px;padding:14px 18px;display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid rgba(141,155,194,.08)}
.v17-project-list .thumb,.mini-thumb{height:56px;border-radius:16px}.thumb.purple,.mini-thumb.purple{background:linear-gradient(135deg,#8a5cff,#372356)}.thumb.blue,.mini-thumb.blue{background:linear-gradient(135deg,#4d86ff,#1d2f5e)}.thumb.gold,.mini-thumb.gold{background:linear-gradient(135deg,#e6bf73,#47341c)}.thumb.violet,.mini-thumb.violet{background:linear-gradient(135deg,#aa63f4,#2f214a)}
.v17-project-list b,.v16-project-list b{display:block;font-size:15px}.v17-project-list small,.v16-project-list small{display:block;font-size:13px;line-height:1.5;color:#8291b0;margin-top:4px}.v17-project-list a,.v16-project-list a,.v16-project-list span{font-size:13px;color:#c1d1f3;text-decoration:none;padding:10px 14px;border-radius:12px;background:#121827;border:1px solid rgba(141,155,194,.1)}
.v17-activity,.v16-activity{padding:4px 0}.v17-activity p,.v16-activity p{min-height:72px;display:grid;grid-template-columns:10px 1fr auto;gap:14px;align-items:center;border-bottom:1px solid rgba(141,155,194,.08);margin:0;padding:0 18px}.v17-activity p b,.v16-activity p b{font-size:15px}.v17-activity p span,.v16-activity p span{font-size:12px;color:#7d8aaa}.v17-activity p i,.v16-activity p i{width:10px;height:10px;border-radius:50%}
.v16-activity .green,.v17-activity .green{background:#54da9f}.v16-activity .purple,.v17-activity .purple{background:#9455ed}.v16-activity .orange,.v17-activity .orange{background:#d99b55}.v16-activity .blue,.v17-activity .blue{background:#5b7fec}
.v17-quick-actions,.v16-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.v17-quick-actions a,.v16-quick-actions a{min-height:132px;padding:22px;border:1px solid rgba(141,155,194,.12);border-radius:20px;background:linear-gradient(180deg,#0f1523,#0b101a);text-decoration:none;color:#fff}
.v17-quick-actions i,.v16-quick-actions i{font-style:normal;font-size:22px;color:#9d78ff}.v17-quick-actions b,.v16-quick-actions b,.v17-quick-actions span,.v16-quick-actions span{display:block}.v17-quick-actions b,.v16-quick-actions b{font-size:16px;margin-top:18px}.v17-quick-actions span,.v16-quick-actions span{font-size:13px;color:#7e8dad;margin-top:6px;line-height:1.6}

/* broader app page font fixes */
.v16-template-tools input{width:300px;height:42px;border-radius:12px;font-size:14px;padding:0 14px}.v16-template-tools button{height:38px;padding:0 12px;border-radius:10px;font-size:13px}
.v16-template-grid,.v16-project-grid,.v16-agent-grid,.v16-db-grid,.v16-deploy-grid,.v16-team-grid,.v16-settings-grid{gap:18px}
.v16-template-grid article,.v16-project-grid article,.v16-agent-grid article,.v16-db-grid article,.v16-deploy-grid article,.v16-team-grid article,.v16-settings-grid article{border-radius:20px}
.v16-template-grid h3,.v16-project-grid h3,.v16-agent-grid h3,.v16-db-grid h3,.v16-deploy-grid h3,.v16-team-grid h3,.v16-settings-grid h3{font-size:20px}
.v16-template-grid p,.v16-project-grid p,.v16-agent-grid p,.v16-db-grid p,.v16-deploy-grid p,.v16-team-grid p,.v16-settings-grid p{font-size:14px;line-height:1.7}
.v16-template-grid button,.v16-project-grid button,.v16-agent-grid button,.v16-db-grid button,.v16-deploy-grid button,.v16-team-grid button,.v16-settings-grid button{height:40px;border-radius:11px;font-size:13px}

@media (max-width: 1350px){
 .v17-hero,.v17-grid,.v16-dash-grid{grid-template-columns:1fr}
 .v17-hero-preview{min-height:420px}
 .v17-metrics,.v16-metrics,.v17-quick-actions,.v16-quick-actions{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 920px){
 .v17-app,.v16-app{grid-template-columns:1fr}
 .v16-side{display:none}
 .v17-top,.v16-top{padding:16px 18px;flex-wrap:wrap;gap:12px}
 .v17-content,.v16-content{padding:18px}
 .v17-hero-copy h2{font-size:42px}
 .v17-metrics,.v16-metrics,.v17-quick-actions,.v16-quick-actions{grid-template-columns:1fr}
 .v17-top-actions,.v16-top-actions{width:100%;flex-wrap:wrap}
}


/* ============================
   VEYRA V18 — studio scale + font pass
   Fix tiny text, enlarge every panel, make studio feel premium
   ============================ */
:root{
  --vbg:#060a13;
  --vpanel:#0d1320;
  --vpanel2:#101726;
  --vborder:rgba(151,167,206,.12);
  --vtext:#f4f7ff;
  --vmuted:#9aa8c5;
  --vmuted2:#7d8aa7;
  --vpurple:#8a60ff;
  --vblue:#5c7dff;
  --vgrad:linear-gradient(135deg,#8c61ff 0%, #6a69ff 48%, #5980ff 100%);
}
body{background:var(--vbg); color:var(--vtext)}
.v16-side-brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(130,101,255,.45))}
.v16-side-brand b{font-size:22px;letter-spacing:.14em}
.v16-side nav a{font-size:17px;height:54px}
.v16-side nav a i{font-size:16px}
.v16-plan small{font-size:11px}.v16-plan b{font-size:30px;line-height:1.1}.v16-plan p{font-size:14px}.v16-plan a{height:42px;font-size:14px}
.v16-user b{font-size:15px}.v16-user small{font-size:12px}

.studio-app{grid-template-columns:285px minmax(0,1fr)!important}
.studio-app .v10utility{top:14px;right:20px;height:44px;padding:4px 5px;border-radius:14px;border:1px solid var(--vborder);background:rgba(10,15,25,.9);backdrop-filter:blur(16px);box-shadow:0 14px 46px rgba(0,0,0,.3)}
.studio-app .v10utility button,.studio-app .v10utility a{height:34px;padding:0 12px;border-radius:10px;font-size:12px;background:#131b2b;color:#b9c6e4}
.studio-app .v10utility button span{font-size:11px;padding:2px 6px}

.studio{height:100vh!important;grid-template-rows:72px minmax(0,1fr) 40px;background:radial-gradient(circle at top center, rgba(129,97,255,.09), transparent 36%), #070b14}
.apptop{padding:0 18px;height:72px;border-bottom:1px solid var(--vborder);background:rgba(10,15,25,.88);backdrop-filter:blur(14px)}
.apptop>div:first-child button{font-size:18px;font-weight:800;color:#fff;letter-spacing:-.03em}
.apptop small{font-size:12px;color:#72ce9d;display:inline-block;margin-left:8px}
.studio-tabs{padding:4px;border-radius:14px;border:1px solid var(--vborder);background:#0c111b;gap:4px}
.studio-tabs button{height:38px;padding:0 16px;border-radius:11px;font-size:13px;font-weight:700;color:#92a0bf}
.studio-tabs .active{background:var(--vgrad);color:#fff;box-shadow:0 8px 26px rgba(118,94,255,.2)}
.apptop>div:last-child{gap:8px}
.apptop>div:last-child button{height:40px;padding:0 14px;border-radius:12px;background:#131a2a;border:1px solid var(--vborder);font-size:13px;color:#d6e0f8}
.apptop .purple{background:var(--vgrad)!important;color:#fff!important;box-shadow:0 14px 34px rgba(118,94,255,.22)}

.studiobody{grid-template-columns:380px minmax(540px,1fr) 320px!important}
.chatpanel,.quality{background:linear-gradient(180deg,#0b1019,#0a0f18)}
.chatpanel{border-right:1px solid var(--vborder)}
.quality{border-left:1px solid var(--vborder)}
.chathead{height:58px;padding:0 18px;border-bottom:1px solid var(--vborder)}
.chathead span{width:10px;height:10px}
.chathead b{font-size:15px}.chathead small{font-size:12px;color:var(--vmuted2)}.chathead a{font-size:12px}
.messages{padding:20px}
.aimsg{gap:14px}
.chatorb{width:42px;height:42px;flex:0 0 42px}.chatorb:before{inset:7px}.chatorb i:before{box-shadow:0 0 0 3px rgba(105,89,255,.2),0 0 24px rgba(120,98,255,.32)}
.aimsg b{font-size:16px}.aimsg p{font-size:16px;line-height:1.75;color:var(--vmuted);margin-top:6px;max-width:29rem}
.quickprompts{gap:10px;margin-top:18px}.quickprompts button{min-height:64px;padding:14px;border-radius:14px;font-size:13px;line-height:1.5;color:#d5def4;background:#121928;border:1px solid rgba(123,136,175,.16)}
.usermsg{padding:14px 16px;border-radius:18px 18px 8px 18px;font-size:15px;line-height:1.6;background:linear-gradient(135deg,rgba(125,91,255,.16),rgba(69,116,255,.12));border:1px solid rgba(120,95,255,.22)}
.building{margin:0 16px 12px;padding:14px;border-radius:16px;grid-template-columns:30px 1fr;gap:12px;border:1px solid rgba(117,93,255,.25);background:linear-gradient(180deg,#171328,#131827)}
.building>i{width:28px;height:28px;border-width:3px}.building b{font-size:13px}.building span{font-size:12px;color:var(--vmuted)}.buildbars{gap:6px}.buildbars em{height:4px;border-radius:999px}
.promptbox{margin:0 16px 16px;padding:12px 12px 10px;border-radius:18px;border:1px solid rgba(123,136,175,.18);background:linear-gradient(180deg,#101624,#0d1320);box-shadow:0 18px 44px rgba(0,0,0,.24)}
.promptbox textarea{min-height:88px;max-height:180px;padding:10px;font-size:15px;line-height:1.6;color:#fff}
.promptbox>div:nth-child(2){display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.promptbox>div:nth-child(2) span{display:flex;gap:8px;flex-wrap:wrap}
.promptbox>div:nth-child(2) button{height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--vborder);background:#131a2a;color:#aeb9d2;font-size:12px}
.promptbox .send{width:48px;height:48px;border:0;border-radius:14px;background:var(--vgrad)!important;color:#fff!important;font-size:17px;box-shadow:0 14px 34px rgba(118,94,255,.22)}
.listening{margin-top:10px;padding:12px 14px;border-radius:14px;background:#121928;border:1px solid var(--vborder);display:grid;grid-template-columns:auto 1fr auto auto auto auto;gap:10px;align-items:center}
.listening b{width:12px;height:12px;border-radius:50%;background:#4fd3a6;display:block}.listening span{font-size:13px}.listening i{width:6px;height:18px;border-radius:99px;background:var(--vgrad);display:block}.listening button{height:34px;padding:0 10px;border-radius:10px}

.resultpanel{min-width:0;background:#070b14}
.resultbar{height:58px;padding:0 18px;border-bottom:1px solid var(--vborder);display:flex;align-items:center;justify-content:space-between;background:rgba(10,15,25,.65)}
.resultbar>div{display:flex;gap:8px;align-items:center}.resultbar button{height:36px;min-width:36px;padding:0 12px;border-radius:10px;border:1px solid var(--vborder);background:#12192a;color:#aeb9d2;font-size:13px}.resultbar .active{background:var(--vgrad);border:0;color:#fff}.resultbar span{font-size:13px;color:#9cabca}.resultbar span b{color:#fff;font-weight:700}
.view{height:calc(100% - 58px)}
.iframewrap{height:100%;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at center, rgba(111,88,255,.09), transparent 30%), #090d17}
.iframewrap.desktop iframe{width:min(1100px,100%);height:92%;border-radius:28px;background:white;box-shadow:0 40px 120px rgba(0,0,0,.42)}
.iframewrap.tablet iframe{width:min(820px,88%);height:88%;border-radius:28px;background:white;box-shadow:0 40px 120px rgba(0,0,0,.42)}
.iframewrap.mobile iframe{width:min(380px,72%);height:86%;border-radius:28px;background:white;box-shadow:0 40px 120px rgba(0,0,0,.42)}
#empty{display:grid;place-items:center;text-align:center;height:100%;padding:36px;background:radial-gradient(circle at center, rgba(120,92,255,.14), transparent 22%), radial-gradient(circle at 30% 20%, rgba(84,117,255,.11), transparent 18%), #090d17}
#empty h2{font-size:34px;line-height:1.1;margin:18px 0 10px;letter-spacing:-.03em}
#empty p{font-size:16px;color:var(--vmuted);max-width:520px;line-height:1.7}
.emptyorb{width:78px;height:78px}.emptyorb:before{inset:12px}.emptyorb i:before{box-shadow:0 0 0 6px rgba(105,89,255,.18),0 0 38px rgba(120,98,255,.35)}
.codebar{height:56px;padding:0 16px;border-bottom:1px solid var(--vborder);display:flex;align-items:center;justify-content:space-between;background:#0b1019}.codebar>div{display:flex;gap:8px}.codebar button{height:36px;padding:0 14px;border-radius:11px;font-size:13px;border:1px solid var(--vborder);background:#141b2b;color:#aeb9d2}.codebar .active{background:var(--vgrad);color:#fff;border:0}
#code{height:calc(100% - 56px);padding:22px;font-size:14px;line-height:1.7;color:#cfddf7;overflow:auto}
.structure{height:100%;display:grid;grid-template-columns:300px 1fr;gap:16px;padding:16px}.structure article{border:1px solid var(--vborder);border-radius:18px;background:#0f1523}.structure header{height:50px;padding:0 16px;font-size:14px;border-bottom:1px solid var(--vborder)}.structure header button{height:32px;padding:0 12px;border-radius:10px;background:#151d2e;border:1px solid var(--vborder);color:#aeb9d2}
.structure article>div{padding:16px;font-size:14px;color:var(--vmuted);line-height:1.7}.fileitem{padding:10px 12px;border-radius:12px}
.datastudio{height:100%;display:grid;grid-template-columns:180px 1fr}.datastudio aside{padding:14px;gap:8px}.datastudio aside button,.datastudio aside a{height:40px;padding:0 12px;border-radius:12px;font-size:13px}.datastudio main header{height:56px;padding:0 16px;border-bottom:1px solid var(--vborder);display:flex;align-items:center;justify-content:space-between}.datastudio main header b{font-size:16px}.datastudio main header button{height:36px;padding:0 12px;border-radius:10px;border:0;background:var(--vgrad);color:#fff}
.datastudio table{width:100%;border-collapse:collapse;font-size:14px}.datastudio th,.datastudio td{padding:14px 16px;border-bottom:1px solid rgba(141,155,194,.08);text-align:left}.datastudio th{font-size:12px;color:#97a4c0;text-transform:uppercase;letter-spacing:.08em}.datastudio td span{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(84,216,159,.14);color:#5ce0a5;font-size:12px}

.qualitytabs{height:58px;padding:0 12px;border-bottom:1px solid var(--vborder);align-items:end}.qualitytabs button,.qualitytabs a{height:42px;padding:0 14px;font-size:13px;border-bottom-width:2px}.quality section{margin:14px;padding:16px;border-radius:18px;border:1px solid rgba(123,136,175,.16);background:linear-gradient(180deg,#101624,#0d1320)}
.quality header b{font-size:16px}.quality header strong{font-size:24px}.quality section>p:not(.subcopy){padding:8px 0;font-size:14px}.quality section>p b{font-size:14px}
.quality header button,.quality header a{height:32px;padding:0 12px;border-radius:10px;font-size:12px}.quality header small{font-size:10px}.subcopy{font-size:13px;line-height:1.7}.autofix{height:40px;border-radius:12px;font-size:13px}

.appstatus{height:40px;padding:0 14px;border-top:1px solid var(--vborder);font-size:12px}.appstatus>div:nth-child(2){gap:6px}.appstatus button{height:28px;padding:0 10px;border-radius:8px;font-size:11px;color:#8d9abb}
.command>div{width:min(680px,calc(100% - 30px));padding:10px;border-radius:18px}.command input{height:52px;font-size:15px;padding:0 12px}.command button{height:42px;padding:0 12px;border-radius:10px;font-size:14px}

/* overall page scaling for other screens */
.apppage{background:radial-gradient(circle at top center, rgba(126,96,255,.09), transparent 30%), #080d16}
.pagehead{padding:54px 54px 30px}.pagehead small{font-size:12px}.pagehead h1{font-size:54px;letter-spacing:-.05em}.pagehead p{font-size:16px;line-height:1.7}.pagehead a,.pagehead button{height:44px;padding:0 16px;font-size:14px;border-radius:12px}
.pagecontent{padding:30px 54px}.pagehero{min-height:180px;padding:28px;border-radius:24px}.pagehero>span{width:72px;height:72px;font-size:30px}.pagehero b{font-size:26px}.pagehero p{font-size:15px;line-height:1.7}.pagehero button{height:40px;font-size:14px;border-radius:12px}
.v16-template-grid,.v16-project-grid,.v16-agent-grid,.v16-db-grid,.v16-deploy-grid,.v16-team-grid,.v16-settings-grid{gap:20px}.v16-template-grid article,.v16-project-grid article,.v16-agent-grid article,.v16-db-grid article,.v16-deploy-grid article,.v16-team-grid article,.v16-settings-grid article{padding:22px;border:1px solid var(--vborder);border-radius:22px;background:linear-gradient(180deg,#101624,#0d1320)}
.v16-template-grid h3,.v16-project-grid h3,.v16-agent-grid h3,.v16-db-grid h3,.v16-deploy-grid h3,.v16-team-grid h3,.v16-settings-grid h3{font-size:24px;line-height:1.2;margin-bottom:10px}.v16-template-grid p,.v16-project-grid p,.v16-agent-grid p,.v16-db-grid p,.v16-deploy-grid p,.v16-team-grid p,.v16-settings-grid p{font-size:15px;line-height:1.75;color:var(--vmuted)}
.v16-template-grid button,.v16-project-grid button,.v16-agent-grid button,.v16-db-grid button,.v16-deploy-grid button,.v16-team-grid button,.v16-settings-grid button{height:40px;padding:0 14px;border-radius:12px;font-size:13px}
.v16-auth-card h1{font-size:64px;line-height:1.02;letter-spacing:-.05em}.v16-auth-card p{font-size:18px;line-height:1.7}.v16-auth-card label{font-size:13px}.v16-auth-card input{height:58px;font-size:16px;padding:0 16px;border-radius:16px}.v16-auth-submit{height:58px;font-size:18px;border-radius:16px}.v16-oauth{gap:14px}.v16-oauth a{height:56px;font-size:16px;border-radius:16px}

@media (max-width: 1540px){
  .studiobody{grid-template-columns:340px minmax(0,1fr) 300px!important}
}
@media (max-width: 1300px){
  .studiobody{grid-template-columns:320px minmax(0,1fr)!important}
  .quality{display:none}
}
@media (max-width: 980px){
  .studio-app{grid-template-columns:1fr!important}
  .studio-app>.v16-side{display:none!important}
  .studio{grid-template-rows:68px minmax(0,1fr) 40px}
  .apptop{grid-template-columns:1fr;gap:10px;padding:12px;height:auto}
  .studiobody{grid-template-columns:1fr!important}
  .chatpanel{max-height:460px}
  .studio-app .v10utility{display:none}
  .pagehead{padding:34px 20px 20px}.pagecontent{padding:20px}
}

/* ===== VEYRA V19 — detailed AI change reports ===== */
.aimsg{align-items:flex-start}
.airesponse{min-width:0;flex:1}
.airesponse>p{white-space:pre-wrap}
.changebox{margin-top:15px;border:1px solid rgba(132,147,190,.18);border-radius:15px;background:linear-gradient(180deg,#111827,#0d1421);overflow:hidden}
.changebox-title{padding:11px 13px;border-bottom:1px solid rgba(132,147,190,.13);font-size:12px;font-weight:800;letter-spacing:.04em;color:#aebaf1;text-transform:uppercase}
.changefile{padding:12px 13px;border-bottom:1px solid rgba(132,147,190,.09)}
.changefile:last-child{border-bottom:0}
.changefile>div{display:flex;align-items:center;justify-content:space-between;gap:10px}
.changefile code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;color:#e6ebff}
.changefile span{padding:4px 7px;border-radius:999px;background:rgba(132,93,255,.14);color:#b69cff;font-size:10px;font-weight:700}
.changefile p{margin:6px 0 0!important;font-size:12px!important;line-height:1.55!important;color:#8594b2!important}
.nextsteps{margin-top:12px;padding:12px 14px;border:1px solid rgba(132,147,190,.13);border-radius:14px;background:#0f1624}
.nextsteps>b{font-size:12px!important;color:#cbd5ee}
.nextsteps ul{margin:8px 0 0;padding-left:18px;color:#8e9bb8}
.nextsteps li{font-size:12px;line-height:1.55;margin:4px 0}

/* ========================================================= VEYRA V20 — REACTIVE + SOCIAL PROOF ========================================================= */
.v20-site{--bg:#060911;--panel:#0d121d;--line:rgba(142,157,195,.14);position:relative;min-height:100vh;background:radial-gradient(circle at 50% -15%,rgba(112,75,220,.16),transparent 32%),radial-gradient(circle at 85% 25%,rgba(55,90,190,.08),transparent 24%),var(--bg);color:#f7f8ff;overflow:hidden}.v20-cursor-glow{position:fixed;z-index:0;width:440px;height:440px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(120,82,255,.10),transparent 65%);transform:translate(-50%,-50%);opacity:.75;filter:blur(10px)}.v20-site>*{position:relative;z-index:1}.v20-nav{height:82px;max-width:1420px;margin:auto;padding:0 30px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.055)}.v20-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.v20-brand img{width:40px;height:40px;filter:drop-shadow(0 0 18px rgba(124,86,255,.35))}.v20-brand b{font-size:18px;letter-spacing:.18em}.v20-brand small{display:block;margin-top:3px;color:#6e7890;font-size:8px;letter-spacing:.15em}.v20-links{display:flex;gap:32px;margin:auto}.v20-links a,.v20-nav-actions a{font-size:13px;text-decoration:none;color:#9ba6bb;transition:.2s}.v20-links a:hover,.v20-nav-actions a:hover{color:#fff}.v20-nav-actions{display:flex;gap:9px;align-items:center}.v20-nav-actions .ghost{padding:10px 13px}.v20-nav-actions .primary,.v20-main-cta{background:linear-gradient(135deg,#8a51ef,#5b79ff);color:#fff!important;border-radius:13px;box-shadow:0 14px 38px rgba(110,78,235,.24)}.v20-nav-actions .primary{padding:11px 15px;font-weight:700}.v20-hero{max-width:1420px;margin:auto;min-height:720px;padding:105px 30px 78px;display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.v20-pill{display:flex;align-items:center;gap:8px;width:max-content;padding:8px 11px;border:1px solid #342a53;border-radius:999px;background:#121124;color:#a98fe5;font-size:9px;letter-spacing:.15em}.v20-pill i{width:6px;height:6px;border-radius:50%;background:#a26dff;box-shadow:0 0 12px #a26dff}.v20-hero h1{font-size:74px;line-height:.98;letter-spacing:-.058em;margin:22px 0}.v20-hero h1 em{font-style:normal;background:linear-gradient(90deg,#b45fff,#6d7cff 55%,#5fc8ff);-webkit-background-clip:text;color:transparent}.v20-hero-copy>p{max-width:620px;font-size:18px;line-height:1.72;color:#a2adc1}.v20-hero-actions{display:flex;gap:10px;margin-top:30px}.v20-main-cta,.v20-watch{height:52px;padding:0 19px;display:inline-flex;align-items:center;justify-content:center;gap:26px;text-decoration:none;font-size:14px;font-weight:750}.v20-main-cta{border-radius:13px}.v20-main-cta:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(110,78,235,.34)}.v20-watch{border:1px solid #30394e;border-radius:13px;background:#0d121f;color:#d5d9e5}.v20-social-inline{display:flex;align-items:center;gap:15px;margin-top:26px}.faces{display:flex}.faces span{width:34px;height:34px;margin-left:-7px;border-radius:50%;border:2px solid #0a0e18;background:linear-gradient(135deg,#2a3554,#171c2d);display:grid;place-items:center;font-size:10px;color:#cbd3e4}.faces span:first-child{margin-left:0}.v20-social-inline b,.v20-social-inline small{display:block}.v20-social-inline b{font-size:11px}.v20-social-inline small{font-size:9px;color:#6e7991;margin-top:3px}.v20-hero-stage{position:relative}.v20-orbit{position:absolute;border-radius:50%;border:1px solid rgba(123,88,255,.12);pointer-events:none}.v20-orbit.one{width:780px;height:330px;left:-75px;bottom:-95px;box-shadow:0 0 75px rgba(111,70,240,.07)}.v20-orbit.two{width:520px;height:520px;right:-120px;top:-80px}.v20-main-product{position:relative;border:1px solid #34384c;border-radius:22px;background:#090e17;box-shadow:0 30px 100px rgba(0,0,0,.56),0 0 65px rgba(112,70,235,.14);overflow:hidden}.v20-main-product>header{height:52px;padding:0 15px;border-bottom:1px solid #222a3b;display:flex;align-items:center;gap:12px;background:#101421}.v20-main-product header b{font-size:11px}.v20-main-product header>span{margin-left:auto;color:#56dda4;font-size:8px}.dots{display:flex;gap:5px}.dots i{width:8px;height:8px;border-radius:50%;background:#7a5cff}.dots i:nth-child(2){background:#5a84ff}.dots i:nth-child(3){background:#4cd5a0}.v20-product-body{min-height:465px;display:grid;grid-template-columns:135px 1fr 185px}.v20-product-body>aside{padding:16px 11px;border-right:1px solid #22293a;background:#0c1019;display:flex;flex-direction:column;gap:6px}.v20-product-body>aside small{font-size:6px;color:#657087;letter-spacing:.13em}.v20-product-body>aside>b{font-size:9px;margin-bottom:8px}.v20-product-body>aside a{height:29px;padding:0 8px;display:flex;align-items:center;border-radius:7px;color:#6d7990;font-size:8px}.v20-product-body>aside a.on{background:#211944;color:#fff}.v20-product-body>section{padding:22px}.v20-prompt-demo{height:44px;padding:0 5px 0 12px;border:1px solid #293148;border-radius:10px;background:#0d121d;display:flex;align-items:center;justify-content:space-between;color:#657087;font-size:8px}.v20-prompt-demo button{height:32px;padding:0 11px;border:0;border-radius:8px;background:#241a48;color:#c2a7f3;font-size:8px}.v20-preview-demo{margin-top:14px;padding:15px;border:1px solid #252d42;border-radius:13px;background:#090d16}.mini-nav{height:14px;border-radius:6px;background:#171e2f}.mini-hero{height:140px;margin-top:11px;border-radius:10px;background:linear-gradient(145deg,#42246f,#18274f)}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:9px}.mini-grid i{height:72px;border-radius:7px;background:#141b2a}.v20-product-body>.right{border-left:1px solid #22293a;border-right:0}.right strong{font-size:30px;margin:12px 0 3px}.scorebar{height:4px;border-radius:99px;background:#232a3e;margin:8px 0 13px}.scorebar i{display:block;width:97%;height:100%;background:linear-gradient(90deg,#8a52ec,#5e80ff)}.right p{display:flex;justify-content:space-between;color:#77849a;font-size:7px}.right p b{color:#d5d9e4}.right button{height:34px;border:0;border-radius:9px;background:linear-gradient(135deg,#7545df,#4e7ce8);color:#fff;font-size:8px;margin-top:auto}.v20-proof-strip{max-width:1350px;margin:0 auto 100px;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #20273a;border-radius:18px;background:#0c111b;overflow:hidden}.v20-proof-strip article{padding:23px;text-align:center;border-right:1px solid #20273a}.v20-proof-strip article:last-child{border:0}.v20-proof-strip b,.v20-proof-strip span{display:block}.v20-proof-strip b{font-size:21px;color:#cbb6fb}.v20-proof-strip span{font-size:10px;color:#707c93;margin-top:5px}.v20-section,.v20-vouches,.v20-workflow{max-width:1350px;margin:auto;padding:90px 28px}.v20-section-head{max-width:850px}.v20-section-head small{font-size:9px;letter-spacing:.2em;color:#7f64cc}.v20-section-head h2{font-size:52px;line-height:1.05;letter-spacing:-.045em;margin:14px 0}.v20-section-head p{color:#8e99ae;font-size:15px;line-height:1.75}.v20-bento{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:35px}.v20-bento article{min-height:400px;border:1px solid #232b3f;border-radius:22px;background:linear-gradient(145deg,#0f1420,#0b1019);padding:30px;overflow:hidden}.v20-bento article.large{grid-column:1/-1;display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center}.v20-bento article small{font-size:8px;letter-spacing:.18em;color:#8066cf}.v20-bento h3{font-size:30px;line-height:1.15;margin:11px 0}.v20-bento p{font-size:13px;line-height:1.7;color:#8995ac}.reactive-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;transform-style:preserve-3d}.reactive-card:hover{border-color:#403660;box-shadow:0 20px 65px rgba(0,0,0,.32)}.visual{border:1px solid #252e44;border-radius:16px;background:#0a0e17;min-height:230px;padding:18px}.bubble{padding:13px;border-radius:13px;font-size:9px}.bubble.user{margin:10px 60px 10px 70px;background:#151b2d}.bubble.ai{display:flex;gap:10px;margin:16px 25px 0 0;color:#9aa5bb}.bubble.ai>span{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#241c48;color:#af8af0}.bubble.ai b{color:#fff}.bubble.ai p{margin:5px 0 0}.progress{display:flex;gap:5px;margin:25px 0 0 42px}.progress i{height:4px;flex:1;border-radius:99px;background:#41376a}.progress i:nth-child(-n+4){background:linear-gradient(90deg,#9a5eed,#587cff)}.property-demo{margin-top:25px;border:1px solid #252d42;border-radius:14px;overflow:hidden}.property-demo>div{height:53px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #22293a;color:#78849a;font-size:9px}.property-demo>div:last-child{border:0}.property-demo b{color:#d3d9e7}.qa-wheel{width:150px;height:150px;margin:30px auto 0;border-radius:50%;border:10px solid #7653cc;display:grid;place-content:center;text-align:center;box-shadow:0 0 40px rgba(118,83,204,.17)}.qa-wheel b{font-size:42px}.qa-wheel span{font-size:7px;color:#69758a;letter-spacing:.15em}.v20-vouches{padding-top:110px}.v20-vouch-marquee{margin-top:35px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.v20-vouch-track{display:flex;width:max-content;gap:12px;animation:vouchScroll 38s linear infinite}.v20-vouch-track:hover{animation-play-state:paused}@keyframes vouchScroll{to{transform:translateX(-50%)}}.vouch-card{width:340px;min-height:225px;padding:18px;border:1px solid #242c40;border-radius:17px;background:linear-gradient(145deg,#101522,#0c111a);box-shadow:0 16px 50px rgba(0,0,0,.22)}.vouch-card header{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.vouch-card .avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#513184,#24345d);font-size:10px}.vouch-card header b,.vouch-card header small{display:block}.vouch-card header b{font-size:10px}.vouch-card header small{font-size:7px;color:#69758c;margin-top:2px}.vouch-card header>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#193526;color:#62dda3;font-size:9px}.stars{color:#cfa84d;font-size:10px;letter-spacing:.14em;margin:16px 0 10px}.vouch-card>p{color:#a1acbf;font-size:10px;line-height:1.65}.vouch-card footer{display:flex;justify-content:space-between;margin-top:16px;color:#68758b;font-size:7px}.vouch-card footer>span{padding:4px 7px;border:1px solid #30364a;border-radius:999px}.v20-vouch-summary{margin:25px auto 0;max-width:760px;padding:20px 22px;border:1px solid #252d42;border-radius:16px;background:#0d121d;display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:center}.v20-vouch-summary strong{font-size:33px}.v20-vouch-summary span{display:block;font-size:8px;color:#6d7990}.summary-stars{color:#cfa84d;letter-spacing:.12em}.v20-vouch-summary p{margin:0;color:#7e8aa0;font-size:9px;line-height:1.6}.v20-workflow{padding-top:110px}.v20-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:10px;align-items:center;margin-top:35px}.v20-flow article{min-height:175px;padding:20px;border:1px solid #232b3f;border-radius:16px;background:#0e131f}.v20-flow article span{font-size:8px;color:#685598}.v20-flow article b{display:block;font-size:14px;margin:23px 0 8px}.v20-flow article p{color:#7e8aa1;font-size:9px;line-height:1.6}.v20-flow>i{font-style:normal;color:#4c5367}.v20-final{max-width:1050px;margin:70px auto 90px;padding:90px 30px;text-align:center;border:1px solid #282e44;border-radius:28px;background:radial-gradient(circle at 50% 45%,rgba(110,68,210,.16),transparent 40%),#0d121e}.v20-final img{width:70px;height:70px;filter:drop-shadow(0 0 24px rgba(126,89,255,.35))}.v20-final small{display:block;margin-top:22px;font-size:9px;letter-spacing:.18em;color:#7964bd}.v20-final h2{font-size:45px;letter-spacing:-.04em;margin:10px 0}.v20-final p{color:#8995ad;margin-bottom:24px}.v20-footer{max-width:1350px;margin:auto;padding:35px 28px 50px;border-top:1px solid #1f2638;display:flex;align-items:center;gap:25px;color:#6f7b91}.v20-footer>span{margin:auto;font-size:10px}.v20-footer>div{display:flex;gap:22px}.v20-footer>div a{color:#78849b;text-decoration:none;font-size:10px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.15s}@media(max-width:1100px){.v20-hero{grid-template-columns:1fr}.v20-hero-copy{text-align:center}.v20-pill{margin:auto}.v20-hero-copy>p{margin-left:auto;margin-right:auto}.v20-hero-actions,.v20-social-inline{justify-content:center}.v20-proof-strip{grid-template-columns:repeat(2,1fr);margin:0 18px 70px}.v20-bento{grid-template-columns:1fr}.v20-bento article.large{grid-column:auto;grid-template-columns:1fr}.v20-flow{grid-template-columns:1fr}.v20-flow>i{transform:rotate(90deg);text-align:center}}@media(max-width:760px){.v20-nav{padding:0 16px}.v20-links{display:none}.v20-brand small{display:none}.v20-hero{padding:65px 18px 45px}.v20-hero h1{font-size:48px}.v20-hero-actions{flex-direction:column}.v20-main-cta,.v20-watch{width:100%}.v20-product-body{grid-template-columns:1fr}.v20-product-body>aside{display:none}.v20-proof-strip{grid-template-columns:1fr}.v20-section,.v20-vouches,.v20-workflow{padding:70px 18px}.v20-section-head h2{font-size:37px}.v20-vouch-summary{grid-template-columns:1fr;text-align:center}.v20-footer{margin:0 18px;display:grid}.v20-footer>span{margin:0}.v20-cursor-glow{display:none}}

/* ======================================================
   VEYRA V21 — AUTH + DASHBOARD REPLICA
   ====================================================== */
.v21-auth-page{min-height:100vh;background:radial-gradient(circle at 73% 31%,rgba(93,53,205,.18),transparent 31%),linear-gradient(90deg,#050912 0 50.55%,#060914 50.55% 100%);color:#f7f8ff;overflow:auto}
.v21-auth-shell{min-height:100vh;max-width:1540px;margin:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;position:relative;border-left:1px solid rgba(142,157,195,.06);border-right:1px solid rgba(142,157,195,.06)}
.v21-auth-shell:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(150,165,204,.08)}
.v21-auth-brand{grid-column:1/-1;height:112px;padding:0 56px;display:flex;align-items:center;gap:16px}.v21-auth-brand img{width:42px;height:42px;filter:drop-shadow(0 0 18px rgba(133,90,255,.4))}.v21-auth-brand b{font-size:20px;letter-spacing:.24em}
.v21-auth-left{display:flex;align-items:center;padding:28px 72px 50px 54px}.v21-auth-card{width:min(620px,100%);padding:42px 38px 38px;border:1px solid rgba(139,155,196,.24);border-radius:24px;background:linear-gradient(180deg,rgba(12,17,29,.96),rgba(7,11,20,.98));box-shadow:0 40px 100px rgba(0,0,0,.32)}
.v21-auth-card>small{font-size:12px;letter-spacing:.22em;color:#a578ff;font-weight:700}.v21-auth-card h1{font-size:58px;line-height:1.02;letter-spacing:-.052em;margin:16px 0 14px}.v21-auth-card h1 em{font-style:normal;background:linear-gradient(90deg,#9c61ff,#5f7fff);-webkit-background-clip:text;color:transparent}.v21-auth-card>p{font-size:17px;line-height:1.65;color:#9ca8bf;margin:0 0 22px}
.v21-flash{height:48px;padding:0 16px;border-radius:12px;border:1px solid rgba(198,58,81,.38);background:rgba(99,24,41,.28);display:flex;align-items:center;gap:10px;color:#ff778b;font-size:14px;margin:14px 0 22px}.v21-flash span{width:20px;height:20px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:11px}
.v21-auth-card form{display:grid;gap:18px}.v21-auth-card form>label{font-size:13px;color:#a9b5cb}.v21-input{height:54px;margin-top:9px;border:1px solid #303a55;border-radius:12px;background:#0a0f1a;display:flex;align-items:center;padding:0 14px;gap:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.v21-input:focus-within{border-color:#6d6af5;box-shadow:0 0 0 3px rgba(106,95,244,.09)}.v21-input>span{font-size:16px;color:#8895af;min-width:18px}.v21-input input{all:unset;flex:1;color:#fff;font-size:15px}.v21-input input::placeholder{color:#667189}.v21-eye{border:0;background:transparent;color:#8997b4;font-size:14px;padding:0}
.v21-login-row{display:flex;justify-content:space-between;align-items:center;margin-top:-1px}.v21-login-row>a{color:#6485ff;text-decoration:none;font-size:13px}.v21-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#b9c3d8!important;cursor:pointer}.v21-check input{display:none}.v21-check span{width:18px;height:18px;border-radius:5px;background:linear-gradient(135deg,#8e55ff,#616eff);position:relative}.v21-check span:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#fff;font-weight:800}
.v21-submit{height:54px;border:0;border-radius:12px;background:linear-gradient(100deg,#9a3cff,#7d55ff 45%,#347cff);color:#fff;font-size:16px;font-weight:800;box-shadow:0 14px 36px rgba(111,82,245,.18);transition:.18s}.v21-submit:hover{transform:translateY(-1px);filter:brightness(1.06)}.v21-submit span{margin-left:6px}
.v21-or{height:48px;display:flex;align-items:center;gap:12px;color:#77839d;font-size:12px}.v21-or:before,.v21-or:after{content:"";height:1px;background:#283048;flex:1}.v21-oauth{display:grid;grid-template-columns:1fr 1fr;gap:12px}.v21-oauth a{height:54px;border:1px solid #2d354d;border-radius:12px;background:#0b101b;color:#e0e5f0;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;transition:.18s}.v21-oauth a:hover{border-color:#46516f;background:#0e1422;transform:translateY(-1px)}.v21-oauth svg{width:21px;height:21px;flex:0 0 21px}.v21-switch{text-align:center;margin-top:24px;font-size:13px;color:#7f8ba5}.v21-switch a{color:#a57aff;text-decoration:none}
.v21-auth-right{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 44px 70px;position:relative;overflow:hidden}.v21-auth-right:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;left:-180px;top:60px;border:1px solid rgba(113,81,255,.13);box-shadow:0 0 80px rgba(103,65,240,.06)}.v21-auth-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(160,145,255,.38) 0 1px,transparent 1.2px);background-size:83px 71px;opacity:.22;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 75%,transparent)}
.v21-hero-logo{width:210px;height:210px;filter:drop-shadow(0 0 34px rgba(129,73,255,.5));position:relative}.v21-auth-right h2{font-size:45px;line-height:1.05;letter-spacing:-.045em;margin:18px 0 14px;position:relative}.v21-auth-right h2 em{font-style:normal;background:linear-gradient(90deg,#a45aff,#596fff);-webkit-background-clip:text;color:transparent}.v21-auth-right>p{font-size:16px;line-height:1.65;color:#a0abc1;position:relative}
.v21-product-ghost{width:560px;height:310px;margin-top:30px;position:relative}.ghost-window{position:absolute;left:52px;right:52px;bottom:5px;height:255px;border:1px solid rgba(121,126,186,.22);border-radius:14px;background:linear-gradient(180deg,rgba(23,20,50,.72),rgba(10,12,26,.87));box-shadow:0 20px 60px rgba(51,27,130,.28),0 0 50px rgba(117,62,235,.11);overflow:hidden}.ghost-top{height:38px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(123,132,177,.14)}.ghost-top i{width:6px;height:6px;border-radius:50%;background:#7459c6}.ghost-top span{height:5px;width:85px;border-radius:99px;background:#272a45;margin-left:14px}.ghost-body{display:grid;grid-template-columns:90px 1fr;height:calc(100% - 38px)}.ghost-body aside{border-right:1px solid rgba(122,132,176,.12);background:rgba(10,12,26,.65)}.ghost-body main{padding:18px}.ghost-body main>span{display:block;height:7px;border-radius:99px;background:#282b49;margin-bottom:10px}.ghost-body main>span:first-child{width:60%}.ghost-body main>span:nth-child(2){width:34%}.ghost-body main b{display:inline-block;width:28%;height:90px;border-radius:9px;background:rgba(64,59,111,.28);margin:14px 3% 0 0}
.ghost-card{position:absolute;border:1px solid rgba(135,139,199,.22);border-radius:12px;background:linear-gradient(180deg,rgba(35,29,73,.94),rgba(16,15,36,.96));box-shadow:0 18px 44px rgba(0,0,0,.34);backdrop-filter:blur(10px)}.ghost-card.deploy{left:0;bottom:62px;width:150px;height:95px;padding:14px;display:flex;gap:10px;align-items:center}.ghost-card.activity{right:0;top:58px;width:165px;height:120px;padding:14px;text-align:left}.ghost-card.success{left:165px;right:165px;bottom:-20px;height:70px;padding:12px;display:flex;gap:10px;align-items:center}.ghost-card>span{width:28px;height:28px;border-radius:50%;background:#77df6a;color:#13331a;display:grid;place-items:center;font-weight:900}.ghost-card b,.ghost-card small{display:block}.ghost-card b{font-size:10px}.ghost-card small{font-size:7px;color:#7e8aa3;margin-top:3px}.spark{height:55px;margin-top:12px;display:flex;align-items:end;gap:8px}.spark i{width:16px;background:linear-gradient(#9e5fff,#683bea);border-radius:99px}.spark i:nth-child(1){height:20%}.spark i:nth-child(2){height:45%}.spark i:nth-child(3){height:62%}.spark i:nth-child(4){height:38%}.spark i:nth-child(5){height:76%}
.v21-auth-footer{grid-column:1/-1;height:80px;padding:0 55px;border-top:1px solid rgba(139,154,192,.08);display:flex;align-items:center;justify-content:center;gap:80px;color:#69758d;font-size:11px}.v21-auth-footer>div{display:flex;gap:12px}.v21-auth-footer a{color:#758198;text-decoration:none}
@media(max-width:1050px){.v21-auth-shell{grid-template-columns:1fr}.v21-auth-shell:after{display:none}.v21-auth-right{display:none}.v21-auth-left{padding:24px 20px 50px}.v21-auth-brand{height:88px;padding:0 22px}.v21-auth-card{margin:auto}.v21-auth-footer{height:auto;padding:25px;display:grid;gap:12px;text-align:center}.v21-auth-card h1{font-size:46px}}
@media(max-width:600px){.v21-auth-card{padding:28px 20px}.v21-auth-card h1{font-size:38px}.v21-oauth{grid-template-columns:1fr}.v21-auth-footer>div{flex-wrap:wrap;justify-content:center}}

/* Dashboard */
.v21-dash-app{height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#060a13;color:#f5f7ff;overflow:hidden}.v21-dash-app>.v16-side{padding:26px 18px 18px;background:linear-gradient(180deg,#0a1020,#08101c);border-right:1px solid rgba(138,154,192,.12)}.v21-dash-app .v16-side-brand{height:54px}.v21-dash-app .v16-side-brand img{width:38px;height:38px}.v21-dash-app .v16-side-brand b{font-size:20px}.v21-dash-app .v16-new{height:46px;margin:16px 4px 24px;border-radius:11px;font-size:14px}.v21-dash-app .v16-side nav{gap:6px}.v21-dash-app .v16-side nav a{height:46px;border-radius:10px;font-size:14px;padding:0 13px}.v21-dash-app .v16-plan{display:none}.v21-dash-app .v16-user{margin-top:auto}
.v21-dash-main{min-width:0;height:100vh;overflow:auto;background:radial-gradient(circle at 45% -15%,rgba(76,54,150,.08),transparent 32%),#070b13}.v21-dash-top{height:94px;padding:0 34px;border-bottom:1px solid rgba(140,155,194,.10);display:flex;align-items:center;justify-content:space-between;background:rgba(9,14,24,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.v21-dash-top small{font-size:10px;letter-spacing:.18em;color:#9b7cf4}.v21-dash-top h1{font-size:31px;margin:6px 0 0;letter-spacing:-.04em}.v21-dash-actions{display:flex;gap:10px}.v21-dash-actions button,.v21-dash-actions a{height:42px;padding:0 14px;border:1px solid rgba(132,147,187,.16);border-radius:11px;background:#0f1624;color:#aeb9d1;text-decoration:none;display:flex;align-items:center;gap:7px;font-size:13px}.v21-dash-actions a{border:0;background:linear-gradient(135deg,#8056ff,#6275ff);color:#fff;font-weight:700}
.v21-dash-content{padding:28px 34px 48px;max-width:1500px;margin:auto}.v21-dash-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.v21-dash-hero,.v21-live-canvas{min-height:350px;border:1px solid rgba(139,154,192,.12);border-radius:22px;background:linear-gradient(145deg,#0e1421,#0a0f19);overflow:hidden}
.v21-dash-hero{padding:34px;position:relative}.v21-dash-hero:after{content:"";position:absolute;right:-110px;top:-60px;width:420px;height:420px;border-radius:50%;border:1px solid rgba(119,85,255,.12);box-shadow:0 0 70px rgba(94,64,210,.06)}.v21-dash-hero>small{font-size:10px;letter-spacing:.17em;color:#a27df9}.v21-dash-hero h2{font-size:45px;line-height:1.04;letter-spacing:-.045em;margin:14px 0 14px;position:relative;z-index:1}.v21-dash-hero>p{font-size:15px;line-height:1.7;color:#9ca9c2;position:relative;z-index:1}.v21-dash-hero-actions{display:flex;gap:12px;margin-top:22px;position:relative;z-index:1}.v21-dash-hero-actions a{height:44px;padding:0 16px;border-radius:11px;border:1px solid rgba(135,149,188,.18);background:#0f1623;color:#dce4f5;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.v21-dash-hero-actions a.primary{border:0;background:linear-gradient(135deg,#8057ff,#6578ff);box-shadow:0 12px 32px rgba(116,92,247,.20)}.v21-dash-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px;position:relative;z-index:1}.v21-dash-chips span{height:36px;padding:0 12px;border:1px solid rgba(136,150,190,.15);border-radius:10px;background:#0c1320;color:#99a6be;display:flex;align-items:center;gap:7px;font-size:12px}.v21-dash-chips b{color:#fff}
.v21-live-canvas>header{height:52px;padding:0 17px;border-bottom:1px solid rgba(139,154,192,.10);display:flex;align-items:center;gap:10px}.v21-live-canvas>header>span{display:flex;gap:5px}.v21-live-canvas>header i{width:8px;height:8px;border-radius:50%;background:#9d5ef3}.v21-live-canvas>header i:nth-child(2){background:#5f76ff}.v21-live-canvas>header i:nth-child(3){background:#4fd0a1}.v21-live-canvas>header b{font-size:12px;color:#9aa7bf}.v21-live-body{display:grid;grid-template-columns:190px 1fr;height:calc(100% - 52px)}.v21-live-body>aside{padding:20px;border-right:1px solid rgba(139,154,192,.10);display:flex;flex-direction:column;gap:10px}.v21-live-body>aside>b{font-size:15px;margin-bottom:2px}.v21-live-body>aside span{min-height:47px;padding:10px 12px;border:1px solid rgba(138,153,192,.12);border-radius:10px;background:#0e1523;color:#9aa8c0;font-size:12px;line-height:1.45}.v21-live-body>main{padding:20px}.v21-canvas-hero{height:96px;border-radius:15px;border:1px solid rgba(105,88,255,.30);background:linear-gradient(135deg,#302765,#1e3267);display:grid;place-items:center}.v21-canvas-hero span{font-size:25px;color:#c9c7ff}.v21-canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.v21-canvas-grid i{height:93px;border-radius:14px;background:#0e1523;border:1px solid rgba(139,154,192,.08);padding:24px 18px}.v21-canvas-grid b,.v21-canvas-grid em{display:block;height:6px;border-radius:99px;background:#2b354e}.v21-canvas-grid b{width:58%}.v21-canvas-grid em{width:37%;margin-top:8px}
.v21-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:20px}.v21-stat-grid article{min-height:126px;padding:22px;border:1px solid rgba(138,153,192,.12);border-radius:17px;background:linear-gradient(180deg,#0e1421,#0b101a);display:flex;justify-content:space-between;align-items:center}.v21-stat-grid article>div>span,.v21-stat-grid article b,.v21-stat-grid article small{display:block}.v21-stat-grid article>div>span{font-size:12px;color:#8997b1}.v21-stat-grid article b{font-size:36px;line-height:1;margin:10px 0}.v21-stat-grid article small{font-size:11px;color:#4fd5a0}.v21-stat-grid article>i{font-style:normal;font-size:32px;color:#7788b6}
.v21-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.v21-dash-panel{min-height:215px;border:1px solid rgba(138,153,192,.12);border-radius:17px;background:linear-gradient(180deg,#0e1421,#0a101a);overflow:hidden}.v21-dash-panel>header{height:58px;padding:0 18px;border-bottom:1px solid rgba(138,153,192,.10);display:flex;align-items:center;justify-content:space-between}.v21-dash-panel>header b{font-size:14px}.v21-dash-panel>header a{font-size:12px;color:#ad84ff;text-decoration:none}.v21-project-list article{min-height:88px;padding:14px 18px;display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center}.v21-project-thumb{width:56px;height:56px;border-radius:14px}.v21-project-thumb.purple{background:linear-gradient(135deg,#8358ef,#3d276b)}.v21-project-thumb.blue{background:linear-gradient(135deg,#5582ee,#203d72)}.v21-project-thumb.gold{background:linear-gradient(135deg,#d8ad62,#51391e)}.v21-project-thumb.violet{background:linear-gradient(135deg,#965bd4,#392554)}.v21-project-list b,.v21-project-list span{display:block}.v21-project-list b{font-size:14px}.v21-project-list span{font-size:12px;color:#8290aa;margin-top:5px}.v21-project-list article>a{height:38px;padding:0 14px;border:1px solid rgba(138,153,192,.12);border-radius:10px;background:#0f1623;color:#dce4f5;text-decoration:none;display:grid;place-items:center;font-size:12px}.v21-panel-link{display:block;margin:2px 18px 15px;text-align:center;color:#a57aff;text-decoration:none;font-size:12px}.v21-activity-item{min-height:150px;padding:25px 18px;display:grid;grid-template-columns:10px 1fr auto;gap:14px}.v21-activity-item>i{width:10px;height:10px;border-radius:50%;background:#4ed6a0;margin-top:5px}.v21-activity-item b,.v21-activity-item span,.v21-activity-item a{display:block}.v21-activity-item b{font-size:14px}.v21-activity-item span{font-size:12px;color:#8492ad;line-height:1.6;margin:10px 0}.v21-activity-item a{font-size:12px;color:#a57aff;text-decoration:none}.v21-activity-item>small{font-size:11px;color:#6f7d97}
@media(max-width:1200px){.v21-dash-hero-grid{grid-template-columns:1fr}.v21-stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.v21-dash-app{grid-template-columns:1fr}.v21-dash-app>.v16-side{display:none}.v21-dash-content{padding:18px}.v21-dash-top{height:auto;min-height:82px;padding:16px 18px;gap:12px;flex-wrap:wrap}.v21-bottom-grid,.v21-stat-grid{grid-template-columns:1fr}.v21-live-body{grid-template-columns:1fr}.v21-live-body>aside{display:none}}

/* ============================================================
   VEYRA V22 — full polish / readable app / real sidebar icons
   ============================================================ */
.v22-app{height:100vh;display:grid;grid-template-columns:275px minmax(0,1fr);background:#060a12;color:#f6f8ff;overflow:hidden}
.v22-side{padding:26px 20px 20px;display:flex;flex-direction:column;border-right:1px solid rgba(140,156,195,.13);background:linear-gradient(180deg,#08101d,#070d18)}
.v22-side-brand{height:56px;display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;padding:0 8px}.v22-side-brand img{width:42px;height:42px;filter:drop-shadow(0 0 18px rgba(132,91,255,.45))}.v22-side-brand b{font-size:20px;letter-spacing:.2em}
.v22-new{height:50px;margin:14px 0 24px;border-radius:13px;background:linear-gradient(110deg,#8c4fff,#5e76ff);box-shadow:0 14px 38px rgba(112,82,242,.24);color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:9px;font-size:15px}.v22-new span{font-size:19px}.v22-new b{font-weight:800}
.v22-side nav{display:grid;gap:7px}.v22-side nav a{height:48px;padding:0 14px;border-radius:12px;display:flex;align-items:center;gap:13px;color:#aab6cd;text-decoration:none;font-size:15px;transition:.18s}.v22-side nav a svg{width:23px;height:23px;stroke:#a7b5d2;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(126,96,255,.12))}.v22-side nav a:hover{background:#101727;color:#fff}.v22-side nav a.active{background:linear-gradient(90deg,rgba(105,61,224,.34),rgba(71,56,158,.12));box-shadow:inset 3px 0 0 #8f5cff,0 0 32px rgba(104,72,225,.09);color:#fff;font-weight:700}.v22-side nav a.active svg{stroke:#a878ff}
.v22-side-spacer{flex:1}.v22-user{min-height:72px;padding:10px 12px;border:1px solid rgba(140,156,195,.16);border-radius:15px;background:#0d1422;display:grid;grid-template-columns:44px minmax(0,1fr) 22px;gap:10px;align-items:center}.v22-user img,.v22-user>i{width:44px;height:44px;border-radius:50%;object-fit:cover}.v22-user>i{display:grid;place-items:center;background:#e4b896;color:#1f2836;font-style:normal;font-size:15px}.v22-user b,.v22-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-user b{font-size:14px}.v22-user small{font-size:11px;color:#7f8ca6;margin-top:3px}.v22-user>a{color:#9ba9c5;text-decoration:none;font-size:25px}

.v22-main{min-width:0;height:100vh;overflow:auto;background:radial-gradient(circle at 48% -20%,rgba(92,65,180,.08),transparent 30%),#070b13}.v22-pagehead{min-height:118px;padding:24px 40px;border-bottom:1px solid rgba(140,156,195,.11);display:flex;align-items:center;justify-content:space-between;background:rgba(8,13,23,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.v22-pagehead small{font-size:11px;letter-spacing:.22em;color:#9f79f6}.v22-pagehead h1{font-size:43px;line-height:1;letter-spacing:-.045em;margin:8px 0 7px}.v22-pagehead p{margin:0;color:#7f8ca7;font-size:14px}.v22-primary{height:46px;padding:0 17px;border:0;border-radius:12px;background:linear-gradient(115deg,#8d4fff,#5b7cff);color:#fff;font-size:14px;font-weight:800;box-shadow:0 12px 34px rgba(108,80,242,.2)}.v22-pagecontent{padding:30px 40px 60px;max-width:1600px;margin:auto}

/* agents */
.v22-agent-list{display:grid;gap:12px}.v22-agent-list article{min-height:94px;padding:0 18px;border:1px solid rgba(139,155,194,.14);border-radius:15px;background:linear-gradient(180deg,#0e1421,#0b101a);display:grid;grid-template-columns:64px minmax(0,1fr) auto auto 92px;gap:18px;align-items:center}.v22-agent-icon{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,#281a57,#17152f);display:grid;place-items:center;color:#9666ff;font-size:28px;border:1px solid rgba(127,93,255,.13)}.v22-agent-copy h3{font-size:18px;margin:0}.v22-agent-copy p{font-size:13px;color:#8593ad;margin:5px 0 0}.v22-active{color:#4fd7a0;font-size:13px}.v22-agent-list article>small{font-size:12px;color:#7d8aa4}.v22-agent-list article>button{height:38px;border:1px solid rgba(135,102,255,.35);border-radius:10px;background:#0e1421;color:#ad8cff;font-size:13px}

/* databases */
.v22-db-list{display:grid;gap:10px}.v22-db-list article{min-height:78px;padding:0 18px;border:1px solid rgba(139,155,194,.14);border-radius:14px;background:#0e1420;display:grid;grid-template-columns:58px 1.4fr 1fr .7fr .7fr 44px;gap:16px;align-items:center}.v22-db-icon{width:46px;height:46px;border-radius:12px;background:#11162d;border:1px solid rgba(121,89,255,.21);display:grid;place-items:center;color:#8f62ff;font-size:20px}.v22-db-list b{font-size:17px}.v22-db-list small,.v22-db-list em{font-size:13px;color:#8996af;font-style:normal}.v22-db-list i{font-size:13px;color:#4fd7a0;font-style:normal}.v22-db-list button{border:0;background:transparent;color:#8391ad;font-size:18px}.v22-db-tools{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.v22-db-tools article{min-height:210px;padding:28px;border:1px solid rgba(139,155,194,.14);border-radius:17px;background:linear-gradient(145deg,#101624,#0c111b);display:grid;grid-template-columns:74px 1fr;gap:22px;align-items:start}.v22-tool-icon{width:62px;height:62px;border-radius:15px;background:#151630;border:1px solid rgba(122,89,255,.2);display:grid;place-items:center;color:#8e60ff;font-size:24px}.v22-db-tools h2{font-size:23px;margin:5px 0 10px}.v22-db-tools p{font-size:14px;line-height:1.7;color:#8d9ab3}.v22-db-tools button{height:42px;padding:0 14px;border:1px solid rgba(139,95,255,.5);border-radius:11px;background:#0e1421;color:#bb9dff;font-size:14px;margin-top:14px}

/* team */
.v22-team-list{display:grid;gap:12px}.v22-team-list article{min-height:95px;padding:0 24px;border:1px solid rgba(139,155,194,.14);border-radius:16px;background:#0e1420;display:grid;grid-template-columns:64px 1fr auto 44px;gap:18px;align-items:center}.v22-team-list>article>i{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#182130;font-size:15px}.v22-team-list .peach{background:#ebbf9e}.v22-team-list .pink{background:#f0afb7}.v22-team-list .blue{background:#b5c6ff}.v22-team-list .green{background:#a8eac0}.v22-team-list b{display:block;font-size:18px}.v22-team-list small{display:block;font-size:13px;color:#8996af;margin-top:4px}.v22-team-list>article>span{min-width:88px;padding:8px 13px;border-radius:10px;border:1px solid rgba(125,92,255,.28);background:#17152d;color:#a97eff;text-align:center;font-size:13px}.v22-team-list button{border:0;background:transparent;color:#8a97b1;font-size:17px}.v22-team-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.v22-team-tools article{min-height:150px;padding:22px;border:1px solid rgba(139,155,194,.14);border-radius:16px;background:#0e1421;display:grid;grid-template-columns:58px 1fr 20px;gap:14px;align-items:start}.v22-team-tools>article>span{width:50px;height:50px;border-radius:12px;background:#191638;color:#9967ff;display:grid;place-items:center;font-size:23px}.v22-team-tools b{font-size:17px}.v22-team-tools p{font-size:13px;line-height:1.6;color:#8996af;margin:7px 0 0}.v22-team-tools i{font-size:25px;color:#7e8ba7;font-style:normal}

/* settings */
.v22-settings{display:grid;grid-template-columns:270px 1fr;border:1px solid rgba(139,155,194,.14);border-radius:17px;background:#0d131f;overflow:hidden}.v22-settings>nav{padding:18px;border-right:1px solid rgba(139,155,194,.13);display:flex;flex-direction:column;gap:7px}.v22-settings>nav button{height:48px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:#9eabc2;text-align:left;font-size:14px;display:flex;align-items:center;gap:11px}.v22-settings>nav button.active{background:linear-gradient(90deg,#322063,#21153f);color:#fff;font-weight:700}.v22-settings>main{padding:30px 34px}.v22-settings h2{font-size:26px;margin:0}.settings-sub{font-size:14px;color:#8996af;margin:6px 0 26px}.v22-setting-row{min-height:105px;border-bottom:1px solid rgba(139,155,194,.12);display:grid;grid-template-columns:58px 1fr minmax(260px,38%);gap:18px;align-items:center}.v22-setting-icon{width:50px;height:50px;border-radius:12px;background:#191638;color:#9b68ff;display:grid;place-items:center;font-size:22px}.v22-setting-row b,.v22-setting-row small{display:block}.v22-setting-row b{font-size:15px}.v22-setting-row small{font-size:12px;color:#7f8ca6;margin-top:4px}.v22-setting-row input,.v22-setting-row select{height:46px;border:1px solid rgba(139,155,194,.22);border-radius:11px;background:#0a101a;color:#e8edf8;padding:0 14px;font-size:14px}.v22-inline-input{display:grid;grid-template-columns:1fr auto;gap:8px}.v22-inline-input button{height:46px;padding:0 14px;border:1px solid rgba(139,95,255,.4);border-radius:11px;background:#15132b;color:#ac7fff}.v22-ai-diagnostic{margin-top:18px;padding:16px 18px;border:1px solid rgba(129,92,255,.28);border-radius:14px;background:linear-gradient(90deg,#17132b,#101522);display:grid;grid-template-columns:58px 1fr auto;gap:16px;align-items:center}.v22-ai-diagnostic .large{width:54px;height:54px}.v22-ai-diagnostic b,.v22-ai-diagnostic small{display:block}.v22-ai-diagnostic b{font-size:15px}.v22-ai-diagnostic small{font-size:12px;color:#8693ad;margin-top:4px}.v22-ai-diagnostic button{height:40px;padding:0 14px;border:0;border-radius:10px;background:linear-gradient(135deg,#8752f0,#684eff);color:#fff;font-size:13px;font-weight:700}

/* templates */
.v22-template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.v22-template-toolbar>input{width:300px;height:43px;border:1px solid rgba(139,155,194,.2);border-radius:11px;background:#0b111c;color:#e8edf7;padding:0 14px;font-size:14px}.v22-template-tabs{display:flex;gap:7px;flex-wrap:wrap}.v22-template-tabs button{height:38px;padding:0 13px;border:1px solid rgba(139,155,194,.18);border-radius:10px;background:#0d1420;color:#9ba8bf;font-size:12px}.v22-template-tabs .active{border:0;background:linear-gradient(135deg,#8a50ef,#6349c6);color:#fff}.v22-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v22-template-card{border:1px solid rgba(139,155,194,.14);border-radius:18px;background:#0e1421;overflow:hidden;transition:.18s}.v22-template-card:hover{transform:translateY(-3px);border-color:rgba(131,94,255,.35);box-shadow:0 20px 50px rgba(0,0,0,.25)}.v22-template-image{height:240px;position:relative;overflow:hidden;background:#151827}.v22-template-image img{width:100%;height:100%;object-fit:cover;display:block}.v22-template-image span{position:absolute;left:12px;top:12px;padding:5px 8px;border-radius:999px;background:#7e43d7;color:#fff;font-size:9px;font-weight:700}.v22-template-copy{padding:16px 18px 18px}.v22-template-copy h3{font-size:22px;margin:0 0 8px}.v22-template-copy p{font-size:13px;color:#8e9bb4;margin:0}.v22-template-copy footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.v22-template-copy button,.v22-template-copy a{height:38px;padding:0 13px;border-radius:10px;font-size:12px;text-decoration:none;display:flex;align-items:center}.v22-template-copy button{border:1px solid rgba(139,155,194,.18);background:#0d1420;color:#b2bed5}.v22-template-copy a{border:0;background:linear-gradient(135deg,#8a50ef,#684bc7);color:#fff}

/* homepage: stationary nav/tabs and no dead top space */
.v22-home-nav{position:sticky!important;top:0;z-index:100;background:rgba(6,9,17,.78);backdrop-filter:blur(18px);max-width:none!important;padding-left:max(30px,calc((100vw - 1420px)/2 + 30px))!important;padding-right:max(30px,calc((100vw - 1420px)/2 + 30px))!important}
.v22-home-tabs a{position:relative}.v22-home-tabs a:after{content:"";position:absolute;left:0;right:0;bottom:-26px;height:2px;border-radius:99px;background:linear-gradient(90deg,#9a60ff,#5f7eff);transform:scaleX(0);transition:.18s}.v22-home-tabs a:hover:after{transform:scaleX(1)}
.v20-hero{min-height:auto!important;padding-top:74px!important}.v20-site main section[id]{scroll-margin-top:98px}.v20-cursor-glow{opacity:.45}

/* responsiveness */
@media(max-width:1200px){
 .v22-template-grid{grid-template-columns:repeat(2,1fr)}
 .v22-db-tools,.v22-team-tools{grid-template-columns:1fr}
}
@media(max-width:900px){
 .v22-app{grid-template-columns:1fr}.v22-side{display:none}.v22-pagehead{padding:20px;min-height:100px}.v22-pagecontent{padding:20px}.v22-pagehead h1{font-size:36px}
 .v22-agent-list article{grid-template-columns:54px 1fr auto}.v22-agent-list article>small,.v22-agent-list article>button{display:none}
 .v22-db-list article{grid-template-columns:52px 1fr auto}.v22-db-list article small,.v22-db-list article em,.v22-db-list article button{display:none}
 .v22-settings{grid-template-columns:1fr}.v22-settings>nav{display:none}.v22-setting-row{grid-template-columns:52px 1fr}.v22-setting-row>input,.v22-setting-row>select,.v22-inline-input{grid-column:2}
 .v22-template-grid{grid-template-columns:1fr}.v22-template-toolbar{align-items:stretch;flex-direction:column}.v22-template-toolbar>input{width:100%}
}

/* ============================================================
   VEYRA V23 — launch candidate polish
   ============================================================ */

/* collapsible sidebar */
.v23-sidebar-toggle{
  position:fixed;left:261px;top:50%;transform:translateY(-50%);
  z-index:250;width:28px;height:58px;border:1px solid rgba(139,155,194,.22);
  border-left:0;border-radius:0 11px 11px 0;background:rgba(12,18,31,.96);
  color:#a997ff;display:grid;place-items:center;cursor:pointer;
  box-shadow:8px 0 30px rgba(0,0,0,.28);backdrop-filter:blur(12px);
  transition:left .22s ease,background .18s ease;
}
.v23-sidebar-toggle:hover{background:#151d31;color:#fff}
.v23-sidebar-toggle span{font-size:25px;line-height:1}.v23-sidebar-toggle .expand-icon{display:none}
body.veyra-sidebar-collapsed .v23-sidebar-toggle{left:0}
body.veyra-sidebar-collapsed .v23-sidebar-toggle .collapse-icon{display:none}
body.veyra-sidebar-collapsed .v23-sidebar-toggle .expand-icon{display:block}
body.veyra-sidebar-collapsed .v22-side,
body.veyra-sidebar-collapsed .v16-side{display:none!important}
body.veyra-sidebar-collapsed .v22-app,
body.veyra-sidebar-collapsed .v21-dash-app,
body.veyra-sidebar-collapsed .v16-app.studio-app{grid-template-columns:minmax(0,1fr)!important}
body.veyra-sidebar-collapsed .studio-app .studio{width:100%}
body.veyra-sidebar-collapsed .v21-dash-content{max-width:1700px}
body.veyra-sidebar-collapsed .v22-pagecontent{max-width:1750px}

/* Studio inspector collapse */
.v23-quality-toggle{position:absolute;left:-28px;top:50%;transform:translateY(-50%);width:28px;height:58px;border:1px solid rgba(139,155,194,.2);border-right:0;border-radius:11px 0 0 11px;background:#0f1624;color:#a78aff;z-index:5;cursor:pointer;font-size:22px}
.quality{position:relative}
.studio.inspector-collapsed .quality{display:none}
.studio.inspector-collapsed .studiobody{grid-template-columns:380px minmax(0,1fr)!important}
body.veyra-sidebar-collapsed .studio.inspector-collapsed .studiobody{grid-template-columns:380px minmax(0,1fr)!important}

/* project page */
.v23-linkbtn{text-decoration:none;display:flex;align-items:center;justify-content:center}
.v23-project-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:20px}
.v23-project-search{width:320px;height:43px;padding:0 14px;border:1px solid rgba(139,155,194,.18);border-radius:11px;background:#0b111c;color:#78859f;display:flex;align-items:center;gap:8px}
.v23-project-search input{all:unset;flex:1;color:#fff;font-size:14px}
.v23-project-filters{display:flex;gap:7px}.v23-project-filters button{height:38px;padding:0 13px;border-radius:10px;border:1px solid rgba(139,155,194,.16);background:#0d1420;color:#96a4be;font-size:12px}.v23-project-filters .active{background:#17172f;color:#c8b5ff;border-color:#544085}
.v23-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v23-create-project,.v23-project-card{min-height:330px;border:1px solid rgba(139,155,194,.14);border-radius:19px;background:linear-gradient(180deg,#0f1522,#0b101a);overflow:hidden}
.v23-create-project{text-decoration:none;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;border-style:dashed}.v23-create-project>span{width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#8156ef,#5e75ff);display:grid;place-items:center;font-size:30px;box-shadow:0 12px 34px rgba(108,82,240,.19)}.v23-create-project b{font-size:20px;margin-top:18px}.v23-create-project p{font-size:13px;color:#8492ac;line-height:1.6}
.v23-project-preview{height:205px;position:relative;padding:14px;display:grid;grid-template-columns:62px 1fr;gap:10px}.v23-project-preview.purple{background:linear-gradient(135deg,#392060,#151b36)}.v23-project-preview.blue{background:linear-gradient(135deg,#1f355f,#141c30)}.v23-project-preview.gold{background:linear-gradient(135deg,#4c371d,#1c1820)}.v23-project-preview.violet{background:linear-gradient(135deg,#3e2553,#181a2c)}.v23-project-preview.dark{background:linear-gradient(135deg,#1b2230,#10141d)}
.v23-project-preview header{position:absolute;left:14px;right:14px;top:12px;height:20px;display:flex;gap:5px}.v23-project-preview header i{width:6px;height:6px;border-radius:50%;background:#8373c8}.v23-project-preview .mini-side{margin-top:28px;border-radius:8px;background:rgba(9,12,22,.42)}.v23-project-preview .mini-content{margin-top:28px;padding:14px;border-radius:9px;background:rgba(10,13,23,.55)}.v23-project-preview .mini-content span{display:block;width:55%;height:10px;border-radius:99px;background:rgba(190,199,225,.18)}.v23-project-preview .mini-content b{display:inline-block;width:29%;height:72px;margin:18px 3% 0 0;border-radius:8px;background:rgba(174,181,214,.11)}.v23-project-preview em{position:absolute;right:13px;top:12px;font-style:normal;padding:4px 7px;border-radius:999px;background:rgba(11,15,26,.65);color:#c4cef0;font-size:9px}
.v23-project-copy{padding:16px 17px 10px;display:grid;grid-template-columns:1fr auto;gap:10px}.v23-project-copy h3{font-size:19px;margin:0}.v23-project-copy p{font-size:12px;line-height:1.55;color:#8492ac;margin:6px 0 0}.v23-project-copy button{border:0;background:transparent;color:#8390aa}.v23-project-card footer{padding:0 17px 16px;display:flex;justify-content:space-between;align-items:center}.v23-project-card footer span{font-size:11px;color:#6f7c95}.v23-project-card footer a{font-size:12px;color:#a883ff;text-decoration:none}

/* pricing */
.v23-pricing{min-height:100vh;background:radial-gradient(circle at 50% -12%,rgba(105,71,205,.14),transparent 31%),#060a12;color:#f7f8ff}
.v23-price-nav{height:82px;max-width:1360px;margin:auto;padding:0 28px;border-bottom:1px solid rgba(139,155,194,.08);display:flex;align-items:center;justify-content:space-between}.v23-price-nav>div{display:flex;gap:10px;align-items:center}.v23-price-nav>div a{padding:10px 12px;color:#9ba6bb;text-decoration:none;font-size:13px}.v23-price-nav>div .primary{background:linear-gradient(135deg,#8655f3,#5f77ff);color:#fff;border-radius:11px}
.v23-pricing main{max-width:1200px;margin:auto;padding:80px 28px 100px}.v23-price-hero{text-align:center;max-width:760px;margin:auto}.v23-price-hero>small{font-size:10px;letter-spacing:.22em;color:#9d79f5}.v23-price-hero h1{font-size:58px;line-height:1.02;letter-spacing:-.05em;margin:15px 0}.v23-price-hero h1 em{font-style:normal;background:linear-gradient(90deg,#aa5fff,#5e7dff);-webkit-background-clip:text;color:transparent}.v23-price-hero p{font-size:16px;line-height:1.7;color:#96a2b8}.v23-billing-toggle{width:max-content;margin:24px auto 0;padding:4px;border:1px solid rgba(139,155,194,.14);border-radius:12px;background:#0d1420}.v23-billing-toggle button{height:36px;padding:0 13px;border:0;border-radius:9px;background:transparent;color:#8c9ab4;font-size:12px}.v23-billing-toggle .active{background:#1a2030;color:#fff}.v23-billing-toggle span{color:#65dca5;font-size:10px;margin-left:4px}
.v23-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}.v23-price-grid article{position:relative;min-height:520px;padding:28px;border:1px solid rgba(139,155,194,.14);border-radius:20px;background:linear-gradient(180deg,#0f1522,#0b101a)}.v23-price-grid article.featured{border-color:rgba(129,92,255,.42);box-shadow:0 25px 70px rgba(75,48,165,.16)}.v23-price-grid .popular{position:absolute;right:18px;top:18px;padding:5px 8px;border-radius:999px;background:#261c4f;color:#b397ff;font-size:9px;font-weight:800}.v23-price-grid header small{font-size:10px;color:#9b7df0;letter-spacing:.16em}.v23-price-grid h2{font-size:48px;margin:12px 0}.v23-price-grid h2 span{font-size:14px;color:#7c89a3;font-weight:500}.v23-price-grid header p{min-height:55px;font-size:13px;line-height:1.65;color:#8794ac}.v23-price-grid article>a{height:44px;margin:18px 0 22px;border-radius:11px;border:1px solid rgba(139,155,194,.17);display:flex;align-items:center;justify-content:center;text-decoration:none;color:#dce4f6;font-size:13px;font-weight:700}.v23-price-grid .featured>a{border:0;background:linear-gradient(135deg,#8752f0,#5e77ff);color:#fff}.v23-price-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.v23-price-grid li{font-size:13px;color:#9ba7bd}.v23-price-grid li:before{content:"✓";color:#5cdda4;margin-right:9px}.v23-price-note{max-width:760px;margin:28px auto 0;padding:18px 20px;border:1px solid rgba(139,155,194,.13);border-radius:16px;background:#0d1420;display:grid;grid-template-columns:44px 1fr;gap:14px}.v23-price-note>span{width:42px;height:42px;border-radius:11px;background:#1b1739;color:#9d70ff;display:grid;place-items:center}.v23-price-note b{font-size:14px}.v23-price-note p{font-size:12px;line-height:1.6;color:#8492ac;margin:5px 0 0}

/* tighter homepage hero */
.v23-home-hero{padding-top:58px!important;padding-bottom:62px!important;min-height:630px!important}.v23-home-copy h1{font-size:68px}.v23-home-copy>p{max-width:590px}.v22-home-nav{box-shadow:0 10px 35px rgba(0,0,0,.16)}
.v22-home-tabs a.current{color:#fff}.v22-home-tabs a.current:after{transform:scaleX(1)}

/* responsive */
@media(max-width:1150px){
 .v23-project-grid,.v23-price-grid{grid-template-columns:repeat(2,1fr)}
 .v23-price-grid article.featured{order:-1}
}
@media(max-width:760px){
 .v23-project-grid,.v23-price-grid{grid-template-columns:1fr}
 .v23-project-toolbar{align-items:stretch;flex-direction:column}.v23-project-search{width:100%}
 .v23-price-hero h1{font-size:42px}
 .v23-sidebar-toggle{display:none}
}

/* VEYRA V24 — BETA DROP */
.v24-beta-badge{font-style:normal;font-size:8px;letter-spacing:.12em;padding:4px 6px;border:1px solid rgba(159,113,255,.35);border-radius:999px;color:#b996ff;background:rgba(107,67,196,.12);margin-left:auto}
.v24-beta-strip{max-width:1420px;margin:0 auto;padding:11px 30px;border-bottom:1px solid rgba(139,155,194,.1);display:flex;align-items:center;justify-content:space-between;gap:18px;color:#9da9bf;font-size:12px}
.v24-beta-strip span{display:flex;align-items:center;gap:8px}.v24-beta-strip i{width:7px;height:7px;border-radius:50%;background:#65dda6;box-shadow:0 0 12px rgba(101,221,166,.65)}.v24-beta-strip b{color:#c3a9ff;font-size:10px;letter-spacing:.16em}.v24-beta-strip a{color:#c6b1ff;text-decoration:none;font-weight:700}
.v24-feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.v24-feedback-grid article{min-height:180px;padding:25px;border:1px solid rgba(139,155,194,.13);border-radius:18px;background:linear-gradient(180deg,#0f1522,#0b101a)}.v24-feedback-grid span{color:#9d72ff;font-size:10px;letter-spacing:.16em}.v24-feedback-grid b{display:block;font-size:20px;margin:18px 0 9px}.v24-feedback-grid p{color:#8592ab;font-size:13px;line-height:1.7;margin:0}
.v24-beta-cta{margin-top:16px;padding:22px 24px;border:1px solid rgba(129,92,255,.25);border-radius:18px;background:linear-gradient(90deg,rgba(83,55,162,.18),rgba(18,25,39,.9));display:flex;align-items:center;justify-content:space-between;gap:20px}.v24-beta-cta b{font-size:17px}.v24-beta-cta p{font-size:12px;color:#8492ac;margin:5px 0 0}.v24-beta-cta a{height:42px;padding:0 15px;border-radius:11px;background:linear-gradient(135deg,#8752f0,#5e77ff);color:#fff;text-decoration:none;display:flex;align-items:center;font-size:12px;font-weight:800}
.v24-studio-actions{display:flex;gap:7px;align-items:center}.v24-studio-actions button{white-space:nowrap}
.v24-deploy-card{padding:16px 4px;text-align:center}.v24-deploy-card>span{width:62px;height:62px;margin:4px auto 18px;border-radius:16px;background:#1a1737;color:#a676ff;display:grid;place-items:center;font-size:27px}.v24-deploy-card h3{font-size:21px;line-height:1.3;margin:0 auto 10px;max-width:360px}.v24-deploy-card p{font-size:13px;line-height:1.7;color:#8a97af;max-width:400px;margin:0 auto}.v24-deploy-card button{margin-top:20px;height:43px;padding:0 15px;border:0;border-radius:11px;background:linear-gradient(135deg,#8752f0,#5f77ff);color:#fff;font-weight:700}
.studio.v24-preview-focus .chatpanel,.studio.v24-preview-focus .quality{display:none!important}.studio.v24-preview-focus .studiobody{grid-template-columns:minmax(0,1fr)!important}.studio.v24-preview-focus .resultpanel{max-width:none!important}.studio.v24-preview-focus .iframewrap.desktop{max-width:none!important;width:100%!important}.studio.v24-preview-focus .resultbar{padding-left:18px;padding-right:18px}
.v20-nav .v20-brand img,.v22-side-brand img{filter:drop-shadow(0 0 18px rgba(128,84,255,.42))}.v20-main-product,.v21-live-canvas,.v22-template-card,.v23-project-card{box-shadow:0 22px 70px rgba(0,0,0,.16)}
@media(max-width:800px){.v24-beta-strip{padding:10px 18px}.v24-beta-strip>a{display:none}.v24-feedback-grid{grid-template-columns:1fr}.v24-beta-cta{align-items:flex-start;flex-direction:column}}


/* ===== VEYRA V25 — studio repair ===== */
.preview-loading{position:absolute;inset:28px;display:grid;place-items:center;z-index:4;pointer-events:none}
.preview-loading-card{width:min(920px,100%);min-height:440px;border:1px solid rgba(137,149,183,.16);border-radius:28px;background:linear-gradient(180deg,#111723,#0d121d);box-shadow:0 45px 140px rgba(0,0,0,.5);padding:18px;display:grid;grid-template-rows:auto 1fr auto;gap:16px}
.preview-loading-top{display:flex;align-items:center;gap:8px;color:#b8c2d8;font-size:14px;font-weight:700}
.preview-loading-top span,.empty-shell-top span{width:10px;height:10px;border-radius:50%;background:#2d3550;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset}
.preview-loading-top span:nth-child(1),.empty-shell-top span:nth-child(1){background:#ff5f57}.preview-loading-top span:nth-child(2),.empty-shell-top span:nth-child(2){background:#febc2e}.preview-loading-top span:nth-child(3),.empty-shell-top span:nth-child(3){background:#28c840}
.preview-loading-body{display:grid;gap:16px;align-content:start}
.preview-loading-hero{height:110px;border-radius:22px;background:linear-gradient(90deg,rgba(125,88,255,.22),rgba(77,129,255,.12),rgba(125,88,255,.22));background-size:200% 100%;animation:v25shimmer 1.6s linear infinite}
.preview-loading-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
.preview-loading-row i,.preview-loading-grid div,.empty-shell-hero,.empty-shell-cards i{display:block;border-radius:18px;background:linear-gradient(90deg,#161d2c,#232b42,#161d2c);background-size:200% 100%;animation:v25shimmer 1.6s linear infinite}
.preview-loading-row i{height:78px}.preview-loading-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-loading-grid div{height:148px}
.preview-loading-foot{display:flex;align-items:center;justify-content:center;gap:9px;color:#91a0bc;font-size:13px}
.preview-loading-foot em{width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,#a85cff,#5d86ff);animation:v25dot 1s ease-in-out infinite}
.preview-loading-foot em:nth-child(2){animation-delay:.12s}.preview-loading-foot em:nth-child(3){animation-delay:.24s}
#iframewrap.is-loading iframe{opacity:.04;filter:blur(1px);transition:.18s ease}
#iframewrap iframe{transition:.18s ease}
.empty-shell{width:min(760px,calc(100% - 80px));margin:0 auto 18px;border:1px solid rgba(137,149,183,.12);border-radius:24px;background:linear-gradient(180deg,#111723,#0d121d);box-shadow:0 35px 90px rgba(0,0,0,.35);padding:16px}
.empty-shell-top{display:flex;align-items:center;gap:8px;color:#b7c0d6;font-size:13px;font-weight:700;margin-bottom:14px}
.empty-shell-body{display:grid;gap:16px}.empty-shell-hero{height:108px;border-radius:22px}.empty-shell-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.empty-shell-cards i{height:88px}
.empty h2{font-size:24px;margin:0}.empty p{font-size:13px;color:#7f8daa;max-width:540px;line-height:1.65;margin:8px auto 0}
.qa-progress{color:#9aa6c2!important;position:relative;padding-left:14px}.qa-progress:before{content:'';position:absolute;left:0;top:50%;width:6px;height:6px;border-radius:50%;background:#9d70ff;transform:translateY(-50%);animation:v25pulse 1s ease-in-out infinite}
@keyframes v25pulse{0%,100%{transform:translateY(-50%) scale(.8);opacity:.6}50%{transform:translateY(-50%) scale(1.08);opacity:1}}
@keyframes v25dot{0%,100%{transform:translateY(0) scale(.8);opacity:.55}50%{transform:translateY(-2px) scale(1);opacity:1}}
@keyframes v25shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}


/* ============================================================
   VEYRA V26 — UI REBUILD
   Premium unified visual system, Studio-first polish
   ============================================================ */
:root{
  --v26-bg:#060911;
  --v26-surface:#0b1019;
  --v26-surface-2:#0f1521;
  --v26-surface-3:#131a28;
  --v26-line:rgba(145,160,196,.14);
  --v26-line-strong:rgba(145,160,196,.22);
  --v26-text:#f4f7ff;
  --v26-muted:#8d99b2;
  --v26-muted2:#66738e;
  --v26-purple:#8b5cf6;
  --v26-blue:#647cff;
  --v26-cyan:#58c8ff;
  --v26-green:#58d9a2;
  --v26-shadow:0 24px 70px rgba(0,0,0,.30);
}
html{background:var(--v26-bg)}
body{background:var(--v26-bg);color:var(--v26-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,a,input,textarea,select{font:inherit}
button,a{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
button:active,a:active{transform:translateY(1px)}
*{scrollbar-width:thin;scrollbar-color:#29324a transparent}
*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#29324a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}

/* Sidebar */
.v22-app,.v21-dash-app,.v16-app.studio-app{grid-template-columns:244px minmax(0,1fr)!important}
.v22-side{padding:18px 14px 14px!important;background:linear-gradient(180deg,#09101b 0%,#070c15 100%)!important;border-right:1px solid var(--v26-line)!important;box-shadow:12px 0 45px rgba(0,0,0,.14)}
.v22-side-brand{height:58px!important;padding:0 10px!important;gap:11px!important}.v22-side-brand img{width:39px!important;height:39px!important}.v22-side-brand b{font-size:18px!important;letter-spacing:.18em!important}.v24-beta-badge{margin-left:4px!important}
.v22-new{height:45px!important;margin:10px 0 18px!important;border-radius:11px!important;background:linear-gradient(120deg,#8b5cf6,#6579ff)!important;box-shadow:0 10px 28px rgba(107,78,234,.20)!important;font-size:13px!important}.v22-new:hover{filter:brightness(1.06);box-shadow:0 14px 34px rgba(107,78,234,.28)!important}
.v22-side nav{gap:3px!important}.v22-side nav a{height:42px!important;border-radius:10px!important;padding:0 12px!important;font-size:13px!important;gap:12px!important;position:relative}.v22-side nav a svg{width:20px!important;height:20px!important;stroke-width:1.7!important}.v22-side nav a:hover{background:#111826!important;color:#fff!important}.v22-side nav a.active{background:linear-gradient(90deg,rgba(117,82,232,.22),rgba(74,70,150,.08))!important;box-shadow:inset 2px 0 0 #8b5cf6!important}.v22-side nav a.active:after{content:"";position:absolute;right:10px;width:5px;height:5px;border-radius:50%;background:#a17cff;box-shadow:0 0 10px #8b5cf6}
.v22-user{min-height:64px!important;border-radius:12px!important;background:#0b121e!important;border-color:var(--v26-line)!important;padding:9px 10px!important}.v22-user img,.v22-user>i{width:38px!important;height:38px!important}.v22-user b{font-size:12px!important}.v22-user small{font-size:10px!important}
.v23-sidebar-toggle{left:230px!important;width:25px!important;height:46px!important;border-radius:0 9px 9px 0!important;color:#8770ce!important;background:#0b111d!important}.veyra-sidebar-collapsed .v23-sidebar-toggle{left:0!important}

/* App headers */
.v22-main,.v21-dash-main{background:radial-gradient(circle at 45% -20%,rgba(101,78,195,.08),transparent 28%),#070b12!important}
.v22-pagehead,.v21-dash-top{min-height:96px!important;padding:18px 30px!important;background:rgba(7,11,18,.88)!important;border-bottom:1px solid var(--v26-line)!important;backdrop-filter:blur(18px) saturate(140%)}
.v22-pagehead h1,.v21-dash-top h1{font-size:32px!important;letter-spacing:-.035em!important;margin:5px 0 3px!important}.v22-pagehead small,.v21-dash-top small{font-size:9px!important;letter-spacing:.20em!important;color:#987bf1!important}.v22-pagehead p{font-size:12px!important}.v22-pagecontent{padding:24px 30px 52px!important}
.v26-beta-inline{font-style:normal;font-size:8px;padding:3px 5px;border-radius:999px;background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.24);letter-spacing:.08em;margin-left:7px}
.v22-primary{height:40px!important;border-radius:10px!important;padding:0 14px!important;font-size:12px!important;background:linear-gradient(120deg,#8855ef,#6179ff)!important}

/* Dashboard */
.v21-dash-content{padding:26px 30px 48px!important;max-width:1540px!important}.v21-dash-hero-grid{gap:16px!important}.v21-dash-hero,.v21-live-canvas,.v21-dash-panel,.v21-stat-grid article{border:1px solid var(--v26-line)!important;background:linear-gradient(180deg,#0e1420,#0a0f18)!important;box-shadow:none!important}.v21-dash-hero,.v21-live-canvas{border-radius:18px!important}.v21-dash-hero{padding:30px!important}.v21-dash-hero h2{font-size:37px!important;letter-spacing:-.045em!important}.v21-dash-hero p{font-size:13px!important;line-height:1.65!important;color:var(--v26-muted)!important}.v21-dash-hero-actions a{height:41px!important;border-radius:10px!important;font-size:12px!important}.v21-dash-chips span{font-size:10px!important;border-radius:999px!important;background:#0a1019!important}.v21-live-canvas{overflow:hidden!important}.v21-live-canvas>header{height:48px!important;background:#0a101a!important;border-bottom:1px solid var(--v26-line)!important}.v21-stat-grid{gap:12px!important}.v21-stat-grid article{border-radius:15px!important;padding:18px!important}.v21-stat-grid article b{font-size:27px!important}.v21-bottom-grid{gap:14px!important}.v21-dash-panel{border-radius:16px!important}.v26-search-trigger{min-width:175px!important;justify-content:flex-start!important}.v26-search-trigger kbd{margin-left:auto;font-size:9px;color:#69758e;border:1px solid #283048;padding:2px 5px;border-radius:5px;background:#090d14}

/* Cards and tables across app */
.v22-agent-list article,.v22-db-list article,.v22-team-list article,.v22-template-card,.v23-project-card,.v22-settings,.v22-db-tools article,.v22-team-tools article{background:linear-gradient(180deg,#0e1420,#0a0f18)!important;border-color:var(--v26-line)!important;box-shadow:none!important}.v22-agent-list article:hover,.v22-db-list article:hover,.v22-team-list article:hover,.v22-template-card:hover,.v23-project-card:hover{border-color:rgba(139,92,246,.32)!important;background:linear-gradient(180deg,#111827,#0c111b)!important}.v22-template-card,.v23-project-card{border-radius:16px!important}.v22-template-image{height:210px!important}.v22-template-copy h3{font-size:18px!important}.v22-template-copy p{font-size:12px!important}.v22-team-tools article,.v22-db-tools article{border-radius:15px!important}.v22-settings{border-radius:16px!important}

/* STUDIO — rebuilt */
.studio-app{height:100vh!important;background:#05080e!important}.v10utility{height:42px!important;top:0!important;right:0!important;left:244px!important;padding:0 12px!important;background:#070b12!important;border-bottom:1px solid var(--v26-line)!important;box-shadow:none!important}.veyra-sidebar-collapsed .v10utility{left:0!important}.v10utility button,.v10utility a{height:28px!important;border-radius:8px!important;border-color:var(--v26-line)!important;background:#0d131e!important;color:#9aa6bd!important;font-size:10px!important}.v10utility button:hover,.v10utility a:hover{background:#151c2b!important;color:#fff!important}
.studio{padding-top:42px!important;grid-template-rows:54px minmax(0,1fr) 28px!important;background:#060911!important}.apptop{height:54px!important;padding:0 12px 0 16px!important;background:#080d15!important;border-bottom:1px solid var(--v26-line)!important;box-shadow:0 8px 24px rgba(0,0,0,.08)}.v26-project-head{display:flex!important;align-items:center!important;gap:8px!important;min-width:0}.v26-project-head #projectName{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px!important}.v26-project-head #saveState{font-size:9px!important;color:#6f7c94!important}.v26-live-dot{width:6px;height:6px;border-radius:50%;background:#55d99e;box-shadow:0 0 9px rgba(85,217,158,.65)}
.studio-tabs{padding:3px!important;border:1px solid var(--v26-line)!important;border-radius:10px!important;background:#060a10!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.studio-tabs button{height:31px!important;padding:0 13px!important;border-radius:7px!important;font-size:10px!important;font-weight:600!important}.studio-tabs .active{background:#171e2c!important;box-shadow:0 1px 0 rgba(255,255,255,.04) inset;color:#fff!important}
.v24-studio-actions button{height:31px!important;padding:0 10px!important;border-radius:8px!important;background:#0d131e!important;border:1px solid var(--v26-line)!important;color:#9aa6bd!important;font-size:10px!important}.v24-studio-actions button:hover{color:#fff!important;background:#151c29!important}.v24-studio-actions .purple{background:linear-gradient(120deg,#8454ef,#6179ff)!important;color:#fff!important;border:0!important}
.studiobody{grid-template-columns:352px minmax(500px,1fr) 272px!important;background:#060911!important}.chatpanel{background:#080d15!important;border-right:1px solid var(--v26-line)!important}.chathead{height:50px!important;padding:0 14px!important;border-bottom:1px solid var(--v26-line)!important;background:#090e17!important}.chathead b{font-size:12px!important}.chathead small{font-size:9px!important}.chathead a{font-size:10px!important}.messages{padding:16px!important}.aimsg{gap:10px!important}.aimsg b{font-size:11px!important}.aimsg p{font-size:11px!important;line-height:1.6!important;color:#9ba7bd!important}.usermsg{font-size:11px!important;line-height:1.55!important;background:#151c2c!important;border-color:#29334d!important;padding:10px 12px!important;border-radius:14px 14px 5px 14px!important}.quickprompts{gap:7px!important}.quickprompts button{min-height:50px!important;border-radius:11px!important;background:#0d1420!important;border-color:var(--v26-line)!important;color:#a6b0c4!important;font-size:9px!important;padding:9px!important}.quickprompts button:hover{background:#151d2c!important;border-color:rgba(139,92,246,.30)!important;color:#fff!important}
.building{margin:0 12px 9px!important;padding:11px 12px!important;border-radius:12px!important;background:#121327!important;border:1px solid rgba(139,92,246,.26)!important}.building b{font-size:10px!important}.building span{font-size:9px!important}.buildbars em{height:3px!important}
.promptbox{margin:0 12px 12px!important;padding:8px!important;border-radius:14px!important;background:#0d131e!important;border:1px solid #29334a!important;box-shadow:0 16px 35px rgba(0,0,0,.18)}.promptbox:focus-within{border-color:rgba(139,92,246,.55)!important;box-shadow:0 0 0 3px rgba(139,92,246,.08),0 18px 40px rgba(0,0,0,.18)}.promptbox textarea{font-size:11px!important;line-height:1.5!important;min-height:58px!important}.promptbox button{font-size:9px!important}.promptbox .send{width:34px!important;height:34px!important;border-radius:9px!important}
.resultpanel{background:#05080e!important}.resultbar{height:50px!important;padding:0 10px!important;background:#080d15!important;border-bottom:1px solid var(--v26-line)!important}.resultbar button{height:31px!important;min-width:31px!important;border-radius:8px!important;font-size:10px!important}.resultbar>span{height:30px!important;min-width:210px!important;border-radius:8px!important;background:#060a10!important;border-color:var(--v26-line)!important;font-size:9px!important}.resultbar span b{font-size:10px!important;color:#a6b1c5!important}.iframewrap{padding:24px!important;background:radial-gradient(circle at 50% 24%,rgba(116,82,220,.08),transparent 30%),#070b12!important}.iframewrap iframe{border:1px solid rgba(145,160,196,.18)!important;border-radius:18px!important;box-shadow:0 28px 100px rgba(0,0,0,.38)!important}.iframewrap.desktop iframe{width:min(1120px,96%)!important;height:94%!important}.quality{background:#080d15!important;border-left:1px solid var(--v26-line)!important}.qualitytabs{height:50px!important;padding:0 10px!important;background:#090e17!important;border-color:var(--v26-line)!important}.qualitytabs button,.qualitytabs a{height:39px!important;padding:0 11px!important;font-size:10px!important}.quality section{margin:11px!important;padding:14px!important;border-radius:14px!important;background:#0d131e!important;border-color:var(--v26-line)!important}.quality header b{font-size:11px!important}.quality header strong{font-size:21px!important}.quality section>p:not(.subcopy){font-size:10px!important;margin:13px 0!important}.subcopy{font-size:10px!important;line-height:1.55!important}.autofix{height:35px!important;border-radius:9px!important;font-size:10px!important}.appstatus{height:28px!important;background:#080d15!important;border-color:var(--v26-line)!important;font-size:9px!important;color:#6f7c94!important}.appstatus button{font-size:9px!important}.appstatus>div:first-child{color:#58d9a2!important}
.v23-quality-toggle{left:-25px!important;width:25px!important;height:46px!important;border-color:var(--v26-line)!important;background:#0b111c!important}

/* Preview loader */
.preview-loading{inset:24px!important}.preview-loading-card{width:min(900px,96%)!important;min-height:390px!important;border-radius:20px!important;background:#0d131e!important;border-color:var(--v26-line)!important;padding:15px!important;box-shadow:0 30px 90px rgba(0,0,0,.38)!important}.preview-loading-top{font-size:11px!important}.preview-loading-top span,.empty-shell-top span{width:8px!important;height:8px!important}.preview-loading-hero{height:90px!important;border-radius:14px!important}.preview-loading-row{gap:9px!important}.preview-loading-row i{height:62px!important;border-radius:12px!important}.preview-loading-grid{gap:9px!important}.preview-loading-grid div{height:110px!important;border-radius:12px!important}.preview-loading-foot{font-size:10px!important}.empty-shell{width:min(720px,calc(100% - 70px))!important;border-radius:18px!important;background:#0d131e!important;border-color:var(--v26-line)!important;padding:14px!important}.empty-shell-hero{height:86px!important;border-radius:13px!important}.empty-shell-cards i{height:70px!important;border-radius:12px!important}.empty h2{font-size:20px!important}.empty p{font-size:11px!important}

/* Command palette */
.command{background:rgba(2,4,9,.68)!important;backdrop-filter:blur(8px)!important}.command>div{width:min(620px,calc(100% - 28px))!important;border-radius:16px!important;background:#0d131e!important;border:1px solid var(--v26-line-strong)!important;box-shadow:0 38px 110px rgba(0,0,0,.60)!important;padding:8px!important}.command input{height:48px!important;font-size:13px!important}.command button{height:40px!important;font-size:11px!important;border-radius:8px!important}

/* Home */
.v20-site{background:radial-gradient(circle at 50% -10%,rgba(112,74,208,.12),transparent 28%),#060911!important}.v22-home-nav{height:72px!important;background:rgba(6,9,17,.78)!important;border-bottom:1px solid rgba(145,160,196,.08)!important}.v20-brand img{width:38px!important;height:38px!important}.v20-brand b{font-size:16px!important}.v20-brand small{font-size:7px!important}.v20-links a{font-size:11px!important}.v20-nav-actions a{height:37px!important;border-radius:9px!important;font-size:11px!important}.v23-home-hero{padding-top:78px!important;min-height:690px!important}.v23-home-copy h1{font-size:66px!important;line-height:.98!important;max-width:700px!important}.v23-home-copy p{font-size:15px!important;line-height:1.7!important;color:#9aa6bd!important}.v20-main-cta,.v20-watch{height:46px!important;border-radius:11px!important}.v20-main-product{border:1px solid rgba(145,160,196,.15)!important;background:#0b1019!important;box-shadow:0 42px 120px rgba(0,0,0,.42)!important;border-radius:18px!important}.v20-bento article,.v24-feedback-grid article,.v20-flow article{background:linear-gradient(180deg,#0e1420,#0a0f18)!important;border-color:var(--v26-line)!important;box-shadow:none!important}.v20-section-head h2{letter-spacing:-.04em!important}.v20-final{border-color:var(--v26-line)!important;background:radial-gradient(circle at center,rgba(108,72,199,.14),transparent 42%),#0a0f18!important}

/* Pricing */
.v23-price-grid article{background:linear-gradient(180deg,#0e1420,#0a0f18)!important;border-color:var(--v26-line)!important;box-shadow:none!important}.v23-price-grid article.featured{border-color:rgba(139,92,246,.42)!important;box-shadow:0 25px 70px rgba(75,48,165,.12)!important}.v23-price-grid article>a{border-radius:10px!important}.v23-pricing{background:radial-gradient(circle at 50% -10%,rgba(108,76,204,.12),transparent 28%),#060911!important}

/* Auth */
.v21-auth-page{background:radial-gradient(circle at 72% 42%,rgba(111,78,207,.12),transparent 30%),#060911!important}.v21-auth-card{border-color:var(--v26-line)!important;background:rgba(12,17,27,.90)!important;box-shadow:0 35px 90px rgba(0,0,0,.34)!important}.v21-input{border-color:#29334a!important;background:#0a1019!important}.v21-input:focus-within{border-color:rgba(139,92,246,.58)!important;box-shadow:0 0 0 3px rgba(139,92,246,.08)!important}.v21-auth-submit{border-radius:10px!important;background:linear-gradient(120deg,#8755ef,#617aff)!important}.v26-auth-beta{font-size:8px;letter-spacing:.12em;color:#af8bff;border:1px solid rgba(139,92,246,.24);background:rgba(139,92,246,.10);padding:3px 5px;border-radius:999px;margin-left:6px}

/* Responsive */
@media(max-width:1150px){.studiobody{grid-template-columns:320px minmax(440px,1fr) 245px!important}.v22-app,.v21-dash-app,.v16-app.studio-app{grid-template-columns:220px minmax(0,1fr)!important}.v10utility{left:220px!important}.v23-sidebar-toggle{left:206px!important}}
@media(max-width:900px){.v10utility{left:0!important}.studio{padding-top:42px!important}.studiobody{grid-template-columns:1fr!important}.chatpanel,.quality{display:none!important}.v24-studio-actions #shareProjectBtn,.v24-studio-actions #saveProjectBtn{display:none}.apptop{grid-template-columns:1fr auto!important}.studio-tabs{justify-self:end}.v23-home-copy h1{font-size:48px!important}}


/* ============================================================
   VEYRA V27 — FUTURE BETA UI
   ============================================================ */
:root{--v27-bg:#050810;--v27-panel:#0b101b;--v27-panel2:#0e1422;--v27-border:rgba(137,153,196,.14);--v27-muted:#8692aa;--v27-text:#f6f8ff;--v27-purple:#945cff;--v27-blue:#5f7dff;--v27-cyan:#51d9ff;--v27-green:#5fe0a8}
.v27-public{min-height:100vh;color:var(--v27-text);background:radial-gradient(circle at 72% 5%,rgba(91,72,196,.16),transparent 28%),radial-gradient(circle at 12% 22%,rgba(65,100,200,.09),transparent 24%),var(--v27-bg);font-family:Inter,system-ui,sans-serif;position:relative;overflow:hidden}.v27-public>*{position:relative;z-index:1}.v27-grid-bg{position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(124,143,190,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(124,143,190,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 72%)}
.v27-nav{height:78px;max-width:1460px;margin:auto;padding:0 28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(139,155,194,.08);position:sticky;top:0;z-index:100;background:rgba(5,8,16,.74);backdrop-filter:blur(20px)}.v27-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;width:max-content}.v27-brand img{width:39px;height:39px;filter:drop-shadow(0 0 18px rgba(137,82,255,.55))}.v27-brand span{display:grid}.v27-brand b{font-size:16px;letter-spacing:.22em}.v27-brand small{font-size:7px;color:#7567a9;letter-spacing:.18em;margin-top:2px}.v27-navlinks{display:flex;gap:5px;padding:5px;border:1px solid rgba(137,153,196,.12);border-radius:14px;background:rgba(13,18,31,.72)}.v27-navlinks a{padding:9px 12px;border-radius:9px;text-decoration:none;color:#8996af;font-size:12px}.v27-navlinks a:hover{background:#171d2c;color:#fff}.v27-navactions{justify-self:end;display:flex;gap:8px}.v27-navactions a{height:40px;padding:0 14px;border-radius:11px;display:flex;align-items:center;text-decoration:none;font-size:12px;font-weight:700}.v27-navactions .ghost{color:#a3aec3}.v27-navactions .primary,.v27-btn.primary{background:linear-gradient(120deg,#9b5cff,#6579ff);box-shadow:0 14px 38px rgba(101,75,225,.25);color:white}
.v27-hero{max-width:1460px;min-height:720px;margin:auto;padding:92px 38px 72px;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.v27-eyebrow{width:max-content;display:flex;gap:8px;align-items:center;padding:8px 11px;border:1px solid rgba(142,102,255,.26);border-radius:999px;background:rgba(76,51,132,.13);color:#b798ff;font-size:9px;font-weight:800;letter-spacing:.15em}.v27-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--v27-green);box-shadow:0 0 14px var(--v27-green)}.v27-eyebrow span{color:#63718d;letter-spacing:.05em}.v27-hero-copy h1{font-size:72px;line-height:.94;letter-spacing:-.06em;margin:24px 0}.v27-hero-copy h1 em,.v27-section-head h2 em{font-style:normal;background:linear-gradient(90deg,#c665ff,#7081ff,#5fe0ff);-webkit-background-clip:text;color:transparent}.v27-hero-copy>p{font-size:17px;line-height:1.75;color:#94a0b8;max-width:610px}.v27-hero-actions{display:flex;gap:10px;margin-top:30px}.v27-btn{height:48px;padding:0 17px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;border:0;font-size:13px;font-weight:800;color:#fff}.v27-btn.glass{border:1px solid rgba(139,155,194,.15);background:rgba(14,20,33,.72);color:#b4bfd2}.v27-mini-proof{display:flex;align-items:center;gap:16px;margin-top:32px}.v27-mini-proof div{display:grid}.v27-mini-proof b{font-size:14px}.v27-mini-proof span{font-size:10px;color:#6e7a92;margin-top:3px}.v27-mini-proof>i{height:28px;width:1px;background:#20283a}
.v27-hero-visual{position:relative;min-height:540px}.v27-aurora{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45}.v27-aurora.a{width:300px;height:300px;background:#7b3eff;right:15%;top:5%}.v27-aurora.b{width:260px;height:260px;background:#245fff;left:8%;bottom:6%}.v27-product-shell{position:absolute;inset:40px 0 20px 30px;border:1px solid rgba(139,155,194,.16);border-radius:26px;background:linear-gradient(180deg,rgba(15,21,35,.97),rgba(8,13,23,.98));box-shadow:0 45px 130px rgba(0,0,0,.55);overflow:hidden;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.v27-product-shell>header{height:54px;padding:0 16px;border-bottom:1px solid #20283b;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.v27-product-shell>header>div{display:flex;gap:6px}.v27-product-shell>header>div i{width:7px;height:7px;border-radius:50%;background:#6358cd}.v27-product-shell>header>b{font-size:11px}.v27-product-shell>header>span{justify-self:end;font-size:8px;color:#71dda9}.v27-product-shell>header>span i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#61dda3;margin-right:5px}.v27-product-body{height:calc(100% - 54px);display:grid;grid-template-columns:125px 1fr 140px}.v27-product-body>aside{padding:16px 10px;border-right:1px solid #1e2638;display:flex;flex-direction:column;gap:7px}.v27-product-body>aside small{font-size:6px;color:#596780}.v27-product-body>aside b{font-size:8px;margin-bottom:8px}.v27-product-body>aside a{padding:8px;border-radius:7px;font-size:7px;color:#697690}.v27-product-body>aside a.on{background:#211842;color:#c1a5ff}.v27-product-body>section{padding:16px;background:#080c14}.v27-demo-prompt{height:42px;padding:0 8px 0 12px;border:1px solid #273047;border-radius:10px;background:#0e1421;display:flex;align-items:center;justify-content:space-between;color:#6f7e99;font-size:7px}.v27-demo-prompt button{height:28px;border:0;border-radius:7px;background:linear-gradient(135deg,#8151e8,#586fe9);color:white;font-size:7px}.v27-demo-preview{margin-top:12px;padding:14px;border:1px solid #222a3e;border-radius:14px;background:#f7f8fb;min-height:330px}.v27-demo-preview nav{height:22px;border-radius:7px;background:#dfe3ea}.v27-demo-preview .hero{height:88px;margin-top:12px;border-radius:12px;background:linear-gradient(135deg,#3e2b63,#5a4ca0)}.v27-demo-preview .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.v27-demo-preview .stats i{height:55px;border-radius:9px;background:#e5e8ef}.v27-demo-preview .chart{height:105px;margin-top:9px;border-radius:9px;background:linear-gradient(180deg,#e6e9f0,#f2f4f8)}.v27-product-body>aside.quality{border-left:1px solid #1e2638;border-right:0}.v27-product-body .quality strong{font-size:30px;color:#a87cff}.v27-product-body .quality .bar{height:4px;background:#222a3d;border-radius:99px}.v27-product-body .quality .bar i{display:block;width:88%;height:100%;background:linear-gradient(90deg,#a95fff,#557eff)}.v27-product-body .quality p{font-size:7px;color:#6e7b94;display:flex;justify-content:space-between}.v27-product-body .quality p b{color:#dbe2f2}.v27-product-body .quality button{margin-top:auto;height:30px;border:0;border-radius:8px;background:linear-gradient(135deg,#824de5,#547ae9);color:white;font-size:7px}.v27-floating-card{position:absolute;z-index:4;padding:12px 14px;border:1px solid rgba(143,158,199,.18);border-radius:15px;background:rgba(13,19,32,.92);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.38);display:flex;align-items:center;gap:10px}.v27-floating-card.left{left:-18px;bottom:22px}.v27-floating-card.right{right:-15px;top:80px}.v27-floating-card>span{width:31px;height:31px;border-radius:10px;background:#1c1739;color:#a775ff;display:grid;place-items:center}.v27-floating-card b,.v27-floating-card small{display:block}.v27-floating-card b{font-size:10px}.v27-floating-card small{font-size:8px;color:#72809a;margin-top:3px}.v27-floating-card em{display:flex;gap:3px}.v27-floating-card em i{width:5px;height:5px;border-radius:50%;background:#9e69ff;animation:v27dots 1s ease-in-out infinite}.v27-floating-card em i:nth-child(2){animation-delay:.13s}.v27-floating-card em i:nth-child(3){animation-delay:.26s}@keyframes v27dots{50%{transform:translateY(-3px);opacity:.55}}
.v27-trust{max-width:1380px;margin:0 auto 85px;padding:18px 26px;border:1px solid rgba(139,155,194,.1);border-radius:17px;background:rgba(12,17,29,.64);display:flex;justify-content:center;align-items:center;gap:22px;color:#7a879f}.v27-trust span{font-size:8px;letter-spacing:.2em;color:#554b7a}.v27-trust b{font-size:12px;font-weight:600}.v27-trust i{width:3px;height:3px;border-radius:50%;background:#45516a}
.v27-section,.v27-vouches-preview,.v27-links-section{max-width:1380px;margin:0 auto;padding:90px 28px}.v27-section-head{max-width:780px}.v27-section-head small,.v27-support-section small{font-size:9px;letter-spacing:.22em;color:#9b71f1}.v27-section-head h2{font-size:50px;line-height:1.02;letter-spacing:-.05em;margin:13px 0}.v27-section-head p{font-size:15px;line-height:1.75;color:#8592aa}.v27-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:38px}.v27-feature-grid article{min-height:280px;padding:27px;border:1px solid var(--v27-border);border-radius:22px;background:linear-gradient(145deg,rgba(14,20,34,.92),rgba(8,13,23,.92));overflow:hidden}.v27-feature-grid article.wide{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;gap:45px}.v27-feature-grid article>span{font-size:9px;color:#9c77ed;letter-spacing:.16em}.v27-feature-grid h3{font-size:25px;line-height:1.18;margin:15px 0 10px}.v27-feature-grid p{color:#8492aa;font-size:13px;line-height:1.7}.v27-feature-grid a{font-size:12px;color:#ab8eff;text-decoration:none}.v27-chat-demo{align-self:center;padding:20px;border:1px solid #252d43;border-radius:18px;background:#090e18}.v27-chat-demo .user{margin-left:auto;max-width:70%;padding:12px;border-radius:14px 14px 4px 14px;background:#191f31;font-size:11px}.v27-chat-demo .ai{margin-top:14px;padding:14px;border:1px solid #292f48;border-radius:14px;background:#101523}.v27-chat-demo .ai b{font-size:10px;color:#b596ff}.v27-chat-demo .ai p{margin:6px 0 8px;font-size:10px}.v27-chat-demo em{display:flex;gap:4px}.v27-chat-demo em i{width:5px;height:5px;border-radius:50%;background:#9670ec}.v27-scan{height:105px;margin-top:26px;border-radius:15px;border:1px solid #252e43;background:linear-gradient(180deg,#0a0f1a,#111827);position:relative;overflow:hidden}.v27-scan i{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#9d5dff,#4e9fff,transparent);box-shadow:0 0 16px #8264ff;animation:v27scan 2.3s linear infinite}@keyframes v27scan{0%{top:0}100%{top:100%}}.v27-change-lines{display:grid;gap:9px;margin-top:28px}.v27-change-lines i{height:11px;border-radius:99px;background:linear-gradient(90deg,#222a3e,#171d2b)}.v27-change-lines i:nth-child(1){width:90%}.v27-change-lines i:nth-child(2){width:70%}.v27-change-lines i:nth-child(3){width:82%}.v27-file-stack{display:flex;margin-top:30px}.v27-file-stack i{width:74px;height:74px;border:1px solid #2b334b;border-radius:15px;background:#111726;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800;color:#8e9ab4;box-shadow:-12px 12px 35px rgba(0,0,0,.2)}.v27-file-stack i+ i{margin-left:-14px}.v27-feature-grid article button{height:38px;margin-top:18px;border:1px solid rgba(139,105,255,.35);border-radius:10px;background:#17152e;color:#b99cff;font-weight:700}
.v27-vouches-preview{padding-top:65px}.v27-vouch-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.v27-vouch-row article{padding:23px;border:1px solid var(--v27-border);border-radius:19px;background:#0d1320}.v27-vouch-row .stars{color:#9d70ff;letter-spacing:.15em}.v27-vouch-row p{min-height:100px;color:#c4ccdc;font-size:13px;line-height:1.7}.v27-vouch-row footer b,.v27-vouch-row footer span{display:block}.v27-vouch-row footer b{font-size:12px}.v27-vouch-row footer span{font-size:9px;color:#69768e;margin-top:3px}.v27-empty-vouches{margin-top:30px;padding:24px;border:1px solid var(--v27-border);border-radius:20px;background:#0d1320;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center}.v27-empty-vouches>span{width:46px;height:46px;border-radius:12px;background:#19163a;color:#9b6eff;display:grid;place-items:center}.v27-empty-vouches b{font-size:14px}.v27-empty-vouches p{font-size:11px;color:#7b88a1;margin:4px 0}.v27-empty-vouches a{color:#b697ff;text-decoration:none;font-size:11px}.center{text-align:center;margin-top:20px}
.v27-support-section{max-width:1380px;margin:55px auto;padding:54px;border:1px solid rgba(128,92,255,.22);border-radius:28px;background:radial-gradient(circle at 85% 20%,rgba(109,72,217,.19),transparent 32%),linear-gradient(135deg,#101624,#090e18);display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.v27-support-section h2{font-size:42px;letter-spacing:-.04em;margin:12px 0}.v27-support-section>div>p{max-width:600px;color:#8794ad;line-height:1.75}.v27-support-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:22px 0}.v27-support-list span{font-size:11px;color:#9da9bd}.v27-support-list span::first-letter{color:#61dda3}.v27-support-mock{border:1px solid #283149;border-radius:20px;background:#090e17;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35)}.v27-support-mock header{height:66px;padding:0 16px;border-bottom:1px solid #232b3f;display:flex;align-items:center;gap:11px}.v27-support-mock header>span{width:38px;height:38px;border-radius:11px;background:#1c173d;color:#a477ff;display:grid;place-items:center}.v27-support-mock header b,.v27-support-mock header small{display:block}.v27-support-mock header b{font-size:12px}.v27-support-mock header small{font-size:8px;color:#68dca7;margin-top:3px}.v27-support-mock .msg{max-width:78%;margin:14px;padding:11px 13px;border-radius:13px;font-size:10px;line-height:1.55}.v27-support-mock .msg.ai{background:#131a28;color:#aeb9cf}.v27-support-mock .msg.user{margin-left:auto;background:#261b51;color:#d8caff}.v27-support-mock footer{height:55px;margin:14px;border:1px solid #293149;border-radius:12px;display:flex;align-items:center;padding:0 8px 0 12px;color:#66748e;font-size:9px}.v27-support-mock footer span{flex:1}.v27-support-mock footer button{width:34px;height:34px;border:0;border-radius:9px;background:linear-gradient(135deg,#8e50ee,#5f7bff);color:white}
.v27-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}.v27-link-grid a{min-height:180px;padding:23px;border:1px solid var(--v27-border);border-radius:18px;background:#0c121e;text-decoration:none;color:#fff;transition:.18s}.v27-link-grid a:hover{transform:translateY(-3px);border-color:rgba(137,99,255,.38);background:#101725}.v27-link-grid span{width:39px;height:39px;border-radius:11px;background:#181636;color:#a77bff;display:grid;place-items:center}.v27-link-grid b{display:block;font-size:16px;margin-top:20px}.v27-link-grid p{font-size:11px;line-height:1.6;color:#78859e}.v27-final{max-width:1280px;margin:100px auto;padding:85px 35px;text-align:center;border:1px solid rgba(139,155,194,.12);border-radius:30px;background:radial-gradient(circle at center,rgba(105,67,206,.18),transparent 40%),#0a0f19}.v27-orbit-logo{width:85px;height:85px;margin:auto;display:grid;place-items:center;border:1px solid #312753;border-radius:50%;box-shadow:0 0 70px rgba(115,74,225,.18)}.v27-orbit-logo img{width:52px}.v27-final>small{display:block;color:#8d6bd9;font-size:9px;letter-spacing:.18em;margin-top:25px}.v27-final h2{font-size:54px;letter-spacing:-.05em;margin:14px 0}.v27-final p{color:#8592aa}.v27-final>div:last-child{display:flex;justify-content:center;gap:9px;margin-top:25px}
.v27-footer{max-width:1460px;margin:auto;padding:55px 30px 24px;border-top:1px solid rgba(139,155,194,.1)}.v27-footer-top{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:center;padding-bottom:35px}.v27-footer-top p{color:#77849d;font-size:12px;line-height:1.6}.v27-status-pill{padding:8px 10px;border:1px solid #252e42;border-radius:999px;color:#8491aa;text-decoration:none;font-size:10px}.v27-status-pill i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#61dda3;margin-right:5px}.v27-footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:30px 0;border-top:1px solid rgba(139,155,194,.07);border-bottom:1px solid rgba(139,155,194,.07)}.v27-footer-grid>div{display:grid;gap:9px}.v27-footer-grid b{font-size:10px;color:#d7deed}.v27-footer-grid a{font-size:10px;color:#707d95;text-decoration:none}.v27-footer-grid a:hover{color:#b8a3f3}.v27-footer-bottom{display:flex;justify-content:space-between;padding-top:20px;color:#556178;font-size:9px}
/* info pages */.v27-info,.v27-vouches-page,.v27-pricing{max-width:1280px;margin:auto;padding:95px 30px}.v27-info>header,.v27-vouches-page>header,.v27-pricing>header{text-align:center;max-width:800px;margin:auto}.v27-info>header small,.v27-vouches-page>header small,.v27-pricing>header small{font-size:9px;letter-spacing:.22em;color:#9d73ef}.v27-info h1,.v27-vouches-page h1,.v27-pricing>header h1{font-size:58px;letter-spacing:-.055em;margin:14px 0}.v27-info>header p,.v27-vouches-page>header p,.v27-pricing>header p{color:#8794ac;font-size:15px;line-height:1.75}.v27-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:48px}.v27-info-grid article{min-height:180px;padding:24px;border:1px solid var(--v27-border);border-radius:19px;background:#0c121e;display:grid;grid-template-columns:45px 1fr;gap:14px}.v27-info-grid article>span{width:39px;height:39px;border-radius:10px;background:#181635;color:#a67aff;display:grid;place-items:center;font-size:9px}.v27-info-grid h2{font-size:18px;margin:5px 0 8px}.v27-info-grid p{font-size:12px;line-height:1.7;color:#8390a9}.v27-info-cta{margin-top:18px;padding:22px;border:1px solid rgba(129,95,255,.22);border-radius:18px;background:#101421;display:flex;align-items:center;justify-content:space-between}.v27-info-cta b{font-size:14px}.v27-info-cta p{font-size:11px;color:#77849d;margin:4px 0}.v27-info-cta button{height:39px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(135deg,#8f52ef,#637bff);color:white;font-size:11px;font-weight:800}
/* vouches */.v27-vouch-layout{display:grid;grid-template-columns:1fr 350px;gap:20px;margin-top:48px}.v27-vouch-filter{height:50px;display:flex;justify-content:space-between;align-items:center}.v27-vouch-filter button{border:0;background:#19172f;color:#b895ff;padding:8px 11px;border-radius:9px}.v27-vouch-filter span{font-size:10px;color:#6f7c95}.v27-vouch-list{display:grid;gap:12px}.v27-vouch-list article{padding:22px;border:1px solid var(--v27-border);border-radius:18px;background:#0c121e}.v27-vouch-list article>header{display:grid;grid-template-columns:46px 1fr auto;gap:11px;align-items:center}.v27-vouch-list .avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8a5cee,#547be9);display:grid;place-items:center;font-weight:800}.v27-vouch-list header b,.v27-vouch-list header small{display:block}.v27-vouch-list header b{font-size:13px}.v27-vouch-list header small{font-size:9px;color:#6d7992;margin-top:3px}.v27-vouch-list header>span{color:#a97dff;letter-spacing:.08em}.v27-vouch-list article>p{font-size:13px;line-height:1.75;color:#b9c3d6}.v27-vouch-list footer{display:flex;justify-content:space-between;font-size:9px;color:#5e6b84}.v27-submit-vouch{height:max-content;position:sticky;top:100px;padding:23px;border:1px solid rgba(130,97,255,.22);border-radius:19px;background:#101522}.v27-submit-vouch>small{color:#9c74ec;font-size:8px;letter-spacing:.18em}.v27-submit-vouch h2{font-size:25px;margin:9px 0}.v27-submit-vouch>p{font-size:11px;color:#7f8ca6;line-height:1.6}.v27-submit-vouch form{display:grid;gap:12px;margin-top:20px}.v27-submit-vouch label{font-size:9px;color:#8a97ae;display:grid;gap:6px}.v27-submit-vouch input,.v27-submit-vouch select,.v27-submit-vouch textarea{width:100%;border:1px solid #2a3249;border-radius:10px;background:#090f19;color:#fff;padding:10px;font-size:11px;outline:none}.v27-submit-vouch textarea{min-height:120px;resize:vertical}.v27-submit-vouch form>button{height:42px;border:0;border-radius:11px;background:linear-gradient(135deg,#8f50ee,#5d7cff);color:white;font-weight:800}.form-status{font-size:10px!important}.form-status.good{color:#65dca5!important}.v27-no-vouches{text-align:center;padding:80px 30px;border:1px dashed #283149;border-radius:20px}.v27-no-vouches>span{font-size:30px;color:#9565ef}.v27-no-vouches h2{font-size:24px}.v27-no-vouches p{color:#7b879f}
/* pricing + checkout */.v27-pricing>header h1 em{font-style:normal;background:linear-gradient(90deg,#bd63ff,#657fff,#58dcff);-webkit-background-clip:text;color:transparent}.v27-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}.v27-plan-grid article{position:relative;min-height:510px;padding:28px;border:1px solid var(--v27-border);border-radius:22px;background:linear-gradient(180deg,#0d1421,#090e18)}.v27-plan-grid article.featured{border-color:rgba(144,95,255,.42);box-shadow:0 30px 100px rgba(83,52,169,.18)}.v27-plan-grid .tag{position:absolute;right:18px;top:18px;padding:5px 8px;border-radius:999px;background:#261d4a;color:#b99aff;font-size:8px;font-weight:800}.v27-plan-grid article>span{font-size:9px;letter-spacing:.16em;color:#9274d6}.v27-plan-grid h2{font-size:48px;margin:15px 0}.v27-plan-grid h2 small{font-size:13px;color:#75829b}.v27-plan-grid p{min-height:48px;color:#8390a9;font-size:12px;line-height:1.6}.v27-plan-grid a{height:43px;margin:18px 0 24px;border:1px solid #2c344c;border-radius:11px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#d9e0ed;font-size:12px;font-weight:800}.v27-plan-grid .featured a{border:0;background:linear-gradient(135deg,#8f50ed,#5d7bff)}.v27-plan-grid ul{list-style:none;padding:0;display:grid;gap:12px}.v27-plan-grid li{font-size:11px;color:#8d99b0}.v27-plan-grid li:before{content:'✓';color:#60dda4;margin-right:8px}.v27-purchase-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center;margin-top:28px;padding:25px;border:1px solid var(--v27-border);border-radius:20px;background:#0c121e}.v27-purchase-flow div{display:grid}.v27-purchase-flow span{font-size:8px;color:#9b73ef}.v27-purchase-flow b{font-size:13px;margin-top:6px}.v27-purchase-flow p{font-size:10px;color:#6f7c94}.v27-purchase-flow>i{font-style:normal;color:#4e5a72}.v27-pricing-faq{max-width:850px;margin:70px auto}.v27-pricing-faq h2{font-size:30px}.v27-pricing-faq details{padding:18px 0;border-bottom:1px solid #20283a}.v27-pricing-faq summary{cursor:pointer;font-size:13px;font-weight:700}.v27-pricing-faq details p{color:#8491aa;font-size:11px;line-height:1.7}.v27-checkout{max-width:1000px;margin:auto;padding:100px 30px;display:grid;grid-template-columns:1fr .8fr;gap:20px}.v27-checkout>section,.v27-checkout>aside{padding:32px;border:1px solid var(--v27-border);border-radius:23px;background:#0c121e}.v27-checkout>section>small{color:#9d74ee;font-size:9px;letter-spacing:.18em}.v27-checkout h1{font-size:42px;margin:12px 0}.v27-checkout>section>p,.v27-checkout>aside p{font-size:12px;color:#8491aa;line-height:1.7}.v27-checkout-price b{font-size:48px}.v27-checkout-price span{font-size:12px;color:#71809a}.v27-payment-notice{margin:22px 0;padding:16px;border:1px solid #4c3f2a;border-radius:14px;background:#1a1711;display:grid;grid-template-columns:35px 1fr;gap:10px}.v27-payment-notice>span{width:32px;height:32px;border-radius:9px;background:#332814;color:#e7b85f;display:grid;place-items:center}.v27-payment-notice b{font-size:11px}.v27-payment-notice p{font-size:10px!important}.v27-payment-notice code{color:#d6c3ff}.v27-checkout aside b{font-size:15px}.v27-checkout aside ol{padding-left:20px;color:#95a1b7;font-size:11px;line-height:2}.v27-checkout aside strong{color:#d6deed}
/* support bot */.v27-support-fab{position:fixed;right:22px;bottom:22px;z-index:500;width:54px;height:54px;border:1px solid rgba(155,111,255,.42);border-radius:17px;background:linear-gradient(145deg,#24164a,#11182a);box-shadow:0 20px 55px rgba(55,34,130,.4);color:#b995ff;display:grid;place-items:center;font-size:19px;cursor:pointer}.v27-support-fab i{position:absolute;right:6px;top:6px;width:8px;height:8px;border-radius:50%;background:#61dda3;border:2px solid #17172a}.v27-support-panel{position:fixed;right:22px;bottom:86px;z-index:499;width:370px;height:540px;border:1px solid rgba(139,155,194,.19);border-radius:22px;background:rgba(9,14,24,.98);box-shadow:0 35px 100px rgba(0,0,0,.55);backdrop-filter:blur(20px);display:grid;grid-template-rows:68px 1fr auto auto 33px;overflow:hidden}.v27-support-panel>header{padding:0 14px;border-bottom:1px solid #20283a;display:flex;align-items:center;justify-content:space-between}.v27-support-panel>header>div{display:flex;gap:10px;align-items:center}.v27-support-orb{width:39px;height:39px;border-radius:11px;background:#191538;color:#9e73ff;display:grid;place-items:center}.v27-support-panel header b,.v27-support-panel header small{display:block}.v27-support-panel header b{font-size:12px}.v27-support-panel header small{font-size:8px;color:#75829b;margin-top:3px}.v27-support-panel header small i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#60dda4;margin-right:4px}.v27-support-panel>header>button{border:0;background:transparent;color:#8290a9;font-size:20px}.v27-support-messages{overflow:auto;padding:14px;display:flex;flex-direction:column;gap:11px}.support-ai,.support-user{max-width:87%;padding:11px 12px;border-radius:13px}.support-ai{background:#121927;border:1px solid #242d43}.support-user{align-self:flex-end;background:#241a4e}.support-ai b,.support-user b{display:block;font-size:9px;color:#b69aff}.support-ai p,.support-user p{font-size:10px;line-height:1.55;color:#a6b1c6;margin:5px 0 0}.support-user p{color:#dfd5ff}.support-typing{display:flex;gap:4px;padding:9px 11px;width:max-content;border-radius:10px;background:#121927}.support-typing i{width:5px;height:5px;border-radius:50%;background:#9c71f0;animation:v27dots 1s ease-in-out infinite}.support-typing i:nth-child(2){animation-delay:.12s}.support-typing i:nth-child(3){animation-delay:.24s}.v27-support-chips{display:flex;gap:5px;padding:0 12px 9px;overflow-x:auto}.v27-support-chips button{white-space:nowrap;height:27px;border:1px solid #283149;border-radius:8px;background:#101623;color:#8390a9;font-size:8px}.v27-support-panel form{margin:0 12px 10px;padding:7px;border:1px solid #2c354e;border-radius:13px;background:#0c121d;display:grid;grid-template-columns:1fr 38px;gap:6px}.v27-support-panel textarea{height:52px;border:0;resize:none;background:transparent;color:#fff;outline:none;padding:6px;font-size:10px}.v27-support-panel form button{width:38px;height:38px;align-self:end;border:0;border-radius:10px;background:linear-gradient(135deg,#8e50ed,#5e7bff);color:white}.v27-support-panel>footer{padding:0 12px;border-top:1px solid #1d2536;display:flex;align-items:center;justify-content:space-between;font-size:8px}.v27-support-panel>footer a{color:#9678dc;text-decoration:none}.v27-support-panel>footer span{color:#56627a}
/* admin */.v27-admin{min-height:100vh;background:#070b13;color:#fff;padding:30px}.v27-admin>header{max-width:1000px;margin:auto;display:flex;gap:20px;align-items:center}.v27-admin>header a{color:#9a80d9;text-decoration:none}.v27-admin>header small{color:#9b72ed}.v27-admin h1{margin:2px 0}.v27-admin>main{max-width:1000px;margin:30px auto;display:grid;gap:10px}.v27-admin article{padding:18px;border:1px solid #252e43;border-radius:15px;background:#0f1521;display:grid;grid-template-columns:1fr auto auto;gap:9px;align-items:center}.v27-admin article b,.v27-admin article span{display:block}.v27-admin article p{color:#aab4c6}.v27-admin article small{color:#66738c}.v27-admin article button{height:35px;border:0;border-radius:9px;background:#235c49;color:#9ce4c5}.v27-admin article button.deny{background:#4e202a;color:#f59aaa}
@media(max-width:1050px){.v27-nav{grid-template-columns:1fr auto}.v27-navlinks{display:none}.v27-hero{grid-template-columns:1fr;padding-top:65px}.v27-hero-visual{min-height:520px}.v27-feature-grid article.wide,.v27-support-section,.v27-checkout{grid-template-columns:1fr}.v27-vouch-layout{grid-template-columns:1fr}.v27-submit-vouch{position:static}.v27-plan-grid{grid-template-columns:1fr}.v27-vouch-row,.v27-link-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.v27-nav{height:70px;padding:0 16px}.v27-navactions .ghost{display:none}.v27-hero{padding:55px 20px}.v27-hero-copy h1{font-size:48px}.v27-hero-actions{flex-direction:column}.v27-mini-proof{flex-wrap:wrap}.v27-hero-visual{min-height:420px}.v27-product-shell{inset:20px 0}.v27-product-body{grid-template-columns:90px 1fr}.v27-product-body>aside.quality{display:none}.v27-floating-card{display:none}.v27-trust{margin:0 16px 40px;overflow:auto;justify-content:flex-start}.v27-section,.v27-vouches-preview,.v27-links-section,.v27-info,.v27-vouches-page,.v27-pricing{padding:65px 18px}.v27-section-head h2,.v27-info h1,.v27-vouches-page h1,.v27-pricing>header h1{font-size:39px}.v27-feature-grid,.v27-info-grid,.v27-vouch-row,.v27-link-grid{grid-template-columns:1fr}.v27-feature-grid article.wide{grid-column:auto;grid-template-columns:1fr}.v27-support-section{margin:35px 16px;padding:28px}.v27-support-list{grid-template-columns:1fr}.v27-footer{padding:40px 18px 20px}.v27-footer-top{grid-template-columns:1fr}.v27-footer-grid{grid-template-columns:1fr 1fr}.v27-purchase-flow{grid-template-columns:1fr}.v27-purchase-flow>i{display:none}.v27-support-panel{right:10px;bottom:78px;width:calc(100% - 20px);height:70vh}.v27-support-fab{right:14px;bottom:14px}}

/* ===== VEYRA V28 — Stripe credit shop ===== */
.v28-credit-shop{max-width:1180px;margin:44px auto 18px;padding:28px;border:1px solid rgba(133,148,184,.14);border-radius:24px;background:linear-gradient(180deg,rgba(16,22,35,.96),rgba(10,15,25,.96));box-shadow:0 30px 90px rgba(0,0,0,.22)}
.v28-credit-shop>header{text-align:center;max-width:680px;margin:0 auto 24px}.v28-credit-shop>header small{color:#a276ff;letter-spacing:.18em;font-size:10px}.v28-credit-shop>header h2{font-size:34px;margin:9px 0 8px}.v28-credit-shop>header p{color:#8795ae;font-size:14px}
.v28-credit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.v28-credit-grid article{padding:20px;border:1px solid rgba(133,148,184,.14);border-radius:18px;background:#0c121e;transition:.18s}.v28-credit-grid article:hover{transform:translateY(-3px);border-color:rgba(143,96,255,.34);box-shadow:0 18px 48px rgba(0,0,0,.22)}.v28-credit-grid span{display:block;font-size:28px;font-weight:850}.v28-credit-grid b{display:block;color:#8b98b0;font-size:12px;margin-top:2px}.v28-credit-grid h3{font-size:21px;margin:18px 0}.v28-credit-grid a{height:40px;border-radius:11px;background:linear-gradient(135deg,#8151ef,#587aff);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:12px;font-weight:750}.v28-sandbox-note{margin-top:15px;padding:13px 15px;border:1px solid rgba(241,183,80,.18);border-radius:12px;background:rgba(241,183,80,.06);display:flex;gap:10px;align-items:center;font-size:11px;color:#8e9ab1}.v28-sandbox-note b{color:#e9ba68}.v28-sandbox-note span{flex:1}@media(max-width:900px){.v28-credit-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.v28-credit-grid{grid-template-columns:1fr}.v28-credit-shop{padding:18px}}

.vadmin{min-height:100vh;padding:42px;max-width:1500px;margin:auto;color:#eef1ff}.vadmin-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:26px}.vadmin-head small,.vadmin-title small{color:#9b86ff;font-weight:800;letter-spacing:.16em}.vadmin-head h1{font-size:42px;margin:6px 0}.vadmin-head p{color:#8f9ab7;margin:0}.vadmin-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.vadmin-actions a,.vadmin-db{padding:10px 14px;border:1px solid #28314c;border-radius:12px;background:#0d1322;color:#dfe5ff;text-decoration:none}.vadmin-db{border-color:#604df5;color:#bcaeff}.vadmin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.vadmin-stats article,.vadmin-panel{background:linear-gradient(180deg,rgba(14,20,36,.97),rgba(8,13,25,.97));border:1px solid #202a43;border-radius:18px}.vadmin-stats article{padding:20px}.vadmin-stats small{display:block;color:#808ba6;font-size:11px}.vadmin-stats b{display:block;font-size:30px;margin-top:8px}.vadmin-panel{padding:20px;margin-bottom:16px}.vadmin-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.vadmin-title h2{margin:4px 0 0}.vadmin-title a{color:#a997ff;text-decoration:none}.vadmin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.vadmin-table-wrap{overflow:auto}.vadmin-table{width:100%;border-collapse:collapse;min-width:760px}.vadmin-table th{text-align:left;color:#707c98;font-size:11px;padding:11px;border-bottom:1px solid #202a43}.vadmin-table td{padding:12px 11px;border-bottom:1px solid #171f33}.vadmin-table td small{display:block;color:#7d89a4}.vadmin-table input,.vadmin-table select{background:#090f1c;border:1px solid #2b3551;color:#e9edff;border-radius:9px;padding:9px 10px;max-width:125px}.vadmin-table button{background:linear-gradient(100deg,#963fff,#4f69ff);border:0;color:white;border-radius:9px;padding:9px 14px;font-weight:800}.vadmin-item{padding:13px 0;border-bottom:1px solid #1c253a}.vadmin-item b{display:block}.vadmin-item small{color:#77839e}.vadmin-item p{color:#aab4cb;line-height:1.55}.vadmin-empty{color:#77839e}@media(max-width:900px){.vadmin{padding:22px}.vadmin-head{align-items:flex-start;flex-direction:column}.vadmin-stats{grid-template-columns:1fr 1fr}.vadmin-grid{grid-template-columns:1fr}}