:root{
  --bg:#05060a;--bg-soft:#090b11;--panel:#0c1018;--panel2:#111722;--panel3:#151b27;
  --line:rgba(231,236,255,.085);--line-strong:rgba(231,236,255,.14);--text:#f6f7fb;--muted:#80899c;
  --violet:#7d5cff;--violet-2:#9b7bff;--blue:#5897ff;--cyan:#70d8ff;--success:#5bd9a9;--danger:#ff7084;--warning:#eecb73;
  --shadow:0 28px 80px rgba(0,0,0,.42);--radius:18px;--silver:linear-gradient(180deg,#fff 0%,#b8bdc8 55%,#727986 100%);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:
radial-gradient(1000px 620px at 82% -18%,rgba(101,78,255,.16),transparent 58%),
linear-gradient(180deg,#05060a 0%,#07090d 100%);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 78%)}
button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}em{font-style:normal}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.signal-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#84ffc7;box-shadow:0 0 12px rgba(132,255,199,.7)}

/* APP SHELL */
.app-shell{display:grid;grid-template-columns:238px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(7,9,14,.98),rgba(5,6,10,.99));z-index:30}.brand{display:flex;align-items:center;gap:11px;padding:2px 7px 17px}.brand-mark{width:36px;height:36px;border:1px solid rgba(148,123,255,.26);border-radius:10px;overflow:hidden;background:#070910;box-shadow:inset 0 0 20px rgba(108,76,255,.08),0 0 30px rgba(108,76,255,.08)}.brand-mark img{width:100%;height:100%;object-fit:cover;transform:scale(1.32)}.brand .word{font-size:14px;font-weight:800;letter-spacing:.08em}.brand .ai,.metal-ai{color:#9e84ff}.brand .word small{display:block;color:#4e586b;font-size:8px;letter-spacing:.2em;margin-top:3px}.workspace-switch{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:0 2px 12px;padding:10px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));border-radius:12px}.workspace-orb{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:#151827;border:1px solid var(--line-strong);font-size:10px;font-weight:800}.workspace-switch small{display:block;font-size:8px;letter-spacing:.15em;color:#586277}.workspace-switch b{font-size:11px;font-weight:700}.workspace-switch>span:last-child{color:#697386}.nav{display:flex;flex-direction:column;gap:2px}.nav .section-label{padding:13px 10px 6px;color:#434d60;font-size:9px;text-transform:uppercase;letter-spacing:.2em}.nav button{position:relative;display:grid;grid-template-columns:25px 1fr auto;align-items:center;width:100%;padding:9px 9px;border:0;background:transparent;color:#7d8799;text-align:left;border-radius:9px}.nav button:hover{background:rgba(255,255,255,.026);color:#cfd4df}.nav button.active{color:white;background:linear-gradient(90deg,rgba(120,91,255,.09),transparent 78%)}.nav button.active:before{content:"";position:absolute;left:0;width:2px;height:18px;border-radius:4px;background:linear-gradient(#b396ff,#697eff);box-shadow:0 0 14px #7e67ff}.nav button em{font-size:12px}.nav-icon{width:22px;height:22px;display:grid;place-items:center;font-size:12px;color:#657084}.nav button.active .nav-icon{color:#ad99ff}.nav button i{width:4px;height:4px;border-radius:50%;background:#8c75ff}.sidebar-footer{position:absolute;left:14px;right:14px;bottom:14px}.usage{padding:12px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,rgba(132,98,255,.07),rgba(255,255,255,.015))}.usage-head,.usage-meta{display:flex;justify-content:space-between;align-items:center}.usage-head span{font-size:9px;letter-spacing:.12em}.usage-head b{font-size:10px;color:#9485bc}.usage-meta{font-size:9px;color:#5c6677;margin-top:7px}.usage-meta button{border:0;background:transparent;color:#8c78ff}.bar{height:3px;background:#181d29;border-radius:20px;overflow:hidden;margin-top:9px}.bar i{display:block;height:100%;width:46%;background:linear-gradient(90deg,var(--violet),var(--blue));box-shadow:0 0 12px rgba(108,98,255,.5)}
.main{min-width:0}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:rgba(6,8,12,.76);backdrop-filter:blur(22px);position:sticky;top:0;z-index:20}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px}.breadcrumb span{letter-spacing:.16em;color:#4d5668}.breadcrumb i{color:#303747}.breadcrumb b{font-weight:650;color:#cfd4df}.top-actions{display:flex;gap:8px;align-items:center}.command-search{display:flex;align-items:center;gap:8px;min-width:195px;border:1px solid var(--line);background:#0b0e15;color:#666f81;border-radius:9px;padding:7px 9px;font-size:10px}.command-search span{flex:1;text-align:left}.command-search kbd{font-family:inherit;font-size:9px;color:#596273;border:1px solid #242b39;border-radius:5px;padding:2px 5px}.avatar{width:31px;height:31px;border-radius:9px;background:linear-gradient(145deg,#9b80ff,#4e63d8);display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}.content{padding:26px;max-width:1660px;margin:0 auto}.new-site-btn{background:#131725!important}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.page-head h1{margin:0;font-size:30px;letter-spacing:-.035em;font-weight:650}.page-head p{margin:6px 0 0;color:var(--muted);font-size:13px}

/* CONTROLS */
.btn{border:1px solid var(--line);background:#10141e;color:#e7eaf2;border-radius:9px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(151,127,255,.32);background:#141925}.btn.primary{border-color:rgba(167,144,255,.26);background:linear-gradient(135deg,#7755ff,#526cff);box-shadow:0 9px 25px rgba(76,65,214,.22),inset 0 1px rgba(255,255,255,.18);color:#fff}.btn.ghost{background:transparent}.btn.ghost-line,.ghost-line{border:1px solid var(--line);background:rgba(255,255,255,.018);color:#cbd1de}.btn.danger{color:#ff9aaa}.btn.sm{padding:7px 10px;font-size:10px}.text-btn{border:0;background:transparent;color:#8c95a6;font-size:10px}.arrow-btn{width:27px;height:27px;border:1px solid var(--line);border-radius:8px;background:#0e121a;color:#aeb5c2}.input,.select,.textarea{width:100%;border:1px solid var(--line);background:#090d14;color:#eaf0ff;border-radius:9px;padding:10px 11px;outline:none;font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:#665cff;box-shadow:0 0 0 3px rgba(102,92,255,.08)}.textarea{min-height:110px;resize:vertical}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;color:#747e90;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:#aeb5c4;background:rgba(255,255,255,.018)}.badge.good{color:#82dfbb;border-color:rgba(54,211,153,.18);background:rgba(54,211,153,.055)}.badge.warn{color:#f7d78a}.score{font-weight:800;color:#b8a5ff}
.card{position:relative;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(13,17,25,.96),rgba(9,12,18,.96));box-shadow:0 15px 42px rgba(0,0,0,.12);overflow:hidden}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent)}.card.pad{padding:18px}.grid{display:grid;gap:12px}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.two{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;margin-top:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:17px}.stat .label{color:#737d90;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.stat .value{font-size:28px;font-weight:600;margin-top:8px;letter-spacing:-.04em}.stat .delta{font-size:10px;color:#77d9b1;margin-top:7px}

/* PREMIUM DASHBOARD */
.command-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:16px 2px 25px}.command-label{font-size:9px;letter-spacing:.16em;color:#7d8698;display:flex;align-items:center;gap:7px}.command-label em{margin-left:7px;color:#434c5d}.command-hero h1{font-size:38px;letter-spacing:-.045em;margin:13px 0 7px;font-weight:610}.command-hero p{max-width:690px;color:#798396;font-size:13px;line-height:1.7;margin:0}.command-hero p b{color:#c7cddb;font-weight:600}.command-actions{display:flex;gap:8px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#090c12}.metric-strip article{padding:16px 17px;min-height:118px;border-right:1px solid var(--line);position:relative}.metric-strip article:last-child{border:0}.metric-strip article:after{content:"";position:absolute;left:17px;right:17px;bottom:0;height:1px;background:linear-gradient(90deg,rgba(124,92,255,.8),transparent);opacity:.45}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-top span{font-size:9px;color:#4d5669;font-family:ui-monospace,monospace}.metric-top em{font-size:9px;color:#718078}.metric-strip article>b{display:block;font-size:32px;font-weight:550;letter-spacing:-.045em;margin-top:15px}.metric-strip article p{font-size:9px;letter-spacing:.12em;color:#677184;margin:6px 0 0}.dashboard-grid{display:grid;grid-template-columns:1.55fr .9fr;gap:12px;margin-top:12px}.bottom-grid{grid-template-columns:1.45fr 1fr}.performance-panel,.priority-panel,.funnel-panel,.activity-panel{padding:17px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}.panel-kicker{display:block;font-size:8px;letter-spacing:.16em;color:#525c6f;margin-bottom:4px}.panel-head h3{font-size:14px;margin:0;font-weight:620}.legend{display:flex;gap:14px;font-size:9px;color:#656f81}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:6px;height:6px;border-radius:50%}.legend .violet{background:#835fff}.legend .blue{background:#5aa2ff}.premium-chart{height:255px;display:grid;grid-template-columns:28px 1fr}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding:6px 0 27px;color:#424c5c;font-size:8px}.chart-field{position:relative;display:flex;align-items:end;gap:8px;padding:10px 5px 25px;border-left:1px solid rgba(255,255,255,.035);background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 25%}.chart-field>i{flex:1;min-width:4px;background:linear-gradient(180deg,rgba(126,94,255,.38),rgba(126,94,255,.035));border:1px solid rgba(141,109,255,.1);border-bottom:0;border-radius:3px 3px 0 0;position:relative}.chart-field>i b{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:7px;color:#454f60;font-weight:500}.chart-field svg{position:absolute;inset:10px 5px 24px 5px;width:calc(100% - 10px);height:calc(100% - 34px);filter:drop-shadow(0 0 9px rgba(92,109,255,.25))}.live-badge{font-size:8px;letter-spacing:.13em;color:#7c8b87;border:1px solid var(--line);border-radius:99px;padding:5px 7px;display:flex;gap:5px;align-items:center}.priority-row{display:grid;grid-template-columns:27px 31px 1fr auto 29px;align-items:center;gap:9px;padding:12px 0;border-top:1px solid rgba(255,255,255,.05)}.priority-rank{font-family:ui-monospace,monospace;font-size:9px;color:#4f596b}.biz-avatar{width:31px;height:31px;border-radius:8px;background:linear-gradient(145deg,#181e2b,#272b42);display:grid;place-items:center;font-size:10px;font-weight:700;border:1px solid var(--line)}.priority-info b{display:block;font-size:11px}.priority-info span{font-size:9px;color:#606b7d}.radar-score strong{font-size:15px;color:#c0b3ff}.radar-score small{font-size:7px;color:#515b6c}.funnel-track{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.funnel-track>div{padding:12px 8px 3px;border-left:1px solid var(--line)}.funnel-track span{font-size:8px;color:#485264;font-family:ui-monospace,monospace}.funnel-track b{display:block;font-size:26px;font-weight:550;margin-top:14px}.funnel-track p{font-size:9px;color:#647082;height:22px}.funnel-track i{display:block;width:var(--w);height:2px;background:linear-gradient(90deg,var(--violet),var(--blue));box-shadow:0 0 10px rgba(113,88,255,.35)}.premium-activity{display:grid;grid-template-columns:31px 1fr auto;gap:9px;align-items:center;padding:11px 0;border-top:1px solid rgba(255,255,255,.05)}.premium-activity>span{width:28px;height:28px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:#927dff;font-size:9px}.premium-activity b{font-size:10px}.premium-activity p{font-size:9px;color:#616b7d;margin:2px 0 0}.premium-activity em{font-size:8px;color:#424c5c}

/* TABLES + FORMS */
.filters{display:grid;grid-template-columns:1.4fr 1.1fr .7fr auto;gap:10px;padding:15px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;font-size:11px;white-space:nowrap}.table th{color:#576173;font-weight:600;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.biz{display:flex;align-items:center;gap:9px}.activity{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.045)}.dot{width:7px;height:7px;border-radius:50%;background:#7667ff;margin-top:5px;box-shadow:0 0 12px #7667ff}.chart{height:260px;padding:18px}.chart-bars{height:190px;display:flex;align-items:end;gap:9px;padding-top:20px}.chart-bars span{flex:1;background:linear-gradient(180deg,#7266ff,#3548ac);border-radius:5px 5px 2px 2px;min-width:10px;opacity:.74}

/* TEMPLATE LIBRARY */
.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.premium-tpl{overflow:hidden;transition:.2s}.premium-tpl:hover{transform:translateY(-3px);border-color:rgba(141,116,255,.2);box-shadow:0 22px 55px rgba(0,0,0,.24)}.thumb{height:210px;position:relative;padding:10px;background:linear-gradient(145deg,#0c1017,#080a0f);border-bottom:1px solid var(--line)}.fake-site{height:100%;border-radius:7px;background:var(--tpl-bg);color:var(--tpl-text);padding:10px;overflow:hidden;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.28)}.fake-top{height:14px;display:flex;align-items:center;gap:5px;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent);padding-bottom:7px}.fake-top span{font-size:5px;font-weight:800;letter-spacing:.08em;margin-right:auto}.fake-top i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.18}.fake-stage{display:grid;grid-template-columns:1.2fr .8fr;gap:8px;align-items:center;margin-top:10px}.fake-stage small{font-size:4px;text-transform:uppercase;letter-spacing:.12em;opacity:.55}.fake-hero{margin-top:5px;width:94%;font-weight:900;font-size:14px;line-height:.96;letter-spacing:-.04em}.fake-sub{width:72%;height:3px;margin-top:8px;background:currentColor;opacity:.14;border-radius:8px}.fake-cta{margin-top:9px;width:52px;height:13px;background:var(--tpl-accent);border-radius:4px}.fake-art{height:72px;border-radius:8px;background:linear-gradient(145deg,var(--tpl-accent),color-mix(in srgb,var(--tpl-accent) 25%,#111));display:grid;place-items:center;position:relative;overflow:hidden}.fake-art:before{content:"";position:absolute;width:75px;height:75px;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:-28px;top:-25px}.fake-art b{font-size:22px;filter:grayscale(.15)}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:11px}.fake-cards i{height:38px;border-radius:5px;background:color-mix(in srgb,currentColor 6%,transparent);border:1px solid color-mix(in srgb,currentColor 7%,transparent)}.fake-site.luxury .fake-stage{grid-template-columns:.95fr 1.05fr}.fake-site.luxury .fake-art{order:-1}.fake-site.editorial .fake-stage{display:block}.fake-site.editorial .fake-art{position:absolute;right:10px;bottom:10px;width:42%;height:96px}.fake-site.editorial .fake-hero{font-family:Georgia,serif;font-weight:500;font-size:17px;width:55%}.fake-site.split .fake-stage{grid-template-columns:1fr 1fr;height:104px}.fake-site.split .fake-art{height:100%;border-radius:0}.fake-site.impact .fake-stage{display:block}.fake-site.impact .fake-art{position:absolute;inset:24px 10px 10px 45%;height:auto}.fake-site.impact .fake-hero{width:48%;font-size:17px}.fake-site.impact .fake-cards{display:none}.thumb-label{position:absolute;top:17px;right:17px;display:flex;align-items:center;gap:5px;background:rgba(5,6,10,.7);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);border-radius:99px;padding:4px 6px;color:#c4cad6}.thumb-label span{font-size:7px;text-transform:uppercase;letter-spacing:.09em}.thumb-label em{font-size:9px}.tpl-info{padding:13px}.tpl-title-line{display:flex;justify-content:space-between;gap:10px}.tpl-name{font-weight:650;font-size:12px}.tpl-meta{color:#626d7e;font-size:9px;margin-top:4px;text-transform:uppercase;letter-spacing:.06em}.tpl-index{font-family:ui-monospace,monospace;color:#444e60;font-size:9px}.tpl-actions{display:flex;gap:7px;margin-top:12px}.showcase-grid{margin-top:28px}

/* EDITOR */
.editor{display:grid;grid-template-columns:220px minmax(0,1fr) 275px;height:calc(100vh - 62px);margin:-26px}.editor-side{border-right:1px solid var(--line);background:#070a10;padding:13px;overflow:auto}.editor-side.right{border-left:1px solid var(--line);border-right:0}.editor-canvas{background:radial-gradient(circle at 50% 5%,#202735 0,#11151f 48%,#0c1018 100%);padding:25px;overflow:auto}.device{margin:0 auto;background:#fff;min-height:820px;box-shadow:0 30px 100px rgba(0,0,0,.52);transition:.25s;overflow:hidden;border-radius:4px}.device.desktop{max-width:1080px}.device.tablet{max-width:760px}.device.mobile{max-width:390px}.editor-top{height:44px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 11px;margin:-13px -13px 13px}.section-btn{display:flex;align-items:center;justify-content:space-between;padding:9px;border:1px solid var(--line);border-radius:8px;margin-bottom:6px;background:#0d1119;font-size:10px;text-transform:capitalize}

/* GENERATED CLIENT SITES - intentionally distinct */
.site-preview{font-family:Inter,Arial,sans-serif;color:var(--site-text,#141416);background:var(--site-bg,#fff);--client-muted:color-mix(in srgb,var(--site-text) 58%,transparent)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:18px 6.5%;border-bottom:1px solid color-mix(in srgb,var(--site-text) 10%,transparent);position:relative;z-index:4}.site-brand span{display:block;font-weight:800;letter-spacing:-.02em}.site-brand small{display:block;font-size:8px;letter-spacing:.14em;text-transform:uppercase;opacity:.48;margin-top:2px}.site-nav{display:flex;gap:22px;font-size:11px}.site-menu{display:none;font-size:9px;letter-spacing:.12em}.site-hero{padding:75px 6.5% 80px;min-height:480px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:48px;background:var(--hero-bg);position:relative;overflow:hidden}.site-hero:after{content:"";position:absolute;width:540px;height:540px;border-radius:50%;border:1px solid color-mix(in srgb,var(--site-accent) 20%,transparent);right:-240px;top:-250px}.site-kicker,.section-label-client{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--site-accent);font-weight:800}.site-hero h1{font-size:58px;line-height:.97;margin:14px 0 16px;max-width:720px;letter-spacing:-.055em}.site-hero p{font-size:15px;line-height:1.7;max-width:570px;color:var(--client-muted)}.site-actions{display:flex;gap:14px;align-items:center;margin-top:24px}.site-cta{display:inline-flex;align-items:center;gap:15px;padding:12px 16px;background:var(--site-accent);color:#fff;font-weight:700;font-size:11px}.site-cta i{font-style:normal}.site-secondary,.text-link{font-size:10px;border-bottom:1px solid currentColor;padding-bottom:3px}.hero-art{height:330px;border-radius:3px;background:linear-gradient(145deg,var(--site-accent),color-mix(in srgb,var(--site-accent) 28%,#111));position:relative;overflow:hidden;color:#fff}.hero-art:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.2)}.hero-art:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;border:1px solid rgba(255,255,255,.28);right:-90px;top:-85px}.hero-art>strong{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:72px}.hero-art-no{position:absolute;left:16px;top:15px;font-size:9px;letter-spacing:.12em}.hero-art-copy{position:absolute;left:17px;bottom:17px}.hero-art-copy small{display:block;font-size:8px;letter-spacing:.18em}.hero-art-copy b{display:block;font-size:12px;margin-top:4px}.hero-orbit{position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.35);border-radius:50%;left:36%;top:23%}.site-section{padding:72px 6.5%;position:relative}.site-section.alt{background:color-mix(in srgb,var(--site-bg) 92%,#707070 8%)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:end;margin:12px 0 30px}.site-section h2{font-size:38px;line-height:1.04;letter-spacing:-.04em;margin:0}.site-section .lead{color:var(--client-muted);max-width:650px;line-height:1.7;font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-card{position:relative;border-top:1px solid color-mix(in srgb,var(--site-text) 16%,transparent);padding:19px 3px 26px;background:transparent}.service-card>span{font-size:8px;color:var(--site-accent);letter-spacing:.08em}.service-card b{display:block;font-size:17px;margin:26px 0 8px;letter-spacing:-.02em}.service-card p{color:var(--client-muted);line-height:1.55;font-size:11px;max-width:90%}.service-card>i{position:absolute;right:4px;top:17px;font-style:normal;font-size:11px}.service-line{position:absolute;left:0;top:-1px;width:35px;height:1px;background:var(--site-accent)}.numbers-section{padding-top:30px;padding-bottom:30px}.numbers-row{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,var(--site-text) 12%,transparent);border-bottom:1px solid color-mix(in srgb,var(--site-text) 12%,transparent)}.numbers-row>div{padding:25px 12px;border-right:1px solid color-mix(in srgb,var(--site-text) 12%,transparent)}.numbers-row>div:last-child{border:0}.numbers-row b{display:block;font-size:36px;color:var(--site-accent);font-weight:550}.numbers-row span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;opacity:.55}.about-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;align-items:center}.about-art{height:360px;background:linear-gradient(160deg,color-mix(in srgb,var(--site-accent) 88%,#111),#111);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;position:relative;overflow:hidden}.about-art:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-80px;top:-60px}.about-art>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:82px}.about-art b{font-size:18px;letter-spacing:.08em}.about-art small{font-size:9px;opacity:.6;margin-top:4px}.about-copy h2{margin:13px 0 17px}.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:180px 180px;gap:8px;margin-top:28px}.gallery-item{background:linear-gradient(145deg,color-mix(in srgb,var(--site-accent) 76%,#222),#151515);position:relative;color:white;display:grid;place-items:center;overflow:hidden}.gallery-item:before{content:"";position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-60px;top:-50px}.gallery-item.g1{grid-row:span 2}.gallery-item.g4{grid-column:span 2}.gallery-item span{position:absolute;left:10px;top:9px;font-size:8px}.gallery-item b{font-size:32px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.process-grid>div{padding:22px 0;border-top:1px solid color-mix(in srgb,var(--site-text) 14%,transparent)}.process-grid span{font-size:9px;color:var(--site-accent)}.process-grid b{display:block;font-size:17px;margin:24px 0 7px}.process-grid p{font-size:11px;line-height:1.55;color:var(--client-muted)}.team-card{padding:0}.team-photo{height:210px;background:linear-gradient(145deg,color-mix(in srgb,var(--site-accent) 35%,#ddd),color-mix(in srgb,var(--site-accent) 9%,#333));display:grid;place-items:center;margin-bottom:14px}.team-photo span{font-size:40px;opacity:.22}.team-card p{font-size:11px;color:var(--client-muted)}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:25px}.review{padding:24px;border:1px solid color-mix(in srgb,var(--site-text) 11%,transparent);background:color-mix(in srgb,var(--site-bg) 96%,#fff 4%)}.quote{font-size:42px;color:var(--site-accent);line-height:.7}.review p{font-size:14px;line-height:1.5;min-height:58px}.review>div:last-child{display:flex;justify-content:space-between;gap:8px;align-items:center}.review b{font-size:9px}.review span{font-size:8px;color:#eab640}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}.faq-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;padding:17px 0;border-bottom:1px solid color-mix(in srgb,var(--site-text) 12%,transparent)}.faq-row>span{font-size:8px;color:var(--site-accent)}.faq-row b{font-size:13px}.faq-row p{font-size:10px;color:var(--client-muted);margin:5px 0 0}.faq-row i{font-style:normal;font-size:18px}.map-card{display:grid;grid-template-columns:.8fr 1.2fr;min-height:330px;background:color-mix(in srgb,var(--site-bg) 88%,#222 12%)}.map-card>div:first-child{padding:40px}.map-card h2{margin:15px 0}.map-card p{font-size:12px;color:var(--client-muted);max-width:350px}.map-visual{position:relative;overflow:hidden;background:repeating-linear-gradient(25deg,transparent 0 22px,color-mix(in srgb,var(--site-text) 8%,transparent) 22px 23px),repeating-linear-gradient(120deg,transparent 0 34px,color-mix(in srgb,var(--site-text) 7%,transparent) 34px 35px)}.map-visual i{position:absolute;width:170%;height:1px;background:color-mix(in srgb,var(--site-text) 14%,transparent);transform:rotate(var(--r,25deg));left:-30%;top:var(--t,40%)}.map-visual i:nth-child(2){--r:-15deg;--t:62%}.map-visual i:nth-child(3){--r:48deg;--t:30%}.map-visual b{position:absolute;left:55%;top:46%;color:var(--site-accent);font-size:25px}.contact-section{text-align:center;padding-top:95px;padding-bottom:95px;background:var(--site-text);color:var(--site-bg)}.contact-kicker{font-size:8px;letter-spacing:.18em;opacity:.55}.contact-section h2{font-size:70px;margin:12px 0}.contact-section p{font-size:11px;opacity:.7}.contact-section .site-cta{margin-top:15px}.site-footer{padding:25px 6.5%;background:#101116;color:#eef1f8;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px}.site-footer b{display:block;font-size:12px}.site-footer small{font-size:8px;opacity:.5}.site-footer>span{font-size:9px;opacity:.6}.site-footer em{font-size:8px;opacity:.45}
/* 5 template composition families */
.layout-minimalista .site-hero{grid-template-columns:1fr .68fr;background:var(--site-bg)}.layout-minimalista .site-hero h1{font-weight:520}.layout-minimalista .hero-art{border-radius:999px;height:315px}.layout-minimalista .site-header{border-bottom:0}.layout-premium .site-hero{background:linear-gradient(130deg,var(--hero-bg),color-mix(in srgb,var(--hero-bg) 75%,var(--site-accent) 25%))}.layout-premium .hero-art{border-radius:36px 3px 36px 3px;box-shadow:18px 18px 0 color-mix(in srgb,var(--site-accent) 15%,transparent)}.layout-editorial .site-hero{grid-template-columns:.8fr 1.2fr;min-height:580px}.layout-editorial .site-hero-copy{order:2}.layout-editorial .hero-art{order:1;height:430px}.layout-editorial .site-hero h1{font-family:Georgia,serif;font-weight:500;font-size:64px}.layout-editorial .site-kicker{letter-spacing:.25em}.layout-moderno .site-hero{grid-template-columns:1fr 1fr;padding-top:50px}.layout-moderno .hero-art{border-radius:0;clip-path:polygon(14% 0,100% 0,100% 88%,0 100%,0 18%)}.layout-moderno .service-card{border:1px solid color-mix(in srgb,var(--site-text) 10%,transparent);padding:22px}.layout-impacto .site-hero{min-height:600px;grid-template-columns:1fr;background:var(--site-text);color:var(--site-bg)}.layout-impacto .site-hero-copy{position:relative;z-index:2;max-width:70%}.layout-impacto .site-hero h1{font-size:78px}.layout-impacto .site-hero p{color:color-mix(in srgb,var(--site-bg) 66%,transparent)}.layout-impacto .hero-art{position:absolute;width:43%;right:5%;top:65px;height:470px;opacity:.88}.layout-impacto .site-secondary{color:var(--site-bg)}
/* niche accents */
.niche-hamburgueria .site-hero h1,.niche-restaurante .site-hero h1{font-weight:900;text-transform:uppercase}.niche-dentista .site-hero,.niche-otica .site-hero{background:linear-gradient(135deg,#f9fcff,color-mix(in srgb,var(--site-accent) 8%,#fff))}.niche-estetica .site-section h2{font-family:Georgia,serif;font-weight:500}.niche-advocacia .site-hero h1{font-family:Georgia,serif;font-weight:500}.niche-moda .site-hero h1{font-size:68px;text-transform:uppercase}.niche-academia .site-hero h1,.niche-autocenter .site-hero h1{font-style:italic;text-transform:uppercase}.niche-petshop .hero-art{border-radius:45% 55% 60% 40% / 45% 42% 58% 55%}

/* KANBAN / MODALS */
.kanban{display:grid;grid-template-columns:repeat(7,minmax(220px,1fr));gap:10px;overflow:auto;padding-bottom:10px}.kanban-col{background:#080c12;border:1px solid var(--line);border-radius:12px;min-height:500px;padding:9px}.kanban-head{display:flex;justify-content:space-between;padding:6px 4px 11px;color:#8c96a8;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.deal{border:1px solid var(--line);background:#10151f;border-radius:9px;padding:11px;margin-bottom:8px}.deal strong{font-size:11px}.deal p{margin:5px 0;color:#6b7586;font-size:9px}.deal select{width:100%;margin-top:8px;background:#090d14;color:#dfe5f5;border:1px solid var(--line);border-radius:7px;padding:6px;font-size:9px}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:grid;place-items:center;z-index:100;padding:20px;backdrop-filter:blur(8px)}.modal-box{width:min(820px,96vw);max-height:90vh;overflow:auto;background:#0b0f16;border:1px solid var(--line-strong);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.toast{position:fixed;right:22px;bottom:22px;padding:11px 14px;background:#111723;border:1px solid rgba(130,108,255,.32);border-radius:9px;z-index:120;box-shadow:var(--shadow);font-size:11px;animation:toastIn .25s ease}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}

/* LANDING */
.landing{min-height:100vh;background:#05060a;position:relative;overflow:hidden}.premium-landing:before{content:"";position:absolute;top:-200px;right:-120px;width:850px;height:850px;background:radial-gradient(circle,rgba(92,72,255,.17),transparent 60%);pointer-events:none}.landing-nav{max-width:1320px;margin:auto;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:relative;z-index:10}.landing-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;letter-spacing:.08em}.landing-logo small{display:block;font-size:7px;letter-spacing:.18em;color:#566074;margin-top:3px;text-transform:uppercase}.landing-links{display:flex;gap:27px;color:#7c8698;font-size:10px}.landing-links a:hover{color:#d7dce7}.hero-wrap{max-width:1320px;margin:0 auto;padding:72px 26px 75px;display:grid;grid-template-columns:.94fr 1.06fr;gap:60px;align-items:center;position:relative}.signal-pill{display:inline-flex;gap:7px;align-items:center;color:#7c8596;font-size:8px;letter-spacing:.16em}.signal-pill .mono{color:#434d5e}.hero-title{font-size:62px;line-height:.99;letter-spacing:-.052em;margin:19px 0 20px;font-weight:620}.hero-silver{background:linear-gradient(180deg,#fff 0,#c6cbd6 62%,#7f8795 100%);-webkit-background-clip:text;color:transparent}.hero-violet{background:linear-gradient(90deg,#8060ff,#a788ff 52%,#5ea0ff);-webkit-background-clip:text;color:transparent}.hero-copy{font-size:14px;color:#7e889b;line-height:1.75;max-width:600px}.hero-actions{display:flex;gap:8px;margin-top:27px}.hero-cta{padding-left:16px;padding-right:16px}.proof-row{display:flex;align-items:center;gap:17px;margin-top:28px}.proof-row>div{display:flex;flex-direction:column}.proof-row b{font-size:16px;font-weight:620}.proof-row span{font-size:8px;color:#556074;text-transform:uppercase;letter-spacing:.08em}.proof-row>i{width:1px;height:24px;background:var(--line)}.hero-stage{height:580px;position:relative;display:grid;place-items:center}.orbital{position:absolute;border:1px solid rgba(125,92,255,.14);border-radius:50%;animation:orbit 18s linear infinite}.orb-one{width:490px;height:490px}.orb-two{width:370px;height:370px;animation-direction:reverse}@keyframes orbit{to{transform:rotate(360deg)}}.hero-logo-ghost{position:absolute;width:270px;height:270px;border-radius:50%;overflow:hidden;opacity:.09;filter:saturate(1.3)}.hero-logo-ghost img{width:100%;height:100%;object-fit:cover;transform:scale(1.45)}.command-window{position:relative;width:96%;height:410px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(8,11,17,.91);box-shadow:0 55px 130px rgba(0,0,0,.58),0 0 90px rgba(93,76,255,.08);overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}.window-top{height:34px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 11px;font-size:7px;color:#505a6c;letter-spacing:.12em}.window-top>span{display:flex;gap:4px;margin-right:13px}.window-top i{width:5px;height:5px;border-radius:50%;background:#2d3544}.window-top b{font-weight:600}.window-top em{margin-left:auto;color:#70c9a6}.window-body{height:calc(100% - 34px);display:grid;grid-template-columns:48px 1fr}.mini-rail{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:11px 0;gap:13px}.rail-logo{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#8b6dff,#5369dc);display:grid;place-items:center;font-size:8px;font-weight:800;margin-bottom:5px}.rail-dot{width:7px;height:7px;border-radius:2px;background:#222a38}.rail-dot.on{background:#8069ff;box-shadow:0 0 10px #8069ff}.mini-main{padding:16px}.mini-head{display:flex;justify-content:space-between;align-items:center}.mini-head small{display:block;color:#495365;font-size:6px;letter-spacing:.15em}.mini-head strong{font-size:12px;font-weight:600}.mini-head button{border:0;background:linear-gradient(135deg,#7458ff,#4d68ef);color:#fff;border-radius:6px;padding:6px 9px;font-size:6px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.mini-kpis article{height:67px;border:1px solid var(--line);border-radius:8px;padding:9px;background:#0d121c}.mini-kpis small{font-size:5px;color:#4e5869;letter-spacing:.12em}.mini-kpis b{display:block;font-size:17px;margin-top:7px}.mini-kpis span{font-size:5px;color:#68bb9d}.mini-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:7px;margin-top:7px}.mini-chart,.mini-leads{height:185px;border:1px solid var(--line);border-radius:8px;background:#0b1018;position:relative}.chart-label{position:absolute;left:10px;top:9px;font-size:5px;color:#4e5869;letter-spacing:.13em}.mini-chart svg{position:absolute;inset:45px 10px 20px;width:calc(100% - 20px);height:110px}.mini-leads{padding:24px 9px 8px}.mini-leads>div{display:grid;grid-template-columns:20px 1fr auto;gap:7px;padding:12px 0;border-top:1px solid var(--line)}.mini-leads span{font-size:6px;color:#465063}.mini-leads b{font-size:7px}.mini-leads em{font-size:7px;color:#9d88ff}.floating-chip{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid rgba(255,255,255,.12);background:rgba(10,13,20,.84);backdrop-filter:blur(15px);border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.floating-chip>span{width:29px;height:29px;border-radius:7px;background:linear-gradient(145deg,#7e61ff,#526de7);display:grid;place-items:center;font-size:9px}.floating-chip b{display:block;font-size:8px}.floating-chip small{display:block;font-size:6px;color:#626d7e;margin-top:2px}.chip-a{left:-8px;bottom:72px}.chip-b{right:-7px;top:89px}.brand-marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;background:#07090e}.brand-marquee>div{padding:12px 0;color:#313949;font-size:8px;letter-spacing:.25em;word-spacing:25px;animation:marquee 30s linear infinite}.brand-marquee span{color:#6656a7}@keyframes marquee{to{transform:translateX(-30%)}}
.landing-section{max-width:1320px;margin:0 auto;padding:90px 26px;position:relative}.section-index{font-size:8px;color:#465062;letter-spacing:.16em;border-top:1px solid var(--line);padding-top:12px;margin-bottom:48px}.section-intro{max-width:920px}.eyebrow{display:inline-flex;color:#8f7cff;font-size:8px;letter-spacing:.18em;font-weight:700}.section-title{font-size:44px;letter-spacing:-.045em;line-height:1.05;margin:13px 0 13px;font-weight:560}.section-sub{color:#788294;line-height:1.7;max-width:700px;font-size:13px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:40px;background:var(--line);border:1px solid var(--line)}.premium-features .feature{min-height:210px;background:#080b10;padding:21px;position:relative}.feature-no{font-family:ui-monospace,monospace;font-size:8px;color:#485264}.feature b{display:block;margin-top:46px;font-size:11px;letter-spacing:.07em}.feature p{color:#697386;line-height:1.65;font-size:10px;max-width:90%}.feature>i{position:absolute;right:18px;bottom:18px;color:#594a96;font-style:normal}.workflow-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-line article{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;min-height:130px;padding:18px;border-right:1px solid var(--line)}.workflow-line article:last-child{border:0}.workflow-line article>span{font-family:ui-monospace,monospace;font-size:8px;color:#4d5668}.workflow-line b{font-size:13px}.workflow-line p{font-size:9px;color:#697386;margin:5px 0 0}.workflow-line i{font-style:normal;color:#4e436e}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px}.price{padding:21px;min-height:320px}.price-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em}.price-top em{font-size:7px;color:#9c86ff}.price .amount{font-size:45px;font-weight:550;letter-spacing:-.06em;margin-top:28px}.price .amount small{font-size:11px;vertical-align:top;margin-right:4px}.price .amount span{font-size:9px;color:#667083;letter-spacing:0}.price-rule{height:1px;background:var(--line);margin:20px 0}.price ul{padding:0;list-style:none;color:#7c8698;line-height:2.2;font-size:10px}.price li:before{content:"↗";color:#7e67ff;margin-right:8px}.featured-price{background:linear-gradient(155deg,rgba(113,84,255,.13),rgba(10,13,19,.96));border-color:rgba(134,104,255,.24)}.landing-footer{max-width:1320px;margin:auto;border-top:1px solid var(--line);padding:28px 26px 50px;display:flex;justify-content:space-between;align-items:center;color:#485264;font-size:8px}.landing-footer>div:last-child span{margin:0 8px}

@media(max-width:1180px){.grid.stats,.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip article:nth-child(2){border-right:0}.template-grid{grid-template-columns:repeat(3,1fr)}.two,.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.editor{grid-template-columns:200px 1fr}.editor-side.right{display:none}.hero-wrap{grid-template-columns:1fr}.hero-stage{height:500px}.feature-grid,.price-grid{grid-template-columns:1fr 1fr}.workflow-line{grid-template-columns:1fr 1fr}.funnel-track{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){body:before{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 14px}.command-search{display:none}.content{padding:16px}.grid.stats,.metric-strip{grid-template-columns:1fr}.metric-strip article{border-right:0;border-bottom:1px solid var(--line)}.command-hero{align-items:flex-start;flex-direction:column}.command-hero h1{font-size:32px}.command-actions{width:100%}.template-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.editor{grid-template-columns:1fr;height:auto;margin:-16px}.editor-side{display:none}.editor-canvas{padding:8px}.site-header{padding:14px 5%}.site-nav{display:none}.site-menu{display:block}.site-hero{grid-template-columns:1fr!important;padding:50px 5%!important;min-height:auto!important}.site-hero-copy{order:0!important;max-width:100%!important}.site-hero h1{font-size:42px!important}.hero-art{position:relative!important;inset:auto!important;width:100%!important;height:280px!important;order:1!important}.site-section{padding:55px 5%}.section-heading,.about-section,.faq-grid,.map-card{grid-template-columns:1fr}.service-grid,.review-grid,.process-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:160px 160px}.gallery-item.g1{grid-row:auto}.gallery-item.g4{grid-column:auto}.contact-section h2{font-size:48px}.site-footer{grid-template-columns:1fr}.landing-nav{padding:0 16px}.landing-links{display:none}.hero-wrap{padding:48px 16px 50px}.hero-title{font-size:45px}.hero-stage{height:400px}.command-window{height:315px;transform:none}.mini-grid{grid-template-columns:1fr}.mini-leads{display:none}.floating-chip{display:none}.landing-section{padding:70px 16px}.section-title{font-size:34px}.feature-grid,.price-grid,.workflow-line{grid-template-columns:1fr}.workflow-line article{border-right:0;border-bottom:1px solid var(--line)}.template-grid.showcase-grid{grid-template-columns:1fr}.landing-footer{padding:24px 16px 40px;flex-direction:column;align-items:flex-start;gap:18px}}
@media(max-width:520px){.template-grid{grid-template-columns:1fr}.proof-row{gap:11px}.hero-stage{height:330px}.command-window{width:100%;height:270px}.mini-kpis article{height:58px}.mini-chart{height:130px}.hero-title{font-size:39px}.page-head{align-items:flex-start;flex-direction:column}.funnel-track{grid-template-columns:1fr 1fr}.site-hero h1{font-size:36px!important}.site-actions{align-items:flex-start;flex-direction:column}.section-heading{grid-template-columns:1fr}.numbers-row{grid-template-columns:1fr}.numbers-row>div{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--site-text) 12%,transparent)}}
.landing-logo>img{width:38px;height:38px;object-fit:cover;border-radius:10px;border:1px solid rgba(148,123,255,.22)}

/* ==========================================================
   NEXORA AI — PREMIUM MOTION SYSTEM V3
   Cinematic, restrained motion. No heavy canvas dependencies.
   ========================================================== */
body{isolation:isolate;overflow-x:hidden;background:#05060a}
#app{position:relative;z-index:2;min-height:100vh}
.nexora-fx{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:
  radial-gradient(900px 620px at 78% -8%,rgba(104,73,255,.13),transparent 65%),
  radial-gradient(760px 560px at -8% 32%,rgba(54,112,255,.08),transparent 67%),
  linear-gradient(180deg,#05060a 0%,#070910 52%,#05060a 100%)}
.nexora-fx:before{content:"";position:absolute;inset:-20%;background:
  radial-gradient(circle at 30% 45%,rgba(119,82,255,.14),transparent 23%),
  radial-gradient(circle at 70% 35%,rgba(66,145,255,.11),transparent 24%),
  radial-gradient(circle at 56% 78%,rgba(149,93,255,.08),transparent 25%);
  filter:blur(54px);animation:auroraDrift 22s ease-in-out infinite alternate;will-change:transform,opacity}
.nexora-fx:after{content:"";position:absolute;inset:-12%;opacity:.22;background-image:
  linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:54px 54px;mask-image:radial-gradient(ellipse at 50% 20%,#000 16%,transparent 70%);animation:gridGlide 28s linear infinite}
.nexora-fx.is-app{opacity:.62}.nexora-fx.is-app:before{opacity:.55;filter:blur(72px)}
.fx-orb{position:absolute;border-radius:50%;filter:blur(2px);will-change:transform;mix-blend-mode:screen}
.fx-orb.o1{width:460px;height:460px;right:-170px;top:8%;border:1px solid rgba(122,93,255,.14);box-shadow:inset 0 0 120px rgba(93,68,255,.05),0 0 100px rgba(93,68,255,.04);animation:orbFloatA 17s ease-in-out infinite}
.fx-orb.o2{width:310px;height:310px;left:-130px;top:54%;border:1px solid rgba(75,148,255,.12);box-shadow:inset 0 0 90px rgba(68,125,255,.05);animation:orbFloatB 20s ease-in-out infinite}
.fx-orb.o3{width:180px;height:180px;left:52%;top:14%;background:radial-gradient(circle at 35% 35%,rgba(179,140,255,.09),transparent 64%);animation:orbFloatC 14s ease-in-out infinite}
.fx-beam{position:absolute;width:64vw;height:1px;left:18vw;top:23%;background:linear-gradient(90deg,transparent,rgba(132,102,255,.0),rgba(136,112,255,.34),rgba(92,150,255,.14),transparent);filter:blur(.2px);opacity:.5;transform:rotate(-7deg);animation:beamSweep 10s ease-in-out infinite}
.fx-particle{position:absolute;width:2px;height:2px;border-radius:50%;background:rgba(220,226,255,.48);box-shadow:0 0 10px rgba(127,105,255,.7);left:var(--x);top:var(--y);opacity:var(--o);animation:particleFloat var(--dur) ease-in-out var(--delay) infinite alternate}
@keyframes auroraDrift{0%{transform:translate3d(-2%,-1%,0) scale(1) rotate(0deg);opacity:.72}45%{transform:translate3d(4%,3%,0) scale(1.08) rotate(3deg);opacity:1}100%{transform:translate3d(-1%,6%,0) scale(1.04) rotate(-2deg);opacity:.8}}
@keyframes gridGlide{to{transform:translate3d(54px,54px,0)}}
@keyframes orbFloatA{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-55px,42px,0) rotate(8deg)}}
@keyframes orbFloatB{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(68px,-44px,0)}}
@keyframes orbFloatC{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(36px,24px,0) scale(1.16)}}
@keyframes beamSweep{0%,100%{transform:translateX(-9%) rotate(-7deg);opacity:.08}45%{opacity:.55}55%{opacity:.42}70%{transform:translateX(15%) rotate(-7deg);opacity:.08}}
@keyframes particleFloat{0%{transform:translate3d(0,0,0) scale(.7);opacity:.08}100%{transform:translate3d(var(--dx),var(--dy),0) scale(1.35);opacity:var(--o)}}

/* Landing atmosphere */
.premium-landing{position:relative;z-index:1;background:transparent;overflow:hidden}
.premium-landing:before{content:"";position:absolute;z-index:-1;width:780px;height:780px;right:-310px;top:80px;border-radius:50%;background:conic-gradient(from 160deg,transparent,rgba(111,76,255,.055),transparent 35%,rgba(75,140,255,.045),transparent 68%);filter:blur(26px);animation:slowSpin 28s linear infinite}
@keyframes slowSpin{to{transform:rotate(360deg)}}
.landing-nav{background:linear-gradient(180deg,rgba(5,7,11,.78),rgba(5,7,11,.38));backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.landing-nav:after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(131,105,255,.28),rgba(106,155,255,.15),transparent);transform:scaleX(.35);opacity:.4;animation:navLine 7s ease-in-out infinite}
@keyframes navLine{50%{transform:scaleX(1);opacity:.75}}

/* Hero entrance + parallax */
.hero-premium{perspective:1600px}
.hero-copy-col{animation:heroCopyIn .9s cubic-bezier(.2,.75,.2,1) both}
.hero-copy-col>*{animation:heroChildIn .8s cubic-bezier(.2,.75,.2,1) both}
.hero-copy-col>*:nth-child(1){animation-delay:.05s}.hero-copy-col>*:nth-child(2){animation-delay:.12s}.hero-copy-col>*:nth-child(3){animation-delay:.2s}.hero-copy-col>*:nth-child(4){animation-delay:.28s}.hero-copy-col>*:nth-child(5){animation-delay:.36s}
@keyframes heroCopyIn{from{opacity:0;transform:translate3d(-18px,12px,0)}to{opacity:1;transform:none}}
@keyframes heroChildIn{from{opacity:0;transform:translate3d(0,20px,0);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
.hero-violet{background-size:200% 100%!important;animation:violetFlow 6s ease-in-out infinite}
@keyframes violetFlow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.hero-stage{transform-style:preserve-3d;will-change:transform}
.command-window{will-change:transform;transform:perspective(1400px) rotateY(calc(-5deg + var(--rx,0deg))) rotateX(calc(2deg + var(--ry,0deg))) translate3d(var(--tx,0px),var(--ty,0px),0);transition:transform .18s ease-out,border-color .35s ease,box-shadow .35s ease;animation:windowEnter 1.05s .18s cubic-bezier(.2,.75,.2,1) both,windowFloat 6.5s 1.3s ease-in-out infinite}
.command-window:hover{border-color:rgba(160,139,255,.23);box-shadow:0 58px 140px rgba(0,0,0,.6),0 0 110px rgba(93,76,255,.13)}
@keyframes windowEnter{from{opacity:0;transform:perspective(1400px) rotateY(-10deg) rotateX(7deg) translate3d(40px,28px,-70px) scale(.94)}to{opacity:1}}
@keyframes windowFloat{0%,100%{margin-top:0}50%{margin-top:-9px}}
.orbital{animation-duration:24s}.orb-two{animation-duration:19s}
.hero-logo-ghost{animation:ghostPulse 7s ease-in-out infinite}
@keyframes ghostPulse{0%,100%{opacity:.07;transform:scale(.96)}50%{opacity:.14;transform:scale(1.04)}}
.floating-chip{transition:transform .18s ease-out,border-color .3s ease;background:linear-gradient(145deg,rgba(12,15,23,.88),rgba(7,9,15,.74));animation:chipFloat 5.2s ease-in-out infinite}
.chip-b{animation-delay:-2.1s}
@keyframes chipFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
.mini-chart path{stroke-dasharray:800;stroke-dashoffset:800;animation:drawLine 2s .8s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes drawLine{to{stroke-dashoffset:0}}
.rail-dot.on{animation:railPulse 1.8s ease-in-out infinite}@keyframes railPulse{50%{box-shadow:0 0 18px #8069ff;transform:scale(1.25)}}

/* Buttons / cards / interaction polish */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:transform .24s cubic-bezier(.2,.7,.2,1),border-color .24s ease,background .24s ease,box-shadow .24s ease}
.btn:after{content:"";position:absolute;inset:-2px auto -2px -55%;width:42%;z-index:-1;background:linear-gradient(110deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);transition:left .55s ease}
.btn:hover:after{left:120%}.btn:hover{transform:translateY(-2px)}
.btn.primary{box-shadow:0 10px 28px rgba(76,65,214,.25),inset 0 1px rgba(255,255,255,.2)}
.btn.primary:hover{box-shadow:0 15px 40px rgba(84,68,231,.34),0 0 28px rgba(105,83,255,.13),inset 0 1px rgba(255,255,255,.22)}
.card,.feature,.template-card,.workflow-line article,.price,.metric-strip article{transition:transform .32s cubic-bezier(.2,.75,.2,1),border-color .32s ease,box-shadow .32s ease,background .32s ease}
.card:hover,.feature:hover,.template-card:hover,.price:hover{transform:translateY(-4px);border-color:rgba(142,118,255,.19);box-shadow:0 24px 60px rgba(0,0,0,.24),0 0 34px rgba(112,86,255,.045)}
.feature:hover>i{transform:translate(2px,-2px);color:#947cff}.feature>i{transition:.25s ease}
.metric-strip article:hover{background:linear-gradient(180deg,rgba(118,86,255,.035),transparent);transform:translateY(-2px)}
.template-card img,.template-thumb{transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease}.template-card:hover img,.template-card:hover .template-thumb{transform:scale(1.025);filter:saturate(1.06) contrast(1.03)}

/* Scroll reveal system */
.motion-reveal{opacity:0;transform:translate3d(0,26px,0);filter:blur(5px);transition:opacity .75s cubic-bezier(.2,.75,.2,1),transform .75s cubic-bezier(.2,.75,.2,1),filter .75s ease;transition-delay:var(--delay,0ms)}
.motion-reveal.reveal-left{transform:translate3d(-26px,12px,0)}.motion-reveal.reveal-right{transform:translate3d(26px,12px,0)}
.motion-reveal.in-view{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}

/* App shell motion */
.premium-shell .content{position:relative}.premium-shell .topbar{box-shadow:0 14px 45px rgba(0,0,0,.08)}
.nav button.active:after{content:"";position:absolute;inset:2px 0 2px 0;border-radius:9px;background:linear-gradient(90deg,rgba(124,92,255,.07),transparent);z-index:-1;animation:activeBreath 3s ease-in-out infinite}
@keyframes activeBreath{50%{background:linear-gradient(90deg,rgba(124,92,255,.12),transparent)}}
.command-hero{animation:pageEnter .6s cubic-bezier(.2,.75,.2,1) both}@keyframes pageEnter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
.signal-dot{animation:signalBreath 1.8s ease-in-out infinite}@keyframes signalBreath{50%{box-shadow:0 0 20px rgba(132,255,199,.9);opacity:.7}}

/* Generated client sites: polished, niche-independent motion */
.site-preview{position:relative;overflow:hidden}.site-preview:before{content:"";position:absolute;z-index:0;width:620px;height:620px;right:-280px;top:-280px;border-radius:50%;background:radial-gradient(circle, color-mix(in srgb,var(--site-accent) 11%,transparent),transparent 67%);filter:blur(18px);pointer-events:none;animation:clientGlow 10s ease-in-out infinite alternate}
.site-preview>*{position:relative;z-index:1}
@keyframes clientGlow{to{transform:translate3d(-80px,75px,0) scale(1.12)}}
.site-header{animation:clientHeaderIn .7s ease both}@keyframes clientHeaderIn{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
.site-hero-copy{animation:clientHeroCopy .8s .08s cubic-bezier(.2,.75,.2,1) both}@keyframes clientHeroCopy{from{opacity:0;transform:translate3d(-22px,18px,0)}to{opacity:1;transform:none}}
.hero-art{animation:clientHeroArt .95s .12s cubic-bezier(.2,.75,.2,1) both,clientHeroFloat 7s 1.2s ease-in-out infinite}@keyframes clientHeroArt{from{opacity:0;transform:translate3d(32px,22px,0) scale(.96)}to{opacity:1}}@keyframes clientHeroFloat{0%,100%{margin-top:0}50%{margin-top:-8px}}
.hero-orbit{animation-duration:18s!important}.site-cta{transition:transform .25s ease,box-shadow .25s ease}.site-cta:hover{transform:translateY(-2px)}
.service-card,.review,.team-card,.faq-row,.gallery-item{transition:transform .3s cubic-bezier(.2,.75,.2,1),border-color .3s ease,box-shadow .3s ease}.service-card:hover,.review:hover,.team-card:hover,.gallery-item:hover{transform:translateY(-4px)}

/* Animated marquee polish */
.brand-marquee>div{animation-duration:38s}.brand-marquee{position:relative}.brand-marquee:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#07090e,transparent 12%,transparent 88%,#07090e)}

/* Reduced motion accessibility */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.motion-reveal{opacity:1!important;transform:none!important;filter:none!important}.nexora-fx:before,.nexora-fx:after{animation:none!important}}

/* ==========================================================
   NEXORA AI — CINEMATIC EXPERIENCE V4
   Premium depth, directional light, kinetic navigation and
   lightweight interaction polish. Designed to remain restrained.
   ========================================================== */
:root{--v4-ease:cubic-bezier(.18,.78,.2,1);--spot-x:50%;--spot-y:50%}

/* global cinematic layers */
.experience-progress{position:fixed;left:0;top:0;height:2px;width:100%;z-index:200;pointer-events:none;background:rgba(255,255,255,.025)}
.experience-progress>i{display:block;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#6651ff,#8d74ff 48%,#5ea8ff);box-shadow:0 0 16px rgba(112,92,255,.7);transition:width .08s linear}
.cursor-aura{position:fixed;left:0;top:0;width:420px;height:420px;border-radius:50%;z-index:1;pointer-events:none;opacity:.14;transform:translate3d(calc(var(--cx, -500px) - 50%),calc(var(--cy, -500px) - 50%),0);background:radial-gradient(circle,rgba(126,96,255,.22) 0%,rgba(84,142,255,.09) 28%,transparent 68%);filter:blur(10px);mix-blend-mode:screen;transition:opacity .35s ease;will-change:transform}
body:not(:hover) .cursor-aura{opacity:0}
#app.v4-enter{animation:v4PageIn .52s var(--v4-ease) both}
@keyframes v4PageIn{from{opacity:.15;transform:translate3d(0,8px,0);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}

/* finer background texture + light sweep */
.nexora-fx{background:
  radial-gradient(900px 620px at 78% -8%,rgba(104,73,255,.15),transparent 65%),
  radial-gradient(760px 560px at -8% 32%,rgba(54,112,255,.095),transparent 67%),
  radial-gradient(620px 420px at 50% 110%,rgba(117,80,255,.06),transparent 68%),
  linear-gradient(180deg,#05060a 0%,#070910 52%,#05060a 100%)}
.nexora-fx .fx-beam:after{content:"";position:absolute;width:18vw;height:1px;left:-18vw;top:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);filter:blur(.4px);animation:beamHighlight 7.5s ease-in-out infinite}
@keyframes beamHighlight{0%,20%{transform:translateX(0);opacity:0}48%{opacity:.46}75%,100%{transform:translateX(94vw);opacity:0}}
.nexora-fx:after{opacity:.24;background-size:58px 58px;animation:gridGlide 34s linear infinite}

/* nav becomes more architectural */
.landing-nav{top:12px;width:calc(100% - 34px);max-width:1390px;margin:0 auto;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:linear-gradient(180deg,rgba(9,12,18,.78),rgba(6,8,13,.62));box-shadow:0 15px 45px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(26px) saturate(125%);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
.landing-nav:hover{border-color:rgba(145,122,255,.13);box-shadow:0 18px 55px rgba(0,0,0,.24),0 0 42px rgba(100,72,255,.035)}
.landing-links a{position:relative;transition:color .22s ease}
.landing-links a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:1px;background:linear-gradient(90deg,#a98cff,#5c8dff);transition:right .28s var(--v4-ease)}
.landing-links a:hover:after{right:0}

/* hero gains stage depth and a studio-floor glow */
.hero-wrap{position:relative}
.hero-wrap:after{content:"";position:absolute;left:43%;right:2%;bottom:4%;height:140px;background:radial-gradient(ellipse,rgba(104,78,255,.14),transparent 68%);filter:blur(24px);pointer-events:none;z-index:-1}
.hero-title{position:relative;text-wrap:balance}
.hero-title .hero-violet{background-image:linear-gradient(92deg,#7558ff 0%,#b49aff 28%,#6d8cff 57%,#9e76ff 78%,#7558ff 100%)!important;background-size:280% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;animation:violetFlow 8s ease-in-out infinite!important;filter:drop-shadow(0 0 28px rgba(112,82,255,.09))}
.hero-stage:before{content:"";position:absolute;inset:8% 2% 5% 4%;border-radius:38%;background:radial-gradient(ellipse at center,rgba(120,86,255,.075),transparent 66%);filter:blur(20px);transform:translate3d(calc(var(--tx,0px) * -.35),calc(var(--ty,0px) * -.35),0);transition:transform .6s var(--v4-ease)}
.command-window{position:relative;transform-style:preserve-3d;animation:v4WindowFloat 7.5s ease-in-out infinite;box-shadow:0 42px 110px rgba(0,0,0,.46),0 0 75px rgba(94,72,255,.075),inset 0 1px rgba(255,255,255,.055)}
.command-window:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,45%),rgba(150,126,255,.11),transparent 63%);opacity:.7;z-index:8;mix-blend-mode:screen}
.command-window:after{content:"";position:absolute;left:-15%;right:-15%;height:75px;top:-90px;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(158,137,255,.055),transparent);transform:skewY(-7deg);animation:v4Scan 9s ease-in-out infinite;z-index:7}
@keyframes v4WindowFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes v4Scan{0%,24%{top:-110px;opacity:0}38%{opacity:.8}72%{top:calc(100% + 50px);opacity:.25}100%{top:calc(100% + 80px);opacity:0}}
.hero-logo-ghost{opacity:.115;filter:saturate(1.2) drop-shadow(0 0 45px rgba(111,82,255,.2));mix-blend-mode:screen}
.floating-chip{box-shadow:0 24px 70px rgba(0,0,0,.34),0 0 34px rgba(100,76,255,.05);transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}
.floating-chip:hover{border-color:rgba(159,133,255,.22);background:rgba(13,16,25,.91);box-shadow:0 27px 78px rgba(0,0,0,.4),0 0 40px rgba(109,83,255,.08)}

/* directional light system */
.card,.premium-tpl,.feature,.price,.workflow-line article,.priority-row{--spot-x:50%;--spot-y:50%}
.card:after,.premium-tpl:after,.feature:after,.price:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(320px circle at var(--spot-x) var(--spot-y),rgba(151,128,255,.055),transparent 62%);opacity:0;transition:opacity .3s ease;z-index:0}
.card:hover:after,.premium-tpl:hover:after,.feature:hover:after,.price:hover:after{opacity:1}
.card>* ,.premium-tpl>* ,.feature>* ,.price>*{position:relative;z-index:1}
.premium-tpl:hover{transform:translateY(-6px) scale(1.006);box-shadow:0 30px 85px rgba(0,0,0,.3),0 0 42px rgba(103,79,255,.055)}
.premium-tpl .thumb{overflow:hidden}
.premium-tpl .fake-site{transition:transform .65s var(--v4-ease),filter .45s ease}
.premium-tpl:hover .fake-site{transform:scale(1.025) translateY(-2px);filter:saturate(1.06)}
.premium-tpl .thumb-label{transition:transform .35s var(--v4-ease),border-color .25s ease}
.premium-tpl:hover .thumb-label{transform:translateY(-2px);border-color:rgba(164,143,255,.22)}

/* feature / workflow / pricing cadence */
.feature-grid,.workflow-line,.price-grid{position:relative}
.feature-grid:before,.price-grid:before{content:"";position:absolute;left:8%;right:8%;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(132,102,255,.38),rgba(91,149,255,.2),transparent);filter:blur(.2px)}
.premium-features .feature{transition:background .3s ease,transform .32s var(--v4-ease)}
.premium-features .feature:hover{background:linear-gradient(160deg,rgba(120,92,255,.07),#080b10 54%);transform:translateY(-2px)}
.premium-features .feature>i{transition:transform .3s var(--v4-ease),color .3s ease}
.premium-features .feature:hover>i{transform:translate3d(3px,-3px,0);color:#a18cff}
.workflow-line article{position:relative;overflow:hidden;transition:background .28s ease}
.workflow-line article:before{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:linear-gradient(90deg,#8c6cff,#5f9bff);transition:width .45s var(--v4-ease)}
.workflow-line article:hover{background:rgba(124,95,255,.035)}
.workflow-line article:hover:before{width:100%}
.featured-price{box-shadow:0 24px 90px rgba(80,57,190,.08)}
.featured-price:before{background:linear-gradient(90deg,transparent,rgba(193,178,255,.34),transparent)}

/* app dashboard: precise hover and kinetic live states */
.premium-shell .sidebar{box-shadow:18px 0 65px rgba(0,0,0,.16)}
.topbar:after{content:"";position:absolute;left:24px;right:24px;bottom:-1px;height:1px;background:linear-gradient(90deg,rgba(121,91,255,.22),transparent 36%);pointer-events:none}
.metric-strip article{transition:background .28s ease,transform .28s var(--v4-ease)}
.metric-strip article:hover{background:linear-gradient(160deg,rgba(122,93,255,.045),transparent);transform:translateY(-1px)}
.metric-strip article:after{animation:metricPulse 5s ease-in-out infinite}
.metric-strip article:nth-child(2):after{animation-delay:.6s}.metric-strip article:nth-child(3):after{animation-delay:1.2s}.metric-strip article:nth-child(4):after{animation-delay:1.8s}
@keyframes metricPulse{0%,100%{opacity:.22;transform:scaleX(.86);transform-origin:left}50%{opacity:.7;transform:scaleX(1)}}
.priority-row{position:relative;transition:background .22s ease,padding-left .22s ease}
.priority-row:hover{background:linear-gradient(90deg,rgba(124,94,255,.045),transparent 78%);padding-left:5px}
.chart-field>i{transition:filter .25s ease,background .25s ease}
.chart-field>i:hover{filter:brightness(1.4);background:linear-gradient(180deg,rgba(151,121,255,.52),rgba(126,94,255,.05))}

/* generated-site polish: subtle section-to-section cinema */
.site-preview{position:relative;overflow:hidden}
.site-preview:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--site-accent) 28%,transparent),transparent);z-index:10;pointer-events:none}
.site-hero{isolation:isolate}
.site-hero:before{content:"";position:absolute;inset:-35%;z-index:-1;background:radial-gradient(circle at 72% 35%,color-mix(in srgb,var(--site-accent) 12%,transparent),transparent 29%);animation:clientAmbient 13s ease-in-out infinite alternate;pointer-events:none}
@keyframes clientAmbient{from{transform:translate3d(-2%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}
.service-card,.review-card,.gallery-item{transition:transform .32s var(--v4-ease),box-shadow .32s ease,border-color .32s ease}
.service-card:hover,.review-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px color-mix(in srgb,var(--site-accent) 9%,transparent);border-color:color-mix(in srgb,var(--site-accent) 22%,transparent)}
.gallery-item:hover{transform:scale(1.012)}

/* primary actions feel more physical, but still quiet */
.btn.primary{position:relative;overflow:hidden;isolation:isolate}
.btn.primary:after{content:"";position:absolute;top:-120%;bottom:-120%;width:34px;left:-65px;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);opacity:0;transition:none;z-index:-1}
.btn.primary:hover:after{animation:buttonLight 1.1s var(--v4-ease)}
@keyframes buttonLight{0%{left:-65px;opacity:0}20%{opacity:.45}70%{opacity:.25}100%{left:calc(100% + 65px);opacity:0}}

/* footer and marquee finesse */
.brand-marquee{mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.landing-footer{position:relative}
.landing-footer:before{content:"";position:absolute;left:26px;right:65%;top:-1px;height:1px;background:linear-gradient(90deg,#7659ff,transparent);opacity:.48}

@media(max-width:780px){
 .cursor-aura{display:none}.landing-nav{top:6px;width:calc(100% - 12px);border-radius:12px}.hero-wrap:after{left:5%;right:5%}.command-window{animation:v4WindowFloat 8s ease-in-out infinite}.card:after,.premium-tpl:after,.feature:after,.price:after{display:none}
}
@media(prefers-reduced-motion:reduce){.command-window,.metric-strip article:after,.site-hero:before,.nexora-fx .fx-beam:after{animation:none!important}.cursor-aura{display:none!important}}

/* =========================================================
   NEXORA AI — V5 / LIVE BUILD ENGINE
   ========================================================= */
body.ai-building{overflow:hidden}
.ai-build-experience{position:fixed;inset:0;z-index:9999;background:
 radial-gradient(circle at 14% 5%,rgba(126,86,255,.16),transparent 30%),
 radial-gradient(circle at 88% 18%,rgba(74,132,255,.10),transparent 31%),
 linear-gradient(180deg,#05060a 0%,#070910 60%,#040509 100%);color:#f5f7fb;animation:aiBuildIn .36s cubic-bezier(.16,1,.3,1);overflow:auto}
.ai-build-experience:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.58),transparent 88%);animation:aiGridDrift 28s linear infinite}
.ai-build-experience:after{content:"";position:fixed;width:46vw;height:46vw;border-radius:50%;left:25%;top:22%;background:radial-gradient(circle,rgba(116,81,255,.08),transparent 66%);filter:blur(28px);pointer-events:none;animation:aiAura 9s ease-in-out infinite alternate}
.ai-build-experience.leaving{animation:aiBuildOut .3s ease forwards}
@keyframes aiBuildIn{from{opacity:0;transform:scale(1.012)}to{opacity:1;transform:none}}
@keyframes aiBuildOut{to{opacity:0;transform:scale(.99);filter:blur(4px)}}
@keyframes aiGridDrift{to{background-position:54px 54px,54px 54px}}
@keyframes aiAura{from{transform:translate3d(-4%,-2%,0) scale(.95)}to{transform:translate3d(6%,4%,0) scale(1.1)}}
.ai-build-shell{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-rows:auto 2px 1fr auto}
.ai-build-head{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,46px);border-bottom:1px solid rgba(255,255,255,.055);background:rgba(5,7,11,.58);backdrop-filter:blur(22px)}
.ai-build-brand{display:flex;align-items:center;gap:12px}.ai-build-brand img{width:38px;height:38px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(124,91,255,.22))}.ai-build-brand b{font-size:15px;letter-spacing:.08em}.ai-build-brand b span{color:#9f84ff}.ai-build-brand small{display:block;margin-top:3px;color:#667083;font:10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em}
.ai-build-head-right{display:flex;align-items:center;gap:12px}.ai-build-live{display:inline-flex;align-items:center;gap:7px;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;color:#aab3c3}.ai-build-live i{width:7px;height:7px;border-radius:50%;background:#8c73ff;box-shadow:0 0 0 0 rgba(140,115,255,.45);animation:aiLive 1.6s ease-out infinite}.complete .ai-build-live i{background:#62d7a7}@keyframes aiLive{70%{box-shadow:0 0 0 8px transparent}.ai-build-live{}}
.ai-build-close{width:35px;height:35px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025);color:#8f98aa;cursor:pointer;transition:.2s ease}.ai-build-close:hover{color:#fff;border-color:rgba(153,126,255,.26);background:rgba(131,98,255,.08)}
.ai-build-progress{height:2px;background:rgba(255,255,255,.03);overflow:hidden}.ai-build-progress i{display:block;height:100%;width:4%;background:linear-gradient(90deg,#6f50ff,#ad91ff,#5a93ff);box-shadow:0 0 18px rgba(126,91,255,.55);transition:width .7s cubic-bezier(.16,1,.3,1)}
.ai-build-grid{display:grid;grid-template-columns:minmax(245px,310px) minmax(520px,1fr) minmax(245px,310px);gap:22px;padding:28px clamp(18px,3vw,46px) 22px;align-items:stretch;min-height:0}
.ai-build-steps,.ai-build-intel{border:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,rgba(11,14,21,.72),rgba(7,9,14,.58));border-radius:18px;padding:22px;box-shadow:0 28px 80px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.ai-build-kicker{font:9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;color:#6f788b;margin-bottom:15px}.ai-build-steps h2{font-size:clamp(26px,2.4vw,38px);line-height:1.02;letter-spacing:-.035em;margin:0 0 14px;color:#f0f2f6}.ai-build-steps h2 span{background:linear-gradient(90deg,#f3f3f5,#9e87ff 65%,#729eff);-webkit-background-clip:text;background-clip:text;color:transparent}.ai-build-steps>p{font-size:13px;line-height:1.65;color:#798395;margin-bottom:22px}
.ai-step-list{display:grid;gap:4px}.ai-step{position:relative;display:grid;grid-template-columns:31px 1fr 16px;gap:10px;align-items:start;padding:11px 8px;border-radius:11px;transition:background .35s ease,opacity .35s ease,transform .35s ease;opacity:.42}.ai-step>span{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;color:#687186;padding-top:2px}.ai-step b{display:block;font-size:12px;font-weight:650;color:#b7bfcc}.ai-step small{display:block;margin-top:4px;font-size:10px;line-height:1.42;color:#626c7d}.ai-step>i{width:8px;height:8px;border:1px solid #596174;border-radius:50%;margin-top:4px}.ai-step.active{opacity:1;background:linear-gradient(90deg,rgba(124,91,255,.11),rgba(124,91,255,.015));transform:translateX(3px)}.ai-step.active b{color:#fff}.ai-step.active>i{border-color:#9d82ff;background:#8a6eff;box-shadow:0 0 0 6px rgba(138,110,255,.08),0 0 18px rgba(138,110,255,.45);animation:stepGlow 1.5s ease infinite}.ai-step.done{opacity:.72}.ai-step.done>i{border-color:#62d7a7;background:#62d7a7}.ai-step.done>i:after{content:"✓";font-style:normal;font-size:7px;color:#07120e;display:grid;place-items:center;height:100%}@keyframes stepGlow{50%{box-shadow:0 0 0 9px rgba(138,110,255,0),0 0 26px rgba(138,110,255,.65)}}
.ai-build-stage{display:flex;flex-direction:column;min-width:0;perspective:1300px}.ai-browser{position:relative;flex:1;min-height:585px;border:1px solid rgba(255,255,255,.09);border-radius:20px;overflow:hidden;background:#0a0c11;box-shadow:0 44px 110px rgba(0,0,0,.42),0 0 75px rgba(101,75,255,.07);transform:rotateX(.35deg);animation:aiBrowserFloat 7s ease-in-out infinite}.ai-browser:before{content:"";position:absolute;inset:0;z-index:9;pointer-events:none;background:radial-gradient(500px circle at 48% 35%,rgba(145,119,255,.045),transparent 65%)}@keyframes aiBrowserFloat{50%{transform:translateY(-5px) rotateX(.25deg)}}
.ai-browser-bar{height:46px;display:grid;grid-template-columns:85px 1fr 50px;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.055);background:#0c0f15;color:#616b7c}.ai-browser-bar>span{display:flex;gap:6px}.ai-browser-bar>span i{width:7px;height:7px;border-radius:50%;background:#313743}.ai-browser-bar b{justify-self:center;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500;color:#616b7c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}.ai-browser-bar em{justify-self:end;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#8d79f9;font-style:normal;letter-spacing:.12em}.ai-browser-canvas{height:calc(100% - 46px);overflow:hidden;background:#fff;transition:filter .3s ease}.ai-browser-canvas.phase-pulse{animation:phasePulse .55s ease}@keyframes phasePulse{0%{filter:brightness(.88) blur(.6px)}55%{filter:brightness(1.06)}100%{filter:none}}
.ai-build-scan{position:absolute;z-index:10;left:0;right:0;top:45px;height:100px;background:linear-gradient(180deg,transparent,rgba(129,96,255,.05),rgba(152,126,255,.12),transparent);mix-blend-mode:screen;pointer-events:none;animation:aiScan 3.1s ease-in-out infinite}@keyframes aiScan{0%{transform:translateY(-130px);opacity:0}16%{opacity:.5}72%{opacity:.45}100%{transform:translateY(650px);opacity:0}}
.ai-stage-caption{height:42px;display:flex;align-items:end;justify-content:space-between;padding:0 4px;color:#737d8e;font-size:11px}.ai-stage-caption em{font:10px ui-monospace,SFMono-Regular,Menlo,monospace;font-style:normal;color:#a691ff}
.ai-build-intel{display:flex;flex-direction:column;gap:10px}.intel-card,.intel-pair>div{border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018);padding:13px}.intel-card small,.intel-pair small{display:block;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.15em;color:#596274;margin-bottom:7px}.intel-card b,.intel-pair b{font-size:12px;color:#d8dde6}.intel-card>span{display:block;color:#747e8f;font-size:10px;margin-top:4px}.intel-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.palette-row{display:flex;align-items:center;gap:7px}.palette-row i{width:18px;height:18px;border-radius:6px;border:1px solid rgba(255,255,255,.12);box-shadow:0 3px 12px rgba(0,0,0,.16)}.palette-row span{margin-left:auto;font:9px ui-monospace,SFMono-Regular,Menlo,monospace;color:#7d8798}.section-tags{display:flex;flex-wrap:wrap;gap:5px}.section-tags span{padding:5px 7px;border-radius:7px;background:rgba(124,91,255,.06);border:1px solid rgba(139,108,255,.09);font-size:8px;color:#8f99aa}.ai-terminal{margin-top:auto;border:1px solid rgba(112,92,177,.12);border-radius:12px;overflow:hidden;background:#05070a;min-height:155px}.ai-terminal>div{height:32px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.045);font:8px ui-monospace,SFMono-Regular,Menlo,monospace;color:#596273}.ai-terminal>div i{font-style:normal;color:#745fff}.ai-terminal pre{margin:0;padding:11px;color:#788396;font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;max-height:150px;overflow:auto}
.ai-build-footer{min-height:78px;border-top:1px solid rgba(255,255,255,.055);padding:12px clamp(18px,3vw,46px);display:flex;align-items:center;justify-content:space-between;background:rgba(5,7,11,.68);backdrop-filter:blur(20px)}.ai-build-footer>div{display:grid;grid-template-columns:22px auto;grid-template-rows:auto auto;column-gap:9px;align-items:center}.ai-build-footer b{font-size:11px;color:#c5ccd7}.ai-build-footer small{grid-column:2;color:#5e687a;font-size:9px;margin-top:2px}.ai-pulse-ring{grid-row:1/3;width:15px;height:15px;border:1px solid rgba(145,116,255,.6);border-radius:50%;box-shadow:0 0 0 4px rgba(130,99,255,.04);animation:footerPulse 1.6s ease infinite}.complete .ai-pulse-ring{border-color:#61d7a8;background:#61d7a8;box-shadow:0 0 0 4px rgba(97,215,168,.06)}@keyframes footerPulse{50%{box-shadow:0 0 0 9px rgba(130,99,255,0)}}.ai-open-editor{min-width:170px;justify-content:center;animation:editorCtaIn .45s cubic-bezier(.16,1,.3,1)}@keyframes editorCtaIn{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}

/* Progressive site construction canvas */
.live-mini-site{--live-bg:#fff;--live-text:#111;--live-accent:#7558ff;min-height:100%;background:var(--live-bg);color:var(--live-text);font-family:Inter,system-ui,sans-serif;overflow:hidden}.live-mini-nav{height:54px;display:flex;align-items:center;padding:0 5%;gap:12px;border-bottom:1px solid color-mix(in srgb,var(--live-text) 8%,transparent);background:color-mix(in srgb,var(--live-bg) 96%,transparent)}.live-mini-nav b{font-size:11px;letter-spacing:-.02em;margin-right:auto}.live-mini-nav>span{width:42px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--live-text) 12%,transparent)}.live-mini-nav>i{width:58px;height:24px;border-radius:7px;background:var(--live-accent);opacity:.9}.live-mini-hero{min-height:260px;padding:42px 7% 34px;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;opacity:.46;transition:opacity .5s ease,transform .55s cubic-bezier(.16,1,.3,1);transform:translateY(8px)}.live-mini-hero.is-built{opacity:1;transform:none}.live-mini-hero small{font-size:7px;text-transform:uppercase;letter-spacing:.16em;opacity:.58}.live-mini-hero h3{font-size:clamp(28px,4vw,52px);line-height:.94;max-width:630px;letter-spacing:-.055em;margin:10px 0 12px}.live-mini-hero p{font-size:10px;line-height:1.6;max-width:460px;opacity:.65;margin:0 0 16px}.live-mini-hero button{border:0;border-radius:8px;padding:9px 13px;background:var(--live-accent);color:white;font-size:8px}.live-art{position:relative;height:190px;border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--live-accent) 17%,var(--live-bg)),color-mix(in srgb,var(--live-text) 4%,var(--live-bg)));display:grid;place-items:center;overflow:hidden}.live-art:before,.live-art:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--live-accent) 22%,transparent);border-radius:50%;width:170px;height:170px}.live-art:after{width:250px;height:250px}.live-art em{position:relative;z-index:2;font-size:50px;font-style:normal;filter:drop-shadow(0 12px 24px rgba(0,0,0,.13))}.live-art span{position:absolute;inset:auto 12% 10% 12%;height:38%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--live-accent) 17%,transparent));filter:blur(14px)}
.gen-line{display:block;height:12px;border-radius:4px;margin:7px 0;background:linear-gradient(90deg,color-mix(in srgb,var(--live-text) 7%,transparent),color-mix(in srgb,var(--live-accent) 12%,transparent),color-mix(in srgb,var(--live-text) 7%,transparent));background-size:200% 100%;animation:genShimmer 1.4s linear infinite}.gen-line.w80{width:80%;height:27px}.gen-line.w75{width:75%}.gen-line.w70{width:70%}.gen-line.w65{width:65%}.gen-line.w60{width:60%}.gen-line.w55{width:55%;height:27px}.gen-line.w45{width:45%}@keyframes genShimmer{to{background-position:-200% 0}}
.live-mini-services{padding:20px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;opacity:.38;transition:.5s ease}.live-mini-services.is-built{opacity:1}.live-mini-services article{min-height:78px;border-radius:11px;padding:12px;border:1px solid color-mix(in srgb,var(--live-text) 8%,transparent);background:color-mix(in srgb,var(--live-text) 2%,var(--live-bg));animation:cardBirth .48s cubic-bezier(.16,1,.3,1) both}.live-mini-services article:nth-child(2){animation-delay:.07s}.live-mini-services article:nth-child(3){animation-delay:.14s}.live-mini-services small{font-size:7px;color:var(--live-accent)}.live-mini-services b{display:block;font-size:10px;margin-top:15px}.live-mini-services i{display:block;width:35%;height:3px;border-radius:3px;background:var(--live-accent);margin-top:7px;opacity:.3}@keyframes cardBirth{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.live-mini-proof{padding:12px 7% 18px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid color-mix(in srgb,var(--live-text) 6%,transparent);opacity:.4;transition:.5s ease}.live-mini-proof.is-built{opacity:1}.live-mini-proof div{padding:10px 0}.live-mini-proof b{display:block;font-size:16px}.live-mini-proof span{font-size:7px;opacity:.5}.live-mini-about{margin:0 7% 20px;padding:20px;border-radius:13px;background:color-mix(in srgb,var(--live-text) 3%,var(--live-bg));min-height:95px;opacity:.42;transition:.5s ease}.live-mini-about.is-built{opacity:1;animation:cardBirth .5s ease}.live-mini-about small{font-size:7px;letter-spacing:.15em;color:var(--live-accent)}.live-mini-about h4{font-size:15px;max-width:520px;margin:8px 0}.live-mini-about p{font-size:8px;line-height:1.55;opacity:.55;max-width:620px}.live-mini-footer{min-height:55px;padding:12px 7%;display:flex;align-items:center;gap:16px;border-top:1px solid color-mix(in srgb,var(--live-text) 7%,transparent);opacity:.4;transition:.5s ease}.live-mini-footer.is-built{opacity:1}.live-mini-footer b{font-size:9px;margin-right:auto}.live-mini-footer span{font-size:7px;opacity:.5}.live-mini-footer button{border:0;background:var(--live-accent);color:white;border-radius:7px;padding:7px 10px;font-size:7px}.live-mini-footer>i{height:4px;width:90px;background:color-mix(in srgb,var(--live-text) 9%,transparent);border-radius:3px}.live-mini-footer>i:last-child{width:55px;margin-left:auto}

@media(max-width:1180px){.ai-build-grid{grid-template-columns:235px minmax(500px,1fr)}.ai-build-intel{display:none}.ai-browser{min-height:560px}}
@media(max-width:850px){.ai-build-grid{grid-template-columns:1fr;padding:16px}.ai-build-steps{display:none}.ai-browser{min-height:610px}.ai-build-head{height:64px}.ai-build-brand small{display:none}.ai-build-footer small{display:none}.ai-build-footer{min-height:66px}.live-mini-hero{grid-template-columns:1fr}.live-art{display:none}}
@media(max-width:560px){.ai-browser{min-height:570px;border-radius:14px}.ai-browser-bar{grid-template-columns:55px 1fr 38px;padding:0 10px}.ai-browser-bar b{max-width:75%;font-size:7px}.ai-build-grid{padding:10px}.ai-build-head{padding:0 12px}.ai-build-footer{padding:10px 12px}.ai-build-footer b{font-size:9px}.ai-open-editor{min-width:auto;font-size:10px;padding-inline:12px}.live-mini-hero{padding:30px 6% 20px;min-height:210px}.live-mini-hero h3{font-size:34px}.live-mini-services{padding:14px 6%;grid-template-columns:1fr}.live-mini-services article{min-height:54px}.live-mini-services article:nth-child(n+2){display:none}.live-mini-proof{padding-inline:6%}.live-mini-about{margin-inline:6%}}
@media(prefers-reduced-motion:reduce){.ai-build-experience:before,.ai-build-experience:after,.ai-browser,.ai-build-scan,.gen-line,.ai-build-live i,.ai-pulse-ring,.ai-step.active>i{animation:none!important}}

/* =========================================================
   NEXORA V6 — INTELLIGENCE OS / PROFESSIONAL PRODUCT LAYOUT
   ========================================================= */
:root{--v6-bg:#05070b;--v6-panel:#0a0e15;--v6-panel-hi:#0e131d;--v6-hair:rgba(226,232,255,.075);--v6-muted:#727d91;--v6-text:#f5f7fb;--v6-violet:#8267ff;--v6-blue:#5c8fff}
.v6-shell{grid-template-columns:262px minmax(0,1fr);background:transparent}.v6-sidebar{padding:20px 16px;border-right:1px solid rgba(222,229,255,.07);background:linear-gradient(180deg,rgba(6,8,13,.985),rgba(4,6,10,.995));box-shadow:20px 0 60px rgba(0,0,0,.14)}.v6-sidebar .brand{padding:0 8px 19px}.v6-sidebar .brand-mark{width:38px;height:38px;border-radius:11px}.v6-sidebar .brand .word{font-size:13px;letter-spacing:.095em}.v6-sidebar .brand .word small{font-size:7.5px;color:#596478;letter-spacing:.22em}.v6-sidebar .workspace-switch{margin:0 2px 18px;padding:11px 10px;background:linear-gradient(145deg,rgba(255,255,255,.027),rgba(255,255,255,.008));border-color:rgba(230,235,255,.075)}.v6-nav{gap:0}.v6-nav .nav-group+.nav-group{margin-top:6px}.v6-nav .section-label{font-size:8px;padding:11px 10px 5px;color:#414b5e;letter-spacing:.22em}.v6-nav button{grid-template-columns:26px 1fr auto;min-height:39px;padding:8px 9px;border-radius:10px;font-size:11px;transition:background .18s,color .18s,transform .18s}.v6-nav button:hover{transform:translateX(1px)}.v6-nav button.active{background:linear-gradient(90deg,rgba(121,91,255,.12),rgba(71,91,173,.025) 72%,transparent);box-shadow:inset 0 0 0 1px rgba(139,118,255,.075)}.v6-nav button.active:before{height:22px;background:linear-gradient(180deg,#b39aff,#6d72ff)}.nav-beta{font-size:7px;letter-spacing:.12em;padding:3px 5px;border-radius:999px;color:#b8a6ff;background:rgba(126,98,255,.1);border:1px solid rgba(139,115,255,.13)}
.ai-credit-card{padding:13px;border-radius:13px;border:1px solid rgba(136,113,255,.14);background:linear-gradient(145deg,rgba(126,92,255,.085),rgba(83,109,255,.025) 55%,rgba(255,255,255,.012));position:relative;overflow:hidden}.ai-credit-card:before{content:"";position:absolute;width:120px;height:80px;right:-40px;top:-30px;background:radial-gradient(circle,rgba(112,86,255,.2),transparent 70%);filter:blur(8px)}.ai-credit-card>div{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.13em}.ai-credit-card>div b{font-size:8px}.ai-credit-card>div em{margin-left:auto;color:#76caa8;font-size:7px}.ai-credit-card>strong{display:block;margin-top:12px;font-size:20px;font-weight:600;letter-spacing:-.03em}.ai-credit-card>small{display:block;color:#5d687c;font-size:8px;margin-top:2px}.ai-credit-card>i{display:block;height:3px;background:#171c29;margin-top:10px;border-radius:10px;overflow:hidden}.ai-credit-card>i b{display:block;width:62%;height:100%;background:linear-gradient(90deg,#8267ff,#5c8fff)}.ai-credit-card>button{border:0;background:transparent;color:#8e81c5;font-size:8px;padding:9px 0 0}.v6-main{background:linear-gradient(180deg,rgba(8,10,16,.24),rgba(5,7,11,.12))}.v6-topbar{height:68px;padding:0 30px;background:rgba(5,7,11,.71);border-bottom-color:rgba(225,231,255,.065)}.topbar-left{display:flex;align-items:center;gap:10px}.mobile-menu{display:none;border:0;background:transparent;color:white}.v6-topbar .breadcrumb span{font-size:8px;letter-spacing:.18em;color:#4d586d}.v6-topbar .breadcrumb b{font-size:11px}.v6-topbar .command-search{min-width:240px;background:rgba(10,14,22,.8)}.ai-quick{height:34px;display:flex;align-items:center;gap:7px;border:1px solid rgba(137,113,255,.18);background:linear-gradient(135deg,rgba(111,83,255,.11),rgba(71,112,255,.055));color:#dad5ff;border-radius:9px;padding:0 11px}.ai-quick span{color:#a78dff}.ai-quick b{font-size:9px;letter-spacing:.055em}.v6-content{max-width:1500px;padding:31px 34px 55px}.v6-content .card{border-color:rgba(226,233,255,.07);background:linear-gradient(180deg,rgba(11,15,23,.94),rgba(8,11,17,.96));box-shadow:0 18px 45px rgba(0,0,0,.11)}.v6-content .page-head h1{font-size:32px;font-weight:590;letter-spacing:-.04em}.v6-content .page-head p{font-size:12px;color:#748095}.v6-content .btn{border-radius:8px}.v6-content .btn.primary{background:linear-gradient(135deg,#7a5cff,#536eff)}
.ai-manifest-section{position:relative}.ai-manifest-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;border:1px solid rgba(227,232,255,.08);border-radius:20px;overflow:hidden;background:rgba(7,10,16,.72);box-shadow:0 35px 90px rgba(0,0,0,.2)}.ai-manifest-core{padding:52px 48px;min-height:420px;display:flex;flex-direction:column;justify-content:center;position:relative;background:radial-gradient(500px 280px at 18% 18%,rgba(119,88,255,.13),transparent 60%)}.ai-manifest-core:after{content:"";position:absolute;right:0;top:40px;bottom:40px;width:1px;background:linear-gradient(transparent,rgba(229,233,255,.1),transparent)}.manifest-logo{display:flex;align-items:center;gap:10px;margin-bottom:40px}.manifest-logo img{width:42px;height:42px;object-fit:cover;border-radius:11px}.manifest-logo span{font-size:8px;letter-spacing:.2em;color:#6f7a91}.ai-manifest-core h3{font-size:34px;line-height:1.07;letter-spacing:-.04em;margin:0;max-width:520px;font-weight:570}.ai-manifest-core p{font-size:12px;line-height:1.7;color:#748096;max-width:520px;margin:17px 0 24px}.ai-manifest-core .btn{align-self:flex-start}.manifest-stack{display:flex;flex-direction:column;justify-content:center;padding:25px 31px}.manifest-stack article{display:grid;grid-template-columns:42px 1fr 34px;align-items:center;padding:19px 10px;border-bottom:1px solid rgba(225,231,255,.07)}.manifest-stack article:last-child{border:0}.manifest-stack article>span{font:9px ui-monospace;color:#565f73}.manifest-stack article b{font-size:11px;letter-spacing:.08em}.manifest-stack article p{margin:4px 0 0;font-size:10px;color:#697489}.manifest-stack article i{font-style:normal;color:#8872ff;text-align:center}
.intelligence-ribbon{margin:13px 0;min-height:96px;border:1px solid rgba(134,108,255,.14);border-radius:14px;background:linear-gradient(105deg,rgba(116,83,255,.08),rgba(11,15,23,.94) 45%,rgba(80,119,255,.045));display:flex;align-items:center;justify-content:space-between;padding:16px 18px 16px 15px;position:relative;overflow:hidden}.intelligence-ribbon:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:2px;background:linear-gradient(#ac94ff,#6c7cff);box-shadow:0 0 16px rgba(127,102,255,.5)}.intelligence-copy{display:flex;align-items:center;gap:14px}.intelligence-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(137,111,255,.15);border-radius:12px;background:rgba(111,86,255,.08);font-size:17px;color:#a993ff}.intelligence-copy small{font-size:7px;letter-spacing:.18em;color:#746a9c}.intelligence-copy b{display:block;font-size:13px;font-weight:600;margin-top:5px}.intelligence-copy p{font-size:9px;color:#687389;margin:5px 0 0}.intelligence-actions{display:flex;gap:7px}
.ai-os-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:2px 0 22px}.ai-os-head h1{font-size:39px;letter-spacing:-.047em;font-weight:580;margin:12px 0 8px}.ai-os-head p{margin:0;color:#748096;max-width:710px;line-height:1.65;font-size:12px}.ai-command-deck{min-height:285px;border:1px solid rgba(220,228,255,.075);border-radius:19px;background:linear-gradient(110deg,rgba(12,16,24,.98),rgba(8,11,17,.96));display:grid;grid-template-columns:1.25fr .75fr;overflow:hidden;position:relative;box-shadow:0 28px 75px rgba(0,0,0,.18);margin-bottom:14px}.ai-command-deck:before{content:"";position:absolute;width:520px;height:320px;right:-100px;top:-100px;background:radial-gradient(circle,rgba(121,84,255,.14),rgba(70,107,255,.05) 35%,transparent 68%);pointer-events:none}.ai-command-copy{padding:34px 34px 31px;display:flex;flex-direction:column;justify-content:center}.ai-command-copy h2{font-size:25px;font-weight:570;letter-spacing:-.035em;margin:9px 0 17px}.ai-command-input{height:50px;display:grid;grid-template-columns:35px 1fr auto;align-items:center;border:1px solid rgba(226,231,255,.09);background:#080c13;border-radius:12px;padding:4px 5px 4px 8px;box-shadow:inset 0 1px rgba(255,255,255,.015),0 18px 45px rgba(0,0,0,.13)}.ai-command-input>span{color:#9e86ff}.ai-command-input input{height:100%;border:0;outline:none;background:transparent;color:white;font-size:11px}.ai-command-input input::placeholder{color:#4f596c}.ai-command-input .btn{height:39px}.command-suggestions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.command-suggestions button{border:1px solid rgba(225,231,255,.07);background:rgba(255,255,255,.015);color:#788399;border-radius:999px;font-size:8px;padding:6px 9px}.command-suggestions button:hover{color:#c7cce0;border-color:rgba(134,112,255,.15)}.ai-orbit-visual{position:relative;min-height:280px;display:grid;place-items:center;border-left:1px solid rgba(226,231,255,.06);background-image:radial-gradient(circle at 50% 50%,rgba(119,87,255,.075),transparent 55%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:auto,34px 34px,34px 34px}.ai-orbit-visual:before,.ai-orbit-visual:after{content:"";position:absolute;border:1px solid rgba(137,113,255,.14);border-radius:50%}.ai-orbit-visual:before{width:210px;height:210px}.ai-orbit-visual:after{width:150px;height:150px;border-style:dashed;animation:orbitSpin 24s linear infinite}.core{width:102px;height:102px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#19162e,#090d15 67%);border:1px solid rgba(156,132,255,.2);box-shadow:0 0 45px rgba(108,79,255,.14),inset 0 0 25px rgba(126,96,255,.05);z-index:2}.core img{width:47px;height:47px;object-fit:cover;border-radius:11px}.core span{font-size:6px;letter-spacing:.15em;color:#736b94;margin-top:4px}.orbit-node{position:absolute;padding:5px 7px;border-radius:6px;background:#0b1019;border:1px solid rgba(227,232,255,.075);font:7px ui-monospace;color:#7d879a;letter-spacing:.08em;font-style:normal}.orbit-node.n1{transform:translate(-120px,-70px)}.orbit-node.n2{transform:translate(120px,-66px)}.orbit-node.n3{transform:translate(136px,38px)}.orbit-node.n4{transform:translate(-128px,54px)}.orbit-node.n5{transform:translate(0,126px)}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.ai-os-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:14px;align-items:start}.ai-tool-library{border:1px solid rgba(225,231,255,.07);border-radius:16px;background:rgba(8,11,17,.82);padding:20px}.ai-library-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:13px;border-bottom:1px solid rgba(226,232,255,.065)}.ai-library-head h3{font-size:16px;margin:4px 0 0;font-weight:590}.ai-lead-select{width:210px;max-width:44%;height:34px;padding:7px 9px;font-size:9px}.ai-tool-library section{margin-top:17px}.ai-category-title{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.17em;color:#586379;margin-bottom:7px}.ai-category-title span{display:grid;place-items:center;width:17px;height:17px;border-radius:5px;background:#111722;color:#758096;font-size:7px}.ai-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.ai-tool-card{min-height:84px;display:grid;grid-template-columns:32px 1fr 18px;gap:9px;align-items:start;text-align:left;border:1px solid rgba(225,231,255,.065);border-radius:10px;background:linear-gradient(145deg,rgba(255,255,255,.017),rgba(255,255,255,.006));color:#dfe3ed;padding:11px;transition:.18s ease}.ai-tool-card:hover{transform:translateY(-1px);background:linear-gradient(145deg,rgba(124,91,255,.055),rgba(255,255,255,.009));border-color:rgba(136,112,255,.15)}.ai-tool-card>span{width:28px;height:28px;border:1px solid rgba(137,113,255,.12);border-radius:8px;display:grid;place-items:center;color:#a18aff;background:rgba(115,87,255,.045);font:10px ui-monospace}.ai-tool-card b{font-size:10px;font-weight:610}.ai-tool-card p{font-size:8px;line-height:1.45;color:#657085;margin:4px 0 0}.ai-tool-card>i{font-style:normal;color:#455064;font-size:10px;margin-top:5px}.ai-workbench{position:sticky;top:86px;min-height:590px;padding:21px!important;border-color:rgba(134,110,255,.105)!important}.ai-workbench:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px 220px at 92% 0%,rgba(117,85,255,.075),transparent 67%)}.workbench-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:15px;border-bottom:1px solid rgba(224,230,255,.065);position:relative;z-index:1}.workbench-head h3{font-size:20px;font-weight:570;letter-spacing:-.025em;margin:5px 0 0}.engine-state{font:7px ui-monospace;letter-spacing:.1em;color:#6f7b8e;display:flex;gap:6px;align-items:center;padding:6px 8px;border:1px solid rgba(225,231,255,.06);border-radius:7px}.workbench-context{display:grid;grid-template-columns:46px 1fr auto;align-items:center;padding:12px 0;border-bottom:1px solid rgba(225,231,255,.055);position:relative;z-index:1}.workbench-context span{font:7px ui-monospace;color:#515c70}.workbench-context b{font-size:10px}.workbench-context em{font-style:normal;color:#aa96ff;font-size:9px}.workbench-output{padding:19px 0 16px;position:relative;z-index:1}.ai-workbench footer{position:relative;z-index:1;margin-top:auto;border-top:1px solid rgba(225,231,255,.055);padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.ai-workbench footer span{font-size:8px;color:#5f6a7e;line-height:1.5;max-width:68%}.ai-result-score{display:flex;align-items:baseline;gap:4px;margin-bottom:18px}.ai-result-score strong{font-size:54px;font-weight:520;letter-spacing:-.06em}.ai-result-score>span{color:#586277;font-size:13px}.ai-result-score em{margin-left:auto;font-style:normal;font:7px ui-monospace;letter-spacing:.12em;color:#85d9b4;border:1px solid rgba(86,210,160,.12);padding:5px 7px;border-radius:999px}.ai-result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.ai-result-grid article{border:1px solid rgba(225,231,255,.06);border-radius:9px;background:rgba(255,255,255,.011);padding:11px;min-height:105px}.ai-result-grid article small{font:6px ui-monospace;letter-spacing:.12em;color:#505b70}.ai-result-grid article b{display:block;font-size:10px;margin-top:9px}.ai-result-grid article p{font-size:8px;line-height:1.5;color:#697489;margin:6px 0 0}.score-breakdown>div{display:grid;grid-template-columns:110px 1fr 28px;align-items:center;gap:8px;margin:11px 0}.score-breakdown span,.score-breakdown em{font-size:8px;color:#6d788c;font-style:normal}.score-breakdown i{height:4px;background:#171c27;border-radius:10px;overflow:hidden}.score-breakdown i b{display:block;height:100%;background:linear-gradient(90deg,#8063ff,#5e8eff)}
.ai-brief{padding:14px;border-radius:10px;background:linear-gradient(135deg,rgba(119,89,255,.055),rgba(255,255,255,.007));border:1px solid rgba(133,109,255,.095);margin-bottom:8px}.ai-brief h4{margin:0;font-size:13px}.ai-brief p{font-size:9px;color:#778197;line-height:1.65;margin:7px 0 0}.review-ring{width:122px;height:122px;border-radius:50%;border:1px solid rgba(135,109,255,.16);box-shadow:inset 0 0 30px rgba(110,84,255,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 20px}.review-ring strong{font-size:35px;font-weight:530}.review-ring span{font:6px ui-monospace;letter-spacing:.13em;color:#6a7488}.brand-board{border:1px solid rgba(226,232,255,.07);border-radius:11px;padding:15px}.brand-swatch{display:flex;gap:5px;margin-bottom:17px}.brand-swatch i{width:38px;height:38px;border-radius:8px;border:1px solid rgba(255,255,255,.07)}.brand-board h4{font-size:14px;margin:0}.brand-board p{font-size:9px;line-height:1.8;color:#798499}.layout-map>div{display:grid;grid-template-columns:38px 1fr auto;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(225,231,255,.055)}.layout-map>div span{font:7px ui-monospace;color:#536077}.layout-map>div b{font-size:10px}.layout-map>div em{font:6px ui-monospace;font-style:normal;color:#736698}.prompt-block{padding:12px;border:1px solid rgba(225,231,255,.06);border-radius:9px;background:#070a10}.prompt-block small{font:6px ui-monospace;letter-spacing:.12em;color:#565f73}.prompt-block code{display:block;color:#abb2c0;font:8px/1.65 ui-monospace;margin-top:8px;white-space:normal}.language-tabs{display:flex;gap:5px;margin-bottom:12px}.language-tabs span{font:7px ui-monospace;padding:6px 8px;border:1px solid rgba(225,231,255,.07);border-radius:7px;color:#687389}.language-tabs span.active{color:#c7baff;border-color:rgba(139,112,255,.15);background:rgba(116,84,255,.07)}.ai-copy-sample{padding:15px;border-radius:10px;background:rgba(255,255,255,.012);border:1px solid rgba(225,231,255,.06)}.ai-copy-sample small,.seo-preview small{font:6px ui-monospace;color:#576277}.ai-copy-sample b{display:block;font-size:17px;line-height:1.25;margin:10px 0}.ai-copy-sample p{font-size:9px;color:#778297;line-height:1.6}.import-zone{min-height:240px;border:1px dashed rgba(141,117,255,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;background:rgba(113,84,255,.025)}.import-zone>span{font-size:28px;color:#9a82ff}.import-zone b{font-size:12px;margin-top:10px}.import-zone p{font-size:8px;line-height:1.6;color:#6d788c;max-width:330px}.seo-preview{padding:14px;border-radius:10px;background:#0b1017;border:1px solid rgba(225,231,255,.06)}.seo-preview b{display:block;color:#91aeff;font-size:13px;margin:8px 0 3px}.seo-preview span{font-size:8px;color:#72b796}.seo-preview p{font-size:9px;color:#8792a7;line-height:1.5}.keyword-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px}.keyword-row span{font-size:7px;border:1px solid rgba(225,231,255,.065);border-radius:999px;padding:5px 7px;color:#717c8f}.consistency{display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center}.consistency>div strong{display:block;font-size:45px;font-weight:520}.consistency>div span{font-size:8px;color:#687387}.consistency ul{list-style:none;padding:0;margin:0}.consistency li{font-size:9px;padding:7px 0;border-bottom:1px solid rgba(225,231,255,.05);color:#8993a6}.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ab-grid article{padding:14px;border:1px solid rgba(225,231,255,.065);border-radius:10px;background:rgba(255,255,255,.01)}.ab-grid small{font:6px ui-monospace;color:#5e6980}.ab-grid h4{font-size:13px;line-height:1.3;margin:14px 0 20px}.ab-grid button{border:0;background:#f1f2f5;color:#11151b;border-radius:6px;padding:7px 10px;font-size:8px}.ab-grid em{float:right;font:6px ui-monospace;color:#6f7889;font-style:normal;margin-top:7px}.ab-grid em.winner{color:#9e8cff}.command-sample{display:flex;gap:11px;padding:14px;border:1px solid rgba(137,111,255,.12);border-radius:10px;background:rgba(116,86,255,.035)}.command-sample>span{color:#9a83ff}.command-sample small{display:block;font:6px ui-monospace;color:#5f6a7e}.command-sample b{font-size:10px;line-height:1.55;display:block;margin-top:5px}.change-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.change-list span{font-size:7px;color:#80c9aa;border:1px solid rgba(74,198,145,.1);padding:5px 7px;border-radius:7px}.message-preview{padding:16px;border-radius:11px;background:rgba(255,255,255,.013);border:1px solid rgba(225,231,255,.06)}.message-preview small{font:6px ui-monospace;color:#5c667b}.message-preview p{font-size:10px;line-height:1.72;color:#abb3c2}.message-preview>div{display:flex;gap:6px}.objection-box{display:grid;grid-template-columns:1fr;gap:8px;border:1px solid rgba(225,231,255,.06);border-radius:11px;padding:16px}.objection-box small{font:6px ui-monospace;color:#616d82}.objection-box b{font-size:13px}.objection-box>span{color:#957eff}.objection-box p{font-size:9px;line-height:1.7;color:#8c96a8}.proposal-card{border:1px solid rgba(225,231,255,.07);border-radius:12px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(255,255,255,.006))}.proposal-card header{display:flex;justify-content:space-between;align-items:start}.proposal-card small{font:6px ui-monospace;color:#5b667a}.proposal-card h4{font-size:15px;margin:5px 0}.proposal-card header>strong{font-size:19px;font-weight:560}.proposal-lines{margin:13px 0}.proposal-lines span{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(225,231,255,.05);font-size:8px;color:#7a8598}.proposal-lines b{color:#b8bfca;font-weight:500}.pricing-rec{text-align:center;padding:20px}.pricing-rec small{font:6px ui-monospace;color:#5c677c;letter-spacing:.13em}.pricing-rec>strong{display:block;font-size:42px;font-weight:520;margin:9px 0 2px}.pricing-rec>p{font-size:8px;color:#697489}.pricing-rec>div{display:flex;justify-content:center;gap:7px;margin-top:17px}.pricing-rec>div span{padding:8px;border:1px solid rgba(225,231,255,.06);border-radius:8px;font-size:7px;color:#657085}.pricing-rec>div b{display:block;color:#bcc3d0;margin-top:4px}.next-action{padding:17px;border-radius:11px;background:linear-gradient(145deg,rgba(116,84,255,.055),rgba(255,255,255,.008));border:1px solid rgba(135,110,255,.1)}.next-action>span{font:6px ui-monospace;color:#716794;letter-spacing:.14em}.next-action h4{font-size:18px;letter-spacing:-.025em;margin:9px 0}.next-action p{font-size:9px;line-height:1.7;color:#7d879a}.calendar-mini{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.calendar-mini article{min-height:130px;border:1px solid rgba(225,231,255,.06);border-radius:9px;padding:9px;display:flex;flex-direction:column}.calendar-mini small{font:6px ui-monospace;color:#576277}.calendar-mini b{font-size:9px;margin-top:24px;line-height:1.4}.calendar-mini span{font-size:7px;color:#8a75cf;margin-top:auto}.autopilot-flow{display:flex;align-items:stretch;gap:4px}.autopilot-flow>div{flex:1;position:relative;border:1px solid rgba(225,231,255,.06);border-radius:9px;padding:10px;min-height:112px;background:rgba(255,255,255,.009)}.autopilot-flow>div.active{border-color:rgba(133,108,255,.15);background:rgba(114,85,255,.04)}.autopilot-flow span{font:6px ui-monospace;color:#59657a}.autopilot-flow b{display:block;font-size:8px;letter-spacing:.08em;margin-top:13px}.autopilot-flow p{font-size:7px;color:#667185;line-height:1.4}.autopilot-flow i{position:absolute;right:8px;bottom:8px;font-style:normal;color:#7a68b5}.autopilot-run{margin-top:14px;width:100%}.ai-running{min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.ai-pulse-ring{width:76px;height:76px;border:1px solid rgba(143,118,255,.18);border-radius:50%;display:grid;place-items:center;color:#a98fff;font-size:22px;box-shadow:0 0 40px rgba(118,89,255,.1);animation:aiPulse 1.2s ease-in-out infinite}.ai-running small{font:7px ui-monospace;color:#625c7d;letter-spacing:.14em;margin-top:17px}.ai-running h3{font-size:18px;margin:7px 0 5px}.ai-running p{font-size:9px;color:#657085}.ai-runbar{width:210px;height:3px;background:#171b25;border-radius:10px;overflow:hidden;margin-top:15px}.ai-runbar i{display:block;height:100%;width:45%;background:linear-gradient(90deg,#8267ff,#5e91ff);animation:aiRun 1s ease-in-out infinite}@keyframes aiPulse{50%{transform:scale(1.05);box-shadow:0 0 55px rgba(118,89,255,.18)}}@keyframes aiRun{0%{transform:translateX(-110%)}100%{transform:translateX(260%)}}
.v6-content .filters{padding:15px;gap:9px;background:rgba(8,11,17,.88)}.v6-content .input,.v6-content .select,.v6-content .textarea{background:#080c12;border-color:rgba(225,231,255,.07);border-radius:8px}.v6-content .table th{font-size:7px;letter-spacing:.13em;color:#596479}.v6-content .table td{font-size:9px;border-color:rgba(225,231,255,.05)}.v6-content .table tbody tr:hover{background:rgba(122,92,255,.025)}
@media(max-width:1150px){.v6-shell{grid-template-columns:218px minmax(0,1fr)}.ai-os-grid{grid-template-columns:1fr}.ai-workbench{position:relative;top:auto;min-height:480px}.ai-command-deck{grid-template-columns:1fr}.ai-orbit-visual{display:none}.ai-manifest-layout{grid-template-columns:1fr}.ai-manifest-core:after{display:none}.manifest-stack{border-top:1px solid rgba(225,231,255,.06)}}
@media(max-width:820px){.v6-shell{display:block}.v6-sidebar{display:none}.v6-topbar{padding:0 15px}.mobile-menu{display:block}.v6-topbar .command-search,.ai-quick{display:none}.v6-content{padding:20px 14px 40px}.ai-os-head{align-items:start;flex-direction:column}.ai-os-head h1{font-size:31px}.ai-command-copy{padding:25px 18px}.ai-command-input{grid-template-columns:28px 1fr}.ai-command-input .btn{display:none}.ai-tool-grid{grid-template-columns:1fr}.ai-library-head{align-items:start;flex-direction:column;gap:10px}.ai-lead-select{max-width:none;width:100%}.ai-result-grid{grid-template-columns:1fr}.calendar-mini{grid-template-columns:1fr 1fr}.autopilot-flow{display:grid;grid-template-columns:1fr 1fr}.intelligence-ribbon{align-items:flex-start;flex-direction:column}.intelligence-actions{width:100%}.intelligence-actions .btn{flex:1}.ai-manifest-core{padding:35px 24px}.ai-manifest-core h3{font-size:28px}}

/* =========================================================
   NEXORA AI — V7 / STUDIO CLEAN
   Keep AI identity. Remove stereotypical "AI-looking" visuals.
   Direction: premium business software / design studio.
   ========================================================= */
:root{
  --bg:#0a0c10!important;
  --bg-soft:#0e1116!important;
  --panel:#11141a!important;
  --panel2:#151922!important;
  --panel3:#191e27!important;
  --line:rgba(231,236,255,.085)!important;
  --line-strong:rgba(231,236,255,.14)!important;
  --text:#f4f5f7!important;
  --muted:#8c94a2!important;
  --violet:#7357e8!important;
  --violet-2:#886ff0!important;
  --blue:#6e79e8!important;
  --cyan:#80a6de!important;
  --shadow:0 16px 44px rgba(0,0,0,.22)!important;
  --radius:12px!important;
}
html{background:#0a0c10!important}
body{
  background:#0a0c10!important;
  color:var(--text)!important;
  letter-spacing:0!important;
}
body:before{display:none!important}
.nexora-fx,.cursor-aura{display:none!important}
#app.v4-enter{animation:none!important}

/* typography: less sci-fi / more product software */
.mono,.panel-kicker,.command-label,.section-index,.eyebrow,.ai-build-kicker,.ai-build-live,
.ai-build-brand small,.ai-browser-bar b,.ai-browser-bar em,.ai-stage-caption em,
.intel-card small,.intel-pair small,.ai-terminal>div,.ai-credit-card small,.ai-credit-card em,
.metric-top span,.ai-tool-card small,.ai-running small,.review-ring span,.layout-map>div span,
.layout-map>div em,.prompt-block small,.prompt-block code,.language-tabs span,.seo-preview small,
.ai-copy-sample small,.message-preview small,.objection-box small,.proposal-card small,
.pricing-rec small,.next-action>span,.calendar-mini small,.autopilot-flow span{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:.04em!important;
}

/* shell */
.sidebar,.v6-sidebar{
  background:#0b0d12!important;
  border-right:1px solid #1d222b!important;
  box-shadow:none!important;
}
.brand-mark{
  border-color:#272c36!important;
  background:#10131a!important;
  box-shadow:none!important;
}
.brand .word small{color:#687181!important;letter-spacing:.11em!important}
.workspace-switch{
  background:#101319!important;
  border-color:#242a34!important;
  box-shadow:none!important;
}
.workspace-orb{background:#171b23!important;border-color:#2b313d!important}
.nav .section-label{color:#565e6b!important;letter-spacing:.12em!important}
.nav button{border-radius:8px!important;color:#8c94a2!important}
.nav button:hover{background:#12161d!important;color:#e0e3e8!important}
.nav button.active{
  background:#171a22!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px #252b36!important;
}
.nav button.active:before{
  background:#765ae7!important;
  box-shadow:none!important;
  height:16px!important;
}
.nav button.active .nav-icon{color:#9f8be9!important}
.nav button i{background:#8c72e8!important}
.usage,.ai-credit-card{
  background:#101319!important;
  border-color:#242a34!important;
  box-shadow:none!important;
}
.ai-credit-card:before,.ai-credit-card:after{display:none!important}
.ai-credit-card>div:first-child em{color:#7e8795!important}
.ai-credit-card>i,.bar{background:#20252e!important}
.ai-credit-card>i>b,.bar i{
  background:#765ae7!important;
  box-shadow:none!important;
}

.topbar,.v6-topbar{
  background:#0d1015!important;
  border-bottom:1px solid #1e232c!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
}
.topbar:after{display:none!important}
.breadcrumb span{color:#626b79!important;letter-spacing:.08em!important}
.command-search{
  background:#11151b!important;
  border-color:#282e38!important;
  color:#7f8795!important;
}
.command-search kbd{background:#171b22!important;border-color:#2a303a!important}
.ai-quick{
  background:#141821!important;
  border:1px solid #2a303a!important;
  box-shadow:none!important;
}
.ai-quick:before,.ai-quick:after{display:none!important}
.avatar{background:#765ae7!important;box-shadow:none!important}
.content,.v6-content{padding:32px 34px 54px!important}

/* controls */
.btn{
  background:#141820!important;
  border-color:#2b313c!important;
  color:#e7e9ed!important;
  box-shadow:none!important;
  border-radius:8px!important;
  transition:background .18s ease,border-color .18s ease,transform .18s ease!important;
}
.btn:hover{background:#191e27!important;border-color:#3a4250!important;transform:translateY(-1px)!important}
.btn.primary{
  background:#7357e8!important;
  border-color:#7357e8!important;
  box-shadow:none!important;
  color:#fff!important;
}
.btn.primary:hover{background:#8064ec!important;border-color:#8064ec!important}
.btn.primary:after{display:none!important}
.btn.ghost-line,.ghost-line{background:#11151b!important;border-color:#2a303a!important}
.new-site-btn{background:#141820!important}
.input,.select,.textarea,.v6-content .input,.v6-content .select,.v6-content .textarea{
  background:#0e1218!important;
  border-color:#2a3039!important;
  border-radius:8px!important;
  box-shadow:none!important;
}
.input:focus,.select:focus,.textarea:focus{
  border-color:#725ce0!important;
  box-shadow:0 0 0 3px rgba(115,87,232,.12)!important;
}
.badge{background:#161a21!important;border-color:#2a3039!important}

/* surfaces */
.card,
.performance-panel,.priority-panel,.funnel-panel,.activity-panel,
.ai-workbench,.ai-tool-card,.premium-tpl,.feature,.price,
.brand-board,.seo-preview,.proposal-card,.next-action,.message-preview,.objection-box,
.command-sample,.ab-grid article,.autopilot-flow>div,.calendar-mini article{
  background:#11151b!important;
  border-color:#252b34!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.card:before,.card:after,.premium-tpl:after,.feature:after,.price:after{display:none!important}
.card:hover,.premium-tpl:hover,.feature:hover,.price:hover{
  box-shadow:none!important;
  border-color:#353c48!important;
  transform:translateY(-1px)!important;
}

/* dashboard */
.command-hero{padding:18px 0 26px!important}
.command-label{color:#7b8491!important;font-size:10px!important}
.command-label .signal-dot{box-shadow:none!important}
.command-hero h1{font-size:36px!important;font-weight:620!important}
.command-hero p{color:#8c94a2!important}
.metric-strip{
  background:#101319!important;
  border-color:#252b34!important;
  border-radius:12px!important;
}
.metric-strip article{border-color:#252b34!important;background:transparent!important;transform:none!important}
.metric-strip article:after{display:none!important}
.metric-strip article:hover{background:#141820!important}
.metric-strip article>b{font-weight:600!important}
.intelligence-ribbon{
  background:#12161d!important;
  border-color:#282e38!important;
  box-shadow:none!important;
}
.intelligence-ribbon:before,.intelligence-ribbon:after{display:none!important}
.intelligence-icon{color:#8c76df!important;text-shadow:none!important}
.panel-kicker{color:#6f7886!important;letter-spacing:.08em!important}
.live-badge{background:#151a21!important;border-color:#2b313c!important}
.signal-dot{background:#63c998!important;box-shadow:none!important}
.priority-row:hover{background:#151920!important;padding-left:0!important}
.chart-field>i:hover{filter:none!important;background:#2a2f3a!important}

/* AI area stays AI by name, but visually becomes a clean workbench */
.ai-os-head h1,.ai-command-copy h2,.ai-manifest-core h3{font-weight:620!important;letter-spacing:-.03em!important}
.ai-command-deck{
  grid-template-columns:1fr!important;
  background:#11151b!important;
  border:1px solid #252b34!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.ai-command-deck:before,.ai-command-deck:after{display:none!important}
.ai-command-copy{padding:30px!important}
.ai-orbit-visual{display:none!important}
.ai-command-input{
  background:#0e1218!important;
  border:1px solid #2a3039!important;
  box-shadow:none!important;
}
.command-suggestions span{
  background:#141820!important;
  border-color:#2b313a!important;
  color:#969eaa!important;
}
.ai-tool-card{border-radius:10px!important}
.ai-tool-card:hover{background:#151920!important;border-color:#363d49!important;box-shadow:none!important;transform:translateY(-1px)!important}
.ai-tool-card:before,.ai-tool-card:after{display:none!important}
.ai-workbench{border-radius:12px!important}
.engine-state{background:#151a21!important;border-color:#2a303a!important;box-shadow:none!important}
.ai-pulse-ring{box-shadow:none!important;animation:none!important;border-color:#36314d!important;color:#8d78df!important}
.ai-runbar i{background:#7357e8!important}
.review-ring{box-shadow:none!important;border-color:#313744!important}
.import-zone{background:#10141a!important;border-color:#343b47!important}
.language-tabs span.active{background:#191725!important;border-color:#463a70!important;color:#b2a4e9!important}
.next-action{background:#141821!important;border-color:#2b313c!important}
.autopilot-flow>div.active{background:#171622!important;border-color:#403864!important}

/* landing: product studio, not sci-fi */
.premium-landing,.landing{
  background:#0a0c10!important;
}
.landing-nav{
  top:12px!important;
  background:#0e1116!important;
  border:1px solid #242a33!important;
  box-shadow:0 8px 30px rgba(0,0,0,.18)!important;
  backdrop-filter:none!important;
}
.landing-nav:hover{border-color:#303744!important;box-shadow:0 8px 30px rgba(0,0,0,.18)!important}
.landing-links a:after{background:#7357e8!important}
.hero-wrap:after,.hero-stage:before,.hero-logo-ghost{display:none!important}
.hero-title .hero-violet{
  background:none!important;
  color:#9b87e8!important;
  -webkit-text-fill-color:#9b87e8!important;
  filter:none!important;
  animation:none!important;
}
.command-window{
  animation:none!important;
  transform:none!important;
  background:#11151b!important;
  border-color:#2a3039!important;
  box-shadow:0 24px 64px rgba(0,0,0,.28)!important;
}
.command-window:before,.command-window:after{display:none!important}
.floating-chip{background:#12161d!important;border-color:#2a3039!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
.floating-chip:hover{background:#151920!important;border-color:#343b47!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
.feature-grid:before,.price-grid:before,.landing-footer:before{display:none!important}
.premium-features .feature:hover{background:#151920!important;transform:translateY(-1px)!important}
.premium-features .feature:hover>i{transform:none!important;color:#9b87e8!important}
.workflow-line article:hover{background:#151920!important}
.workflow-line article:before{background:#7357e8!important}
.premium-tpl:hover{transform:translateY(-2px)!important}
.premium-tpl:hover .fake-site{transform:none!important;filter:none!important}
.premium-tpl:hover .thumb-label{transform:none!important;border-color:#343b47!important}
.featured-price{box-shadow:none!important}

/* generated client sites: keep their own identity, remove artificial ambience */
.site-preview:before,.site-hero:before{display:none!important}
.site-hero,.site-section{animation:none!important}
.service-card:hover,.review-card:hover,.gallery-item:hover{box-shadow:none!important;transform:translateY(-2px)!important}

/* live build: still clearly an AI process, but as a clean production workflow */
.ai-build-experience{
  background:#0a0c10!important;
}
.ai-build-experience:before,.ai-build-experience:after,.ai-build-scan{display:none!important}
.ai-build-head{
  background:#0d1015!important;
  border-color:#222832!important;
  backdrop-filter:none!important;
}
.ai-build-brand img{filter:none!important}
.ai-build-live i{box-shadow:none!important;animation:none!important}
.ai-build-progress i{background:#7357e8!important;box-shadow:none!important}
.ai-build-steps,.ai-build-intel{
  background:#11151b!important;
  border-color:#252b34!important;
  border-radius:12px!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.ai-build-steps h2 span{background:none!important;color:#9b87e8!important;-webkit-text-fill-color:#9b87e8!important}
.ai-step.active{background:#171622!important;transform:none!important}
.ai-step.active>i{box-shadow:none!important;animation:none!important;background:#7357e8!important;border-color:#7357e8!important}
.ai-browser{
  border-color:#292f39!important;
  border-radius:12px!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
  transform:none!important;
  animation:none!important;
}
.ai-browser:before{display:none!important}
.ai-browser-bar{background:#11151b!important;border-color:#252b34!important}
.intel-card,.intel-pair>div{background:#141820!important;border-color:#282e38!important}
.section-tags span{background:#171622!important;border-color:#353044!important;color:#a19aa8!important}
.ai-terminal{background:#0d1014!important;border-color:#252b34!important}

/* motion restraint */
.metric-strip article:after,.site-hero:before,.nexora-fx .fx-beam:after,
.ai-browser,.command-window,.ai-pulse-ring,.ai-build-experience:before,.ai-build-experience:after{
  animation:none!important;
}

@media(max-width:820px){
  .content,.v6-content{padding:20px 14px 40px!important}
  .landing-nav{top:6px!important}
}

/* ==========================================================
   NEXORA V8 — PREMIUM PRODUCT HERO
   High-impact commercial entry inspired by premium studio
   landing pages while retaining NEXORA's own product identity.
   ========================================================== */
.v8-landing{background:#080b11!important;color:#f5f7fb!important}
.v8-nav{max-width:1450px!important;height:72px!important;padding:0 18px!important;border-radius:15px!important;background:rgba(9,12,18,.94)!important;border:1px solid rgba(232,237,255,.11)!important;box-shadow:0 20px 60px rgba(0,0,0,.22)!important;backdrop-filter:blur(18px)!important}
.v8-nav .landing-logo .brand-mark{width:40px;height:40px;border-radius:11px;overflow:hidden}
.v8-nav .landing-logo small{color:#70798a!important;letter-spacing:.14em!important}
.v8-nav .landing-links{gap:30px!important}
.v8-nav .landing-links a{color:#aeb5c2!important;font-size:12px!important}
.v8-nav .landing-links a:first-child,.v8-nav .landing-links a:hover{color:#fff!important}
.v8-nav .landing-links a:after{bottom:-11px!important;height:2px!important;border-radius:4px!important;background:linear-gradient(90deg,#675cff,#4ca9ff)!important}
.v8-nav-cta{background:linear-gradient(135deg,#5869ff,#33b5ff)!important;box-shadow:0 8px 22px rgba(58,115,255,.25)!important}

.hero-v8{max-width:none!important;width:100%!important;min-height:1080px!important;padding:150px 6vw 68px!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;text-align:center!important;position:relative!important;overflow:hidden!important;background:
 radial-gradient(800px 500px at 50% 18%,rgba(53,118,255,.12),transparent 72%),
 radial-gradient(700px 440px at 82% 43%,rgba(111,88,255,.08),transparent 72%),
 linear-gradient(180deg,#0b101b 0%,#090d15 35%,#090c12 72%,#080b10 100%)!important}
.hero-v8:before{content:"";position:absolute;inset:0;pointer-events:none;background:
 linear-gradient(112deg,transparent 0 18%,rgba(80,146,255,.05) 35%,transparent 52%),
 linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
 linear-gradient(0deg,rgba(255,255,255,.014) 1px,transparent 1px);background-size:auto,74px 74px,74px 74px;mask-image:linear-gradient(180deg,black,rgba(0,0,0,.42) 68%,transparent 94%);opacity:.7}
.hero-v8:after{content:"";position:absolute;left:-4%;right:-4%;bottom:155px;height:215px;pointer-events:none;background:radial-gradient(ellipse at center,rgba(53,112,255,.19) 0%,rgba(53,112,255,.08) 32%,transparent 70%);filter:blur(30px);opacity:.48}
.v8-ambient{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.v8-ambient i{position:absolute;border-radius:50%;filter:blur(35px);opacity:.22}
.v8-ambient i:nth-child(1){width:260px;height:260px;left:-80px;top:320px;background:#1d6de8}
.v8-ambient i:nth-child(2){width:260px;height:260px;right:-90px;top:230px;background:#7854df}
.v8-ambient i:nth-child(3){width:200px;height:200px;right:14%;bottom:170px;background:#2765d4;opacity:.12}

.v8-hero-copy{position:relative;z-index:4;width:min(1040px,94vw);display:flex;flex-direction:column;align-items:center}
.v8-eyebrow{display:flex;align-items:center;gap:10px;color:#8290a7;font-size:10px;font-weight:700;letter-spacing:.18em;margin-bottom:22px;text-transform:uppercase}
.v8-eyebrow>span{width:44px;height:1px;background:linear-gradient(90deg,transparent,#4f91ff)}
.v8-eyebrow em{font-style:normal;color:#4f91ff}
.v8-hero-copy h1{font-size:clamp(54px,6.25vw,96px)!important;line-height:.93!important;letter-spacing:-.064em!important;margin:0!important;font-weight:720!important;color:#f8fafc!important;text-shadow:0 2px 24px rgba(0,0,0,.2)}
.v8-hero-copy h1 span{display:inline-block;margin-top:6px;background:linear-gradient(93deg,#4c8cff 2%,#237aff 37%,#6d64ff 71%,#8a6ff5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.v8-hero-copy>p{font-size:17px!important;line-height:1.7!important;color:#a4adba!important;max-width:790px!important;margin:25px auto 0!important}
.v8-hero-actions{justify-content:center!important;margin-top:29px!important;gap:11px!important}
.v8-hero-actions .btn{min-height:48px!important;padding:0 22px!important;border-radius:10px!important;font-size:12px!important;font-weight:650!important}
.v8-hero-actions .primary{background:linear-gradient(135deg,#5167ff,#219cf2)!important;box-shadow:0 10px 30px rgba(56,116,255,.24)!important}
.v8-hero-actions .ghost-line{background:rgba(13,17,25,.72)!important;border:1px solid #2c3541!important;color:#e1e5ec!important}
.v8-play{font-size:8px;display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;border:1px solid #384251;margin-right:4px;color:#77a8ff}
.v8-trustline{display:flex;align-items:center;gap:14px;margin-top:23px;color:#798392;font-size:10px;letter-spacing:.055em}
.v8-trustline i{width:3px;height:3px;border-radius:50%;background:#4d85e7}

.v8-device-stage{position:relative!important;z-index:3;width:min(1120px,92vw)!important;height:520px!important;margin-top:54px!important;display:block!important;perspective:1700px!important;transform-style:preserve-3d!important}
.v8-stage-light{position:absolute;left:11%;right:11%;bottom:5%;height:100px;border-radius:50%;background:radial-gradient(ellipse,rgba(63,114,255,.2),rgba(71,78,174,.07) 45%,transparent 72%);filter:blur(18px);opacity:.7}
.v8-laptop{position:absolute;left:50%;top:8px;width:min(850px,82vw);height:460px;transform:translateX(-50%) rotateX(calc(var(--ry,0deg) * .38)) rotateY(calc(var(--rx,0deg) * .45)) translate3d(calc(var(--tx,0px) * .2),calc(var(--ty,0px) * .2),0);transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.75,.2,1);filter:drop-shadow(0 32px 38px rgba(0,0,0,.38))}
.v8-screen-shell{position:relative;width:100%;height:397px;padding:9px 9px 12px;background:linear-gradient(145deg,#69717e,#20262f 5%,#0b0e13 10%,#1a2029 94%,#717986);border-radius:23px 23px 12px 12px;box-shadow:inset 0 1px 1px rgba(255,255,255,.38),0 0 0 1px rgba(0,0,0,.8)}
.v8-screen-shell:before{content:"";position:absolute;left:50%;top:4px;width:6px;height:6px;border-radius:50%;background:#080a0d;box-shadow:inset 0 0 0 1px #242b34}
.v8-screen-top{height:30px;display:grid;grid-template-columns:145px 1fr 90px;align-items:center;gap:10px;padding:0 9px;color:#687384;background:#090c11;border-radius:12px 12px 0 0;border:1px solid rgba(255,255,255,.03);border-bottom:0}
.v8-screen-brand{display:flex;align-items:center;gap:6px;color:#afb7c4;font-size:7px;font-weight:700;letter-spacing:.08em}.v8-screen-brand img{width:14px;height:14px;border-radius:4px}
.v8-screen-address{justify-self:center;width:min(330px,80%);height:17px;border-radius:5px;background:#11161e;border:1px solid #1f2630;display:grid;place-items:center;font-size:6px;color:#4f5a6b}
.v8-screen-actions{justify-self:end;display:flex;gap:5px}.v8-screen-actions i{width:16px;height:16px;border-radius:4px;background:#10151c;border:1px solid #202833}
.v8-app-screen{height:346px;display:grid;grid-template-columns:38px 1fr;background:#080b0f;border:1px solid rgba(255,255,255,.04);overflow:hidden;border-radius:0 0 8px 8px}
.v8-mini-sidebar{display:flex;flex-direction:column;align-items:center;padding:9px 0 8px;gap:12px;border-right:1px solid #1a2028;background:#0b0e13;color:#566273}.v8-mini-logo{width:20px;height:20px;border-radius:5px;background:linear-gradient(135deg,#6556ff,#2678e6);color:white;display:grid;place-items:center;font-size:8px;font-weight:800;margin-bottom:3px}.v8-mini-sidebar span{width:20px;height:20px;border-radius:5px;display:grid;place-items:center;font-size:7px}.v8-mini-sidebar span.active{background:#191a27;color:#9c8cf1}.v8-mini-sidebar b{margin-top:auto;width:18px;height:18px;border-radius:50%;background:#e9edf4;color:#1b2028;display:grid;place-items:center;font-size:6px}
.v8-mini-workspace{min-width:0;display:flex;flex-direction:column;background:#0a0d12}.v8-mini-toolbar{height:42px;padding:0 11px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:11px;border-bottom:1px solid #1c222a;background:#0d1117}.v8-mini-toolbar small{font-size:5px;letter-spacing:.16em;color:#576173;display:block}.v8-mini-toolbar b{font-size:8px;color:#e6e9ee}.v8-device-tabs{display:flex;border:1px solid #242b34;border-radius:5px;padding:2px;background:#0a0d12}.v8-device-tabs span{font-size:5px;color:#667183;padding:4px 6px;border-radius:3px}.v8-device-tabs span:first-child{background:#1b202a;color:#bcc5d2}.v8-mini-toolbar button{border:0;border-radius:5px;background:#5b60e9;color:white;font-size:5px;padding:6px 9px}
.v8-builder-area{flex:1;display:grid;grid-template-columns:96px 1fr 96px;min-height:0}.v8-layer-panel,.v8-properties{background:#0d1116;padding:9px;border-right:1px solid #1b2129;text-align:left}.v8-properties{border-right:0;border-left:1px solid #1b2129}.v8-layer-panel>small,.v8-properties>small{font-size:5px;color:#596476;letter-spacing:.16em}.v8-layer-panel>span{display:block;font-size:6px;color:#667283;padding:6px 5px;border-radius:4px;margin-top:3px}.v8-layer-panel>span.on{background:#151b24;color:#b9c2ce}.v8-ai-mini{margin-top:11px;border:1px solid #292641;background:#12111c;border-radius:6px;padding:7px}.v8-ai-mini i{font-style:normal;color:#9480ef;font-size:7px}.v8-ai-mini b{display:block;font-size:6px;color:#d4d0ea;margin:3px 0}.v8-ai-mini small{font-size:5px;line-height:1.4;color:#746f83}.v8-canvas-wrap{min-width:0;padding:12px;background:#11161e;overflow:hidden}.v8-site-preview{height:100%;border-radius:5px;overflow:hidden;background:#f6f7f9;color:#132034;box-shadow:0 4px 16px rgba(0,0,0,.25);text-align:left}.v8-site-preview header{height:31px;padding:0 17px;display:flex;align-items:center;border-bottom:1px solid #e0e5eb;background:white}.v8-site-preview header b{font-size:7px;margin-right:auto;color:#162b44}.v8-site-preview header nav{font-size:4.5px;color:#627184}.v8-site-preview header button{border:0;border-radius:4px;background:#1f79e8;color:white;font-size:4.5px;padding:5px 8px;margin-left:14px}.v8-site-hero{min-height:177px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;padding:20px 21px;background:linear-gradient(135deg,#f8fbff,#edf4fc)}.v8-site-hero small{font-size:4.5px;letter-spacing:.15em;color:#4082cc}.v8-site-hero h3{font-size:22px;line-height:.94;letter-spacing:-.055em;margin:7px 0;color:#132d49}.v8-site-hero h3 span{color:#2778d4}.v8-site-hero p{font-size:6px;line-height:1.55;max-width:250px;color:#637286}.v8-site-hero>div>div{display:flex;align-items:center;gap:9px;margin-top:10px}.v8-site-hero button{border:0;border-radius:5px;background:#2377d5;color:white;font-size:5px;padding:7px 9px}.v8-site-hero>div>div>span{font-size:5px;color:#53657a}.v8-product-card{height:124px;position:relative;border-radius:10px;background:linear-gradient(145deg,#e2edf8,#fbfdff);box-shadow:0 8px 18px rgba(37,75,118,.13);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:10px}.v8-product-card i{position:absolute;width:76px;height:76px;border:11px solid #1b3453;border-radius:50%;left:50%;top:16px;transform:translateX(-50%);box-shadow:0 0 0 5px #f1f5f9 inset}.v8-product-card i:after{content:"";position:absolute;left:-26px;right:-26px;top:27px;height:6px;background:#1b3453;border-radius:5px}.v8-product-card strong{position:absolute;right:9px;top:8px;font-size:16px;color:#d4e0ec}.v8-product-card small{font-size:4.5px;color:#57708b;letter-spacing:.1em}.v8-site-services{height:83px;padding:11px 21px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:white}.v8-site-services article{border-top:1px solid #dce5ee;padding-top:8px;display:flex;align-items:flex-start;gap:8px}.v8-site-services article span{font-size:5px;color:#2881df}.v8-site-services article b{font-size:6px;color:#22384f}.v8-properties label{display:block;font-size:5px;color:#6e7887;padding:7px 0;border-bottom:1px solid #1d232c}.v8-properties label i{display:block;height:4px;background:#1d2530;border-radius:5px;margin-top:5px}.v8-properties label b{display:block;width:15px;height:15px;border-radius:4px;background:#347de0;margin-top:5px}.v8-prop-block{padding-top:9px}.v8-prop-block span{display:block;height:4px;background:#1c232c;border-radius:4px;margin-bottom:6px}.v8-prop-block span:nth-child(2){width:70%}
.v8-laptop-hinge{width:58%;height:8px;margin:-1px auto 0;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#333a43,#a3a8ad 50%,#303740);box-shadow:0 1px #d7dade inset}
.v8-laptop-base{position:relative;width:108%;left:-4%;height:29px;background:linear-gradient(180deg,#9da3aa,#555d66 16%,#242b33 58%,#151a20);clip-path:polygon(4% 0,96% 0,100% 82%,96% 100%,4% 100%,0 82%);border-radius:2px 2px 16px 16px;box-shadow:0 17px 23px rgba(0,0,0,.35)}.v8-laptop-base i{display:block;width:18%;height:6px;margin:auto;background:#777e86;border-radius:0 0 9px 9px;box-shadow:0 1px rgba(255,255,255,.25) inset}.v8-laptop-base b{position:absolute;left:8%;right:8%;top:14px;height:2px;background:linear-gradient(90deg,transparent,#767d84 20%,#9ba0a5 50%,#747b82 80%,transparent);opacity:.55}
.v8-floating{position:absolute;z-index:6;display:flex;align-items:center;gap:10px;padding:11px 13px;background:rgba(13,18,26,.92);border:1px solid #293440;border-radius:11px;box-shadow:0 16px 35px rgba(0,0,0,.25);text-align:left;min-width:190px;transition:transform .3s ease}.v8-floating small{display:block;font-size:6px;letter-spacing:.14em;color:#657387}.v8-floating b{display:block;font-size:8px;color:#dfe4eb;margin-top:3px}.v8-float-left{left:2%;top:89px}.v8-float-right{right:1%;top:174px}.v8-float-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#18172a;border:1px solid #343052;color:#a490ef}.v8-score{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:2px solid #4b80dd;color:#cddbf0;font-size:10px;font-weight:800}

.v8-feature-cards{position:relative;z-index:4;width:min(970px,90vw);display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}.v8-feature-cards article{position:relative;min-height:94px;padding:15px 15px 14px;display:flex;align-items:center;gap:11px;text-align:left;border:1px solid rgba(224,231,244,.1);border-radius:12px;background:rgba(15,20,28,.92);box-shadow:0 12px 32px rgba(0,0,0,.18)}.v8-feature-cards article.featured{background:linear-gradient(145deg,#171b2a,#111724);border-color:#31466d;box-shadow:0 14px 36px rgba(38,88,190,.14)}.v8-feature-cards article>span{width:33px;height:33px;border-radius:9px;background:#151d28;border:1px solid #293544;display:grid;place-items:center;color:#6ea4ff;font-size:13px}.v8-feature-cards article.featured>span{background:#1d2e51;border-color:#315e9f;color:#7fb2ff}.v8-feature-cards b{display:block;font-size:10px;color:#f1f4f8}.v8-feature-cards small{display:block;font-size:7px;color:#6f7a89;margin-top:3px}.v8-feature-cards article>i{position:absolute;right:10px;top:8px;font-style:normal;font-size:7px;color:#394353}
.v8-metric-band{position:relative;z-index:4;width:min(1050px,92vw);min-height:86px;margin-top:22px;padding:13px 18px;display:flex;align-items:center;gap:20px;border:1px solid rgba(225,232,246,.11);border-radius:14px;background:rgba(13,18,26,.92);box-shadow:0 16px 35px rgba(0,0,0,.18)}.v8-metric-band>div{min-width:120px;text-align:left}.v8-metric-band>div b{display:block;font-size:20px;letter-spacing:-.04em;color:#f2f5f9}.v8-metric-band>div span{display:block;font-size:7px;color:#6f7b8c;margin-top:2px}.v8-metric-band>i{width:1px;height:34px;background:#28303a}.v8-metric-band>button{margin-left:auto;border:0;border-radius:9px;background:linear-gradient(135deg,#356cff,#21a7ef);color:white;height:43px;padding:0 18px;font-size:9px;font-weight:700;box-shadow:0 8px 22px rgba(44,110,222,.22)}
.v8-bottom-note{position:relative;z-index:4;margin-top:25px;display:flex;align-items:center;gap:12px;color:#8591a1;font-size:9px;letter-spacing:.15em}.v8-bottom-note i{width:46px;height:1px;background:linear-gradient(90deg,transparent,#3d7ee0)}.v8-bottom-note i:last-child{transform:rotate(180deg)}.v8-bottom-note b{color:#427bd6;font-size:7px}.v8-marquee{border-top:1px solid #151b24!important;border-bottom:1px solid #151b24!important;background:#080b10!important}

@keyframes v8HeroRise{from{opacity:0;transform:translateY(20px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}
@keyframes v8LaptopIn{from{opacity:0;transform:translateX(-50%) translateY(30px) scale(.96);filter:blur(5px)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1);filter:none}}
.v8-hero-copy>*{animation:v8HeroRise .75s cubic-bezier(.2,.75,.2,1) both}.v8-hero-copy>*:nth-child(2){animation-delay:.08s}.v8-hero-copy>*:nth-child(3){animation-delay:.16s}.v8-hero-copy>*:nth-child(4){animation-delay:.24s}.v8-hero-copy>*:nth-child(5){animation-delay:.32s}.v8-laptop{animation:v8LaptopIn .9s .22s cubic-bezier(.16,.8,.2,1) both}.v8-floating{animation:v8HeroRise .65s .55s both}.v8-float-right{animation-delay:.65s}.v8-feature-cards article{animation:v8HeroRise .55s both}.v8-feature-cards article:nth-child(1){animation-delay:.45s}.v8-feature-cards article:nth-child(2){animation-delay:.52s}.v8-feature-cards article:nth-child(3){animation-delay:.59s}.v8-feature-cards article:nth-child(4){animation-delay:.66s}.v8-metric-band{animation:v8HeroRise .6s .72s both}

@media(max-width:1100px){
 .v8-device-stage{height:465px!important}.v8-laptop{width:min(760px,78vw);height:410px}.v8-screen-shell{height:353px}.v8-app-screen{height:302px}.v8-site-hero{min-height:151px}.v8-site-services{height:70px}.v8-float-left{left:0}.v8-float-right{right:0}.v8-feature-cards{grid-template-columns:repeat(2,1fr)}.v8-metric-band{flex-wrap:wrap;justify-content:center}.v8-metric-band>button{margin-left:0}.v8-metric-band>i:nth-of-type(3){display:none}
}
@media(max-width:820px){
 .v8-nav{height:62px!important}.v8-nav .landing-links{display:none!important}.v8-nav .top-actions .ghost{display:none}.hero-v8{min-height:auto!important;padding:118px 16px 54px!important}.v8-hero-copy h1{font-size:clamp(44px,12vw,68px)!important}.v8-hero-copy>p{font-size:14px!important}.v8-trustline{flex-wrap:wrap;justify-content:center;gap:8px 11px}.v8-device-stage{height:390px!important;width:100%!important;margin-top:38px!important}.v8-laptop{width:720px;max-width:116vw;transform:translateX(-50%) scale(.84)!important;transform-origin:top center}.v8-floating{display:none}.v8-feature-cards{width:100%;grid-template-columns:1fr 1fr}.v8-metric-band{width:100%;gap:12px}.v8-metric-band>div{min-width:42%;text-align:center}.v8-metric-band>i{display:none}.v8-metric-band>button{width:100%}.v8-bottom-note{font-size:7px;gap:7px}.v8-bottom-note i{width:24px}
}
@media(max-width:520px){
 .v8-nav{width:calc(100% - 12px)!important;padding:0 10px!important}.v8-nav .landing-logo small{display:none}.v8-nav .top-actions .btn{height:34px!important;padding:0 10px!important;font-size:9px!important}.hero-v8{padding-top:104px!important}.v8-eyebrow{font-size:7px;letter-spacing:.13em;gap:7px}.v8-eyebrow>span{width:20px}.v8-hero-copy h1{font-size:43px!important}.v8-hero-copy>p{font-size:12px!important;line-height:1.6!important}.v8-hero-actions{flex-direction:column;width:100%;max-width:320px}.v8-hero-actions .btn{width:100%}.v8-device-stage{height:315px!important}.v8-laptop{width:700px;max-width:none;transform:translateX(-50%) scale(.63)!important}.v8-feature-cards{grid-template-columns:1fr}.v8-feature-cards article{min-height:76px}.v8-metric-band{padding:14px}.v8-metric-band>div{min-width:46%}.v8-bottom-note span:nth-of-type(3),.v8-bottom-note b:nth-of-type(3),.v8-bottom-note span:nth-of-type(4){display:none}.v8-marquee{margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){.v8-hero-copy>*,.v8-laptop,.v8-floating,.v8-feature-cards article,.v8-metric-band{animation:none!important}}


/* V9 STUDIO HERO */

.v8-nav{background:rgba(12,15,21,.78)!important;border-color:rgba(235,240,255,.12)!important;backdrop-filter:blur(14px)!important;max-width:1380px!important}
.v8-nav .landing-logo{gap:14px!important}
.v8-nav .landing-logo>div:last-child{display:flex;flex-direction:column;gap:3px}
.v8-nav .landing-logo>div:last-child>span{font-size:18px;font-weight:800;letter-spacing:.02em;color:#f5f7fb}
.v8-nav .landing-logo small{font-size:10px!important;letter-spacing:.09em!important;color:#93a0b7!important;text-transform:uppercase}
.v8-nav .brand-mark{width:46px!important;height:46px!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03))!important;box-shadow:0 8px 30px rgba(0,0,0,.22), inset 0 1px 1px rgba(255,255,255,.22)!important;border:1px solid rgba(255,255,255,.1)!important;display:grid;place-items:center}
.v8-nav .brand-mark img{width:100%;height:100%;object-fit:cover}
.v8-nav .metal-ai{background:linear-gradient(92deg,#7d6bff 0%, #5ba4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.hero-v8{padding-top:138px!important;background:
linear-gradient(180deg, rgba(7,9,13,.32) 0%, rgba(7,9,13,.4) 25%, rgba(7,9,13,.6) 55%, rgba(7,9,13,.92) 100%),
linear-gradient(90deg, rgba(10,14,20,.88) 0%, rgba(10,14,20,.46) 18%, rgba(10,14,20,.12) 50%, rgba(10,14,20,.42) 82%, rgba(10,14,20,.82) 100%),
animation:v9BgMove 16s ease-in-out infinite alternate}
.hero-v8:before{background:
radial-gradient(circle at 18% 32%, rgba(93,160,255,.15), transparent 25%),
radial-gradient(circle at 78% 18%, rgba(255,255,255,.11), transparent 18%),
radial-gradient(circle at 88% 28%, rgba(124,92,255,.16), transparent 19%),
linear-gradient(180deg, rgba(5,8,12,.12), rgba(5,8,12,.3) 48%, rgba(5,8,12,.86))!important;opacity:1!important}
.hero-v8:after{left:8%!important;right:8%!important;bottom:132px!important;height:180px!important;background:radial-gradient(ellipse at center, rgba(74,126,255,.24) 0%, rgba(74,126,255,.12) 28%, rgba(74,126,255,.03) 52%, transparent 68%)!important;filter:blur(26px)!important;opacity:.74!important}
.v8-ambient i:nth-child(1){width:340px;height:340px;left:-80px;top:280px;background:#4b97ff;opacity:.08;animation:v9FloatOrb 12s ease-in-out infinite}
.v8-ambient i:nth-child(2){width:290px;height:290px;right:-90px;top:160px;background:#7b5aff;opacity:.11;animation:v9FloatOrb 14s ease-in-out infinite reverse}
.v8-ambient i:nth-child(3){width:200px;height:200px;right:18%;bottom:180px;background:#2e6de3;opacity:.08;animation:v9FloatOrb 10s ease-in-out infinite}
.v8-eyebrow{padding:10px 15px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(11,15,22,.46);backdrop-filter:blur(10px);box-shadow:0 8px 28px rgba(0,0,0,.12)}
.v8-eyebrow>span{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,#67b5ff 0%,#4f7fff 55%,rgba(79,127,255,.1) 65%);box-shadow:0 0 0 5px rgba(94,132,255,.12)}
.v8-eyebrow em{padding:0 3px}
.v8-hero-copy{margin-top:6px}
.v8-hero-copy h1{max-width:1100px!important;font-size:clamp(56px,7vw,98px)!important;line-height:.92!important;text-shadow:0 5px 32px rgba(0,0,0,.28)!important}
.v8-hero-copy h1 span{background:linear-gradient(90deg,#58b8ff 0%,#1e7bff 42%,#705fff 72%,#9c81ff 100%)!important;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.v8-hero-copy>p{font-size:18px!important;max-width:840px!important;color:#e4e8ef!important;text-shadow:0 1px 18px rgba(0,0,0,.2)!important}
.v8-hero-actions .primary{height:52px!important;padding:0 24px!important;border-radius:999px!important;background:linear-gradient(135deg,#1f66ff 0%,#29b4ff 100%)!important;box-shadow:0 15px 35px rgba(40,115,255,.32)!important}
.v8-hero-actions .ghost-line{height:52px!important;padding:0 20px!important;border-radius:999px!important;background:rgba(11,14,20,.64)!important;border-color:rgba(255,255,255,.18)!important;backdrop-filter:blur(8px)!important}
.v8-trustline{margin-top:26px!important;color:#dbe1ea!important;background:rgba(9,13,20,.4);padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.v8-trustline i{background:#62afff!important;box-shadow:0 0 0 4px rgba(98,175,255,.1)}
.v8-device-stage{height:570px!important;margin-top:48px!important}
.v8-stage-light{left:4%!important;right:4%!important;bottom:2%!important;height:136px!important;background:radial-gradient(ellipse, rgba(93,167,255,.26), rgba(110,90,255,.14) 42%, transparent 72%)!important;filter:blur(22px)!important}
.v8-laptop{width:min(930px,84vw)!important;height:500px!important;top:16px!important;animation:v8LaptopIn .9s .22s cubic-bezier(.16,.8,.2,1) both, v9LaptopFloat 6s ease-in-out 1.1s infinite!important}
.v8-laptop:after{content:"";position:absolute;left:18%;right:18%;top:22px;height:75%;border-radius:24px;background:linear-gradient(110deg, rgba(255,255,255,0) 24%, rgba(255,255,255,.1) 42%, rgba(255,255,255,0) 58%);transform:translateX(-130%) skewX(-18deg);animation:v9Sweep 6.4s ease-in-out infinite;pointer-events:none;mix-blend-mode:screen}
.v8-screen-shell{height:424px!important;border-radius:28px 28px 16px 16px!important;box-shadow:inset 0 1px 1px rgba(255,255,255,.45), 0 20px 50px rgba(0,0,0,.42)!important}
.v8-screen-shell:before{top:6px!important;width:7px!important;height:7px!important}
.v8-screen-top{height:32px!important;background:rgba(9,12,18,.96)!important}
.v8-app-screen{height:370px!important}
.v8-floating{background:rgba(248,250,255,.9)!important;border-color:rgba(255,255,255,.24)!important;backdrop-filter:blur(14px)!important;box-shadow:0 24px 50px rgba(0,0,0,.2)!important}
.v8-floating small{color:#5c6677!important}.v8-floating b{color:#171d27!important}
.v8-float-icon{background:#eef3ff!important;border-color:#d8e0f0!important;color:#5b71ff!important}
.v8-score{border-color:#76a7ff!important;color:#244a96!important;background:#eef6ff!important}
.v8-float-left{left:3%!important;top:102px!important}.v8-float-right{right:2%!important;top:150px!important}
.v8-feature-cards{width:min(1030px,92vw)!important;gap:14px!important;margin-top:28px!important}
.v8-feature-cards article{min-height:108px!important;border-color:rgba(255,255,255,.18)!important;background:rgba(246,248,252,.82)!important;backdrop-filter:blur(14px)!important;box-shadow:0 16px 38px rgba(0,0,0,.16)!important}
.v8-feature-cards article.featured{background:linear-gradient(160deg,#113b86 0%, #123fba 42%, #123059 100%)!important;border-color:rgba(74,140,255,.32)!important;box-shadow:0 20px 45px rgba(18,78,192,.22)!important}
.v8-feature-cards article>span{background:white!important;border-color:#e2e8f0!important;color:#297bff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.v8-feature-cards article.featured>span{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.18)!important;color:#cde2ff!important}
.v8-feature-cards b{font-size:11px!important;color:#111723!important}.v8-feature-cards small{font-size:7.4px!important;color:#5d6778!important}.v8-feature-cards article.featured b,.v8-feature-cards article.featured small,.v8-feature-cards article.featured i{color:#f5f9ff!important}
.v8-metric-band{margin-top:20px!important;background:rgba(12,16,23,.8)!important;border-color:rgba(255,255,255,.14)!important;backdrop-filter:blur(10px)!important;box-shadow:0 20px 40px rgba(0,0,0,.18)!important}
.v8-metric-band>div b{font-size:22px!important}.v8-metric-band>div span{font-size:8px!important;color:#bcc6d4!important}.v8-metric-band>button{border-radius:999px!important;background:linear-gradient(135deg,#1d67ff,#2ab5ff)!important;box-shadow:0 12px 26px rgba(35,117,255,.24)!important}
.v8-bottom-note{margin-top:22px!important;color:#d7dce6!important}
.v8-bottom-note i{width:60px!important;background:linear-gradient(90deg,transparent,#5fa0ff)!important}
.v8-marquee{background:#0b0e14!important}
.brand-marquee.v8-marquee div{animation:v9Ticker 18s linear infinite;white-space:nowrap}
.ai-tool-library,.ai-workbench,.ai-command-deck,.dashboard-metrics .metric,.card,.templates-grid .premium-tpl{box-shadow:0 18px 38px rgba(0,0,0,.12)!important}
.ai-tool-library,.ai-workbench{border-color:rgba(255,255,255,.08)!important;background:linear-gradient(180deg, rgba(15,18,24,.96), rgba(10,12,17,.96))!important;position:relative;overflow:hidden}
.ai-tool-library:before,.ai-workbench:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(87,154,255,.95),rgba(126,95,255,.95),transparent);opacity:.8;animation:v9Bar 5s linear infinite}
.ai-tool-card{background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.008))!important;border-color:rgba(255,255,255,.08)!important;transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease!important}
.ai-tool-card:hover{transform:translateY(-4px)!important;border-color:rgba(95,138,255,.24)!important;box-shadow:0 16px 30px rgba(0,0,0,.18)!important;background:linear-gradient(180deg, rgba(90,120,255,.07), rgba(255,255,255,.01))!important}
.engine-state{background:rgba(17,23,31,.76)!important}
.ai-running{min-height:460px;display:grid;place-items:center;text-align:center;padding:40px}.ai-running h3{font-size:24px;margin:4px 0 10px}.ai-running p{max-width:360px;color:#8b96a9}.ai-runbar{width:min(360px,90%);height:10px;border-radius:999px;background:#121720;border:1px solid rgba(255,255,255,.06);padding:2px}.ai-runbar i{display:block;height:100%;width:34%;border-radius:999px;background:linear-gradient(90deg,#5599ff,#7a68ff);box-shadow:0 0 18px rgba(102,142,255,.24);animation:v9Load 1.8s ease-in-out infinite}
.ai-pulse-ring{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(104,162,255,.22),rgba(110,93,255,.14));border:1px solid rgba(118,140,255,.25);box-shadow:0 0 0 10px rgba(96,129,255,.06), 0 0 44px rgba(96,129,255,.08);animation:v9Pulse 2.4s ease-in-out infinite}
@keyframes v9BgMove{0%{background-position:center 20%,center center,center 22%}100%{background-position:center 20%,center center,center 30%}}
@keyframes v9FloatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(8px,-18px,0) scale(1.04)}}
@keyframes v9LaptopFloat{0%,100%{transform:translateX(-50%) translateY(0) rotateX(calc(var(--ry,0deg) * .38)) rotateY(calc(var(--rx,0deg) * .45)) translate3d(calc(var(--tx,0px) * .2),calc(var(--ty,0px) * .2),0)}50%{transform:translateX(-50%) translateY(-9px) rotateX(calc(var(--ry,0deg) * .38)) rotateY(calc(var(--rx,0deg) * .45)) translate3d(calc(var(--tx,0px) * .2),calc(var(--ty,0px) * .2),0)}}
@keyframes v9Sweep{0%,18%{transform:translateX(-135%) skewX(-18deg)}32%,100%{transform:translateX(155%) skewX(-18deg)}}
@keyframes v9Ticker{0%{transform:translateX(0)}100%{transform:translateX(-40%)}}
@keyframes v9Bar{0%{transform:translateX(-40%)}100%{transform:translateX(40%)}}
@keyframes v9Load{0%,100%{transform:translateX(0);width:34%}50%{transform:translateX(180%);width:52%}}
@keyframes v9Pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 10px rgba(96,129,255,.06),0 0 44px rgba(96,129,255,.08)}50%{transform:scale(1.04);box-shadow:0 0 0 16px rgba(96,129,255,.04),0 0 54px rgba(124,95,255,.12)}}
@media(max-width:980px){.v8-device-stage{height:500px!important}.v8-laptop{width:min(810px,100vw)!important}.v8-feature-cards article{background:rgba(246,248,252,.74)!important}}
@media(max-width:768px){.hero-v8{background-position:center 20%,center center,60% 24%!important}.v8-hero-copy h1{font-size:clamp(44px,10vw,70px)!important}.v8-feature-cards article{backdrop-filter:blur(9px)!important}.v8-metric-band{background:rgba(10,14,20,.84)!important}}
@media(max-width:560px){.hero-v8{padding-top:100px!important}.v8-nav .landing-logo>div:last-child>span{font-size:16px}.v8-nav .brand-mark{width:40px!important;height:40px!important}.v8-eyebrow{padding:8px 12px}.v8-device-stage{height:330px!important}.v8-laptop{width:700px!important;transform:translateX(-50%) scale(.66)!important}.v8-feature-cards article{min-height:86px!important}}
@media(prefers-reduced-motion:reduce){.hero-v8,.v8-ambient i,.brand-marquee.v8-marquee div,.v8-laptop,.v8-laptop:after,.ai-pulse-ring,.ai-runbar i{animation:none!important}}


/* V10 — CSS STUDIO SCENE. No reference image is used. */
.hero-v8{
  background:
    radial-gradient(1200px 620px at 50% -8%,rgba(35,70,125,.28),transparent 64%),
    radial-gradient(820px 520px at -6% 28%,rgba(38,112,225,.18),transparent 62%),
    radial-gradient(760px 480px at 104% 24%,rgba(104,78,207,.18),transparent 60%),
    linear-gradient(180deg,#0a0f18 0%,#0a0f17 36%,#0b1017 65%,#080b10 100%)!important;
  animation:none!important;
  isolation:isolate;
}
.hero-v8:before{
  background:
    linear-gradient(90deg,rgba(5,8,12,.74) 0%,rgba(5,8,12,.16) 22%,rgba(5,8,12,.03) 50%,rgba(5,8,12,.16) 78%,rgba(5,8,12,.72) 100%),
    linear-gradient(180deg,rgba(5,8,12,.08),rgba(5,8,12,.08) 55%,rgba(5,8,12,.5) 82%,rgba(5,8,12,.84) 100%)!important;
  opacity:1!important;
}
.hero-v8:after{display:none!important}
.v8-ambient{z-index:-2!important}
.v8-ambient i{filter:blur(60px)!important}
.v8-ambient i:nth-child(1){width:420px!important;height:420px!important;left:-160px!important;top:250px!important;background:#2a75e8!important;opacity:.1!important}
.v8-ambient i:nth-child(2){width:380px!important;height:380px!important;right:-140px!important;top:200px!important;background:#7958d8!important;opacity:.1!important}
.v8-ambient i:nth-child(3){width:260px!important;height:260px!important;right:24%!important;bottom:220px!important;background:#3674cf!important;opacity:.06!important}
.v10-studio-scene{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.v10-window{position:absolute;top:128px;height:420px;border:1px solid rgba(172,204,246,.13);background:linear-gradient(180deg,rgba(45,76,116,.11),rgba(14,22,33,.05));box-shadow:inset 0 0 44px rgba(86,146,220,.035);overflow:hidden}
.v10-window:before,.v10-window:after{content:"";position:absolute;background:rgba(163,200,245,.08)}
.v10-window:before{left:0;right:0;top:42%;height:1px}.v10-window:after{top:0;bottom:0;left:50%;width:1px}
.v10-window-left{left:-3%;width:27%;transform:perspective(900px) rotateY(7deg);border-radius:0 24px 24px 0}
.v10-window-right{right:-4%;width:23%;transform:perspective(900px) rotateY(-7deg);border-radius:24px 0 0 24px}
.v10-window span{position:absolute;border-radius:999px;filter:blur(22px);opacity:.44;animation:v10WindowGlow 8s ease-in-out infinite}
.v10-window span:nth-child(1){width:96px;height:12px;background:#4e9fff;left:16%;top:20%}.v10-window span:nth-child(2){width:56px;height:8px;background:#a880ff;left:58%;top:62%;animation-delay:1.6s}.v10-window span:nth-child(3){width:42px;height:6px;background:#65c7ff;left:40%;top:80%;animation-delay:3s}
.v10-side-glow{position:absolute;top:180px;width:190px;height:390px;border-radius:50%;filter:blur(55px);opacity:.18}
.v10-side-glow-left{left:-90px;background:#2b83ff}.v10-side-glow-right{right:-80px;background:#7f5cff}
.v10-lamp{position:absolute;right:4.5%;top:265px;width:120px;height:250px;opacity:.52;filter:drop-shadow(0 15px 25px rgba(0,0,0,.28))}
.v10-lamp>i{position:absolute;left:40px;top:2px;width:54px;height:38px;border-radius:42px 42px 8px 8px;background:linear-gradient(180deg,#252d3a,#111720);transform:rotate(-13deg);box-shadow:inset 0 -4px 9px rgba(0,0,0,.28)}
.v10-lamp>i:after{content:"";position:absolute;left:8px;right:8px;bottom:-12px;height:22px;background:radial-gradient(ellipse at center,rgba(235,245,255,.85),rgba(108,173,255,.2) 50%,transparent 74%);filter:blur(5px)}
.v10-lamp>b{position:absolute;left:65px;top:30px;width:5px;height:162px;background:linear-gradient(180deg,#283242,#141a23);border-radius:5px;transform:rotate(6deg);transform-origin:top}
.v10-lamp>em{position:absolute;left:42px;bottom:18px;width:62px;height:12px;border-radius:50%;background:#151b24;box-shadow:0 4px 10px rgba(0,0,0,.28)}
.v10-plant{position:absolute;left:5%;bottom:270px;width:135px;height:180px;opacity:.42;filter:blur(.15px)}
.v10-plant>b{position:absolute;left:43px;bottom:0;width:62px;height:72px;border-radius:11px 11px 22px 22px;background:linear-gradient(180deg,#394451,#161b23);box-shadow:0 15px 22px rgba(0,0,0,.2)}
.v10-plant i{position:absolute;left:66px;bottom:63px;width:18px;height:90px;border-radius:100% 0 100% 0;background:linear-gradient(180deg,#4f765f,#1d3c2c);transform-origin:bottom;filter:saturate(.8)}
.v10-plant i:nth-child(1){transform:rotate(-46deg)}.v10-plant i:nth-child(2){transform:rotate(-18deg);height:112px}.v10-plant i:nth-child(3){transform:rotate(20deg);height:105px}.v10-plant i:nth-child(4){transform:rotate(48deg);height:82px}
.v10-desk{position:absolute;left:-8%;right:-8%;bottom:116px;height:228px;transform:perspective(1200px) rotateX(73deg);transform-origin:bottom;background:linear-gradient(180deg,rgba(45,55,69,.82),rgba(18,23,31,.96));border-top:1px solid rgba(204,221,244,.1);box-shadow:0 -30px 70px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.05)}
.v10-desk:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.018) 22%,transparent 40%,rgba(255,255,255,.025) 62%,transparent 80%);background-size:180px 100%;opacity:.35}
.v10-desk span{position:absolute;left:22%;right:22%;top:28px;height:18px;background:radial-gradient(ellipse at center,rgba(92,157,255,.12),transparent 72%);filter:blur(6px)}
.v10-desk i{position:absolute;left:8%;right:8%;bottom:4px;height:2px;background:linear-gradient(90deg,transparent,#3688ff 18%,rgba(85,126,255,.18) 50%,#775dff 82%,transparent);box-shadow:0 0 18px rgba(63,118,255,.25)}
.v10-desk-glow{position:absolute;left:18%;right:18%;bottom:136px;height:84px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(73,136,255,.2),rgba(90,102,255,.07) 46%,transparent 72%);filter:blur(22px);opacity:.72;animation:v10DeskGlow 5.6s ease-in-out infinite}
.v8-device-stage{z-index:3!important}
.v8-stage-light{background:radial-gradient(ellipse,rgba(70,135,255,.22),rgba(105,83,255,.08) 44%,transparent 72%)!important;opacity:.86!important}
.v8-laptop{filter:drop-shadow(0 38px 44px rgba(0,0,0,.42)) drop-shadow(0 6px 18px rgba(57,93,160,.12))!important}
.v8-screen-shell{background:linear-gradient(145deg,#8d949e,#2b3139 4%,#0c1016 9%,#151b24 95%,#838a95)!important}
.v8-feature-cards article{background:rgba(248,250,253,.94)!important;backdrop-filter:none!important}
.v8-metric-band{background:rgba(12,16,23,.93)!important;backdrop-filter:none!important}
.v8-nav{backdrop-filter:blur(10px)!important}
.v8-hero-copy h1{text-shadow:0 12px 42px rgba(0,0,0,.34)!important}
.v8-hero-copy>p{color:#c9d2df!important}
.v8-bottom-note{color:#aeb9c8!important}
@keyframes v10WindowGlow{0%,100%{transform:translate3d(0,0,0);opacity:.34}50%{transform:translate3d(18px,-9px,0);opacity:.58}}
@keyframes v10DeskGlow{0%,100%{opacity:.5;transform:scaleX(.96)}50%{opacity:.88;transform:scaleX(1.05)}}
@media(max-width:980px){.v10-lamp{right:-2%;opacity:.3}.v10-plant{left:-1%;opacity:.25}.v10-window-left{width:34%}.v10-window-right{width:28%}.v10-desk{bottom:94px}}
@media(max-width:768px){.v10-window{opacity:.48;top:180px}.v10-window-left{left:-15%;width:42%}.v10-window-right{right:-16%;width:38%}.v10-lamp,.v10-plant{display:none}.v10-desk{bottom:72px;height:180px}.v10-desk-glow{bottom:98px}.v8-feature-cards article{background:#f7f9fc!important}}
@media(max-width:560px){.v10-window{display:none}.v10-desk{bottom:60px;height:145px}.v10-desk-glow{bottom:78px;height:60px}.hero-v8{background:radial-gradient(760px 480px at 50% 0%,rgba(46,90,159,.28),transparent 65%),linear-gradient(180deg,#0a1019,#090d13 58%,#080b10)!important}}
@media(prefers-reduced-motion:reduce){.v10-window span,.v10-desk-glow{animation:none!important}}


/* V11 bugfix: avoid broken gradient text block on some browsers */

.v8-hero-copy h1 span{
  display:inline-block!important;
  margin-top:10px!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:initial!important;
  color:#78abff!important;
  text-shadow:0 0 24px rgba(93,149,255,.16), 0 2px 22px rgba(0,0,0,.18)!important;
  position:relative;
  padding:0 .05em;
}
.v8-hero-copy h1 span::after{
  content:"";
  display:block;
  width:74%;
  height:5px;
  margin:16px auto 0;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(80,150,255,0),rgba(82,168,255,.95),rgba(127,111,255,.85),rgba(80,150,255,0));
  box-shadow:0 0 18px rgba(77,143,255,.2);
  animation:v11HeroLine 4s ease-in-out infinite;
}
@keyframes v11HeroLine{
  0%,100%{opacity:.75; transform:scaleX(.92)}
  50%{opacity:1; transform:scaleX(1)}
}


/* LIVE BETA */
.ai-live-list{display:grid;gap:8px;padding-left:18px;margin:8px 0}.ai-live-list li{color:#c7ced9;font-size:10px;line-height:1.55}.ai-live-object{display:grid;gap:9px}.ai-live-object article{border:1px solid rgba(255,255,255,.075);border-radius:10px;padding:12px;background:rgba(255,255,255,.018)}.ai-live-object article small{display:block;text-transform:uppercase;letter-spacing:.11em;color:#6f7a8e;font-size:7px;margin-bottom:7px}.ai-live-result>span,.ai-live-object span{font-size:10px;line-height:1.55;color:#dce2eb}.auth-live:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 25% 18%,rgba(82,105,255,.09),transparent 30%),radial-gradient(circle at 78% 78%,rgba(100,75,200,.07),transparent 28%);pointer-events:none}.badge.good{border-color:rgba(80,190,138,.28)!important;color:#8de3ba!important;background:rgba(40,135,95,.08)!important}button:disabled{opacity:.58;cursor:wait}.settings-live-note{font-size:9px;color:#7e8999}

/* LIVE V3 — vision/reference uploads */
.vision-upload{margin-top:16px;padding:16px;border:1px solid #29313c;border-radius:14px;background:linear-gradient(180deg,#11161d,#0d1117)}
.vision-upload-head h3{margin:8px 0 4px;font-size:15px}.vision-upload-head p{margin:0 0 14px;max-width:720px;line-height:1.55}
.vision-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.vision-drop{min-height:112px;padding:16px;border:1px dashed #394453;border-radius:12px;background:#0d1218;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;cursor:pointer;transition:.2s ease}.vision-drop:hover{border-color:#645bf0;background:#121722;transform:translateY(-1px)}.vision-drop input{display:none}.vision-drop>span{width:30px;height:30px;border-radius:9px;background:#171927;border:1px solid #35334c;display:grid;place-items:center;color:#9789ef;font-size:12px}.vision-drop b{font-size:10px;color:#edf0f5}.vision-drop small{font-size:8px;color:#778293}
.create-assets-preview{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.create-assets-empty{grid-column:1/-1;min-height:56px;padding:10px 12px;border:1px solid #252c36;border-radius:10px;background:#0c1016;display:flex;gap:10px;align-items:center;color:#6f7988}.create-assets-empty>span{width:30px;height:30px;border:1px solid #303844;border-radius:8px;display:grid;place-items:center}.create-assets-empty b,.create-assets-empty small{display:block}.create-assets-empty b{font-size:9px;color:#aeb6c1}.create-assets-empty small{font-size:7px;margin-top:2px}.create-asset-chip{min-height:62px;padding:7px;border:1px solid #2a323d;border-radius:10px;background:#0c1117;display:grid;grid-template-columns:48px 1fr 22px;gap:9px;align-items:center;min-width:0}.create-asset-chip img{width:48px;height:48px;object-fit:cover;border-radius:8px;background:#171c23}.create-asset-chip small,.create-asset-chip b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.create-asset-chip small{font-size:6px;letter-spacing:.12em;color:#756be2}.create-asset-chip b{font-size:8px;color:#cbd1da;margin-top:3px}.create-asset-chip button{border:0;background:#171c23;color:#8e98a6;width:22px;height:22px;border-radius:6px;cursor:pointer}.create-asset-chip button:hover{background:#2a1b21;color:#ef8895}
.site-brand.with-client-logo{display:flex!important;align-items:center!important;gap:10px}.site-brand.with-client-logo>div{display:flex;flex-direction:column}.client-site-logo{width:38px;height:38px;object-fit:contain;border-radius:8px;background:rgba(255,255,255,.72);padding:4px;box-shadow:0 4px 16px rgba(0,0,0,.08)}
.hero-art.hero-real-photo{overflow:hidden!important;position:relative!important;min-height:330px!important;background:#111!important}.hero-real-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.015);transition:transform .8s ease}.site-preview:hover .hero-real-photo>img{transform:scale(1.045)}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,8,14,.05),rgba(4,8,14,.18) 55%,rgba(4,8,14,.68));z-index:1}.hero-real-photo .hero-art-no,.hero-real-photo .hero-art-copy{z-index:2;color:white!important;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.gallery-item.gallery-real{position:relative;overflow:hidden;background:#111}.gallery-item.gallery-real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.gallery-item.gallery-real:hover img{transform:scale(1.055)}.gallery-item.gallery-real:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.36));pointer-events:none}.gallery-item.gallery-real span{position:absolute;left:10px;bottom:10px;z-index:2;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4)}
@media(max-width:780px){.vision-upload-grid{grid-template-columns:1fr}.create-assets-preview{grid-template-columns:1fr}.site-brand.with-client-logo .client-site-logo{width:32px;height:32px}.hero-art.hero-real-photo{min-height:240px!important}}

/* =========================================================
   V4 TEMPLATES PRO + 10 FOTOS
   ========================================================= */
.template-pro-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:end;margin:0 0 16px;padding:26px 28px;border:1px solid #29313b;border-radius:16px;background:linear-gradient(135deg,#151a22 0%,#11151b 58%,#181525 100%)}
.template-pro-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-160px;top:-230px;background:radial-gradient(circle,rgba(112,86,255,.14),transparent 68%)}
.template-pro-hero:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#6ea1ff 35%,#8768ff 65%,transparent);opacity:.6}
.template-pro-hero>div{position:relative;z-index:1}.template-pro-hero>div>span{font-size:8px;letter-spacing:.16em;color:#8f82df}.template-pro-hero h2{font-size:26px;line-height:1.04;letter-spacing:-.035em;margin:8px 0 7px;max-width:620px}.template-pro-hero p{margin:0;color:#7f8997;font-size:10px;line-height:1.6;max-width:620px}
.template-pro-stats{display:grid!important;grid-template-columns:auto 1fr;gap:4px 10px!important;align-items:baseline!important;padding:16px 18px;border:1px solid #2c333e;border-radius:12px;background:rgba(8,11,16,.38)}.template-pro-stats b{font-size:22px;color:#f2f4f8;letter-spacing:-.04em}.template-pro-stats span{font-size:8px;color:#6f7988;text-transform:uppercase;letter-spacing:.08em}
.template-filter-card{background:#10141a!important;border-color:#262e38!important}
.pro-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.pro-template{border-radius:14px!important;background:#0e1218!important;border-color:#262d36!important;overflow:hidden!important;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important}.pro-template:hover{transform:translateY(-5px)!important;border-color:#3b4552!important;box-shadow:0 22px 44px rgba(0,0,0,.24)!important}
.pro-tpl-visual{height:300px;position:relative;overflow:hidden;background:var(--tpl-bg);color:var(--tpl-text);border-bottom:1px solid #252c35;isolation:isolate}
.pro-tpl-photo{position:absolute;inset:0;background-image:var(--tpl-photo);background-size:cover;background-position:var(--tpl-pos);transform:scale(1.025);transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .4s ease;filter:saturate(.9) contrast(.98)}.pro-template:hover .pro-tpl-photo{transform:scale(1.07);filter:saturate(1.03) contrast(1.02)}
.pro-tpl-overlay{position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--tpl-bg) 94%,transparent) 0%,color-mix(in srgb,var(--tpl-bg) 82%,transparent) 43%,color-mix(in srgb,var(--tpl-bg) 22%,transparent) 72%,color-mix(in srgb,var(--tpl-bg) 5%,transparent) 100%);z-index:1}.pro-template.luxury .pro-tpl-overlay{background:linear-gradient(0deg,color-mix(in srgb,var(--tpl-bg) 92%,transparent),transparent 75%)}.pro-template.editorial .pro-tpl-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--tpl-bg) 96%,transparent) 0 50%,transparent 78%)}.pro-template.split .pro-tpl-overlay{background:linear-gradient(90deg,color-mix(in srgb,var(--tpl-bg) 93%,transparent) 0 47%,transparent 48%)}.pro-template.impact .pro-tpl-overlay{background:linear-gradient(180deg,rgba(0,0,0,.08),color-mix(in srgb,var(--tpl-bg) 90%,#000) 92%)}
.pro-tpl-browser{position:absolute;z-index:4;left:12px;right:12px;top:10px;height:22px;border-radius:7px;background:rgba(10,12,16,.72);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;padding:0 8px;gap:4px;color:#fff;backdrop-filter:blur(8px)}.pro-tpl-browser span{width:4px;height:4px;border-radius:50%;background:#fff;opacity:.32}.pro-tpl-browser em{font-style:normal;font-size:5.5px;margin-left:auto;opacity:.7;letter-spacing:.05em}
.pro-tpl-nav{position:absolute;z-index:3;left:20px;right:20px;top:44px;display:flex;align-items:center}.pro-tpl-nav>b{font-size:7px;letter-spacing:.05em}.pro-tpl-nav>div{margin-left:auto;display:flex;gap:9px}.pro-tpl-nav i{font-style:normal;font-size:4.5px;opacity:.72}
.pro-tpl-copy{position:absolute;z-index:3;left:20px;bottom:57px;width:57%;text-align:left}.pro-tpl-copy small{font-size:5px;letter-spacing:.13em;text-transform:uppercase;color:var(--tpl-accent);font-weight:800}.pro-tpl-copy h3{font-size:23px;line-height:.92;letter-spacing:-.05em;margin:7px 0 7px;color:var(--tpl-text);max-width:250px}.pro-tpl-copy p{font-size:5.7px;line-height:1.45;opacity:.7;margin:0 0 10px}.pro-tpl-copy button{height:24px;padding:0 10px;border:0;border-radius:5px;background:var(--tpl-accent);color:#fff;font-size:5.5px;font-weight:700}
.pro-template.luxury .pro-tpl-copy{left:20px;right:20px;bottom:54px;width:auto}.pro-template.luxury .pro-tpl-copy h3{font-family:Georgia,serif;font-weight:500;font-size:25px;max-width:75%}.pro-template.editorial .pro-tpl-copy{width:47%;bottom:68px}.pro-template.editorial .pro-tpl-copy h3{font-family:Georgia,serif;font-weight:500;font-size:24px}.pro-template.split .pro-tpl-copy{width:43%;bottom:66px}.pro-template.impact .pro-tpl-copy{left:20px;bottom:64px;width:82%}.pro-template.impact .pro-tpl-copy h3{font-size:28px;max-width:90%}
.pro-tpl-service-strip{position:absolute;z-index:3;left:14px;right:14px;bottom:12px;display:grid;grid-template-columns:repeat(3,1fr);background:color-mix(in srgb,var(--tpl-bg) 88%,transparent);border:1px solid color-mix(in srgb,var(--tpl-text) 10%,transparent);backdrop-filter:blur(8px)}.pro-tpl-service-strip>div{padding:7px 8px;border-right:1px solid color-mix(in srgb,var(--tpl-text) 9%,transparent);min-width:0}.pro-tpl-service-strip>div:last-child{border:0}.pro-tpl-service-strip span{font-size:4.5px;color:var(--tpl-accent);display:block}.pro-tpl-service-strip b{display:block;font-size:5.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.pro-tpl-visual .thumb-label{top:40px!important;right:18px!important;z-index:7!important;background:rgba(7,9,13,.72)!important}.pro-template .tpl-info{padding:14px 15px 15px!important}.pro-template .tpl-name{font-size:13px!important}.pro-template .tpl-meta{font-size:7.5px!important;color:#6e7989!important}.pro-template .tpl-actions{margin-top:13px!important}.pro-template .tpl-actions .btn{flex:1}

/* Create assets: 10 photo workflow */
.vision-upload{padding:18px!important}.vision-upload-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.vision-upload-head:after{content:"10 FOTOS";font:700 7px ui-monospace,monospace;letter-spacing:.13em;color:#8d7fe0;padding:7px 9px;border:1px solid #34304a;border-radius:999px;background:#151522;white-space:nowrap}.vision-drop{min-height:126px!important}.vision-drop:nth-child(3){border-color:#3b3559;background:linear-gradient(180deg,#11151d,#11121b)}.vision-drop:nth-child(3)>span{background:#1c1830!important;border-color:#42395e!important;color:#ad9af1!important}.create-assets-preview{grid-template-columns:repeat(3,minmax(0,1fr))!important}.create-asset-chip{min-height:68px!important}.create-asset-chip img{width:54px!important;height:54px!important}.create-assets-empty{min-height:68px!important}

/* Up to 10 real images in client gallery */
.gallery-grid.gallery-grid-pro{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:8px;margin-top:28px}.gallery-grid-pro .gallery-item{grid-column:auto!important;grid-row:auto!important;border-radius:2px}.gallery-grid-pro .gallery-item:nth-child(1){grid-column:span 2!important;grid-row:span 2!important}.gallery-grid-pro .gallery-item:nth-child(4){grid-column:span 2!important}.gallery-grid-pro .gallery-item:nth-child(7){grid-column:span 2!important}.gallery-real img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-real:hover img{transform:scale(1.035)}.gallery-real:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.3))}.gallery-real span{z-index:2;color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.4)}

/* Template default hero photo */
.hero-art.hero-real-photo{background:#111!important}.hero-art.hero-real-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.18))}.hero-art.hero-real-photo .hero-art-no,.hero-art.hero-real-photo .hero-art-copy{z-index:2;text-shadow:0 1px 12px rgba(0,0,0,.4)}

@media(max-width:1180px){.pro-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-pro-hero{grid-template-columns:1fr}.template-pro-stats{max-width:360px}.create-assets-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:780px){.template-pro-hero{padding:20px}.template-pro-hero h2{font-size:23px}.pro-template-grid{grid-template-columns:1fr}.pro-tpl-visual{height:315px}.create-assets-preview{grid-template-columns:1fr!important}.gallery-grid.gallery-grid-pro{grid-template-columns:1fr 1fr;grid-auto-rows:150px}.gallery-grid-pro .gallery-item:nth-child(1){grid-column:span 2!important;grid-row:span 2!important}.gallery-grid-pro .gallery-item:nth-child(4),.gallery-grid-pro .gallery-item:nth-child(7){grid-column:auto!important}}


/* =========================================================
   V5 — NEXORA BUILDER UI
   Chat-first creation workspace inspired by modern builders,
   with original NEXORA visual language.
   ========================================================= */
.nx-builder-page{max-width:1500px;margin:0 auto;padding:4px 0 34px}
.nx-builder-topbar{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;border-bottom:1px solid #262b33;margin-bottom:12px}
.nx-builder-project{display:flex;align-items:center;gap:11px}.nx-builder-mark{width:38px;height:38px;border-radius:10px;overflow:hidden;border:1px solid #303640;background:#151922;box-shadow:0 7px 20px rgba(0,0,0,.18)}.nx-builder-mark img{width:100%;height:100%;object-fit:cover}.nx-builder-project h1{font-size:15px;margin:2px 0 0;font-weight:620;letter-spacing:-.02em}.nx-builder-status{justify-self:center;display:flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid #2b313a;border-radius:999px;background:#12161c;color:#8e98a8;font-size:9px}.nx-builder-actions{justify-self:end;display:flex;gap:7px}
.nx-builder-shell{height:calc(100vh - 164px);min-height:650px;display:grid;grid-template-columns:minmax(350px, .72fr) minmax(620px,1.28fr);border:1px solid #282e37;border-radius:15px;overflow:hidden;background:#0d1015;box-shadow:0 28px 70px rgba(0,0,0,.24)}
.nx-builder-chat{min-width:0;display:flex;flex-direction:column;background:#11151b;border-right:1px solid #282e37}.nx-chat-head{height:66px;flex:0 0 auto;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #272d36}.nx-chat-head h2{font-size:15px;font-weight:620;margin:3px 0 0}.nx-chat-head .select{width:160px;height:34px;font-size:8px}
.nx-chat-scroll{flex:1;min-height:0;overflow:auto;padding:22px 18px 16px}.nx-message{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:start}.nx-avatar{width:30px;height:30px;border:1px solid #323945;border-radius:9px;overflow:hidden;background:#171b23}.nx-avatar img{width:100%;height:100%;object-fit:cover}.nx-bubble{max-width:94%;border:1px solid #2a3039;border-radius:4px 13px 13px 13px;background:#171b22;padding:13px 14px}.nx-bubble b{font-size:9px;color:#eef1f6}.nx-bubble p{font-size:9px;line-height:1.65;color:#8e98a8;margin:6px 0 0}
.nx-context-card{margin:20px 0 18px;padding:12px;border:1px solid #292f38;border-radius:10px;background:#0f1319;display:grid;grid-template-columns:1.4fr .5fr 1fr;gap:10px}.nx-context-card>div{min-width:0}.nx-context-card span{display:block;color:#596575;font:6px ui-monospace;letter-spacing:.11em;text-transform:uppercase}.nx-context-card b,.nx-context-card strong{display:block;margin-top:5px;font-size:9px;color:#cfd5df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nx-context-card strong{font-size:17px;color:#9d8ae8;letter-spacing:-.04em}
.nx-quick-title{font-size:7px;letter-spacing:.14em;text-transform:uppercase;color:#5f6877;margin-bottom:8px}.nx-quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.nx-quick-actions button{min-height:68px;border:1px solid #292f38;border-radius:9px;background:#13171e;color:#dfe4eb;text-align:left;padding:10px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:auto auto;column-gap:8px;transition:.2s ease}.nx-quick-actions button:hover{border-color:#3a4350;background:#171c24;transform:translateY(-1px)}.nx-quick-actions span{grid-row:1/3;width:24px;height:24px;border:1px solid #333a45;border-radius:7px;display:grid;place-items:center;color:#9d8ae8;font-size:9px}.nx-quick-actions b{font-size:8.5px}.nx-quick-actions small{font-size:7px;color:#657083;margin-top:3px}
.nx-composer-wrap{flex:0 0 auto;padding:10px 12px 12px;border-top:1px solid #252b34;background:#10141a}.nx-composer{border:1px solid #343b46;border-radius:13px;background:#171b22;box-shadow:0 10px 30px rgba(0,0,0,.14);transition:.2s}.nx-composer:focus-within{border-color:#4b5361;box-shadow:0 12px 34px rgba(0,0,0,.2)}.nx-composer textarea{width:100%;min-height:92px;max-height:190px;resize:vertical;border:0;outline:0;background:transparent;color:#e8ecf3;padding:14px 14px 8px;font:10px/1.55 Inter,system-ui,sans-serif}.nx-composer textarea::placeholder{color:#697485}.nx-composer-bottom{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 8px}.nx-composer-tools{display:flex;align-items:center;gap:7px;color:#616c7c;font-size:7px}.nx-icon-btn{width:27px;height:27px;border:1px solid #343b46;border-radius:8px;background:#11151b;color:#a6afbd;font-size:15px;line-height:1}.nx-send{height:32px;padding:0 11px;border:0;border-radius:8px;background:#eef1f6;color:#12161c;font-weight:700;font-size:8px;display:flex;align-items:center;gap:7px}.nx-send span{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;background:#1e232b;color:#fff}.nx-composer-note{display:block;text-align:center;color:#505b6a;font-size:6.5px;margin-top:7px}
.nx-builder-preview{min-width:0;display:flex;flex-direction:column;background:#090c11}.nx-preview-toolbar{height:54px;flex:0 0 auto;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262c35;background:#0d1117}.nx-preview-tabs{display:flex;gap:3px}.nx-preview-tabs button{height:30px;padding:0 10px;border:0;background:transparent;color:#687487;border-radius:7px;font-size:8px}.nx-preview-tabs button.active{background:#1a1f27;color:#e7ebf1}.nx-preview-controls{display:flex;align-items:center;gap:8px}.nx-device-pill{height:28px;padding:0 9px;border:1px solid #2c333d;border-radius:7px;display:flex;align-items:center;color:#7f8999;font-size:7px;background:#11151b}
.nx-preview-stage{flex:1;min-height:0;padding:18px;background:radial-gradient(circle at 50% 12%,rgba(80,91,123,.12),transparent 30%),#0b0e13;overflow:auto}.nx-preview-browser{min-height:100%;border:1px solid #303641;border-radius:12px;overflow:hidden;background:#10141a;box-shadow:0 22px 54px rgba(0,0,0,.22)}.nx-browser-bar{height:35px;padding:0 11px;border-bottom:1px solid #282e37;background:#151920;display:grid;grid-template-columns:70px 1fr 70px;align-items:center}.nx-browser-bar>span{display:flex;gap:5px}.nx-browser-bar>span i{width:7px;height:7px;border-radius:50%;background:#3b424d}.nx-browser-bar b{justify-self:center;font-size:6.5px;font-weight:500;color:#687385}.nx-browser-bar em{justify-self:end;font-style:normal;color:#6f7a8b;font-size:9px}.nx-preview-empty{min-height:520px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.nx-preview-empty h3{font-size:26px;letter-spacing:-.04em;font-weight:580;margin:10px 0 7px}.nx-preview-empty p{max-width:450px;color:#6f7a8c;font-size:9px;line-height:1.65;margin:0 0 18px}.nx-preview-orbit{position:relative;width:86px;height:86px;border:1px solid #2e3540;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;background:#11151b}.nx-preview-orbit:before,.nx-preview-orbit:after{content:"";position:absolute;border:1px solid #242b34;border-radius:50%;inset:-14px}.nx-preview-orbit:after{inset:-27px;border-style:dashed;animation:nxOrbit 18s linear infinite}.nx-preview-orbit img{width:42px;height:42px;border-radius:12px}.nx-preview-orbit i{position:absolute;width:6px;height:6px;background:#8d78df;border-radius:50%;top:-18px;left:50%}.nx-preview-orbit i:last-child{top:auto;bottom:-29px;left:28%}
.nx-workbench{display:none!important;min-height:520px!important;padding:22px!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#10141a!important;position:relative!important;top:auto!important}.nx-workbench:not(:empty){display:block!important}.nx-workbench-placeholder{min-height:470px;display:grid;place-content:center;text-align:center}.nx-workbench-placeholder h3{font-size:20px;margin:7px 0}.nx-workbench-placeholder p{font-size:9px;color:#697486}.nx-preview-browser:has(.nx-workbench.is-running) .nx-preview-empty,.nx-preview-browser:has(.nx-workbench .workbench-head) .nx-preview-empty{display:none}
.nx-builder-bottomrail{height:37px;flex:0 0 auto;padding:0 12px;border-top:1px solid #252b34;background:#0d1117;display:flex;align-items:center;gap:17px;color:#596576;font-size:7px}.nx-builder-bottomrail span:first-child{display:flex;align-items:center;gap:6px;margin-right:auto;color:#7f8a9a}
.nx-builder-tools-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.nx-builder-tools-strip button{min-height:66px;border:1px solid #282e37;border-radius:10px;background:#11151b;color:#d9dee7;text-align:left;padding:10px 11px;display:grid;grid-template-columns:23px 1fr;column-gap:8px}.nx-builder-tools-strip button:hover{background:#151a21;border-color:#353d49}.nx-builder-tools-strip span{width:23px;height:23px;border:1px solid #313844;border-radius:7px;display:grid;place-items:center;color:#9f8ce6;grid-row:1/3}.nx-builder-tools-strip b{font-size:8px}.nx-builder-tools-strip small{font-size:6.5px;color:#626d7e;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ai-workbench.nx-workbench .workbench-head{padding:0 0 14px}.ai-workbench.nx-workbench footer{margin-top:18px}.ai-workbench.nx-workbench .ai-running{min-height:455px}
@keyframes nxOrbit{to{transform:rotate(360deg)}}
@media(max-width:1200px){.nx-builder-shell{grid-template-columns:minmax(320px,.82fr) minmax(500px,1.18fr)}.nx-builder-tools-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.nx-builder-topbar{grid-template-columns:1fr auto}.nx-builder-status{display:none}.nx-builder-shell{height:auto;min-height:0;grid-template-columns:1fr}.nx-builder-chat{min-height:650px;border-right:0;border-bottom:1px solid #282e37}.nx-builder-preview{min-height:650px}.nx-builder-tools-strip{grid-template-columns:1fr 1fr}.nx-preview-stage{min-height:580px}}
@media(max-width:560px){.nx-builder-page{padding-bottom:18px}.nx-builder-actions .ghost{display:none}.nx-builder-shell{border-radius:10px}.nx-chat-head{height:auto;align-items:flex-start;flex-direction:column}.nx-chat-head .select{width:100%}.nx-quick-actions{grid-template-columns:1fr}.nx-composer textarea{min-height:110px}.nx-preview-toolbar{align-items:flex-start;height:auto;padding:9px;gap:8px;flex-direction:column}.nx-builder-tools-strip{grid-template-columns:1fr}.nx-builder-bottomrail{overflow:auto;white-space:nowrap}.nx-preview-stage{padding:8px}.nx-preview-empty{min-height:470px;padding:25px 16px}}
@media(prefers-reduced-motion:reduce){.nx-preview-orbit:after{animation:none!important}}

/* =========================================================
   V6 — CREATE STUDIO / PROFESSIONAL CREATE FLOW
   ========================================================= */
.create-pro-page{max-width:1460px;margin:0 auto;padding-bottom:42px}.create-pro-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;margin-bottom:20px}.create-pro-head h1{font-size:clamp(30px,3.1vw,48px);line-height:1.03;letter-spacing:-.045em;max-width:780px;margin:8px 0 10px}.create-pro-head p{max-width:720px;color:#87919f;font-size:13px;line-height:1.7}.create-pro-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.create-ai-live{font:700 7px ui-monospace,monospace;letter-spacing:.14em;color:#9b91e9;border:1px solid #343149;background:#14141d;border-radius:999px;padding:9px 11px;white-space:nowrap}
.create-stepbar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #222a34;background:#0b1016;border-radius:14px;overflow:hidden;margin-bottom:16px}.create-stepbar>div{padding:13px 15px;display:grid;grid-template-columns:30px 1fr;column-gap:8px;position:relative;border-right:1px solid #202731}.create-stepbar>div:last-child{border-right:0}.create-stepbar span{grid-row:1/3;width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#131922;border:1px solid #2b3440;color:#697586;font:700 7px ui-monospace,monospace}.create-stepbar b{font-size:9px;color:#c8d0da}.create-stepbar small{font-size:7px;color:#697586;margin-top:2px}.create-stepbar>div.active{background:linear-gradient(90deg,rgba(123,111,225,.09),transparent)}.create-stepbar>div.active span{background:#211d3a;border-color:#4a4073;color:#b9acf9}.create-stepbar>div.active b{color:#f0edff}
.create-studio-grid{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(310px,.52fr);gap:16px;align-items:start}.create-workbench{border:1px solid #232b35;border-radius:18px;background:#090e13;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.24)}.create-section-card{padding:22px;border-bottom:1px solid #202731}.create-section-card:last-of-type{border-bottom:0}.create-section-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:17px}.create-section-title>span{width:30px;height:30px;flex:0 0 auto;border:1px solid #313947;border-radius:8px;display:grid;place-items:center;color:#8d84dc;background:#121620;font:700 7px ui-monospace,monospace}.create-section-title h2{font-size:16px;letter-spacing:-.02em;margin:1px 0 4px;color:#edf1f6}.create-section-title p{font-size:8px;color:#6f7987;line-height:1.5}.create-section-title em{margin-left:auto;font:700 7px ui-monospace,monospace;letter-spacing:.13em;color:#978ce6;font-style:normal;border:1px solid #36324d;border-radius:999px;padding:7px 9px;background:#15151f;white-space:nowrap}.create-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-basic-grid .create-city-field{grid-column:1/-1}.create-premium-input{min-height:46px!important;background:#0d131a!important;border-color:#27303b!important;border-radius:10px!important}.create-premium-input:focus{border-color:#574e88!important;box-shadow:0 0 0 3px rgba(125,112,225,.08)!important}.create-section-card .field label{font-size:7px;letter-spacing:.08em;text-transform:uppercase;color:#77818e;margin-bottom:7px}
.create-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.create-style-card{appearance:none;border:1px solid #28313c;background:#0d1218;border-radius:11px;min-height:75px;padding:12px;display:grid;grid-template-columns:30px 1fr 18px;gap:9px;align-items:center;text-align:left;color:#bcc4cf;cursor:pointer;transition:.2s ease}.create-style-card>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;border:1px solid #303946;background:#141a22;color:#8d95a2}.create-style-card b,.create-style-card small{display:block}.create-style-card b{font-size:9px;color:#d9dee5}.create-style-card small{font-size:7px;color:#687482;margin-top:3px;line-height:1.25}.create-style-card i{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:7px;color:transparent;border:1px solid #2d3641}.create-style-card:hover{transform:translateY(-1px);border-color:#3a4552;background:#10161e}.create-style-card.active{border-color:#665c9d;background:linear-gradient(145deg,#121520,#171425);box-shadow:inset 0 0 0 1px rgba(138,123,226,.12)}.create-style-card.active>span{border-color:#4c426f;background:#211c34;color:#b1a1f2}.create-style-card.active i{background:#786bd2;border-color:#786bd2;color:white}
.create-prompt-wrap{border:1px solid #29323d;border-radius:12px;background:#0c1218;overflow:hidden;transition:.2s}.create-prompt-wrap:focus-within{border-color:#564d83;box-shadow:0 0 0 3px rgba(122,107,210,.07)}.create-prompt{min-height:150px!important;border:0!important;background:transparent!important;border-radius:0!important;padding:16px!important;font-size:11px!important;line-height:1.65!important}.create-prompt:focus{box-shadow:none!important}.create-prompt-foot{min-height:34px;padding:7px 11px;border-top:1px solid #202833;display:flex;justify-content:space-between;align-items:center;gap:10px;background:#0a0f15}.create-prompt-foot span{font-size:7px;color:#857bd4}.create-prompt-foot small{font:700 6px ui-monospace,monospace;color:#596574;letter-spacing:.1em}
.create-assets-section{background:linear-gradient(180deg,rgba(118,104,207,.025),transparent)}.create-pro-upload{padding:0!important;border:0!important;background:transparent!important;margin:0!important}.create-pro-upload .vision-upload-grid{gap:9px}.create-pro-drop{min-height:142px!important;padding:16px 12px!important;border-radius:12px!important;background:#0c1218!important;border-color:#29323d!important;position:relative!important;align-content:center!important}.create-pro-drop:hover{border-color:#554c7d!important;background:#111520!important;transform:translateY(-1px)}.create-pro-drop>span{width:36px!important;height:36px!important;border-radius:10px!important;margin-bottom:7px!important}.create-pro-drop>b{font-size:9px!important}.create-pro-drop>small{font-size:7px!important;color:#687482!important;margin-top:3px!important}.create-pro-drop>strong{font-size:7px;color:#9589e0;margin-top:10px;font-weight:700}.create-assets-preview{margin-top:10px!important}
.create-generate-bar{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#0c1117;border-top:1px solid #232b35}.create-generate-bar>div span,.create-generate-bar>div b{display:block}.create-generate-bar>div span{font:700 6px ui-monospace,monospace;letter-spacing:.15em;color:#776dd1}.create-generate-bar>div b{font-size:8px;color:#8b95a3;margin-top:4px}.create-generate-btn{min-height:44px!important;padding:0 18px!important;border-radius:10px!important;box-shadow:0 10px 26px rgba(95,82,183,.16)}.create-generate-btn i{font-style:normal;margin-left:8px}.create-generate-btn span{margin-right:3px}
.create-sidepanel{display:grid;gap:12px;position:sticky;top:16px}.create-preview-card,.create-side-card{border:1px solid #242c36;border-radius:15px;background:#0b1016;overflow:hidden}.create-preview-top{height:40px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #222a34}.create-preview-top>span{font:700 6px ui-monospace,monospace;letter-spacing:.15em;color:#77818f}.create-preview-top i{font:700 6px ui-monospace,monospace;color:#70c7a3;font-style:normal;padding:5px 7px;border:1px solid rgba(83,175,139,.25);background:rgba(83,175,139,.07);border-radius:999px}.create-preview-visual{height:300px;background-size:cover;background-position:center;position:relative;padding:12px;display:flex;flex-direction:column}.create-preview-browser{height:25px;border-radius:7px 7px 0 0;background:rgba(12,16,21,.83);backdrop-filter:blur(10px);display:flex;align-items:center;padding:0 8px;gap:4px}.create-preview-browser span{width:5px;height:5px;border-radius:50%;background:#46505d}.create-preview-browser em{font-style:normal;font-size:5px;color:#687482;margin-left:4px}.create-preview-copy{margin-top:auto;padding:17px 13px 13px}.create-preview-copy small{font:700 6px ui-monospace,monospace;letter-spacing:.12em;color:#e0d8ff}.create-preview-copy h3{font-size:26px;line-height:.98;letter-spacing:-.045em;color:white;margin:6px 0 6px;max-width:260px;text-shadow:0 2px 18px rgba(0,0,0,.3)}.create-preview-copy p{font-size:7px;color:#d1d6dd;margin-bottom:11px}.create-preview-copy button{height:28px;border:0;border-radius:7px;background:white;color:#11161b;font-weight:800;font-size:7px;padding:0 11px}.create-preview-meta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #222a34}.create-preview-meta>div{padding:10px;border-right:1px solid #222a34}.create-preview-meta>div:last-child{border-right:0}.create-preview-meta span,.create-preview-meta b{display:block}.create-preview-meta span{font:700 5px ui-monospace,monospace;letter-spacing:.13em;color:#586473}.create-preview-meta b{font-size:7px;color:#c7ced8;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.create-side-card{padding:14px}.create-side-title{display:flex;gap:9px;align-items:center;margin-bottom:10px}.create-side-title>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1px solid #383250;background:#171522;color:#9588e4}.create-side-title b,.create-side-title small{display:block}.create-side-title b{font-size:9px;color:#dce1e8}.create-side-title small{font-size:6px;color:#65717f;margin-top:2px}.create-delivery-row{min-height:47px;border-top:1px solid #202731;display:grid;grid-template-columns:28px 1fr 18px;gap:8px;align-items:center}.create-delivery-row>span{font:700 6px ui-monospace,monospace;color:#6159a2}.create-delivery-row b,.create-delivery-row small{display:block}.create-delivery-row b{font-size:8px;color:#c1c9d3}.create-delivery-row small{font-size:6px;color:#626e7c;margin-top:2px}.create-delivery-row i{font-style:normal;color:#6fc4a0;font-size:8px}.create-tip-card>span{font:700 6px ui-monospace,monospace;letter-spacing:.15em;color:#8277d3}.create-tip-card p{font-size:8px;color:#7c8794;line-height:1.65;margin:8px 0 12px}.create-tip-card p b{color:#c8ced7}
@media(max-width:1180px){.create-studio-grid{grid-template-columns:1fr}.create-sidepanel{position:static;grid-template-columns:1.15fr .85fr}.create-tip-card{grid-column:1/-1}.create-preview-visual{height:270px}}
@media(max-width:820px){.create-pro-head{align-items:flex-start;flex-direction:column}.create-pro-head-actions{justify-content:flex-start}.create-stepbar{grid-template-columns:1fr 1fr}.create-stepbar>div:nth-child(2){border-right:0}.create-stepbar>div:nth-child(-n+2){border-bottom:1px solid #202731}.create-basic-grid,.create-style-grid{grid-template-columns:1fr}.create-basic-grid .create-city-field{grid-column:auto}.create-sidepanel{grid-template-columns:1fr}.create-generate-bar{align-items:flex-start;flex-direction:column}.create-generate-btn{width:100%}.create-section-card{padding:17px}.create-preview-visual{height:300px}}

/* =========================================================
   NEXORA V7 — CLAUDE DYNAMIC LAYOUT ENGINE
   Structured, prompt-driven compositions. Templates are fallback only.
   ========================================================= */
.ai-site{--dyn-max:1180px;--dyn-gap:28px;--dyn-radius:18px;background:var(--ai-bg);color:var(--ai-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100%;overflow:hidden}.ai-site *{box-sizing:border-box}.ai-site a{cursor:pointer}.ai-site.design-container-narrow{--dyn-max:980px}.ai-site.design-container-wide{--dyn-max:1380px}.ai-site.design-density-compact{--dyn-gap:18px}.ai-site.design-density-airy{--dyn-gap:42px}.ai-site.design-radius-sharp{--dyn-radius:0px}.ai-site.design-radius-soft{--dyn-radius:18px}.ai-site.design-radius-round{--dyn-radius:34px}.ai-site.design-type-editorial,.ai-site.design-type-elegant{font-family:Georgia,"Times New Roman",serif}.ai-site.design-type-editorial p,.ai-site.design-type-editorial nav,.ai-site.design-type-editorial a,.ai-site.design-type-editorial small,.ai-site.design-type-elegant p,.ai-site.design-type-elegant nav,.ai-site.design-type-elegant a,.ai-site.design-type-elegant small{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.ai-site.design-type-bold h1,.ai-site.design-type-bold h2,.ai-site.design-type-bold h3{font-weight:900;text-transform:uppercase;letter-spacing:-.055em}
.dyn-nav{width:min(var(--dyn-max),calc(100% - 64px));margin:0 auto;min-height:76px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;border-bottom:1px solid color-mix(in srgb,var(--ai-text) 10%,transparent);position:relative;z-index:6}.dyn-brand{display:flex;align-items:center;gap:12px;min-width:0}.dyn-brand img{width:auto;height:38px;max-width:128px;object-fit:contain}.dyn-brand b{font-size:14px;letter-spacing:-.02em}.dyn-nav nav{display:flex;gap:24px;font-size:11px;color:var(--ai-muted)}.dyn-nav>a{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:calc(var(--dyn-radius) * .55);background:var(--ai-accent);color:#fff;font-size:11px;font-weight:800}.design-nav-floating .dyn-nav{margin-top:18px;padding:0 18px;min-height:62px;border:1px solid color-mix(in srgb,var(--ai-text) 10%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ai-bg) 90%,transparent);backdrop-filter:blur(18px)}.design-nav-minimal .dyn-nav{grid-template-columns:1fr auto;border:0}.design-nav-minimal .dyn-nav nav{display:none}.design-nav-centered .dyn-nav{grid-template-columns:1fr;justify-items:center;padding:15px 0}.design-nav-centered .dyn-nav>a{display:none}.design-nav-centered .dyn-brand{order:1}.design-nav-centered nav{order:2}
.dyn-section{width:min(var(--dyn-max),calc(100% - 64px));margin:0 auto;padding:82px 0;position:relative}.design-density-compact .dyn-section{padding:58px 0}.design-density-airy .dyn-section{padding:108px 0}.dyn-section.tone-soft{width:100%;max-width:none;padding-left:max(32px,calc((100% - var(--dyn-max))/2));padding-right:max(32px,calc((100% - var(--dyn-max))/2));background:color-mix(in srgb,var(--ai-surface) 88%,var(--ai-bg) 12%)}.dyn-section.tone-contrast,.dyn-section.tone-dark{width:100%;max-width:none;padding-left:max(32px,calc((100% - var(--dyn-max))/2));padding-right:max(32px,calc((100% - var(--dyn-max))/2));background:var(--ai-text);color:var(--ai-bg)}.dyn-section.tone-contrast p,.dyn-section.tone-dark p{color:color-mix(in srgb,var(--ai-bg) 68%,transparent)}.dyn-section.tone-accent{width:100%;max-width:none;padding-left:max(32px,calc((100% - var(--dyn-max))/2));padding-right:max(32px,calc((100% - var(--dyn-max))/2));background:var(--ai-accent);color:#fff}.dyn-section.tone-accent p{color:rgba(255,255,255,.72)}.dyn-section-head{display:grid;grid-template-columns:.5fr 1.5fr;gap:24px;align-items:start;margin-bottom:34px}.dyn-section-head small,.dyn-eyebrow{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--ai-accent);font-weight:800}.dyn-section-head h2{font-size:clamp(34px,4.8vw,68px);line-height:.98;letter-spacing:-.05em;margin:0;max-width:850px}.dyn-section-head p{font-size:13px;line-height:1.75;color:var(--ai-muted);max-width:680px;margin:8px 0 0}.dyn-section.tone-contrast .dyn-section-head small,.dyn-section.tone-dark .dyn-section-head small{color:color-mix(in srgb,var(--ai-accent) 70%,#fff)}
.dyn-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding-top:70px;padding-bottom:88px;min-height:650px}.dyn-hero-copy h1{font-size:clamp(58px,7vw,106px);line-height:.9;letter-spacing:-.067em;margin:16px 0 22px;max-width:900px}.dyn-hero-copy p{font-size:15px;line-height:1.7;color:var(--ai-muted);max-width:620px}.dyn-actions{display:flex;align-items:center;gap:20px;margin-top:28px}.dyn-actions a,.dyn-cta>a,.dyn-contact-card>a,.dyn-map-copy>a{display:inline-flex;align-items:center;gap:16px;padding:13px 17px;border-radius:calc(var(--dyn-radius) * .55);background:var(--ai-accent);color:#fff;font-size:11px;font-weight:800}.dyn-actions span{font-size:11px;border-bottom:1px solid currentColor;padding-bottom:3px}.dyn-hero-media{position:relative;height:490px;border-radius:var(--dyn-radius);overflow:hidden;background:color-mix(in srgb,var(--ai-accent) 17%,var(--ai-surface));min-width:0}.dyn-hero-media img{width:100%;height:100%;object-fit:cover;display:block}.dyn-hero-media>span{position:absolute;left:16px;bottom:15px;padding:8px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font:700 9px/1 Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;backdrop-filter:blur(9px)}.dyn-hero-media.dyn-art{display:grid;place-items:center;background:linear-gradient(145deg,var(--ai-accent),color-mix(in srgb,var(--ai-accent) 20%,#111))}.dyn-hero-media.dyn-art strong{font-size:180px;line-height:1;color:#fff;opacity:.86}.variant-split-right.dyn-hero .dyn-hero-copy{order:2}.variant-split-right.dyn-hero .dyn-hero-media{order:1}.variant-centered.dyn-hero{grid-template-columns:1fr;text-align:center;justify-items:center;min-height:720px}.variant-centered.dyn-hero .dyn-hero-copy{max-width:920px}.variant-centered.dyn-hero .dyn-hero-copy p{margin-left:auto;margin-right:auto}.variant-centered.dyn-hero .dyn-actions{justify-content:center}.variant-centered.dyn-hero .dyn-hero-media{width:min(100%,980px);height:430px}.variant-full-bleed.dyn-hero{width:100%;max-width:none;min-height:760px;padding:88px max(32px,calc((100% - var(--dyn-max))/2));grid-template-columns:1fr;align-items:end;color:#fff}.variant-full-bleed.dyn-hero .dyn-hero-copy{position:relative;z-index:2;max-width:820px;padding-top:220px}.variant-full-bleed.dyn-hero .dyn-hero-copy p{color:rgba(255,255,255,.72)}.variant-full-bleed.dyn-hero .dyn-hero-media{position:absolute;inset:0;height:100%;border-radius:0}.variant-full-bleed.dyn-hero .dyn-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.78))}.variant-full-bleed.dyn-hero .dyn-hero-media>span{display:none}.variant-editorial.dyn-hero{grid-template-columns:.78fr 1.22fr;align-items:stretch;min-height:730px}.variant-editorial.dyn-hero .dyn-hero-copy{padding:60px 0 10px}.variant-editorial.dyn-hero .dyn-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(58px,7.5vw,112px)}.variant-editorial.dyn-hero .dyn-hero-media{height:610px;border-radius:0}.variant-poster.dyn-hero{grid-template-columns:1fr;min-height:720px;align-items:center}.variant-poster.dyn-hero .dyn-hero-copy{position:relative;z-index:2;max-width:980px}.variant-poster.dyn-hero h1{font-size:clamp(74px,10vw,150px);text-transform:uppercase;font-weight:950;max-width:1000px}.variant-poster.dyn-hero .dyn-hero-media{position:absolute;width:40%;right:0;top:65px;height:560px;opacity:.88;clip-path:polygon(10% 0,100% 0,100% 92%,0 100%,0 10%)}
.design-image-framed .dyn-hero-media,.design-image-framed .dyn-about-media img,.design-image-framed .dyn-gallery figure{border:12px solid var(--ai-surface);box-shadow:0 22px 70px rgba(0,0,0,.12)}.design-image-rounded .dyn-hero-media,.design-image-rounded .dyn-about-media,.design-image-rounded .dyn-gallery figure{border-radius:38px}.design-image-full-bleed .dyn-hero-media{border-radius:0}.design-image-collage .dyn-hero-media{transform:rotate(1.5deg);box-shadow:-22px 20px 0 color-mix(in srgb,var(--ai-accent) 18%,transparent)}
.dyn-trust{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-top:1px solid color-mix(in srgb,currentColor 11%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 11%,transparent)}.dyn-trust span{font-size:11px;font-weight:800;letter-spacing:.03em}.variant-badges .dyn-trust{justify-content:flex-start;flex-wrap:wrap;border:0}.variant-badges .dyn-trust span{padding:9px 12px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:999px}.variant-statement .dyn-trust{justify-content:center}.variant-statement .dyn-trust span{font-size:clamp(20px,3vw,42px);font-weight:500;letter-spacing:-.03em}
.dyn-feature-grid,.dyn-service-grid,.dyn-catalog,.dyn-process,.dyn-team,.dyn-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dyn-gap)}.dyn-card,.dyn-feature,.dyn-service,.dyn-catalog-item,.dyn-process-item,.dyn-team-item{padding:24px;border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:var(--dyn-radius);background:color-mix(in srgb,var(--ai-surface) 76%,transparent)}.dyn-card small,.dyn-feature small,.dyn-service small,.dyn-catalog-item small,.dyn-process-item small,.dyn-team-item small{font-size:9px;color:var(--ai-accent);letter-spacing:.14em}.dyn-card h3,.dyn-feature h3,.dyn-service h3,.dyn-catalog-item h3,.dyn-process-item h3,.dyn-team-item h3{font-size:21px;line-height:1.15;letter-spacing:-.035em;margin:32px 0 10px}.dyn-card p,.dyn-feature p,.dyn-service p,.dyn-catalog-item p,.dyn-process-item p,.dyn-team-item p{font-size:12px;line-height:1.65;color:var(--ai-muted)}.dyn-card em,.dyn-feature em,.dyn-service em,.dyn-catalog-item em{display:block;font-size:9px;color:var(--ai-muted);margin-top:-2px}.dyn-value{display:block;margin-top:16px;color:var(--ai-accent);font-size:18px}.variant-editorial-list .dyn-feature-grid,.variant-list .dyn-service-grid{grid-template-columns:1fr}.variant-editorial-list .dyn-feature,.variant-list .dyn-service{display:grid;grid-template-columns:60px 1fr 1.4fr;align-items:start;border:0;border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:0;background:transparent}.variant-editorial-list .dyn-feature h3,.variant-list .dyn-service h3{margin:0}.variant-editorial-list .dyn-feature p,.variant-list .dyn-service p{margin:0}.variant-bento .dyn-service-grid{grid-template-columns:repeat(4,1fr)}.variant-bento .dyn-service:nth-child(1){grid-column:span 2;grid-row:span 2;min-height:300px}.variant-bento .dyn-service:nth-child(4){grid-column:span 2}.variant-horizontal .dyn-service-grid{grid-template-columns:repeat(4,minmax(260px,1fr));overflow-x:auto;padding-bottom:10px}.variant-icon-grid .dyn-feature-grid{grid-template-columns:repeat(4,1fr)}.variant-split .dyn-feature-grid{grid-template-columns:repeat(2,1fr)}
.dyn-placeholder{margin:-12px 0 18px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--ai-accent) 32%,transparent);border-radius:10px;color:var(--ai-muted);font-size:10px}.variant-menu .dyn-catalog{grid-template-columns:1fr 1fr}.variant-menu .dyn-catalog-item{display:grid;grid-template-columns:1fr auto;align-items:start;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:0;background:transparent;padding-left:0;padding-right:0}.variant-menu .dyn-catalog-item h3{margin:10px 0 6px}.variant-products .dyn-catalog{grid-template-columns:repeat(4,1fr)}.variant-listings .dyn-catalog{grid-template-columns:repeat(3,1fr)}.variant-listings .dyn-catalog-item{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(160deg,color-mix(in srgb,var(--ai-accent) 20%,var(--ai-surface)),var(--ai-surface))}.variant-packages .dyn-catalog{grid-template-columns:repeat(3,1fr)}
.dyn-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.dyn-about-media{height:470px;border-radius:var(--dyn-radius);overflow:hidden;background:linear-gradient(145deg,var(--ai-accent),color-mix(in srgb,var(--ai-accent) 20%,#111));display:grid;place-items:center;color:#fff}.dyn-about-media img{width:100%;height:100%;object-fit:cover}.dyn-about-media strong{font-size:44px;max-width:70%;text-align:center}.dyn-about-copy .dyn-section-head{grid-template-columns:1fr;gap:10px;margin-bottom:16px}.dyn-about-main{font-size:17px!important;line-height:1.8!important;color:var(--ai-muted);max-width:720px}.variant-statement.dyn-about{grid-template-columns:1fr}.variant-statement.dyn-about .dyn-about-media{display:none}.variant-statement.dyn-about .dyn-about-main{font-size:clamp(28px,4.4vw,62px)!important;line-height:1.08!important;letter-spacing:-.045em;max-width:1000px;color:currentColor}.variant-timeline.dyn-about{grid-template-columns:.55fr 1.45fr}.variant-timeline.dyn-about .dyn-about-media{height:620px}
.dyn-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:10px}.dyn-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:calc(var(--dyn-radius) * .75);grid-column:span 4;grid-row:span 3}.dyn-gallery figure:nth-child(1){grid-column:span 7;grid-row:span 5}.dyn-gallery figure:nth-child(2){grid-column:span 5;grid-row:span 3}.dyn-gallery figure:nth-child(3){grid-column:span 5;grid-row:span 2}.dyn-gallery img{width:100%;height:100%;object-fit:cover;display:block}.dyn-gallery figure span{position:absolute;left:10px;top:10px;font:800 9px/1 Inter,sans-serif;padding:7px 8px;border-radius:999px;background:rgba(0,0,0,.5);color:#fff}.dyn-gallery-empty{grid-column:1/-1;padding:50px;border:1px dashed color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--dyn-radius);text-align:center;color:var(--ai-muted)}.variant-strip .dyn-gallery{display:flex;overflow-x:auto;gap:14px}.variant-strip .dyn-gallery figure{flex:0 0 380px;height:420px}.variant-editorial .dyn-gallery figure:nth-child(1){grid-column:span 5;grid-row:span 6}.variant-editorial .dyn-gallery figure:nth-child(2){grid-column:span 7;grid-row:span 3}.variant-editorial .dyn-gallery figure:nth-child(3){grid-column:span 4;grid-row:span 3}.variant-editorial .dyn-gallery figure:nth-child(4){grid-column:span 3;grid-row:span 3}.variant-collage .dyn-gallery figure:nth-child(even){transform:translateY(18px)}
.dyn-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.dyn-stats article{padding:28px;border-right:1px solid color-mix(in srgb,currentColor 12%,transparent)}.dyn-stats article:last-child{border-right:0}.dyn-stats b{display:block;color:var(--ai-accent);font-size:clamp(34px,5vw,76px);letter-spacing:-.05em}.dyn-stats span{font-size:10px;color:var(--ai-muted)}.variant-cards .dyn-stats{gap:14px;border:0}.variant-cards .dyn-stats article{border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:var(--dyn-radius)}.variant-oversized .dyn-stats b{font-size:clamp(64px,9vw,140px)}
.variant-timeline .dyn-process,.variant-alternating .dyn-process{grid-template-columns:1fr}.variant-timeline .dyn-process-item{display:grid;grid-template-columns:100px 1fr;border-width:0 0 1px;border-radius:0;background:transparent}.variant-timeline .dyn-process-item h3{margin:0}.variant-alternating .dyn-process-item{width:62%}.variant-alternating .dyn-process-item:nth-child(even){margin-left:auto}.dyn-reviews article{padding:28px;border:1px solid color-mix(in srgb,currentColor 11%,transparent);border-radius:var(--dyn-radius)}.dyn-reviews article>span{font-size:52px;color:var(--ai-accent);line-height:.7}.dyn-reviews article p{font-size:16px;line-height:1.55}.dyn-reviews article b{font-size:10px}.variant-spotlight .dyn-reviews{grid-template-columns:1fr}.variant-spotlight .dyn-reviews article{max-width:820px;padding:50px}.variant-spotlight .dyn-reviews article p{font-size:clamp(24px,4vw,52px);letter-spacing:-.04em}.dyn-faq{display:grid;grid-template-columns:1fr;max-width:900px;margin-left:auto}.dyn-faq article{display:grid;grid-template-columns:42px 1fr auto;gap:16px;padding:20px 0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.dyn-faq article>span{font-size:9px;color:var(--ai-accent)}.dyn-faq b{font-size:15px}.dyn-faq p{font-size:11px;line-height:1.6;color:var(--ai-muted)}.dyn-faq i{font-style:normal;font-size:20px}.variant-columns .dyn-faq{grid-template-columns:1fr 1fr;gap:0 30px;max-width:none}
.dyn-map{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;min-height:420px}.dyn-map-copy{padding:44px;background:var(--ai-surface);border-radius:var(--dyn-radius) 0 0 var(--dyn-radius)}.dyn-map-copy .dyn-section-head{grid-template-columns:1fr;margin-bottom:12px}.dyn-map-copy h3{font-size:34px;margin:18px 0 8px}.dyn-map-copy p{font-size:12px;color:var(--ai-muted);line-height:1.7}.dyn-map-art{position:relative;overflow:hidden;border-radius:0 var(--dyn-radius) var(--dyn-radius) 0;background:repeating-linear-gradient(31deg,transparent 0 26px,color-mix(in srgb,var(--ai-text) 8%,transparent) 26px 27px),repeating-linear-gradient(112deg,transparent 0 40px,color-mix(in srgb,var(--ai-text) 7%,transparent) 40px 41px),color-mix(in srgb,var(--ai-surface) 88%,var(--ai-accent) 12%)}.dyn-map-art i{position:absolute;width:140%;height:1px;background:color-mix(in srgb,var(--ai-text) 12%,transparent);left:-20%;top:45%;transform:rotate(18deg)}.dyn-map-art i:nth-child(2){top:63%;transform:rotate(-21deg)}.dyn-map-art b{position:absolute;left:56%;top:44%;color:var(--ai-accent);font-size:30px}.variant-card.dyn-map{grid-template-columns:1fr}.variant-card.dyn-map .dyn-map-copy{border-radius:var(--dyn-radius)}.variant-card.dyn-map .dyn-map-art{height:290px;border-radius:var(--dyn-radius);margin-top:14px}
.dyn-cta{text-align:center;padding-top:110px;padding-bottom:110px}.dyn-cta h2{font-size:clamp(50px,8vw,116px);line-height:.88;letter-spacing:-.06em;margin:13px auto 20px;max-width:1100px}.dyn-cta p{font-size:14px;line-height:1.7;color:var(--ai-muted);max-width:650px;margin:0 auto 25px}.variant-split.dyn-cta{text-align:left;display:grid;grid-template-columns:1.4fr .6fr;gap:50px;align-items:end}.variant-split.dyn-cta h2,.variant-split.dyn-cta p{margin-left:0}.variant-minimal.dyn-cta{border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);padding-top:60px;padding-bottom:60px}.variant-minimal.dyn-cta h2{font-size:clamp(38px,5vw,70px)}.dyn-contact{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:center}.dyn-contact>div:first-child h2{font-size:clamp(46px,7vw,96px);line-height:.92;letter-spacing:-.055em;margin:12px 0 18px}.dyn-contact>div:first-child p{color:var(--ai-muted)}.dyn-contact-card{display:flex;flex-direction:column;gap:12px;padding:28px;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:var(--dyn-radius);background:var(--ai-surface)}.dyn-contact-card b{font-size:22px}.dyn-contact-card span{font-size:11px;color:var(--ai-muted)}.variant-centered.dyn-contact{grid-template-columns:1fr;text-align:center}.variant-centered.dyn-contact .dyn-contact-card{max-width:540px;margin:auto}.variant-card.dyn-contact{grid-template-columns:.8fr 1.2fr}.dyn-footer{width:min(var(--dyn-max),calc(100% - 64px));margin:0 auto;padding:30px 0 38px;display:grid;grid-template-columns:1fr 1fr auto;gap:25px;align-items:center;border-top:1px solid color-mix(in srgb,var(--ai-text) 10%,transparent)}.dyn-footer b{display:block;font-size:13px}.dyn-footer span,.dyn-footer p,.dyn-footer small{font-size:9px;color:var(--ai-muted)}
.design-flow-continuous .dyn-section:not(.dyn-hero){padding-top:54px;padding-bottom:54px}.design-flow-contrast .dyn-section:nth-of-type(even):not(.dyn-hero){width:100%;max-width:none;padding-left:max(32px,calc((100% - var(--dyn-max))/2));padding-right:max(32px,calc((100% - var(--dyn-max))/2));background:var(--ai-text);color:var(--ai-bg)}.design-flow-contrast .dyn-section:nth-of-type(even) p{color:color-mix(in srgb,var(--ai-bg) 66%,transparent)}.design-flow-editorial .dyn-section:nth-of-type(3n){width:min(calc(var(--dyn-max) - 180px),calc(100% - 64px));margin-left:max(32px,calc((100% - var(--dyn-max))/2))}
@media(max-width:900px){.dyn-nav{width:calc(100% - 34px);grid-template-columns:1fr auto}.dyn-nav nav{display:none}.dyn-section,.dyn-footer{width:calc(100% - 34px)}.dyn-section.tone-soft,.dyn-section.tone-contrast,.dyn-section.tone-dark,.dyn-section.tone-accent,.variant-full-bleed.dyn-hero{padding-left:17px;padding-right:17px}.dyn-hero,.variant-editorial.dyn-hero,.variant-split-right.dyn-hero{grid-template-columns:1fr;min-height:auto;gap:32px}.variant-split-right.dyn-hero .dyn-hero-copy{order:1}.variant-split-right.dyn-hero .dyn-hero-media{order:2}.variant-poster.dyn-hero .dyn-hero-media{position:relative;top:auto;right:auto;width:100%;height:390px;clip-path:none}.variant-poster.dyn-hero h1{font-size:64px}.variant-full-bleed.dyn-hero{min-height:690px}.dyn-hero-media,.variant-editorial.dyn-hero .dyn-hero-media{height:390px}.dyn-section-head{grid-template-columns:1fr}.dyn-feature-grid,.dyn-service-grid,.dyn-catalog,.dyn-process,.dyn-team,.dyn-reviews,.variant-bento .dyn-service-grid,.variant-products .dyn-catalog,.variant-listings .dyn-catalog,.variant-packages .dyn-catalog,.variant-icon-grid .dyn-feature-grid,.variant-split .dyn-feature-grid{grid-template-columns:1fr}.variant-bento .dyn-service:nth-child(1),.variant-bento .dyn-service:nth-child(4){grid-column:auto;grid-row:auto}.variant-menu .dyn-catalog{grid-template-columns:1fr}.dyn-about,.variant-timeline.dyn-about,.dyn-map,.dyn-contact,.variant-card.dyn-contact,.variant-split.dyn-cta{grid-template-columns:1fr}.dyn-about-media{height:390px}.dyn-gallery{grid-auto-rows:80px}.dyn-gallery figure,.dyn-gallery figure:nth-child(1),.dyn-gallery figure:nth-child(2),.dyn-gallery figure:nth-child(3),.dyn-gallery figure:nth-child(4){grid-column:span 6;grid-row:span 3}.dyn-stats{grid-template-columns:1fr}.dyn-stats article{border-right:0;border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent)}.variant-columns .dyn-faq{grid-template-columns:1fr}.dyn-map-copy,.dyn-map-art{border-radius:var(--dyn-radius)}.dyn-map-art{min-height:280px}.dyn-footer{grid-template-columns:1fr}.variant-alternating .dyn-process-item{width:100%;margin-left:0!important}}

/* NEXORA V7.1 — Live Build now renders the actual Claude dynamic layout */
.live-dynamic-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#eef0f3}.live-dynamic-label{position:absolute;z-index:20;left:12px;top:10px;display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:9px;background:rgba(8,10,14,.84);backdrop-filter:blur(12px);box-shadow:0 8px 26px rgba(0,0,0,.16);color:#fff;font:8px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace}.live-dynamic-label span{color:#a594ff;letter-spacing:.12em}.live-dynamic-label b{font-weight:600;color:#f1f3f7}.live-dynamic-label em{font-style:normal;color:#9aa3b2}.live-dynamic-scale{position:absolute;left:0;top:0;width:172.414%;transform:scale(.58);transform-origin:top left;min-height:172.414%;background:var(--ai-bg,#fff);transition:transform .45s cubic-bezier(.16,1,.3,1)}.live-dynamic-scale .ai-site{min-height:100vh}.live-dynamic-scale .dyn-nav{position:relative;top:auto}.live-dynamic-preview.stage-0 .live-dynamic-scale{filter:saturate(.75);opacity:.72}.live-dynamic-preview.stage-1 .live-dynamic-scale,.live-dynamic-preview.stage-2 .live-dynamic-scale,.live-dynamic-preview.stage-3 .live-dynamic-scale,.live-dynamic-preview.stage-4 .live-dynamic-scale,.live-dynamic-preview.stage-5 .live-dynamic-scale,.live-dynamic-preview.stage-6 .live-dynamic-scale{animation:dynamicCanvasReveal .5s ease both}@keyframes dynamicCanvasReveal{from{opacity:.72;transform:scale(.575) translateY(7px)}to{opacity:1;transform:scale(.58) translateY(0)}}

/* =========================================================
   V9 — NEXORA NATIVE AI / FUTURISTIC PROFESSIONAL IDENTITY
   ========================================================= */
:root{--nx-violet:#7c5cff;--nx-violet-2:#9b7cff;--nx-cyan:#51d8ff;--nx-pink:#d45cff;--nx-panel:rgba(13,17,25,.82);--nx-line:rgba(154,128,255,.18);--nx-glow:0 0 0 1px rgba(133,104,255,.18),0 10px 40px rgba(75,48,190,.16),0 0 38px rgba(88,67,255,.08)}
body{background:#070910;color:#eef1f8}
.v9-shell{position:relative;isolation:isolate;background:radial-gradient(circle at 78% 12%,rgba(76,82,255,.11),transparent 26%),radial-gradient(circle at 12% 78%,rgba(62,199,255,.055),transparent 28%),#080b11}
.v9-shell:before,.v9-shell:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(90px);opacity:.28}.v9-shell:before{width:380px;height:380px;right:9vw;top:8vh;background:#5f43ff;animation:nxOrbFloat 12s ease-in-out infinite alternate}.v9-shell:after{width:300px;height:300px;left:12vw;bottom:5vh;background:#14bde7;animation:nxOrbFloat 15s ease-in-out infinite alternate-reverse}@keyframes nxOrbFloat{to{transform:translate3d(36px,-24px,0) scale(1.08)}}
.v9-sidebar{background:linear-gradient(180deg,rgba(8,11,18,.96),rgba(6,8,14,.98));border-right-color:rgba(129,108,255,.16);box-shadow:20px 0 60px rgba(0,0,0,.12)}
.v9-sidebar .brand-mark{border-color:rgba(136,113,255,.34);box-shadow:0 0 24px rgba(104,78,255,.16)}
.v9-sidebar .nav button{position:relative;overflow:hidden}.v9-sidebar .nav button:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(126,94,255,.08),transparent);transform:translateX(-120%);transition:.45s}.v9-sidebar .nav button:hover:before{transform:translateX(120%)}
.v9-sidebar .nav button.active{background:linear-gradient(90deg,rgba(107,82,255,.17),rgba(58,187,255,.045));border-color:rgba(135,112,255,.22);box-shadow:inset 0 0 30px rgba(104,78,255,.055)}
.v9-sidebar .nav button.active .nav-icon{color:#b6a8ff;text-shadow:0 0 16px rgba(126,94,255,.6)}
.v9-topbar{background:linear-gradient(180deg,rgba(8,11,18,.9),rgba(8,11,18,.58));backdrop-filter:blur(18px);border-bottom-color:rgba(132,111,255,.14)}
.v9-content{position:relative}
.card,.create-section-card,.create-side-card,.create-preview-card,.nx-builder-shell,.nx-bubble,.nx-context-card,.nx-composer,.native-editor-status{border-color:rgba(140,120,255,.16)!important;background:linear-gradient(180deg,rgba(19,23,33,.88),rgba(11,14,21,.88))!important;box-shadow:var(--nx-glow)}

/* Luminous actions */
.btn.primary,.ai-quick,.new-site-btn,.nx-send,.native-glow-btn,.create-generate-btn{position:relative;overflow:hidden;border:1px solid rgba(190,180,255,.3)!important;background:linear-gradient(115deg,#6a4cff 0%,#8b66ff 42%,#4cbde9 100%)!important;color:#fff!important;box-shadow:0 10px 28px rgba(89,62,255,.22),0 0 22px rgba(104,81,255,.18)!important;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.btn.primary:before,.ai-quick:before,.new-site-btn:before,.nx-send:before,.native-glow-btn:before,.create-generate-btn:before{content:"";position:absolute;top:-60%;bottom:-60%;width:36%;left:-48%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);animation:nxButtonShine 3.6s ease-in-out infinite}
@keyframes nxButtonShine{0%,58%{left:-48%}78%,100%{left:128%}}
.btn.primary:hover,.ai-quick:hover,.new-site-btn:hover,.nx-send:hover,.native-glow-btn:hover,.create-generate-btn:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 34px rgba(91,65,255,.3),0 0 34px rgba(86,193,255,.2)!important}
.btn.primary:active,.nx-send:active,.create-generate-btn:active{transform:translateY(0) scale(.985)}
.signal-dot{box-shadow:0 0 12px rgba(74,255,177,.72)}
.panel-kicker,.section-label,.create-pro-head .panel-kicker{color:#9f8cff!important;text-shadow:0 0 14px rgba(126,94,255,.2)}

/* Native Create */
.native-create-head h1{max-width:890px;font-size:clamp(34px,4.6vw,64px);line-height:.97;letter-spacing:-.052em;background:linear-gradient(96deg,#fff 10%,#e7e2ff 46%,#8ee7ff 105%);-webkit-background-clip:text;background-clip:text;color:transparent}
.native-create-head p{max-width:820px;font-size:13px;line-height:1.75;color:#929caf}.native-zero-badge{height:32px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid rgba(134,109,255,.3);border-radius:999px;background:rgba(109,83,255,.09);color:#a994ff;font:700 7px ui-monospace,monospace;letter-spacing:.12em;box-shadow:inset 0 0 18px rgba(113,84,255,.06)}
.native-stepbar>div.active{background:linear-gradient(180deg,rgba(113,84,255,.12),rgba(22,25,35,.55));box-shadow:inset 0 0 28px rgba(115,88,255,.055)}
.native-main-prompt{min-height:230px!important;font-size:13px!important;line-height:1.75!important;background:radial-gradient(circle at 90% 10%,rgba(121,91,255,.07),transparent 25%),rgba(8,11,17,.72)!important;border-color:rgba(140,117,255,.22)!important}
.native-prompt-wrap:focus-within{box-shadow:0 0 0 1px rgba(132,104,255,.24),0 0 45px rgba(89,61,255,.08)}
.native-style-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:15px}.native-style-row .create-style-card{min-height:82px}
.native-generate-bar{background:linear-gradient(110deg,rgba(83,53,235,.14),rgba(17,22,31,.9) 44%,rgba(35,139,178,.08));border-color:rgba(136,111,255,.26)!important;box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 0 40px rgba(104,76,255,.04)}
.native-create-orbit{min-height:420px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:28px;background:radial-gradient(circle at 50% 30%,rgba(117,89,255,.26),transparent 24%),radial-gradient(circle at 68% 30%,rgba(56,197,255,.1),transparent 24%),linear-gradient(150deg,#090c13,#0d1019 52%,#090b12)}.native-create-orbit:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(123,104,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(123,104,255,.045) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 80%)}.native-orbit-core{position:absolute;left:50%;top:43%;width:128px;height:128px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;border:1px solid rgba(153,132,255,.3);box-shadow:0 0 50px rgba(111,83,255,.15);animation:nxCoreFloat 5s ease-in-out infinite}.native-orbit-core img{width:68px;height:68px;object-fit:cover;border-radius:18px;filter:drop-shadow(0 0 18px rgba(121,98,255,.36))}.native-orbit-core i{position:absolute;inset:-35px;border:1px solid rgba(105,208,255,.12);border-radius:50%;animation:nxSpin 13s linear infinite}.native-orbit-core i:nth-child(2){inset:-72px;border-color:rgba(137,105,255,.1);animation-duration:20s;animation-direction:reverse}@keyframes nxSpin{to{transform:rotate(360deg)}}@keyframes nxCoreFloat{50%{transform:translate(-50%,-56%)}}
.native-preview-copy{position:relative;z-index:2}.native-preview-copy small{font:700 7px ui-monospace,monospace;letter-spacing:.12em;color:#8f7cff}.native-preview-copy h3{font-size:34px;letter-spacing:-.045em;margin:8px 0 4px}.native-preview-copy p{font-size:10px;color:#8791a5}.native-preview-copy button{margin-top:13px;border:1px solid rgba(145,124,255,.28);border-radius:999px;padding:10px 14px;background:rgba(126,95,255,.1);color:#ddd6ff;font-size:8px;box-shadow:0 0 24px rgba(101,72,255,.08)}
.native-tip-card{background:linear-gradient(135deg,rgba(111,83,255,.11),rgba(10,13,20,.92))!important}.native-tip-card>span{font:700 7px ui-monospace,monospace;letter-spacing:.13em;color:#9e8aff}

/* Native AI generated site iframe */
.native-site-shell{width:100%;height:100%;min-height:820px;background:#fff;overflow:hidden}.native-site-frame{display:block;width:100%;height:100%;min-height:820px;border:0;background:#fff}.device.tablet .native-site-shell,.device.tablet .native-site-frame{min-height:900px}.device.mobile .native-site-shell,.device.mobile .native-site-frame{min-height:880px}.native-code-editor .device{background:#090b11;overflow:hidden}.native-code-editor .editor-canvas{background:radial-gradient(circle at 50% 4%,rgba(91,72,200,.13),transparent 30%),#090c12}.native-code-structure{padding:18px 14px;border:1px solid rgba(138,113,255,.2);border-radius:12px;background:linear-gradient(145deg,rgba(112,85,255,.09),rgba(12,15,22,.78));box-shadow:inset 0 0 30px rgba(111,83,255,.035)}.native-code-structure>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(117,90,255,.13);color:#aa97ff;border:1px solid rgba(142,116,255,.22);box-shadow:0 0 24px rgba(111,83,255,.12)}.native-code-structure b{display:block;margin:13px 0 6px;font-size:11px}.native-code-structure p{font-size:8px;line-height:1.6;color:#788397}.native-code-structure small{font:700 6px ui-monospace,monospace;color:#8d7cff;letter-spacing:.12em}.native-editor-status{padding:15px;border-radius:12px;margin-bottom:14px}.native-editor-status>span{font:700 6px ui-monospace,monospace;letter-spacing:.13em;color:#9d8aff}.native-editor-status b{display:block;margin:6px 0;font-size:11px}.native-editor-status p{font-size:8px;line-height:1.6;color:#7f899c}.native-ai-command{margin-top:14px}.native-ai-command .textarea{min-height:150px;background:#0a0e15;border-color:rgba(137,112,255,.21)}.native-warning-box{margin-top:14px;padding:12px;border:1px solid rgba(255,184,78,.22);background:rgba(255,161,42,.045);border-radius:10px}.native-warning-box b{display:block;font-size:8px;color:#f0bc76;margin-bottom:6px}.native-warning-box span{display:block;font-size:7px;color:#a98f6c;line-height:1.55}
.live-native-preview{position:relative;width:100%;height:100%;overflow:hidden;background:#090b10}.live-native-frame{position:absolute;inset:0}.live-native-frame .native-site-shell{min-height:100%;height:100%}.live-native-frame .native-site-frame{min-height:100%;height:100%;transform-origin:top left}.ai-build-experience .live-native-frame .native-site-frame{width:166.666%;height:166.666%;transform:scale(.6)}

/* AI Builder upgrade */
.nx-builder-shell{box-shadow:0 30px 90px rgba(0,0,0,.36),0 0 0 1px rgba(137,113,255,.07),0 0 55px rgba(84,59,199,.05)}.nx-builder-chat{background:linear-gradient(180deg,rgba(15,19,28,.95),rgba(8,11,17,.95))}.nx-builder-preview{background:#070910}.nx-context-card strong{color:#9f8cff;text-shadow:0 0 17px rgba(126,94,255,.34)}.nx-preview-stage{background:radial-gradient(circle at 50% 10%,rgba(113,86,255,.12),transparent 30%),radial-gradient(circle at 90% 80%,rgba(70,192,255,.055),transparent 26%),#080b11}.nx-preview-orbit img{filter:drop-shadow(0 0 28px rgba(125,98,255,.35))}

/* Landing futuristic refinement */
.premium-landing{background:radial-gradient(circle at 50% 0,rgba(104,80,255,.12),transparent 22%),#070910}.hero-v8 .v8-eyebrow{color:#a18dff}.hero-v8 h1 span{color:#9aa8ff;text-shadow:0 0 34px rgba(104,83,255,.12)}.v8-nav-cta,.hero-cta{box-shadow:0 10px 36px rgba(93,64,255,.28),0 0 28px rgba(95,175,255,.12)!important}

@media(max-width:1100px){.native-style-row{grid-template-columns:1fr 1fr}.native-create-head h1{font-size:44px}}
@media(max-width:780px){.native-style-row{grid-template-columns:1fr}.native-create-orbit{min-height:330px}.native-create-head h1{font-size:36px}.native-site-shell,.native-site-frame{min-height:740px}}
@media(prefers-reduced-motion:reduce){.v9-shell:before,.v9-shell:after,.native-orbit-core,.native-orbit-core i,.btn.primary:before,.ai-quick:before,.new-site-btn:before,.nx-send:before,.native-glow-btn:before,.create-generate-btn:before{animation:none!important}}

/* ==========================================================
   NEXORA AI V13 — LAUNCH PRO MOTION + FUTURISTIC POLISH
   ========================================================== */
:root{
  --nx-electric:#765cff;
  --nx-electric-2:#4bbfff;
  --nx-ice:#b8f1ff;
  --nx-surface:rgba(12,16,25,.82);
  --nx-surface-2:rgba(17,22,34,.86);
  --nx-glass-line:rgba(145,125,255,.18);
  --nx-glow-soft:0 0 0 1px rgba(128,103,255,.06),0 24px 70px rgba(0,0,0,.28),0 0 58px rgba(92,68,255,.045);
}
html{background:#070910}
body{background:
  radial-gradient(900px 620px at 85% -10%,rgba(117,87,255,.13),transparent 62%),
  radial-gradient(720px 520px at -10% 72%,rgba(53,157,255,.07),transparent 65%),
  linear-gradient(180deg,#06080d 0%,#080b12 46%,#06080d 100%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.065;background:repeating-linear-gradient(180deg,rgba(255,255,255,.22) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light}
#app{transform-origin:50% 20%;transition:opacity .22s ease,transform .30s cubic-bezier(.2,.8,.2,1),filter .28s ease}
body.nx-route-leaving #app{opacity:.18;transform:scale(.992) translateY(5px);filter:blur(5px)}
body.nx-route-entering #app{animation:nxPageEnter .42s cubic-bezier(.18,.82,.22,1) both}
@keyframes nxPageEnter{0%{opacity:.18;transform:translateY(10px) scale(.995);filter:blur(4px)}100%{opacity:1;transform:none;filter:blur(0)}}
.nx-page-ready{animation:nxContentMaterialize .5s cubic-bezier(.16,.8,.24,1) both}
@keyframes nxContentMaterialize{0%{opacity:.45;transform:translateY(7px)}100%{opacity:1;transform:none}}

/* top route/loading transmission */
.nx-nav-loader{position:fixed;left:0;right:0;top:0;height:2px;z-index:10000;pointer-events:none;opacity:0;overflow:hidden;background:rgba(101,77,255,.08);transition:opacity .15s ease}
.nx-nav-loader i{display:block;width:34%;height:100%;transform:translateX(-130%);background:linear-gradient(90deg,transparent,#765cff 22%,#61bfff 72%,transparent);box-shadow:0 0 16px rgba(89,142,255,.72)}
.nx-nav-loader.active{opacity:1}.nx-nav-loader.active i{animation:nxRouteLoad .85s cubic-bezier(.4,0,.2,1) infinite}.nx-nav-loader.done i{width:100%;transform:translateX(0);animation:none}.nx-nav-loader.done{opacity:0;transition:opacity .28s .06s ease}
@keyframes nxRouteLoad{0%{transform:translateX(-130%)}60%{transform:translateX(160%)}100%{transform:translateX(230%)}}

/* glass depth */
.v9-sidebar,.topbar,.nx-builder-chat,.nx-builder-preview,.create-section-card,.create-side-card,.native-editor-status,.card{
  border-color:var(--nx-glass-line)!important;
}
.v9-sidebar{background:linear-gradient(180deg,rgba(8,11,18,.97),rgba(5,8,13,.985))!important;box-shadow:18px 0 70px rgba(0,0,0,.16)}
.v9-topbar{background:linear-gradient(180deg,rgba(9,12,20,.88),rgba(7,10,16,.68))!important;box-shadow:0 10px 40px rgba(0,0,0,.12);backdrop-filter:blur(22px) saturate(1.12)!important}
.card,.create-section-card,.create-side-card,.nx-builder-shell,.native-editor-status{box-shadow:var(--nx-glow-soft)!important}
.card:hover,.create-section-card:hover,.create-side-card:hover{border-color:rgba(159,137,255,.26)!important;box-shadow:0 0 0 1px rgba(122,97,255,.05),0 28px 80px rgba(0,0,0,.31),0 0 46px rgba(102,76,255,.07)!important}

/* futuristic controls */
.btn,.nx-icon-btn,.command-search,.ai-quick,.new-site-btn,.arrow-btn,.text-btn{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent}
.nx-interactive{overflow:hidden}
.btn,.nx-icon-btn,.command-search,.ai-quick,.new-site-btn,.arrow-btn{transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,box-shadow .22s ease,background .22s ease,filter .22s ease}
.btn:not(:disabled):active,.nx-icon-btn:not(:disabled):active,.ai-quick:not(:disabled):active,.new-site-btn:not(:disabled):active{transform:scale(.965)!important}
.btn.primary,.ai-quick,.new-site-btn,.nx-send,.native-glow-btn,.create-generate-btn{
  border-color:rgba(199,191,255,.32)!important;
  background:linear-gradient(112deg,#6548ff 0%,#815dff 42%,#46bff0 100%)!important;
  background-size:180% 180%!important;
  box-shadow:0 11px 32px rgba(93,62,255,.28),0 0 22px rgba(92,190,255,.13),inset 0 1px rgba(255,255,255,.23)!important;
  animation:nxPrimaryGradient 6s ease-in-out infinite;
}
@keyframes nxPrimaryGradient{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.btn.primary:hover,.ai-quick:hover,.new-site-btn:hover,.nx-send:hover,.native-glow-btn:hover,.create-generate-btn:hover{
  transform:translateY(-2px) scale(1.008)!important;
  box-shadow:0 15px 38px rgba(91,60,255,.36),0 0 36px rgba(76,194,255,.2),inset 0 1px rgba(255,255,255,.3)!important;
  filter:saturate(1.08) brightness(1.04)
}
.btn.primary::after,.ai-quick::after,.new-site-btn::after,.native-glow-btn::after,.create-generate-btn::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 24%,transparent 70%,rgba(122,213,255,.08));mix-blend-mode:screen;opacity:.7}

/* click ripple */
.nx-ripple{position:absolute!important;z-index:20!important;border-radius:999px!important;pointer-events:none!important;background:radial-gradient(circle,rgba(255,255,255,.42) 0%,rgba(139,121,255,.24) 28%,rgba(74,189,255,.12) 52%,transparent 72%)!important;transform:scale(0);opacity:.85;animation:nxRipple .62s cubic-bezier(.12,.62,.22,1) forwards!important;mix-blend-mode:screen}
@keyframes nxRipple{0%{transform:scale(.06);opacity:.82}72%{opacity:.34}100%{transform:scale(1);opacity:0}}

/* nav motion */
.v9-sidebar .nav button{transform:translateZ(0);transition:background .22s ease,color .22s ease,transform .2s ease,border-color .22s ease,box-shadow .22s ease}
.v9-sidebar .nav button:hover{transform:translateX(3px);background:linear-gradient(90deg,rgba(116,88,255,.08),rgba(65,184,255,.025))}
.v9-sidebar .nav button.active{box-shadow:inset 0 0 34px rgba(105,78,255,.07),0 0 26px rgba(102,75,255,.035)!important}
.v9-sidebar .nav button.active:after{content:"";position:absolute;right:9px;width:4px;height:4px;border-radius:50%;background:#a18cff;box-shadow:0 0 12px #8268ff;animation:nxNavDot 2.4s ease-in-out infinite}
@keyframes nxNavDot{50%{transform:scale(1.65);opacity:.55}}

/* inputs */
.input,.select,.textarea{background:linear-gradient(180deg,rgba(8,11,18,.92),rgba(7,10,15,.88))!important;border-color:rgba(143,124,255,.16)!important;transition:border-color .2s ease,box-shadow .22s ease,background .22s ease}
.input:hover,.select:hover,.textarea:hover{border-color:rgba(150,129,255,.24)!important}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(126,96,255,.6)!important;box-shadow:0 0 0 3px rgba(103,77,255,.09),0 0 30px rgba(88,65,255,.08)!important;background:rgba(9,12,19,.98)!important}

/* modals */
.modal{animation:nxModalBackdrop .18s ease both}.modal-box{animation:nxModalIn .3s cubic-bezier(.16,.82,.24,1) both;box-shadow:0 35px 120px rgba(0,0,0,.6),0 0 0 1px rgba(142,119,255,.08),0 0 65px rgba(87,62,255,.09)!important}.modal.is-closing{animation:nxModalBackdropOut .18s ease forwards}.modal.is-closing .modal-box{animation:nxModalOut .18s ease forwards}
@keyframes nxModalBackdrop{from{opacity:0}to{opacity:1}}@keyframes nxModalBackdropOut{to{opacity:0}}@keyframes nxModalIn{from{opacity:0;transform:translateY(16px) scale(.975);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes nxModalOut{to{opacity:0;transform:translateY(10px) scale(.985);filter:blur(3px)}}

/* toast */
.nx-toast{display:grid!important;grid-template-columns:8px 1fr!important;gap:10px!important;align-items:center!important;min-width:280px!important;max-width:min(440px,calc(100vw - 28px))!important;padding:13px 15px 15px!important;border:1px solid rgba(151,129,255,.2)!important;border-radius:13px!important;background:linear-gradient(145deg,rgba(17,21,31,.96),rgba(8,11,18,.97))!important;box-shadow:0 22px 60px rgba(0,0,0,.46),0 0 40px rgba(98,70,255,.07)!important;backdrop-filter:blur(18px)!important;opacity:0!important;transform:translateY(10px) scale(.98)!important;transition:opacity .2s ease,transform .25s cubic-bezier(.2,.8,.2,1)!important;overflow:hidden!important}
.nx-toast.show{opacity:1!important;transform:none!important}.nx-toast.leaving{opacity:0!important;transform:translateY(6px) scale(.985)!important}.nx-toast b{font-size:11px;font-weight:600;line-height:1.45;color:#e9ecf4}.nx-toast-dot{width:7px;height:7px;border-radius:50%;background:#8e74ff;box-shadow:0 0 14px rgba(129,102,255,.85)}.nx-toast.error .nx-toast-dot{background:#ff7084;box-shadow:0 0 14px rgba(255,112,132,.65)}.nx-toast>i{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#7357ff,#58c7ff);transform-origin:left;animation:nxToastLife 2.6s linear forwards}.nx-toast.error>i{animation-duration:4.2s;background:linear-gradient(90deg,#ff657e,#ffb16b)}@keyframes nxToastLife{from{transform:scaleX(1)}to{transform:scaleX(0)}}

/* builder/editor premium feel */
.nx-builder-shell,.editor{border-radius:16px!important;overflow:hidden!important;box-shadow:0 34px 100px rgba(0,0,0,.43),0 0 0 1px rgba(134,110,255,.08),0 0 65px rgba(83,59,210,.06)!important}
.nx-preview-stage,.editor-canvas{background:radial-gradient(circle at 48% -8%,rgba(113,83,255,.12),transparent 31%),radial-gradient(circle at 92% 95%,rgba(71,190,255,.045),transparent 28%),#070a10!important}
.native-site-frame{transition:opacity .28s ease,transform .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 22px 70px rgba(0,0,0,.28)}
.device.desktop .native-site-frame{border-radius:10px}
.device.tablet,.device.mobile{filter:drop-shadow(0 25px 35px rgba(0,0,0,.35))}

/* AI state glow */
.ai-build-live,.engine-state,.native-zero-badge{position:relative;overflow:hidden}.ai-build-live:after,.engine-state:after,.native-zero-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 15%,rgba(137,110,255,.13),transparent 58%);transform:translateX(-115%);animation:nxStateScan 3.8s ease-in-out infinite}@keyframes nxStateScan{0%,55%{transform:translateX(-115%)}80%,100%{transform:translateX(115%)}}

/* accessibility + mobile */
:focus-visible{outline:2px solid rgba(112,196,255,.8)!important;outline-offset:2px!important}
@media(max-width:780px){.nx-toast{left:14px!important;right:14px!important;bottom:14px!important;min-width:0!important;max-width:none!important}.v9-topbar{backdrop-filter:blur(16px)!important}.btn.primary:hover,.ai-quick:hover,.new-site-btn:hover{transform:none!important}}
@media(prefers-reduced-motion:reduce){
  #app,.nx-page-ready,.nx-nav-loader i,.nx-ripple,.modal,.modal-box,.nx-toast,.btn.primary,.ai-quick,.new-site-btn,.v9-sidebar .nav button.active:after,.ai-build-live:after,.engine-state:after,.native-zero-badge:after{animation:none!important;transition:none!important}
  body.nx-route-leaving #app{opacity:1!important;transform:none!important;filter:none!important}
}

/* NEXORA V13.2 — account profile + per-user workspace */
.avatar.has-photo,.profile-photo-preview{
  overflow:hidden;
  background:#151922!important;
  border:1px solid #303744!important;
}
.avatar.has-photo img,.profile-photo-preview img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.profile-editor-head{
  display:grid;
  grid-template-columns:76px 1fr;
  gap:16px;
  align-items:center;
  padding:4px 0 18px;
  margin-bottom:16px;
  border-bottom:1px solid #222833;
}
.profile-photo-preview{
  width:76px;
  height:76px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:25px;
  font-weight:800;
  color:#f2efff;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
}
.profile-editor-head>div:last-child>b{font-size:15px}
.profile-editor-head>div:last-child>p{margin:4px 0 10px}
.profile-upload-btn{display:inline-flex!important;align-items:center;cursor:pointer}
.profile-upload-btn.is-loading{opacity:.6;pointer-events:none}
.profile-security-note{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin-top:18px;
  padding:12px;
  border:1px solid #252d37;
  background:#10151b;
  border-radius:10px;
}
.profile-security-note>span{
  width:22px;height:22px;border-radius:7px;display:grid;place-items:center;
  background:rgba(98,215,167,.08);color:#70d7ae;font-size:11px;
}
.profile-security-note b{display:block;font-size:11px;color:#cfd5de}
.profile-security-note small{display:block;margin-top:3px;color:#727c8c;font-size:9px;line-height:1.45}
.workspace-switch b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}
@media(max-width:700px){
  .profile-editor-head{grid-template-columns:62px 1fr}
  .profile-photo-preview{width:62px;height:62px;border-radius:15px}
}

/* NEXORA V13.3 — planos, consumo e controle administrativo */
.subscription-panel{position:relative;overflow:hidden}.subscription-panel:before{content:"";position:absolute;inset:-120px auto auto -80px;width:320px;height:220px;background:radial-gradient(circle,rgba(116,84,255,.12),transparent 68%);pointer-events:none}.subscription-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative}.subscription-head h3{margin:5px 0 4px;font-size:18px}.subscription-badge{padding:8px 11px;border-radius:999px;border:1px solid rgba(132,105,255,.22);background:rgba(115,87,255,.08);font-size:9px;letter-spacing:.12em;color:#b9a9ff}.subscription-badge.active{box-shadow:0 0 22px rgba(112,82,255,.08)}.subscription-usage{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.subscription-usage>div{padding:13px 14px;border-radius:12px;background:#0d1118;border:1px solid #222936}.usage-title{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:10px}.usage-title span{color:#8b95a6}.account-plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.account-plan-card{padding:16px;border-radius:14px;background:linear-gradient(180deg,#0e1219,#0a0e14);border:1px solid #232a35;transition:.2s ease}.account-plan-card:hover{transform:translateY(-2px);border-color:#343d4d}.account-plan-card.active{border-color:rgba(125,98,255,.48);box-shadow:0 0 0 1px rgba(126,97,255,.08),0 18px 40px rgba(48,31,122,.12)}.account-plan-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.account-plan-top small{font-size:8px;letter-spacing:.11em;color:#717b8b;text-transform:uppercase}.account-plan-top h4{font-size:17px;margin:4px 0 0}.account-plan-price{display:flex;align-items:baseline;gap:5px;margin:14px 0}.account-plan-price b{font-size:22px}.account-plan-price span{font-size:9px;color:#727d8e}.account-plan-card ul{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:7px}.account-plan-card li{font-size:10px;color:#aeb6c3}.account-plan-card .btn{width:100%;justify-content:center}.plan-security-copy{margin:14px 0 0}.admin-plan-select{min-width:112px;padding:7px 9px!important;font-size:10px}.admin-usage-mini{display:grid;gap:4px;min-width:110px}.admin-usage-mini span{font-size:9px;color:#8993a3}.admin-users-table td{vertical-align:middle}
@media(max-width:1000px){.account-plans-grid{grid-template-columns:1fr}.subscription-usage{grid-template-columns:1fr}.subscription-head{align-items:flex-start;flex-direction:column}.admin-users-table{min-width:920px}}

/* =========================================================
   NEXORA V13.4 — CINEMATIC VIDEO HERO
   User-provided purple/blue energy motion as the landing hero background.
   ========================================================= */
.hero-v8.hero-video-v134{
  isolation:isolate;
  background:#070a11!important;
}
.nexora-hero-video{
  position:absolute;
  inset:0;
  z-index:-4;
  overflow:hidden;
  pointer-events:none;
  background:#070a11;
}
.nexora-hero-video video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 32%;
  transform:scale(1.035);
  opacity:.74;
  filter:saturate(1.14) contrast(1.08) brightness(.72);
}
.nexora-hero-video-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(900px 430px at 50% 16%,rgba(63,128,255,.08),transparent 64%),
    linear-gradient(90deg,rgba(4,7,12,.74) 0%,rgba(5,8,14,.21) 25%,rgba(5,8,14,.12) 50%,rgba(5,8,14,.22) 75%,rgba(4,7,12,.76) 100%),
    linear-gradient(180deg,rgba(5,8,13,.22) 0%,rgba(5,8,13,.08) 28%,rgba(6,9,14,.34) 62%,#080b10 96%);
}
.nexora-hero-video-vignette{
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 170px 52px rgba(2,4,8,.48);
  background:linear-gradient(180deg,rgba(0,0,0,.06),transparent 38%,rgba(4,7,11,.2) 68%,rgba(4,7,11,.72));
}
.hero-video-v134:before{
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.012) 1px,transparent 1px)!important;
  background-size:86px 86px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.28) 62%,transparent 92%);
  opacity:.38!important;
}
.hero-video-v134 .v10-studio-scene{display:none!important}
.hero-video-v134 .v8-ambient{z-index:-1!important;opacity:.5}
.hero-video-v134 .v8-hero-copy{
  padding:20px 24px 12px;
  border-radius:32px;
}
.hero-video-v134 .v8-eyebrow{
  color:#b9c8df!important;
  text-shadow:0 2px 18px rgba(0,0,0,.55);
}
.hero-video-v134 .v8-hero-copy h1{
  color:#fff!important;
  text-shadow:0 15px 58px rgba(0,0,0,.58),0 1px 2px rgba(0,0,0,.72)!important;
}
.hero-video-v134 .v8-hero-copy h1 span{
  color:#80b8ff!important;
  text-shadow:0 0 28px rgba(87,137,255,.28),0 8px 36px rgba(0,0,0,.55)!important;
}
.hero-video-v134 .v8-hero-copy>p{
  color:#e1e8f2!important;
  text-shadow:0 3px 22px rgba(0,0,0,.72)!important;
}
.hero-video-v134 .v8-trustline{color:#abb8cb!important;text-shadow:0 2px 14px rgba(0,0,0,.65)}
.hero-video-v134 .v8-device-stage{filter:drop-shadow(0 30px 80px rgba(0,0,0,.22))}
@media(max-width:768px){
  .nexora-hero-video video{object-position:center 22%;opacity:.64;transform:scale(1.12)}
  .nexora-hero-video-overlay{background:linear-gradient(180deg,rgba(5,8,13,.28),rgba(5,8,13,.14) 30%,rgba(5,8,13,.48) 66%,#080b10 96%)}
  .hero-video-v134 .v8-hero-copy{padding-left:8px;padding-right:8px}
}
@media(prefers-reduced-motion:reduce){
  .nexora-hero-video video{display:none}
  .hero-v8.hero-video-v134{background:radial-gradient(900px 520px at 50% 12%,rgba(62,100,220,.26),transparent 68%),#070a11!important}
}
