/* CybrSecAI 22.0 — Control Tower Design System */
:root{
  --c22-bg:#0B0F19;--c22-surface:#0F1623;--c22-card:#111827;--c22-raised:#151E2E;
  --c22-neon:#00FF66;--c22-green:#10B981;--c22-cyan:#22D3EE;--c22-amber:#F59E0B;
  --c22-danger:#EF4444;--c22-text:#F8FAFC;--c22-muted:#A8B4C7;--c22-dim:#718096;
  --c22-border:rgba(148,163,184,.14);--c22-border-strong:rgba(0,255,102,.24);
  --c22-shadow:0 24px 80px rgba(0,0,0,.34);--c22-glow:0 0 0 1px rgba(0,255,102,.12),0 24px 80px rgba(0,0,0,.38),0 0 48px rgba(0,255,102,.07)
}
html{background:var(--c22-bg)}
body{background:radial-gradient(circle at 72% -12%,rgba(0,255,102,.055),transparent 30%),radial-gradient(circle at 18% 0,rgba(34,211,238,.04),transparent 28%),var(--c22-bg);color:var(--c22-text)}
.main,.chat-shell,.messages{background:transparent}
.sidebar{background:linear-gradient(180deg,rgba(12,18,29,.985),rgba(8,12,20,.995));border-right:1px solid var(--c22-border)}
.topbar{background:rgba(11,15,25,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--c22-border)}
.content{width:min(1540px,100%);margin-inline:auto;padding-inline:clamp(14px,2.1vw,34px)}
.hero-stage{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:clamp(28px,4vw,72px);padding:clamp(34px,5vw,72px) clamp(6px,1vw,14px) 26px}
.hero-copy h1{max-width:920px;font-size:clamp(40px,4.8vw,74px);line-height:.98;letter-spacing:-.052em;color:#fff;text-wrap:balance}
.hero-copy h1 span{color:var(--c22-neon);text-shadow:0 0 34px rgba(0,255,102,.12)}
.hero-copy>p{max-width:850px;color:var(--c22-muted);font-size:clamp(14px,1.15vw,17px);line-height:1.75}
.eyebrow{color:var(--c22-neon)!important;letter-spacing:.1em}
.hero-badges span,.security-posture>div{border-color:var(--c22-border);background:rgba(17,24,39,.7);color:#dbe6ef}
.quick-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin-top:20px!important}
.quick-card{min-height:164px!important;padding:19px!important;border:1px solid var(--c22-border)!important;background:linear-gradient(145deg,rgba(21,30,46,.9),rgba(12,18,29,.94))!important;border-radius:20px!important;box-shadow:0 10px 38px rgba(0,0,0,.16)!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease!important}
.quick-card:hover{transform:translateY(-4px)!important;border-color:rgba(0,255,102,.28)!important;box-shadow:0 18px 48px rgba(0,0,0,.27),0 0 28px rgba(0,255,102,.06)!important}
.quick-card>b{font-size:14px!important;color:#f8fafc!important}.quick-card>span{color:var(--c22-muted)!important;line-height:1.55!important}
.quick-icon{background:rgba(0,255,102,.07)!important;border-color:rgba(0,255,102,.16)!important;color:var(--c22-neon)!important}
.command-deck{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.command-deck>button{border:1px solid var(--c22-border)!important;background:rgba(17,24,39,.72)!important;border-radius:17px!important}
.command-deck>button.command-pro{border-color:rgba(0,255,102,.26)!important;background:linear-gradient(135deg,rgba(0,255,102,.09),rgba(34,211,238,.045))!important;box-shadow:0 0 32px rgba(0,255,102,.055)}
.composer{background:rgba(15,22,35,.96)!important;border-color:rgba(148,163,184,.16)!important;box-shadow:0 18px 60px rgba(0,0,0,.34)!important}.composer:focus-within{border-color:rgba(0,255,102,.34)!important;box-shadow:0 0 0 1px rgba(0,255,102,.06),0 20px 62px rgba(0,0,0,.36)!important}.composer textarea:focus-visible{outline:none!important}

/* Pricing / checkout — visually distinct product surface */
.v20-billing-modal{width:min(1460px,calc(100vw - 28px))!important;max-width:1460px!important;background:linear-gradient(180deg,#0d1420,#0a1019)!important;border:1px solid rgba(0,255,102,.16)!important;box-shadow:var(--c22-glow)!important;padding:clamp(18px,2vw,30px)!important}
.v20-billing-hero{background:radial-gradient(circle at 84% 15%,rgba(0,255,102,.11),transparent 27%),linear-gradient(135deg,rgba(18,31,43,.96),rgba(11,15,25,.99))!important;border:1px solid rgba(0,255,102,.16)!important;border-radius:25px!important;padding:24px!important}
.v20-billing-copy h2{font-size:clamp(28px,3vw,46px)!important;letter-spacing:-.045em!important}.v20-billing-copy p{color:var(--c22-muted)!important;font-size:12px!important;line-height:1.65!important}.v20-trust-row span{background:rgba(255,255,255,.025)!important;border-color:var(--c22-border)!important;color:#d9e4ed!important}
.v22-checkout-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:16px 0 14px;padding:7px;border:1px solid var(--c22-border);border-radius:18px;background:rgba(5,9,15,.55)}
.v22-step{display:flex;align-items:center;gap:11px;min-height:58px;padding:10px 14px;border:1px solid transparent;border-radius:13px;background:transparent;color:#7f8ea2;text-align:left;cursor:default;transition:.2s}.v22-step span{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#121b2a;border:1px solid var(--c22-border);font-size:11px;font-weight:900}.v22-step b,.v22-step small{display:block}.v22-step b{font-size:11px}.v22-step small{font-size:8px;margin-top:2px;color:#6f7d8f}.v22-step.active{color:#fff;background:rgba(0,255,102,.055);border-color:rgba(0,255,102,.18)}.v22-step.active span{background:var(--c22-neon);color:#04110a;border-color:var(--c22-neon);box-shadow:0 0 20px rgba(0,255,102,.16)}.v22-step.done{color:#d7e2eb}.v22-step.done span{color:var(--c22-neon);border-color:rgba(0,255,102,.22)}
.v22-step-panel{animation:v22PanelIn .24s ease}.v22-step-panel.hidden{display:none!important}@keyframes v22PanelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.v22-step-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:18px 2px 13px}.v22-step-title h3{font-size:22px;margin:3px 0 0;color:#fff}.v22-step-title p{max-width:680px;margin:0;color:var(--c22-muted);font-size:10px;line-height:1.55}.v22-step-kicker{font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--c22-neon)}
.v21-promo-hero{border-color:rgba(245,158,11,.22)!important;background:radial-gradient(circle at 87% 28%,rgba(245,158,11,.14),transparent 26%),radial-gradient(circle at 10% 0,rgba(0,255,102,.11),transparent 34%),linear-gradient(135deg,#12202a,#0c121d)!important}
.v21-promo-pill{color:#ffd28b!important;border-color:rgba(245,158,11,.26)!important;background:rgba(245,158,11,.08)!important}
.v21-promo-copy h3 strong{color:var(--c22-neon)!important}
.v21-promo-meta button,.wide-primary{background:linear-gradient(135deg,#00ff66,#35e8a1)!important;color:#03140a!important;box-shadow:0 12px 32px rgba(0,255,102,.12)!important}
.v20-cycle-switch{width:max-content!important;margin:14px auto 18px!important;background:#090e17!important;border:1px solid var(--c22-border)!important}.v20-cycle-switch button.active{background:rgba(0,255,102,.11)!important;color:var(--c22-neon)!important;box-shadow:inset 0 0 0 1px rgba(0,255,102,.18)!important}
.v20-pricing-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important;align-items:stretch!important}.v20-price-card{min-width:0!important;border-radius:22px!important;background:linear-gradient(165deg,rgba(21,30,46,.94),rgba(11,16,25,.98))!important;border:1px solid var(--c22-border)!important;padding:20px!important}.v20-price-card:hover{transform:translateY(-5px)!important;border-color:rgba(0,255,102,.24)!important}.v20-price-card.featured{transform:translateY(-5px) scale(1.018)!important;border-color:rgba(0,255,102,.42)!important;background:radial-gradient(circle at 50% 0,rgba(0,255,102,.085),transparent 35%),linear-gradient(165deg,#142638,#0c131e)!important;box-shadow:0 0 0 1px rgba(0,255,102,.08),0 26px 70px rgba(0,0,0,.32),0 0 52px rgba(0,255,102,.075)!important}.popular-ribbon{background:var(--c22-neon)!important;color:#041108!important}.v20-price-card h3{color:#fff!important}.plan-audience,.v20-price-card li{color:var(--c22-muted)!important}.v21-first-purchase{border-color:rgba(0,255,102,.18)!important;background:rgba(0,255,102,.045)!important}.v21-first-purchase b{color:var(--c22-neon)!important}
.v22-selection-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(0,255,102,.06),rgba(34,211,238,.035));border:1px solid rgba(0,255,102,.17);margin-bottom:12px}.v22-selection-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(0,255,102,.09);border:1px solid rgba(0,255,102,.18);font-size:20px}.v22-selection-card b,.v22-selection-card small{display:block}.v22-selection-card b{font-size:14px}.v22-selection-card small{margin-top:3px;color:var(--c22-muted);font-size:9px}.v22-selection-price{text-align:right;color:var(--c22-neon);font-size:12px;font-weight:900}
.v22-advantages-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:13px}.v22-accordion-stack{display:grid;gap:10px}.v22-accordion{border:1px solid var(--c22-border);border-radius:18px;background:rgba(17,24,39,.72);overflow:hidden}.v22-accordion[open]{border-color:rgba(0,255,102,.18)}.v22-accordion summary{list-style:none;display:flex;align-items:center;gap:11px;padding:15px 17px;cursor:pointer;font-size:12px;font-weight:800}.v22-accordion summary::-webkit-details-marker{display:none}.v22-accordion summary span{margin-left:auto;color:#8290a2;font-size:9px}.v22-accordion-body{padding:0 16px 16px}.v22-benefit-aside{border:1px solid rgba(0,255,102,.16);border-radius:19px;background:radial-gradient(circle at 100% 0,rgba(0,255,102,.08),transparent 35%),rgba(12,18,29,.86);padding:18px}.v22-benefit-aside h4{margin:0 0 9px;font-size:16px}.v22-benefit-aside p{margin:0;color:var(--c22-muted);font-size:10px;line-height:1.55}.v22-trust-list{display:grid;gap:8px;margin-top:14px}.v22-trust-list span{display:flex;align-items:center;gap:8px;color:#cbd7e2;font-size:10px}.v22-trust-list i{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:rgba(0,255,102,.08);color:var(--c22-neon);font-style:normal;font-size:9px}
.v22-step-actions{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.v22-step-actions button{min-height:44px;padding:0 18px;border-radius:12px;font-size:10px;font-weight:900}.v22-back{border:1px solid var(--c22-border);background:rgba(255,255,255,.025);color:#d9e3ed}.v22-continue{border:0;background:linear-gradient(135deg,var(--c22-neon),#45e3a5);color:#03150a;box-shadow:0 12px 32px rgba(0,255,102,.12)}
.billing-checkout{margin-top:0!important;padding:0!important;border:0!important;background:none!important}.billing-checkout-head{padding:15px 17px!important;border:1px solid var(--c22-border)!important;border-radius:17px!important;background:rgba(17,24,39,.72)!important;margin-bottom:12px!important}.billing-price-preview{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}.billing-price-preview span,.billing-price-preview strong{padding:8px 10px!important;border-radius:10px!important;background:#0a1019!important;border:1px solid var(--c22-border)!important}.billing-price-preview strong{color:var(--c22-neon)!important;border-color:rgba(0,255,102,.17)!important}
.v22-checkout-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);gap:13px}.v22-form-card,.v22-pay-card{border-radius:19px;border:1px solid var(--c22-border);background:rgba(17,24,39,.72);padding:17px}.v22-card-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.v22-card-head span{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(0,255,102,.07);border:1px solid rgba(0,255,102,.14)}.v22-card-head b,.v22-card-head small{display:block}.v22-card-head b{font-size:13px}.v22-card-head small{font-size:8px;color:var(--c22-muted);margin-top:2px}.billing-form{display:block!important}.v22-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.v22-fields label{display:grid;gap:6px;color:#d6e0e9;font-size:9px}.v22-fields label.full{grid-column:1/-1}.v22-fields input,.v22-fields textarea{width:100%;border-radius:11px!important;border:1px solid rgba(148,163,184,.16)!important;background:#090e17!important;color:#f8fafc!important;padding:11px 12px!important;outline:none!important}.v22-fields input:focus,.v22-fields textarea:focus{border-color:rgba(0,255,102,.35)!important;box-shadow:0 0 0 3px rgba(0,255,102,.045)!important}.multipay-methods{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.payment-method-card{min-height:66px!important;border-radius:14px!important;border:1px solid var(--c22-border)!important;background:#0a1019!important}.payment-method-card:hover{border-color:rgba(0,255,102,.28)!important;background:rgba(0,255,102,.035)!important}.payment-method-card b{color:#f8fafc!important}.payment-method-card small{color:var(--c22-muted)!important}.payment-method-card strong{color:var(--c22-neon)!important}.v22-payment-trust{margin-top:11px;padding:10px 12px;border-radius:12px;background:rgba(0,255,102,.035);border:1px solid rgba(0,255,102,.11);color:#a9bdc9;font-size:8px;line-height:1.5}
.v22-orders-accordion{margin-top:14px;border:1px solid var(--c22-border);border-radius:17px;background:rgba(17,24,39,.58);overflow:hidden}.v22-orders-accordion summary{padding:14px 16px;cursor:pointer;font-size:10px;font-weight:900;color:#d7e1e9}.v22-orders-accordion .billing-history{margin:0!important;padding:0 15px 15px!important;border:0!important;background:none!important}

/* Accessibility / content density */
.section-subtitle,.field-note,.history-empty,.footer-note,.form-safe-note{color:var(--c22-muted)!important}
:focus-visible{outline:2px solid rgba(0,255,102,.82);outline-offset:3px}.composer textarea:focus-visible{outline:none}
@media(max-width:1180px){.hero-stage{grid-template-columns:1fr}.hero-visual{max-width:620px;margin-inline:auto}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.command-deck{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v20-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.v20-price-card.featured{transform:none!important}.v22-advantages-layout,.v22-checkout-grid{grid-template-columns:1fr}.v22-benefit-aside{order:-1}}
@media(max-width:720px){.content{padding-inline:11px}.hero-stage{padding-top:24px}.hero-copy h1{font-size:39px}.quick-grid,.command-deck,.v20-pricing-grid{grid-template-columns:1fr!important}.v20-billing-modal{width:100%!important;min-height:100dvh!important;border-radius:0!important;padding:13px!important}.v20-billing-hero{padding:16px!important}.v22-checkout-stepper{position:sticky;top:0;z-index:7;grid-template-columns:repeat(3,1fr);gap:4px;padding:5px}.v22-step{padding:8px;justify-content:center}.v22-step>div{display:none}.v22-step span{width:31px;height:31px}.v21-promo-hero{margin-top:10px!important}.v22-step-title{align-items:flex-start;flex-direction:column}.v22-selection-card{grid-template-columns:auto 1fr}.v22-selection-price{grid-column:1/-1;text-align:left}.v22-fields{grid-template-columns:1fr}.v22-fields label.full{grid-column:auto}.v22-step-actions{position:sticky;bottom:6px;z-index:6;padding:8px;border-radius:14px;background:rgba(11,15,25,.9);backdrop-filter:blur(12px);border:1px solid var(--c22-border)}.v22-step-actions button{flex:1}.billing-checkout-head{align-items:flex-start!important;gap:9px!important;flex-direction:column!important}}
@media(prefers-reduced-motion:reduce){.v22-step-panel,.quick-card,.payment-method-card{animation:none!important;transition:none!important}}

/* V22 AI Security Engines */
.ai-engine-nav{position:relative;overflow:hidden;border-color:rgba(0,255,102,.14)!important;background:linear-gradient(100deg,rgba(0,255,102,.055),rgba(34,211,238,.025))!important}.ai-engine-nav:after{content:"";position:absolute;inset:-1px auto -1px -45%;width:35%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:v22NavShimmer 8s ease-in-out infinite}@keyframes v22NavShimmer{0%,78%{left:-45%}92%,100%{left:120%}}
.v22-ai-quick{border-color:rgba(0,255,102,.24)!important;background:radial-gradient(circle at 90% 8%,rgba(0,255,102,.09),transparent 28%),linear-gradient(145deg,rgba(20,38,47,.92),rgba(10,17,27,.98))!important}.v22-ai-quick .quick-icon{box-shadow:0 0 24px rgba(0,255,102,.08)}
.v22-ai-engines-modal{width:min(1370px,calc(100vw - 28px))!important;max-width:1370px!important;background:radial-gradient(circle at 94% -5%,rgba(0,255,102,.08),transparent 28%),linear-gradient(180deg,#0e1622,#090e17)!important;border:1px solid rgba(0,255,102,.18)!important;box-shadow:var(--c22-glow)!important;padding:clamp(18px,2vw,30px)!important}.v22-ai-engines-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start;padding:6px 4px 18px}.v22-ai-engines-head h2{font-size:clamp(30px,3.5vw,50px);letter-spacing:-.05em;margin:5px 0 8px;color:#fff}.v22-ai-engines-head p{max-width:890px;margin:0;color:var(--c22-muted);font-size:12px;line-height:1.7}.v22-ai-engine-health{display:flex;align-items:center;gap:10px;min-width:190px;padding:12px 14px;border:1px solid rgba(0,255,102,.18);border-radius:15px;background:rgba(0,255,102,.045)}.v22-ai-engine-health>span{color:var(--c22-neon);text-shadow:0 0 12px rgba(0,255,102,.7)}.v22-ai-engine-health b,.v22-ai-engine-health small{display:block}.v22-ai-engine-health b{font-size:11px}.v22-ai-engine-health small{margin-top:2px;color:#7f91a5;font-size:8px}.v22-ai-trust{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.v22-ai-trust span{padding:7px 10px;border-radius:999px;border:1px solid var(--c22-border);background:rgba(255,255,255,.018);color:#b6c5d3;font-size:8px;font-weight:800}.v22-ai-trust span:before{color:var(--c22-neon)}
.v22-ai-engine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.v22-engine-card{display:flex;flex-direction:column;min-height:222px;padding:17px;border-radius:18px;border:1px solid var(--c22-border);background:linear-gradient(155deg,rgba(21,30,46,.88),rgba(11,16,25,.97));transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.v22-engine-card:hover{transform:translateY(-4px);border-color:rgba(0,255,102,.25);box-shadow:0 18px 48px rgba(0,0,0,.25),0 0 28px rgba(0,255,102,.045)}.v22-engine-card.featured{border-color:rgba(0,255,102,.32);background:radial-gradient(circle at 100% 0,rgba(0,255,102,.09),transparent 35%),linear-gradient(155deg,#162b35,#0d151f)}.v22-engine-top{display:flex;align-items:center;gap:9px}.v22-engine-top>span{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(0,255,102,.07);border:1px solid rgba(0,255,102,.14);color:var(--c22-neon);font-weight:900}.v22-engine-top em{font-style:normal;color:#6f8195;font-size:7px;font-weight:900;letter-spacing:.11em}.v22-engine-card h3{margin:14px 0 6px;color:#f8fafc;font-size:15px;letter-spacing:-.02em}.v22-engine-card p{margin:0 0 15px;color:var(--c22-muted);font-size:9px;line-height:1.55}.v22-engine-card button{margin-top:auto;min-height:38px;border-radius:11px;border:1px solid rgba(0,255,102,.16);background:rgba(0,255,102,.05);color:#baf7d4;font-size:8px;font-weight:900;cursor:pointer}.v22-engine-card button:hover{background:var(--c22-neon);color:#03130a;border-color:var(--c22-neon)}.v22-ai-engine-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:13px;padding:13px 15px;border-radius:15px;border:1px solid rgba(245,158,11,.13);background:rgba(245,158,11,.035)}.v22-ai-engine-foot b,.v22-ai-engine-foot small{display:block}.v22-ai-engine-foot b{font-size:9px;color:#f5d59f}.v22-ai-engine-foot small{max-width:900px;margin-top:3px;color:#8f9daf;font-size:8px;line-height:1.5}.v22-ai-engine-foot button{border:1px solid var(--c22-border);border-radius:10px;background:#111827;color:#cbd5e1;padding:8px 13px;font-size:8px;font-weight:800;cursor:pointer}
@media(max-width:1180px){.v22-ai-engine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.v22-ai-engines-modal{width:100%!important;min-height:100dvh!important;border-radius:0!important;padding:14px!important}.v22-ai-engines-head{grid-template-columns:1fr}.v22-ai-engine-health{min-width:0}.v22-ai-engine-grid{grid-template-columns:1fr}.v22-engine-card{min-height:190px}.v22-ai-engine-foot{align-items:flex-start;flex-direction:column}.v22-ai-engine-foot button{width:100%}}