:root{
--bg:#06070b;--bg-soft:#0a0c12;--panel:#0d1017;--panel2:#11151e;--line:rgba(255,255,255,.085);
--text:#f4f1eb;--muted:#8e96a7;--dim:#626a79;--violet:#8d7cff;--cyan:#79d9ef;--mint:#6ee7c2;
--amber:#efc977;--red:#ff8ea1;--shadow:0 28px 90px rgba(0,0,0,.42);--radius:22px;--sidebar:292px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;color:var(--text);min-height:100vh;
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
background:
radial-gradient(circle at 12% -10%,rgba(141,124,255,.12),transparent 30%),
radial-gradient(circle at 98% 14%,rgba(121,217,239,.07),transparent 25%),
linear-gradient(180deg,#06070b,#090b10 54%,#06070b);
}
button,input,select{font:inherit}
button,a{transition:.2s ease}
a{color:inherit}
.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.13;z-index:-3}
.orb-a{width:500px;height:500px;background:#7968ff;left:-220px;top:-160px}
.orb-b{width:460px;height:460px;background:#5bd7ef;right:-220px;top:14%}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.018;z-index:-2;background-image:radial-gradient(#fff .55px,transparent .55px);background-size:6px 6px}
.topbar{
height:76px;position:fixed;inset:0 0 auto 0;z-index:100;
display:flex;align-items:center;justify-content:space-between;padding:0 24px;
background:rgba(6,7,11,.72);backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07)
}
.brand{display:flex;align-items:center;gap:12px}
.brand-mark{
width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:900;
background:linear-gradient(145deg,#11131a,#0b0d12);border:1px solid rgba(255,255,255,.14);
box-shadow:inset 0 0 25px rgba(141,124,255,.08),0 12px 30px rgba(0,0,0,.35)
}
.brand-mark span{background:linear-gradient(90deg,#fff,#b6aaff);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand strong,.brand small{display:block}.brand strong{font-size:13px;letter-spacing:.01em}.brand small{font-size:9px;color:var(--muted);margin-top:2px}
.top-actions{display:flex;gap:8px}
.chip-btn,.icon-btn,.voice-chip,.small-btn{
border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#e9e5df;border-radius:11px;cursor:pointer
}
.chip-btn{padding:10px 13px;font-size:10px;font-weight:700}.icon-btn{height:40px;min-width:40px;padding:0 10px}.mobile-only{display:none}
.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;padding-top:76px}
.sidebar{
position:fixed;top:76px;left:0;bottom:0;width:var(--sidebar);padding:17px 12px;overflow:auto;
background:rgba(7,9,14,.80);backdrop-filter:blur(24px);border-right:1px solid rgba(255,255,255,.065);z-index:80
}
.side-title{display:flex;justify-content:space-between;padding:4px 8px 13px;color:#606978;font-size:8px;letter-spacing:.16em;font-weight:800}
.side-title button{display:none;background:none;border:0;color:#fff;font-size:22px}
.sidebar nav{display:grid;gap:4px}
.nav-item{
display:grid;grid-template-columns:32px 1fr;gap:8px;align-items:center;width:100%;border:1px solid transparent;background:transparent;
color:#aeb5c3;text-align:left;padding:9px 10px;border-radius:12px;cursor:pointer
}
.nav-item i{font-style:normal;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#6f7888;background:rgba(255,255,255,.02)}
.nav-item b,.nav-item small{display:block}.nav-item b{font-size:11px}.nav-item small{font-size:8px;color:#626c7c;margin-top:2px}
.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.07);color:#fff}
.nav-item.active i{color:#b8adff;background:rgba(141,124,255,.10)}
.side-contact{margin:18px 4px 6px;padding:14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(141,124,255,.08),rgba(255,255,255,.018))}
.side-contact span,.side-contact strong{display:block}.side-contact span{font-size:8px;color:var(--muted)}.side-contact strong{font-size:15px;margin:4px 0 10px}
.side-contact a{display:block;text-align:center;text-decoration:none;background:#e9e5df;color:#0a0c10;padding:9px;border-radius:9px;font-size:10px;font-weight:800}
.content{grid-column:2;padding:28px 30px 84px;max-width:1580px;width:100%;margin:0 auto}
.page{display:none;animation:fade .22s ease}.page.active{display:block}@keyframes fade{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:none}}
.panel,.feature-card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.018));box-shadow:var(--shadow);border-radius:var(--radius)}
.panel{padding:20px}
.eyebrow{font-size:8px;letter-spacing:.16em;font-weight:900;color:#7e8797}
.status-pill{font-size:8px;padding:6px 8px;border:1px solid rgba(110,231,194,.16);background:rgba(110,231,194,.045);border-radius:999px;color:#8ceacb}
.status-pill i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ee7c2;box-shadow:0 0 0 5px rgba(110,231,194,.07)}
.hero-badge-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.lux-home{display:grid;gap:0}
.lux-hero{min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:center;padding:54px;overflow:hidden;position:relative}
.lux-hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-190px;top:-230px;background:rgba(141,124,255,.09);filter:blur(8px)}
.hero-copy{position:relative;z-index:2}
.lux-hero h1{font-size:clamp(50px,6.3vw,92px);line-height:.92;letter-spacing:-4.6px;margin:17px 0 22px;max-width:900px}
.lux-hero h1 span{display:block;color:#a79aff;font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;letter-spacing:-3px}
.hero-lead{color:#9ca5b4;line-height:1.78;font-size:16px;max-width:830px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 30px}
.primary-btn,.secondary-btn,.text-link-btn{
border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;font-size:11px;text-decoration:none
}
.primary-btn{border:0;color:#0b0c10;background:#f0ede7;box-shadow:0 14px 38px rgba(0,0,0,.35)}
.primary-btn:hover{transform:translateY(-2px);background:#fff}
.secondary-btn{border:1px solid rgba(255,255,255,.095);background:rgba(255,255,255,.035);color:#fff}
.secondary-btn:hover{background:rgba(255,255,255,.07)}
.text-link-btn{border:0;background:transparent;color:#a79aff}
.hero-primary{padding-inline:20px}
.trust-strip{display:flex;gap:18px;flex-wrap:wrap;color:#6e7786;font-size:9px}
.trust-strip b{color:#b0a6ff;margin-right:5px}
.hero-stage{min-height:470px;position:relative;display:grid;place-items:center}
.stage-shell{
width:min(470px,100%);padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.09);
background:linear-gradient(145deg,rgba(16,19,27,.92),rgba(8,10,15,.92));box-shadow:0 35px 90px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.04)
}
.stage-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.06)}
.stage-top span,.stage-top strong{display:block}.stage-top span{font-size:8px;color:#687385;letter-spacing:.14em}.stage-top strong{font-size:12px;margin-top:4px}
.risk-orbit{height:270px;position:relative;display:grid;place-items:center}
.orbit{position:absolute;border-radius:50%;border:1px solid rgba(141,124,255,.16)}.orbit-a{width:220px;height:220px}.orbit-b{width:270px;height:270px;border-color:rgba(121,217,239,.10)}.orbit-c{width:320px;height:320px;border-style:dashed;opacity:.4}
.risk-core{width:150px;height:150px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#161a25,#0b0e14 68%);border:1px solid rgba(255,255,255,.10);box-shadow:0 0 70px rgba(141,124,255,.12)}
.risk-core small{font-size:8px;color:#727c8d}.risk-core strong{font-size:43px;letter-spacing:-2px;margin:4px 0}.risk-core span{font-size:8px;color:#ff9bad;letter-spacing:.12em}
.stage-signals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.stage-signals div{padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.018)}
.stage-signals span,.stage-signals b{display:block}.stage-signals span{font-size:7px;color:#667184}.stage-signals b{font-size:9px;margin-top:3px}
.stage-action{margin-top:8px;padding:11px 12px;border-radius:10px;background:rgba(141,124,255,.055);border:1px solid rgba(141,124,255,.10)}
.stage-action span,.stage-action b{display:block}.stage-action span{font-size:7px;color:#80799c}.stage-action b{font-size:9px;margin-top:4px}
.float-chip{position:absolute;padding:8px 10px;border:1px solid rgba(255,255,255,.075);background:rgba(9,11,16,.86);backdrop-filter:blur(12px);border-radius:999px;font-size:8px;color:#aab2c0;box-shadow:0 14px 35px rgba(0,0,0,.32)}
.chip-one{left:0;top:95px}.chip-two{right:-5px;top:160px}.chip-three{left:30px;bottom:60px}
.lux-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:14px 0 56px}
.metric span,.metric strong,.metric small{display:block}.metric span{font-size:8px;color:#737d8d}.metric strong{font-size:22px;margin:5px 0}.metric small{font-size:8px;color:#5f6877}
.lux-section{padding:16px 0 52px}.section-heading,.page-header{display:flex;justify-content:space-between;align-items:end;gap:26px;margin:26px 0 18px}
.section-heading h2,.page-header h1{font-size:clamp(32px,4vw,52px);letter-spacing:-1.8px;margin:7px 0}
.section-heading p,.page-header p{max-width:730px;color:var(--muted);line-height:1.7;margin:0;font-size:11px}
.centered-heading{align-items:center}.centered-heading>div{max-width:700px}
.capability-showcase{display:grid;grid-template-columns:1.35fr .65fr;grid-template-rows:1fr 1fr;gap:12px}
.cap-main,.cap-side{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:var(--shadow);cursor:pointer;transition:.2s}
.cap-main:hover,.cap-side:hover{transform:translateY(-3px);border-color:rgba(141,124,255,.24)}
.cap-main{grid-row:1/3;padding:24px;display:grid;grid-template-columns:.86fr 1.14fr;gap:20px;align-items:center}
.cap-side{padding:20px}.cap-index{font-size:8px;color:#6a7484;letter-spacing:.14em}
.cap-copy h3,.cap-side h3{font-size:20px;margin:13px 0 8px}.cap-copy p,.cap-side p{color:var(--muted);font-size:10px;line-height:1.7}
.cap-risk{padding:22px;border-radius:18px;background:#090c12;border:1px solid rgba(255,255,255,.06)}
.cap-risk-number{font-size:56px;font-weight:900;letter-spacing:-3px}.cap-risk-label{font-size:8px;color:#778294}.cap-risk-bar{height:8px;background:#111722;border-radius:99px;overflow:hidden;margin-top:18px}.cap-risk-bar i{display:block;width:82%;height:100%;background:linear-gradient(90deg,#6ee7c2,#efc977 55%,#ff8ea1)}
.mini-contrib{display:grid;gap:8px;margin-top:16px}.mini-contrib span{display:grid;grid-template-columns:80px 1fr 18px;gap:7px;align-items:center;font-size:8px}.mini-contrib i{height:5px;border-radius:99px;background:linear-gradient(90deg,#8d7cff,#79d9ef)}.mini-contrib em{font-style:normal;color:#ff99ab}
.counter-list{display:grid;gap:7px;margin-top:15px}.counter-list span{display:flex;justify-content:space-between;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.024);font-size:8px}.counter-list em{font-style:normal;color:#74dfbb}
.feature-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.luxury-grid{margin-top:12px}
.feature-card{padding:18px;cursor:pointer;transition:.2s}.feature-card:hover{transform:translateY(-3px);border-color:rgba(141,124,255,.24);box-shadow:0 30px 70px rgba(0,0,0,.4)}
.feature-top{display:flex;justify-content:space-between;align-items:center}.feature-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(141,124,255,.08);color:#b1a6ff}.level{font-size:7px;color:#687383;letter-spacing:.13em}
.feature-card h3{margin:14px 0 7px;font-size:16px}.feature-card p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.72}.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:12px}.chips span{font-size:7px;padding:4px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.06);color:#788394}
.persona-section{padding-top:30px}.persona-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.persona-grid article{padding:20px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.018)}.persona-grid span{font-size:8px;color:#8d7cff}.persona-grid h3{font-size:15px;margin:12px 0 7px}.persona-grid p{font-size:9px;color:var(--muted);line-height:1.7}
.revenue-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:start}.revenue-copy{padding-top:15px}.revenue-copy h2{font-size:38px;letter-spacing:-1.3px;margin:8px 0}.revenue-copy p{color:var(--muted);font-size:10px;line-height:1.8}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.price-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.018)}.price-card>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.price-card>div span{font-size:7px;color:#727c8d;letter-spacing:.12em}.price-card>div strong{font-size:19px}.price-card h3{font-size:15px;margin:18px 0 10px}.price-card ul{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px}.price-card li{font-size:8px;color:#949ead}.price-card li:before{content:"✓";color:#6ee7c2;margin-right:6px}.price-card a{display:block;text-align:center;text-decoration:none;border-radius:10px;padding:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);font-size:9px;font-weight:800}.featured-price{border-color:rgba(141,124,255,.22);background:linear-gradient(145deg,rgba(141,124,255,.065),rgba(255,255,255,.016))}.featured-price a{background:#f0ede7;color:#090a0e}.pricing-note{grid-column:2;color:#626c7b;font-size:8px;margin:4px 0 0}.pricing-note code{color:#9ba4b3}
.final-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px}.final-cta h2{font-size:31px;margin:7px 0}.final-cta p{max-width:760px;color:var(--muted);font-size:10px;line-height:1.7}.cta-actions{display:flex;gap:9px;flex-wrap:wrap}.link-btn{display:inline-flex;align-items:center;justify-content:center}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:14px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.panel-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}.panel-head h3,.panel-head p{margin:0}.panel-head p{font-size:9px;color:#748091}.small-btn,.voice-chip{padding:9px 11px;font-size:9px}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.field,.input-label{display:grid;gap:6px;font-size:9px;color:#8e98a8}
.field input,.field select,.input-label input,.input-label select,.copilot-input input,.voice-input input,.command-box input{width:100%;border:1px solid rgba(255,255,255,.075);background:#080b10;color:#fff;border-radius:10px;padding:11px;outline:none}
.slider-block{margin:16px 0}.slider-block label{display:flex;justify-content:space-between;font-size:9px}.slider-block input,.input-label input[type=range]{width:100%;accent-color:#8d7cff}.slider-block small{font-size:8px;color:#626d7c}
.result-panel{min-height:480px;display:flex;align-items:center;justify-content:center}.empty{text-align:center;max-width:310px}.empty>span{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;margin:0 auto 14px;background:rgba(141,124,255,.08);border:1px solid rgba(141,124,255,.15);color:#b4a9ff;font-weight:900}.empty p,.muted,.empty-note{color:var(--muted);font-size:9px;line-height:1.65}
.risk-pill{display:inline-block;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800}.risk-high{background:rgba(255,142,161,.10);color:#ff9aad}.risk-medium{background:rgba(239,201,119,.10);color:#f2d48b}.risk-low{background:rgba(110,231,194,.09);color:#77e2bf}
.risk-number{font-size:66px;font-weight:900;letter-spacing:-3px;margin:9px 0}.progress{height:9px;background:#111722;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#6ee7c2,#efc977 58%,#ff8ea1)}
.result-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:14px}.result-kpis div{padding:11px;border:1px solid var(--line);border-radius:11px}.result-kpis span,.result-kpis b{display:block}.result-kpis span{font-size:7px;color:#6f7a8b}.result-kpis b{font-size:10px;margin-top:3px}
.reason-list,.stack-list{display:grid;gap:8px}.reason{display:grid;grid-template-columns:9px 1fr;gap:9px;padding:11px;border:1px solid var(--line);border-radius:11px}.reason i{width:7px;height:7px;border-radius:50%;margin-top:4px}.reason.up i{background:#ff8ea1}.reason.down i{background:#6ee7c2}.reason b{font-size:9px}.reason p{font-size:8px;color:#798596;margin:3px 0 0}
.contrib-row{display:grid;grid-template-columns:135px 1fr 52px;gap:8px;align-items:center;margin:9px 0;font-size:8px}.bar{height:7px;background:#111722;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;border-radius:99px}.bar i.pos{background:linear-gradient(90deg,#8d7cff,#ff8ea1)}.bar i.neg{background:linear-gradient(90deg,#79d9ef,#6ee7c2)}
.note-panel{margin-top:14px;font-size:9px;color:#a6afbc}.big-stat{font-size:36px;font-weight:900;letter-spacing:-1px;margin:12px 0}
.cf-item{display:grid;grid-template-columns:1fr auto;gap:8px;padding:11px;border:1px solid var(--line);border-radius:11px}.cf-item b,.cf-item span{display:block}.cf-item b{font-size:9px}.cf-item span{font-size:8px;color:#748093;margin-top:3px}.delta.down{color:#6ee7c2}.delta.up{color:#ff8ea1}
.roi-result{display:flex;flex-direction:column;justify-content:center}.roi-big{font-size:43px;font-weight:900}.positive{color:#6ee7c2}.negative{color:#ff8ea1}
.formula-small{padding:11px;border:1px solid var(--line);background:#080b10;border-radius:10px;margin:8px 0;font-family:ui-monospace,monospace;font-size:9px}
.optimizer-result{margin-top:14px;padding:12px;border:1px solid var(--line);border-radius:11px;background:rgba(141,124,255,.045)}.mini-chart,.reliability-chart{min-height:300px}
.chart-row{display:grid;grid-template-columns:70px 1fr 80px;gap:8px;align-items:center;margin:6px 0;font-size:8px}.chart-track{height:7px;background:#111722;border-radius:99px;overflow:hidden}.chart-fill{height:100%;background:linear-gradient(90deg,#8d7cff,#79d9ef)}
.reliability-point{display:grid;grid-template-columns:90px 1fr 90px;gap:8px;align-items:center;margin:7px 0;font-size:8px}.reliability-track{height:8px;background:#111722;border-radius:99px;position:relative}.reliability-track i{position:absolute;top:-3px;width:14px;height:14px;border-radius:50%;background:#8d7cff;transform:translateX(-50%)}.reliability-track b{position:absolute;top:-2px;width:2px;height:12px;background:#79d9ef}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:8px}th{color:#788496;background:rgba(255,255,255,.018)}td strong{font-size:9px}
.drift-scale{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:7px;align-items:center;margin:20px 0}.drift-scale b{height:7px;border-radius:99px}.drift-scale b:nth-of-type(1){background:#6ee7c2}.drift-scale b:nth-of-type(2){background:#efc977}.drift-scale b:nth-of-type(3){background:#ff8ea1}
.check-list{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.check-list span{padding:10px;border:1px solid var(--line);border-radius:10px;font-size:8px;color:#a4adba}.quality-ok{color:#6ee7c2}.quality-bad{color:#ff8ea1}
.upload-box{text-align:center;padding:48px 20px;border-style:dashed}.upload-symbol{font-size:34px;color:#a99eff}.upload-box a{display:block;margin-top:10px;color:#a99eff;text-decoration:none;font-size:9px}.hidden{display:none!important}
.leader{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.leader span{font-size:8px;color:#778396}.model-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px}.model-grid p{color:var(--muted);font-size:8px;line-height:1.6}
.data-bars{display:grid;gap:8px}.data-row{display:grid;grid-template-columns:120px 1fr 56px;gap:8px;align-items:center;font-size:8px}.data-track{height:7px;background:#111722;border-radius:99px;overflow:hidden}.data-track i{display:block;height:100%;background:linear-gradient(90deg,#8d7cff,#79d9ef)}
.math-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:10px}.math-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#919aa9;padding:9px 11px;border-radius:10px;cursor:pointer;font-size:9px}.math-tabs button.active{background:rgba(141,124,255,.08);color:#fff}.math-panel{display:none}.math-panel.active{display:block}.formula{padding:18px;border:1px solid var(--line);border-radius:13px;background:#080b10;text-align:center;font:25px Georgia,serif;margin:12px 0}.formula-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.formula-grid span{padding:13px;border:1px solid var(--line);border-radius:10px;font-family:monospace;font-size:9px}
.roadmap{display:grid;gap:9px}.roadmap-item{display:grid;grid-template-columns:50px 1fr auto;gap:11px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.018)}.roadmap-item .num{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:rgba(141,124,255,.07)}.roadmap-item h3,.roadmap-item p{margin:0}.roadmap-item h3{font-size:11px}.roadmap-item p{font-size:8px;color:#778395;margin-top:3px}.roadmap-item em{font-style:normal;font-size:7px;color:#6ee7c2}
.accordion{display:grid;gap:8px}.acc{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(255,255,255,.018)}.acc-head{display:flex;justify-content:space-between;gap:10px;padding:13px;cursor:pointer}.acc-head h3{font-size:10px;margin:0}.acc-body{display:none;padding:0 13px 13px;color:#a4adba;font-size:9px;line-height:1.72}.acc.open .acc-body{display:block}
.arch-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.arch-flow div{min-width:145px;padding:15px;border:1px solid var(--line);border-radius:12px;background:#080b10;text-align:center;font-size:9px;font-weight:800}.arch-flow small{display:block;color:#697587;font-weight:400;margin-top:3px}.feature-matrix.compact{margin-top:12px}
.report-preview{min-height:390px}.report-preview h2{margin-top:0}.report-preview .report-box{padding:12px;border:1px solid var(--line);border-radius:11px;margin:8px 0}.interview-script{margin-bottom:12px}.interview-script p{color:#b1b9c5;line-height:1.8;font-size:10px}
.copilot-grid{display:grid;grid-template-columns:1fr 330px;gap:14px}.copilot-panel{padding:0;overflow:hidden}.persona-tabs{display:flex;gap:5px;padding:11px;border-bottom:1px solid var(--line);overflow:auto}.persona-tabs button{border:1px solid var(--line);background:rgba(255,255,255,.025);color:#8f99aa;padding:8px 9px;border-radius:9px;font-size:8px;cursor:pointer;white-space:nowrap}.persona-tabs button.active{background:rgba(141,124,255,.08);color:#fff}.copilot-chat{height:480px;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:9px}.ai-msg,.user-msg{max-width:86%;padding:11px 12px;border-radius:12px;font-size:9px;line-height:1.72}.ai-msg{background:rgba(141,124,255,.055);border:1px solid rgba(141,124,255,.10)}.user-msg{align-self:flex-end;background:rgba(255,255,255,.035);border:1px solid var(--line)}.copilot-input{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border-top:1px solid var(--line)}.copilot-input button,.voice-input button{border:0;border-radius:9px;background:#eeeae4;color:#0a0b0f;padding:0 13px;font-weight:800}.suggested{display:grid;gap:7px;align-content:start}.suggested button{border:1px solid var(--line);background:rgba(255,255,255,.018);color:#afb8c6;text-align:left;padding:10px;border-radius:10px;font-size:8px;cursor:pointer}
.command-palette{position:fixed;inset:0;background:rgba(2,3,5,.72);backdrop-filter:blur(14px);z-index:200;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.command-palette.open{display:flex}.command-box{width:min(680px,92vw);background:#0a0d13;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow);overflow:hidden}.command-box input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:16px}.command-box small{display:block;padding:9px 12px;color:#596273;font-size:7px}.command-result{display:flex;justify-content:space-between;padding:11px 14px;border-bottom:1px solid rgba(255,255,255,.045);cursor:pointer}.command-result:hover{background:rgba(141,124,255,.05)}.command-result b{font-size:9px}.command-result span{font-size:7px;color:#687486}
.voice-dock{position:fixed;right:16px;bottom:16px;width:min(390px,calc(100vw - 32px));background:rgba(8,10,15,.97);backdrop-filter:blur(22px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);z-index:180;display:none;overflow:hidden}.voice-dock.open{display:block}.voice-head{display:flex;justify-content:space-between;align-items:center;padding:11px;border-bottom:1px solid var(--line)}.voice-head>div{display:flex;gap:8px;align-items:center}.voice-head i{width:9px;height:9px;border-radius:50%;background:#6ee7c2;box-shadow:0 0 0 5px rgba(110,231,194,.06)}.voice-head b,.voice-head small{display:block}.voice-head b{font-size:9px}.voice-head small{font-size:7px;color:#687486}.voice-head button{background:none;border:0;color:#fff;font-size:18px}.voice-log{height:280px;overflow:auto;padding:11px;display:flex;flex-direction:column;gap:8px}.voice-input{display:grid;grid-template-columns:1fr auto auto;gap:6px;padding:9px;border-top:1px solid var(--line)}
.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#0a0d13;border:1px solid var(--line);padding:9px 12px;border-radius:10px;font-size:8px;transition:.2s;z-index:250}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1220px){
.lux-hero{grid-template-columns:1fr}.hero-stage{min-height:390px}.lux-metrics{grid-template-columns:repeat(3,1fr)}
.capability-showcase{grid-template-columns:1fr 1fr;grid-template-rows:auto}.cap-main{grid-column:1/3;grid-row:auto}.feature-matrix{grid-template-columns:repeat(2,1fr)}
.persona-grid{grid-template-columns:repeat(2,1fr)}.revenue-section{grid-template-columns:1fr}.pricing-note{grid-column:1}.pricing-grid{grid-template-columns:repeat(3,1fr)}
.copilot-grid{grid-template-columns:1fr}.model-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:920px){
:root{--sidebar:0px}.app-shell{display:block}.sidebar{transform:translateX(-110%);width:min(315px,88vw);transition:.24s}.sidebar.open{transform:none}.side-title button{display:block}
.content{padding:18px 15px 60px}.mobile-only{display:block}.two-col,.three-col{grid-template-columns:1fr}.section-heading,.page-header{align-items:flex-start;flex-direction:column}
.final-cta{align-items:flex-start;flex-direction:column}.pricing-grid{grid-template-columns:1fr}.capability-showcase{grid-template-columns:1fr}.cap-main{grid-column:auto;grid-template-columns:1fr}.cap-side{grid-column:auto}
}
@media(max-width:620px){
.topbar{height:68px;padding:0 11px}.app-shell{padding-top:68px}.sidebar{top:68px}.brand small{display:none}.brand-mark{width:38px;height:38px}.chip-btn{font-size:8px;padding:8px}
.lux-hero{padding:24px 17px;min-height:auto}.lux-hero h1{font-size:46px;letter-spacing:-2.2px}.lux-hero h1 span{letter-spacing:-1.3px}.hero-lead{font-size:13px}.hero-stage{min-height:365px}
.stage-shell{padding:14px}.risk-orbit{height:240px}.orbit-a{width:190px;height:190px}.orbit-b{width:230px;height:230px}.orbit-c{width:270px;height:270px}.risk-core{width:130px;height:130px}.risk-core strong{font-size:36px}
.float-chip{font-size:7px}.chip-one{left:-2px}.chip-two{right:-3px}.lux-metrics{grid-template-columns:repeat(2,1fr)}.feature-matrix,.persona-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}
.form-grid{grid-template-columns:1fr}.risk-number{font-size:54px}.result-kpis{grid-template-columns:1fr}.contrib-row{grid-template-columns:100px 1fr 45px}
.formula{font-size:20px}.formula-grid{grid-template-columns:1fr}.roadmap-item{grid-template-columns:44px 1fr}.roadmap-item em{grid-column:2}
.arch-flow{flex-direction:column}.arch-flow b{transform:rotate(90deg)}.arch-flow div{width:100%}.voice-dock{right:8px;bottom:8px;width:calc(100vw - 16px)}
.stage-signals{grid-template-columns:1fr}.float-chip{display:none}.revenue-copy h2{font-size:31px}
}