/* src/components/support/code-vx-support.css */
.vx-support-shell{--vx-orange:#ff7a00;--vx-teal:#21dfcb;--vx-blue:#418dff;--vx-ink:#080b10;position:relative;isolation:isolate}.vx-support-shell::before{content:"";position:absolute;inset:-80px -30px auto;height:260px;z-index:-1;background:radial-gradient(circle at 75% 20%,rgba(255,122,0,.15),transparent 40%),radial-gradient(circle at 20% 30%,rgba(33,223,203,.1),transparent 34%);filter:blur(12px);pointer-events:none}.vx-support-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:22px 24px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(135deg,rgba(18,22,30,.93),rgba(9,12,18,.9));box-shadow:0 24px 70px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.04);overflow:hidden}.vx-support-brand{display:flex;align-items:center;gap:16px}.vx-support-orb,.vx-welcome-orb{display:grid;place-items:center;flex:none;border-radius:18px;color:#06100f;background:linear-gradient(145deg,#8ff6eb,var(--vx-teal) 55%,#12a89a);box-shadow:0 0 0 8px rgba(33,223,203,.06),0 15px 35px rgba(33,223,203,.18)}.vx-support-orb{width:54px;height:54px}.vx-support-brand h2{margin:3px 0 5px;font-size:1.34rem}.vx-support-brand p{margin:0;max-width:780px;color:var(--txt-dim);font-size:.87rem;line-height:1.65}.vx-kicker{font-family:var(--display);font-size:.65rem;font-weight:700;letter-spacing:.16em;color:var(--vx-teal)}.vx-hero-actions{display:flex;gap:8px;flex:none}.vx-remote-alert,.vx-error{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:13px 16px;border-radius:14px}.vx-remote-alert{border:1px solid rgba(255,122,0,.28);background:rgba(255,122,0,.07)}.vx-remote-alert>div{display:flex;flex-direction:column;flex:1}.vx-remote-alert span{font-size:.78rem;color:var(--txt-dim)}.vx-error{border:1px solid rgba(255,86,86,.28);background:rgba(255,86,86,.07);color:#ff9b9b}.vx-error span{flex:1}.vx-error button{border:0;background:none;color:#fff;text-decoration:underline}.vx-support-grid{display:grid;grid-template-columns:280px minmax(0,1fr);height:min(760px,calc(100vh - 250px));min-height:600px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(7,10,15,.88);box-shadow:0 26px 80px rgba(0,0,0,.3);overflow:hidden}.vx-support-grid.with-context{grid-template-columns:270px minmax(420px,1fr) 310px}.vx-conversations,.vx-context-panel{min-width:0;background:linear-gradient(180deg,rgba(18,22,30,.94),rgba(10,13,19,.95))}.vx-conversations{display:flex;flex-direction:column;border-inline-end:1px solid rgba(255,255,255,.07)}.vx-side-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid rgba(255,255,255,.065)}.vx-side-head>div{display:flex;flex-direction:column}.vx-side-head small{color:var(--txt-faint);font-size:.7rem}.vx-icon-btn,.vx-tool{display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);color:var(--txt-dim);cursor:pointer}.vx-icon-btn{width:35px;height:35px;border-radius:10px}.vx-icon-btn:hover,.vx-tool:hover{color:#fff;border-color:rgba(33,223,203,.3)}.vx-conversation-list{flex:1;min-height:0;overflow:auto;padding:8px}.vx-conversation-list>button{width:100%;display:flex;flex-direction:column;gap:7px;padding:12px;margin-bottom:5px;border:1px solid transparent;border-radius:12px;background:transparent;color:inherit;text-align:start;cursor:pointer;transition:.18s}.vx-conversation-list>button:hover{background:rgba(255,255,255,.035)}.vx-conversation-list>button.active{border-color:rgba(33,223,203,.24);background:linear-gradient(120deg,rgba(33,223,203,.09),rgba(65,141,255,.055));box-shadow:inset 3px 0 0 var(--vx-teal)}.vx-list-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.vx-list-top strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}.vx-list-top .vx-dot{width:7px;height:7px;border-radius:50%;background:#79a7ff;flex:none}.vx-list-top .vx-dot.high,.vx-list-top .vx-dot.urgent{background:#ff6d59;box-shadow:0 0 12px rgba(255,88,70,.5)}.vx-conversation-list p{margin:0;color:var(--txt-faint);font-size:.71rem;line-height:1.45;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.vx-conversation-list>button>div:last-child{display:flex;justify-content:space-between;color:#7d8897;font-size:.62rem}.vx-conversation-list em{font-style:normal}.vx-side-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:60px 20px;color:var(--txt-faint)}.vx-side-empty b{color:var(--txt-dim)}.vx-side-empty span{font-size:.72rem}.vx-chat-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:radial-gradient(circle at 50% -20%,rgba(65,141,255,.07),transparent 40%),#090c12}.vx-chat-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:75px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.065);background:rgba(11,14,20,.84);backdrop-filter:blur(12px)}.vx-chat-title{display:flex;align-items:center;gap:8px}.vx-chat-title h3{margin:0;max-width:460px;font-size:.98rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vx-chat-head p{margin:4px 0 0;color:var(--txt-faint);font-size:.7rem}.vx-live-dot{width:8px;height:8px;border-radius:50%;background:var(--vx-teal);box-shadow:0 0 0 5px rgba(33,223,203,.08),0 0 14px rgba(33,223,203,.45)}.vx-status{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:.62rem;font-weight:700;border:1px solid rgba(255,255,255,.09);color:var(--txt-dim);background:rgba(255,255,255,.035);white-space:nowrap}.vx-status.good{color:#74e7af;border-color:rgba(65,205,139,.23);background:rgba(65,205,139,.07)}.vx-status.warn{color:#ffc276;border-color:rgba(255,161,61,.25);background:rgba(255,138,27,.07)}.vx-status.danger{color:#ff8d81;border-color:rgba(255,89,71,.25);background:rgba(255,73,54,.07)}.vx-chat-actions{display:flex;align-items:center;gap:7px}.vx-ticket-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:rgba(65,141,255,.08);color:#94bdff;font-size:.65rem}.vx-chat-feed{flex:1;min-height:0;overflow:auto;padding:22px 24px;scroll-behavior:smooth}.vx-chat-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--txt-faint)}.vx-chat-loading svg{animation:vxSpin 1s linear infinite}.vx-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:700px;min-height:100%;margin:auto;padding:30px}.vx-welcome-orb{width:72px;height:72px;margin-bottom:20px}.vx-welcome h3{font-size:1.6rem;margin:7px 0}.vx-welcome>p{max-width:630px;color:var(--txt-dim);line-height:1.75;font-size:.9rem}.vx-auto-captured{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:16px 0}.vx-auto-captured span{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(33,223,203,.14);border-radius:9px;background:rgba(33,223,203,.045);color:#a5dcd7;font-size:.7rem}.vx-welcome-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(540px,100%);margin-top:8px}.vx-welcome-actions button,.vx-quick-replies button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--txt-dim);cursor:pointer;transition:.18s}.vx-welcome-actions button{padding:11px;border-radius:11px}.vx-welcome-actions button:hover,.vx-quick-replies button:hover{border-color:rgba(33,223,203,.28);color:#fff;background:rgba(33,223,203,.06)}.vx-message{display:flex;gap:10px;max-width:88%;margin:0 0 18px}.vx-message.own{margin-inline-start:auto;flex-direction:row-reverse}.vx-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;flex:none;color:#07110f;background:linear-gradient(145deg,#89f5e9,var(--vx-teal))}.vx-message.own .vx-avatar{color:#fff;background:linear-gradient(145deg,#ff9b3f,var(--vx-orange))}.vx-message.technician .vx-avatar{color:#fff;background:linear-gradient(145deg,#6aa5ff,#2f6ed9)}.vx-message.system .vx-avatar{color:#fff;background:linear-gradient(145deg,#767f91,#3a414e)}.vx-message-body{min-width:0;padding:12px 14px;border:1px solid rgba(255,255,255,.075);border-radius:5px 15px 15px 15px;background:rgba(255,255,255,.035);box-shadow:0 10px 26px rgba(0,0,0,.12)}.vx-message.own .vx-message-body{border-color:rgba(255,122,0,.19);border-radius:15px 5px 15px 15px;background:linear-gradient(135deg,rgba(255,122,0,.11),rgba(255,122,0,.045))}.vx-message.ai .vx-message-body{border-color:rgba(33,223,203,.16);background:linear-gradient(135deg,rgba(33,223,203,.065),rgba(255,255,255,.025))}.vx-message-body header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:7px}.vx-message-body header b{font-size:.7rem;color:#d9e2eb}.vx-message-body header time{font-size:.58rem;color:#707c89}.vx-message-text{color:#c3ced8;font-size:.83rem;line-height:1.72;white-space:normal;word-break:break-word}.vx-confidence{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055);font-size:.62rem;color:#85929f}.vx-confidence i,.vx-context-score>i{position:relative;display:block;overflow:hidden;height:5px;border-radius:99px;background:rgba(255,255,255,.07)}.vx-confidence i{width:100px}.vx-confidence em,.vx-context-score em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--vx-blue),var(--vx-teal))}.vx-confidence b{color:var(--vx-teal)}.vx-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.vx-attachments button{display:flex;align-items:center;gap:6px;max-width:260px;padding:7px 9px;border:1px solid rgba(255,255,255,.075);border-radius:8px;background:rgba(0,0,0,.18);color:var(--txt-dim);cursor:pointer}.vx-attachments span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.67rem}.vx-attachments small{font-size:.57rem;color:#788491}.vx-action-card{display:flex;align-items:flex-start;gap:12px;max-width:90%;margin:4px auto 18px;padding:14px;border:1px solid rgba(65,141,255,.18);border-radius:14px;background:linear-gradient(135deg,rgba(65,141,255,.065),rgba(255,255,255,.025))}.vx-action-card.warn{border-color:rgba(255,149,43,.24);background:linear-gradient(135deg,rgba(255,122,0,.07),rgba(255,255,255,.025))}.vx-action-card.good{border-color:rgba(64,204,139,.2)}.vx-action-card.danger{border-color:rgba(255,86,68,.24)}.vx-action-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:rgba(65,141,255,.1);color:#8bb8ff;flex:none}.vx-action-main{flex:1;min-width:0}.vx-action-main>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}.vx-action-main b{font-size:.8rem}.vx-action-main p{margin:5px 0;color:var(--txt-dim);font-size:.72rem;line-height:1.55}.vx-action-main>small{color:#778391;font-size:.6rem}.vx-action-result{display:flex;align-items:center;gap:5px;margin-top:8px;padding:7px 9px;border-radius:8px;background:rgba(0,0,0,.16);color:#9fd8d2;font-size:.66rem}.vx-action-buttons{display:flex;gap:6px;flex:none}.vx-resolution-banner{display:flex;align-items:center;gap:10px;max-width:600px;margin:20px auto;padding:13px 16px;border:1px solid rgba(70,205,141,.22);border-radius:13px;background:rgba(70,205,141,.07);color:#7ce3b1}.vx-resolution-banner>div{display:flex;flex-direction:column}.vx-resolution-banner span{font-size:.7rem;color:#9ec7b2}.vx-quick-replies{display:flex;gap:7px;overflow-x:auto;padding:8px 18px 2px}.vx-quick-replies button{flex:none;padding:7px 10px;border-radius:999px;font-size:.65rem}.vx-composer-wrap{padding:9px 18px 14px;background:linear-gradient(0deg,rgba(9,12,18,1),rgba(9,12,18,.88));border-top:1px solid rgba(255,255,255,.055)}.vx-file-strip{display:flex;gap:6px;overflow-x:auto}.vx-file-strip:empty{display:none}.vx-file-strip>span{display:flex;align-items:center;gap:5px;max-width:220px;margin-bottom:6px;padding:5px 7px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:rgba(255,255,255,.03);font-size:.62rem;color:var(--txt-dim)}.vx-file-strip>span>button{display:grid;place-items:center;border:0;background:none;color:#8e99a5;cursor:pointer}.vx-composer{display:flex;gap:10px;padding:9px 10px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035);box-shadow:0 12px 35px rgba(0,0,0,.2)}.vx-composer:focus-within{border-color:rgba(33,223,203,.28);box-shadow:0 0 0 3px rgba(33,223,203,.045)}.vx-composer textarea{flex:1;min-width:0;max-height:110px;padding:5px;border:0;resize:none;outline:0;background:transparent;color:#fff;font:inherit;font-size:.82rem;line-height:1.55}.vx-composer textarea::placeholder{color:#65717e}.vx-composer-tools{display:flex;align-items:flex-end;gap:5px}.vx-tool{width:34px;height:34px;border-radius:9px}.vx-tool input{display:none}.vx-tool.recording{color:#ff8f84;border-color:rgba(255,85,66,.4);animation:vxPulse 1s ease infinite}.vx-send{display:flex;align-items:center;gap:6px;height:36px;padding:0 13px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff9140,var(--vx-orange));color:#fff;font-weight:700;font-size:.69rem;cursor:pointer;box-shadow:0 8px 22px rgba(255,122,0,.2)}.vx-send:disabled{opacity:.4;cursor:not-allowed}.vx-consent-copy{display:block;margin-top:6px;color:#66727e;font-size:.58rem;text-align:center}.vx-context-panel{min-width:0;overflow:auto;border-inline-start:1px solid rgba(255,255,255,.07);padding:15px}.vx-context-head{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid rgba(255,255,255,.065)}.vx-context-head>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(33,223,203,.08);color:var(--vx-teal)}.vx-context-head>div{display:flex;flex-direction:column}.vx-context-head small{font-size:.64rem;color:var(--txt-faint)}.vx-context-score{padding:15px 2px}.vx-context-score>div{display:flex;align-items:center;justify-content:space-between}.vx-context-score span{font-size:.65rem;color:#82909d}.vx-context-score b{font-family:var(--display);font-size:1rem;color:var(--vx-teal)}.vx-context-score>i{width:100%;margin:7px 0}.vx-context-score p{margin:8px 0 0;color:var(--txt-dim);font-size:.67rem;line-height:1.55}.vx-context-group{margin-bottom:10px;padding:12px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.022)}.vx-context-group h4{display:flex;align-items:center;gap:6px;margin:0 0 9px;font-size:.7rem;color:#c4d0db}.vx-context-group dl{display:flex;flex-direction:column;gap:6px;margin:0}.vx-context-group dl>div,.vx-health-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.vx-context-group dt,.vx-health-list span{color:#778491;font-size:.61rem}.vx-context-group dd{min-width:0;max-width:180px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#b7c1cc;font-size:.62rem;text-align:end}.vx-health-list{display:flex;flex-direction:column;gap:6px}.vx-health-list em{font-style:normal;font-size:.58rem;color:#8995a1}.vx-health-list em.good{color:#73e5ae}.vx-health-list em.danger{color:#ff8c81}.vx-health-list>small{font-size:.61rem;color:#74808d}.vx-context-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.vx-context-stats span{display:flex;flex-direction:column;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(255,255,255,.02);color:#778491;font-size:.55rem}.vx-context-stats b{font-family:var(--display);font-size:.95rem;color:#d1d9e1}.vx-sla{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:8px;background:rgba(255,122,0,.055)}.vx-sla span{font-size:.61rem;color:#86929f}.vx-sla b{font-size:.65rem;color:#ffbd76}.vx-mini-timeline{display:flex;flex-direction:column;margin-top:9px}.vx-mini-timeline>div{display:grid;grid-template-columns:8px 1fr auto;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.vx-mini-timeline i{width:5px;height:5px;border-radius:50%;background:var(--vx-teal)}.vx-mini-timeline span{font-size:.59rem;color:#a6b1bc}.vx-mini-timeline time{font-size:.52rem;color:#6f7b87}.vx-approval-back{z-index:2500}.vx-approval{width:min(480px,calc(100vw - 28px));max-height:90vh;overflow:auto;text-align:center}.vx-approval-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 13px;border-radius:17px;background:rgba(33,223,203,.09);color:var(--vx-teal)}.vx-approval-icon.danger{background:rgba(255,83,66,.08);color:#ff8c81}.vx-approval h3{margin:0 0 9px}.vx-approval>p{color:var(--txt-dim);font-size:.8rem;line-height:1.6}.vx-approval-risk{margin:12px 0;padding:9px;border:1px solid rgba(255,122,0,.17);border-radius:9px;background:rgba(255,122,0,.055);color:#ffc286;font-size:.66rem}.vx-approval form{display:flex;flex-direction:column;gap:10px;text-align:start}.vx-approval label>span{display:block;margin-bottom:5px;color:var(--txt-dim);font-size:.7rem}.vx-approval textarea{resize:vertical}.vx-form-error{padding:8px 10px;border-radius:8px;background:rgba(255,80,65,.07);color:#ff9c93;font-size:.7rem}@keyframes vxSpin{to{transform:rotate(360deg)}}@keyframes vxPulse{50%{box-shadow:0 0 0 6px rgba(255,83,66,.08)}}
@media(max-width:1180px){.vx-support-grid.with-context{grid-template-columns:245px minmax(420px,1fr)}.vx-context-panel{display:none}.vx-support-grid.with-context{height:min(760px,calc(100vh - 250px))}}
@media(max-width:820px){.vx-support-hero{align-items:flex-start;flex-direction:column}.vx-hero-actions{width:100%;flex-wrap:wrap}.vx-support-grid,.vx-support-grid.with-context{grid-template-columns:1fr;height:auto;min-height:0}.vx-conversations{max-height:210px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.07)}.vx-conversation-list{display:flex;overflow-x:auto}.vx-conversation-list>button{min-width:230px}.vx-chat-panel{height:680px}.vx-message{max-width:96%}}
@media(max-width:560px){.vx-support-hero{padding:17px}.vx-support-brand{align-items:flex-start}.vx-support-orb{width:46px;height:46px;border-radius:15px}.vx-support-brand h2{font-size:1.1rem}.vx-hero-actions .btn{flex:1}.vx-chat-head{align-items:flex-start;flex-direction:column}.vx-chat-actions{width:100%;overflow-x:auto}.vx-chat-feed{padding:16px 12px}.vx-welcome{padding:20px 6px}.vx-welcome-actions{grid-template-columns:1fr}.vx-action-card{max-width:100%;flex-wrap:wrap}.vx-action-buttons{width:100%}.vx-action-buttons .btn{flex:1}.vx-composer-wrap{padding:8px}.vx-composer{flex-direction:column}.vx-composer-tools{justify-content:flex-end}.vx-send{flex:1;justify-content:center}.vx-consent-copy{line-height:1.4}}
@media(prefers-reduced-motion:reduce){.vx-chat-feed{scroll-behavior:auto}.vx-tool.recording,.vx-chat-loading svg{animation:none}}


/* src/styles/customer-portal.css */
.customer-portal-page{padding-bottom:70px}.customer-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 20px;padding:7px;border:1px solid var(--glass-border);border-radius:16px;background:var(--glass)}.customer-tabs a{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:11px;color:var(--txt-dim);font-size:.9rem;font-weight:600}.customer-tabs a.active{background:linear-gradient(135deg,rgba(45,127,255,.2),rgba(28,218,202,.1));color:var(--txt);box-shadow:inset 0 0 0 1px rgba(45,127,255,.35)}.customer-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.portal-notice,.portal-error,.portal-privacy-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid rgba(45,127,255,.25);background:rgba(45,127,255,.07);border-radius:14px;margin:0 0 16px}.portal-notice.warning{border-color:rgba(255,170,0,.28);background:rgba(255,170,0,.08)}.portal-notice>div,.portal-error>div,.portal-privacy-card>div{display:flex;flex-direction:column;gap:3px;flex:1}.portal-notice span,.portal-error span,.portal-privacy-card span{color:var(--txt-dim);font-size:.86rem}.product-install-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px}.product-install-card{padding:17px;border:1px solid var(--glass-border);background:rgba(255,255,255,.018);border-radius:15px;display:flex;flex-direction:column;gap:14px}.product-install-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.product-install-head>div{display:flex;flex-direction:column}.product-install-head small,.installation-row small{color:var(--txt-faint);font-size:.78rem}.product-install-list{display:flex;flex-direction:column;gap:8px}.installation-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:12px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.055)}.installation-row>div:first-child{display:flex;flex-direction:column;gap:3px}.portal-status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid transparent}.portal-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.portal-status.good{color:#73e6ac;background:rgba(38,194,129,.09);border-color:rgba(38,194,129,.22)}.portal-status.warn{color:#ffc56b;background:rgba(255,166,0,.08);border-color:rgba(255,166,0,.2)}.portal-status.neutral{color:var(--txt-dim);background:rgba(255,255,255,.04);border-color:var(--glass-border)}.portal-empty{padding:26px;text-align:center;color:var(--txt-faint);font-size:.88rem}.portal-empty.compact{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;border:1px dashed var(--glass-border);border-radius:12px}.ticket-list{display:flex;flex-direction:column}.ticket-list article{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;padding:13px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.ticket-list article:last-child{border-bottom:0}.ticket-main{display:flex;align-items:flex-start;gap:10px}.ticket-main>div{display:flex;flex-direction:column;gap:3px}.ticket-main small{font-size:.76rem;color:var(--txt-faint)}.ticket-main p{margin:7px 0 0;color:var(--txt-dim);font-size:.84rem;line-height:1.65}.priority-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;background:var(--silver)}.priority-dot.high,.priority-dot.urgent{background:#ff795f}.priority-dot.normal{background:#ffbd4a}.priority-dot.low{background:#61a5ff}.mini-integration-list,.license-list,.security-activity-list{display:flex;flex-direction:column}.mini-integration-list>div,.license-list>div,.security-activity-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.05)}.mini-integration-list>div:last-child,.license-list>div:last-child,.security-activity-list>div:last-child{border-bottom:0}.mini-integration-list>div>div,.license-list>div>div,.security-activity-list>div>div{display:flex;flex-direction:column;gap:2px;flex:1}.mini-integration-list small,.license-list small,.security-activity-list small{font-size:.75rem;color:var(--txt-faint)}.remote-request-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.remote-request-card{display:flex;gap:13px;padding:15px;border-radius:14px;border:1px solid rgba(255,122,0,.25);background:rgba(255,122,0,.055)}.remote-request-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:rgba(255,122,0,.12);color:var(--orange);flex:none}.remote-request-content{display:flex;flex-direction:column;gap:9px;flex:1}.remote-request-content small{color:var(--txt-faint)}.remote-scopes{display:flex;gap:6px;flex-wrap:wrap}.remote-scopes span,.remote-dialog-summary em{font-style:normal;padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.05);font-size:.7rem;color:var(--txt-dim)}.portal-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 18px}.portal-section-header h2{font-size:1.35rem;margin:0 0 5px}.portal-section-header p{color:var(--txt-dim);font-size:.9rem;margin:0}.portal-privacy-card{margin-top:16px}.security-card-grid,.integration-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin-bottom:16px}.security-setting-card,.integration-card{padding:18px;border:1px solid var(--glass-border);background:var(--glass);border-radius:15px}.security-setting-card h3,.integration-card h3{font-size:1rem;margin:14px 0 6px}.security-setting-card p,.integration-card p,.integration-card small{color:var(--txt-dim);font-size:.82rem;line-height:1.65}.integration-card{display:grid;grid-template-columns:auto 1fr;gap:12px;position:relative}.integration-card>.portal-status{position:absolute;inset-inline-end:14px;top:14px}.integration-card h3{margin:2px 0 4px}.security-activity-list .activity-dot{width:9px;height:9px;border-radius:50%;background:#73e6ac;flex:none}.security-activity-list .activity-dot.error,.security-activity-list .activity-dot.denied{background:#ff795f}.billing-total{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;gap:7px}.billing-total b{font-size:2.4rem;color:var(--green)}.billing-total small{color:var(--txt-faint);text-align:center}.portal-table-wrap{overflow-x:auto}.portal-loading{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--txt-dim)}.portal-loading svg{animation:portalSpin 1s linear infinite}.portal-error{border-color:rgba(255,88,88,.25);background:rgba(255,88,88,.07)}.portal-form-error{padding:9px 11px;border-radius:9px;background:rgba(255,88,88,.08);border:1px solid rgba(255,88,88,.2);color:#ff9b9b;font-size:.82rem}.portal-modal-back{z-index:2100}.portal-modal{max-width:560px;max-height:90vh;overflow:auto}.portal-dialog-title{display:flex;align-items:center;gap:11px;margin-bottom:18px}.portal-dialog-title h2{font-size:1.25rem}.portal-dialog-form{display:flex;flex-direction:column;gap:13px}.portal-dialog-form .field{margin:0}.portal-dialog-form .field>span{display:block;margin-bottom:7px;font-size:.82rem;color:var(--txt-dim)}.portal-textarea{min-height:130px;resize:vertical}.pairing-result,.totp-secret{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.pairing-result code{font-size:2rem;letter-spacing:.12em;padding:15px 18px;border-radius:14px;background:#05070b;border:1px solid rgba(45,127,255,.35);color:#8ec1ff}.totp-secret code{word-break:break-all;padding:11px;border-radius:10px;background:#05070b;color:#8ec1ff}.pairing-result small,.totp-secret small{color:var(--txt-faint)}.remote-dialog-summary{display:flex;flex-direction:column;gap:8px;padding:13px;border-radius:12px;background:rgba(255,122,0,.06);border:1px solid rgba(255,122,0,.18);margin-bottom:14px}.remote-dialog-summary>div{display:flex;flex-wrap:wrap;gap:6px}.remote-dialog-summary span,.remote-dialog-summary small{font-size:.8rem;color:var(--txt-dim)}@keyframes portalSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-install-grid{grid-template-columns:1fr}.installation-row{grid-template-columns:1fr auto}.installation-row>.row{grid-column:1/-1}.portal-section-header{flex-direction:column}.integration-card-grid,.security-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.customer-summary-grid,.security-card-grid,.integration-card-grid{grid-template-columns:1fr}.customer-tabs{overflow-x:auto;flex-wrap:nowrap}.customer-tabs a{white-space:nowrap}.product-install-head{grid-template-columns:auto 1fr}.product-install-head>.portal-status{grid-column:1/-1;justify-self:start}.portal-notice,.portal-error,.portal-privacy-card{align-items:flex-start;flex-wrap:wrap}.remote-request-grid{grid-template-columns:1fr}.remote-request-card{flex-direction:column}.portal-empty.compact{flex-direction:column}.portal-modal{width:calc(100% - 24px)}}


/* src/index.css */
/* ============================================================
   CODE SYSTEMS — GLOBAL DESIGN SYSTEM
   Brand: orange/silver + AI blue/teal, deep black, glass + neon
   ============================================================ */
:root{
  --orange:#FF7A00; --orange-soft:#FF9E3D; --silver:#C0C0C0;
  --ai-blue:#2D7FFF; --ai-teal:#00E5C3; --bg:#050505; --bg-2:#0a0b0f; --bg-3:#0e1118;
  --purple:#8B5CF6; --green:#22C55E; --gold:#E0A434; --red:#EF4444; --amber:#F59E0B;
  --glass:rgba(255,255,255,.04); --glass-2:rgba(255,255,255,.06); --glass-border:rgba(255,255,255,.08);
  --txt:#F4F6FB; --txt-dim:#9aa3b2; --txt-faint:#5b6271;
  --display:'Space Grotesk','Rubik',sans-serif; --body:'Rubik','Space Grotesk',sans-serif; --mono:'JetBrains Mono',monospace;
  --maxw:1320px; --radius:18px;
  /* status colors */
  --st-active:#22C55E; --st-dev:#2D7FFF; --st-maint:#FF7A00; --st-down:#EF4444; --st-off:#5b6271;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:#050505}
body{font-family:var(--body);background:#050505;background:var(--bg);color:#F4F6FB;color:var(--txt);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
input,textarea,select{font-family:inherit}
img,svg{display:block;max-width:100%}
::selection{background:rgba(255,122,0,.35);color:#fff}
.en{font-family:var(--display);direction:ltr;unicode-bidi:isolate}
.mono{font-family:var(--mono);direction:ltr;unicode-bidi:isolate}
:focus-visible{outline:2px solid var(--ai-blue);outline-offset:2px;border-radius:6px}

/* ---------- ambient background ---------- */
.bg-layer{position:fixed;inset:0;z-index:0;pointer-events:none}
.bg-grid{position:absolute;inset:-2px;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse 90% 55% at 50% 0%,#000 30%,transparent 78%);
  mask-image:radial-gradient(ellipse 90% 55% at 50% 0%,#000 30%,transparent 78%);
  animation:gridShift 50s linear infinite}
@keyframes gridShift{to{background-position:56px 56px}}
.bg-blob{position:absolute;border-radius:50%;filter:blur(130px)}
.blob-o{top:-200px;right:-120px;width:520px;height:520px;background:radial-gradient(circle,var(--orange),transparent 65%);opacity:.16}
.blob-b{top:30%;left:-180px;width:560px;height:560px;background:radial-gradient(circle,var(--ai-blue),transparent 65%);opacity:.13}
.blob-t{bottom:-220px;right:8%;width:600px;height:600px;background:radial-gradient(circle,var(--ai-teal),transparent 65%);opacity:.08}

/* ---------- layout ---------- */
.app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px;width:100%}
main{flex:1}
.page{padding:120px 0 90px}
.page-narrow{max-width:980px}

/* ---------- typography helpers ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:9px;font-family:var(--display);letter-spacing:.26em;font-size:.7rem;
  text-transform:uppercase;color:var(--silver);border:1px solid var(--glass-border);background:var(--glass);padding:7px 16px;border-radius:30px}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange)}
.h1{font-family:var(--display);font-weight:700;font-size:clamp(2rem,5vw,3.4rem);line-height:1.06;letter-spacing:-.02em}
.h2{font-family:var(--display);font-weight:700;font-size:clamp(1.7rem,3.8vw,2.6rem);line-height:1.1;letter-spacing:-.01em}
.h3{font-family:var(--display);font-weight:600;font-size:1.2rem}
.lead{color:var(--txt-dim);font-size:1.08rem;max-width:640px}
.muted{color:var(--txt-dim)}.faint{color:var(--txt-faint)}
.page-head{margin-bottom:34px}
.page-head .h1{margin:14px 0 12px}

/* ---------- buttons ---------- */
.btn{font-weight:600;font-size:.96rem;padding:12px 24px;border-radius:13px;transition:.22s;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.btn svg{width:18px;height:18px}
.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange-soft));color:#fff;box-shadow:0 8px 26px rgba(255,122,0,.32)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(255,122,0,.46)}
.btn-blue{background:linear-gradient(135deg,var(--ai-blue),#5b9bff);color:#fff;box-shadow:0 8px 26px rgba(45,127,255,.3)}
.btn-blue:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(45,127,255,.45)}
.btn-ghost{background:var(--glass);border-color:var(--glass-border);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.btn-ghost:hover{border-color:var(--ai-blue);box-shadow:0 0 24px rgba(45,127,255,.22);transform:translateY(-2px)}
.btn-line{background:transparent;color:var(--txt-dim);border-color:var(--glass-border)}
.btn-line:hover{color:#fff;border-color:var(--silver)}
.btn-sm{padding:8px 16px;font-size:.86rem;border-radius:10px}
.btn-danger{background:rgba(239,68,68,.14);border-color:rgba(239,68,68,.4);color:#ff9a9a}
.btn-danger:hover{background:rgba(239,68,68,.22)}
.btn-block{width:100%}

/* ---------- glass card kit ---------- */
.card{background:linear-gradient(160deg,var(--bg-3),var(--bg-2));border:1px solid var(--glass-border);border-radius:var(--radius);padding:22px;position:relative;overflow:hidden}
.card-glass{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--glass-border);border-radius:var(--radius);padding:22px}
.card-hover{transition:transform .3s,border-color .3s,box-shadow .3s}
.card-hover:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(0,0,0,.5)}
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.g4{grid-template-columns:repeat(4,1fr)}
.row{display:flex;gap:12px;align-items:center}
.row-between{display:flex;gap:12px;align-items:center;justify-content:space-between}
.wrap-gap{display:flex;gap:10px;flex-wrap:wrap}
.stack{display:flex;flex-direction:column;gap:12px}

/* ---------- stat card ---------- */
.stat{background:var(--glass);border:1px solid var(--glass-border);border-radius:14px;padding:18px}
.stat .lbl{font-size:.8rem;color:var(--txt-dim);display:flex;align-items:center;gap:7px}
.stat .lbl svg{width:16px;height:16px;color:var(--ai-blue)}
.stat .val{font-family:var(--display);font-size:1.7rem;font-weight:700;color:#fff;margin-top:6px;line-height:1}
.stat .delta{font-size:.78rem;margin-top:4px}
.up{color:var(--green)}.down{color:var(--red)}

/* ---------- status badge ---------- */
.badge{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;padding:5px 12px;border-radius:30px;border:1px solid}
.badge .led{width:7px;height:7px;border-radius:50%}
.badge.active{color:#7ee2a4;border-color:rgba(34,197,94,.4);background:rgba(34,197,94,.1)} .badge.active .led{background:var(--st-active);box-shadow:0 0 8px var(--st-active)}
.badge.dev{color:#9cc2ff;border-color:rgba(45,127,255,.4);background:rgba(45,127,255,.1)} .badge.dev .led{background:var(--st-dev);box-shadow:0 0 8px var(--st-dev)}
.badge.maint{color:#ffc285;border-color:rgba(255,122,0,.4);background:rgba(255,122,0,.1)} .badge.maint .led{background:var(--st-maint);box-shadow:0 0 8px var(--st-maint)}
.badge.down{color:#ff9a9a;border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.1)} .badge.down .led{background:var(--st-down);box-shadow:0 0 8px var(--st-down)}
.badge.off{color:#9aa3b2;border-color:rgba(120,130,150,.3);background:rgba(120,130,150,.08)} .badge.off .led{background:var(--st-off)}

/* priority pills */
.pill{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;font-weight:600;padding:4px 11px;border-radius:30px;border:1px solid}
.pill.low{color:#9aa3b2;border-color:var(--glass-border)}
.pill.normal{color:#9cc2ff;border-color:rgba(45,127,255,.35)}
.pill.high{color:#ffc285;border-color:rgba(255,122,0,.4)}
.pill.urgent{color:#ff9a9a;border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.08)}

/* ---------- progress / bars ---------- */
.bar{height:7px;border-radius:30px;background:rgba(255,255,255,.07);overflow:hidden}
.bar > i{display:block;height:100%;border-radius:30px;background:linear-gradient(90deg,var(--ai-blue),var(--ai-teal))}
.meter{height:8px;border-radius:30px;background:rgba(255,255,255,.07);overflow:hidden}
.meter > i{display:block;height:100%;border-radius:30px}

/* ---------- table ---------- */
.tbl{width:100%;border-collapse:collapse;font-size:.88rem}
.tbl th{text-align:start;color:var(--txt-faint);font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 12px;border-bottom:1px solid var(--glass-border)}
.tbl td{padding:12px;border-bottom:1px solid rgba(255,255,255,.05);color:var(--txt-dim)}
.tbl tr:hover td{background:rgba(255,255,255,.02)}
.tbl .strong{color:#fff;font-weight:600}

/* ---------- section icon chip ---------- */
.ico-chip{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex:none}
.ico-chip svg{width:24px;height:24px}

/* ---------- forms ---------- */
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.field label{font-size:.86rem;color:var(--txt-dim)}
.input,.textarea,.select{background:rgba(255,255,255,.04);border:1px solid var(--glass-border);border-radius:11px;padding:12px 14px;color:#fff;font-size:.95rem;transition:.2s;width:100%}
.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--ai-blue);box-shadow:0 0 0 3px rgba(45,127,255,.15)}
.textarea{min-height:120px;resize:vertical}
.help{font-size:.78rem;color:var(--txt-faint)}

/* ---------- toast ---------- */
.toast-wrap{position:fixed;bottom:22px;left:22px;z-index:1200;display:flex;flex-direction:column;gap:10px;max-width:340px}
.toast{display:flex;gap:11px;align-items:flex-start;background:rgba(14,17,24,.96);border:1px solid var(--glass-border);border-radius:13px;padding:13px 15px;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.5);animation:toastIn .35s cubic-bezier(.2,.7,.2,1)}
@keyframes toastIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.toast .t-ico{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none}
.toast .t-ico svg{width:17px;height:17px}
.toast.success .t-ico{background:rgba(34,197,94,.16);color:var(--green)}
.toast.error .t-ico{background:rgba(239,68,68,.16);color:var(--red)}
.toast.info .t-ico{background:rgba(45,127,255,.16);color:var(--ai-blue)}
.toast b{font-size:.9rem;color:#fff;display:block}
.toast span{font-size:.82rem;color:var(--txt-dim)}

/* ---------- modal ---------- */
.modal-back{position:fixed;inset:0;z-index:1100;background:rgba(2,3,6,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fade .25s}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal{width:100%;max-width:440px;background:linear-gradient(165deg,#0e1118,#0a0b0f);border:1px solid var(--glass-border);border-radius:22px;padding:30px;position:relative;animation:modalIn .3s cubic-bezier(.2,.7,.2,1);max-height:92vh;overflow:auto}
@keyframes modalIn{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:none}}
.modal .x{position:absolute;top:16px;left:16px;width:34px;height:34px;border-radius:10px;background:var(--glass);border:1px solid var(--glass-border);display:flex;align-items:center;justify-content:center;color:var(--txt-dim);transition:.2s}
.modal .x:hover{color:#fff;border-color:var(--silver)}
.modal-logo{display:flex;justify-content:center;margin-bottom:18px}

/* ---------- floating whatsapp ---------- */
.fab-wa{position:fixed;bottom:22px;right:22px;z-index:1000;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#25D366,#128C7E);
  display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(37,211,102,.4);transition:.25s;animation:fabPulse 2.6s ease-in-out infinite}
.fab-wa:hover{transform:scale(1.08)}
.fab-wa svg{width:30px;height:30px;color:#fff}
@keyframes fabPulse{0%,100%{box-shadow:0 10px 30px rgba(37,211,102,.4)}50%{box-shadow:0 10px 40px rgba(37,211,102,.7)}}

/* ---------- divider ---------- */
.hr{height:1px;background:var(--glass-border);border:none;margin:22px 0}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media(max-width:1024px){ .g4{grid-template-columns:repeat(2,1fr)} .g3{grid-template-columns:repeat(2,1fr)} }
@media(max-width:680px){
  .wrap{padding:0 16px}
  .g4,.g3,.g2{grid-template-columns:1fr}
  .page{padding:96px 0 80px}
  .hide-mobile{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}

/* ============ LIGHT THEME ============ */
[data-theme="light"]{
  --bg:#F4F6FB;--bg-2:#ffffff;--bg-3:#f7f9fc;
  --glass:rgba(10,15,30,.03);--glass-border:rgba(10,15,30,.1);
  --txt:#0e1422;--txt-dim:#5a6478;--txt-faint:#8a92a3;
}
[data-theme="light"] body{background:#F4F6FB}
[data-theme="light"] .bg-grid{background-image:linear-gradient(rgba(10,15,30,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(10,15,30,.03) 1px,transparent 1px)}
[data-theme="light"] .blob-o{opacity:.1}[data-theme="light"] .blob-b{opacity:.08}[data-theme="light"] .blob-t{opacity:.06}
[data-theme="light"] header.scrolled{background:rgba(244,246,251,.85)}
[data-theme="light"] .card{box-shadow:0 2px 12px rgba(10,15,30,.05)}
[data-theme="light"] .btn-ghost{color:var(--txt)}
[data-theme="light"] .modal,[data-theme="light"] .toast{background:#ffffff}
[data-theme="light"] .en,[data-theme="light"] .stat .val,[data-theme="light"] .tbl .strong{color:var(--txt)}

/* theme toggle button */
.theme-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass);display:flex;align-items:center;justify-content:center;color:var(--txt-dim);transition:.2s}
.theme-btn:hover{color:var(--txt);border-color:var(--silver)}

/* avatar */
.avatar{border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--orange-soft));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none;overflow:hidden;background-size:cover;background-position:center}
.avatar img{width:100%;height:100%;object-fit:cover}

/* scroll reveal */
.sr{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.sr.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.sr{opacity:1;transform:none}}

/* toggle switch */
.sw{width:44px;height:25px;border-radius:30px;position:relative;transition:.2s;flex:none;border:none;cursor:pointer}
.sw i{position:absolute;top:3px;width:19px;height:19px;border-radius:50%;background:#fff;transition:.2s}

/* pricing */
.price-card{display:flex;flex-direction:column;position:relative;transition:transform .3s,border-color .3s}
.price-card.pop{border-color:var(--orange)}
.price-card.pop::before{content:'הכי פופולרי';position:absolute;top:-11px;right:20px;background:linear-gradient(135deg,var(--orange),var(--orange-soft));color:#fff;font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:30px}
@media(hover:hover){.price-card:hover{transform:translateY(-6px)}}

/* ---------- privacy, accessibility and conversion ---------- */
html{font-size:calc(16px * var(--a11y-scale,1))}
[data-a11y-readable="true"] body,[data-a11y-readable="true"] button,[data-a11y-readable="true"] input,[data-a11y-readable="true"] textarea,[data-a11y-readable="true"] select{font-family:Arial,"Noto Sans Hebrew",sans-serif!important;letter-spacing:normal!important}
[data-a11y-links="true"] a{text-decoration:underline!important;text-underline-offset:3px}
[data-a11y-contrast="true"]{filter:contrast(1.2)}
[data-a11y-contrast="true"] .muted,[data-a11y-contrast="true"] .faint{color:#fff!important}
.cookie-layer{position:fixed;inset:0;z-index:1900;display:flex;align-items:flex-end;justify-content:center;padding:20px;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55))}
.cookie-card{width:min(1040px,100%);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 24px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(9,11,16,.96);box-shadow:0 24px 80px rgba(0,0,0,.55);backdrop-filter:blur(18px)}
.cookie-card b{display:block;color:#fff;font-size:1rem;margin-bottom:6px}.cookie-card p{margin:0;color:var(--txt-dim);line-height:1.65;font-size:.86rem}.cookie-card a{display:inline-block;color:var(--ai-blue);font-size:.8rem;margin-top:5px}.cookie-actions{display:flex;gap:9px;flex:none}
.a11y-fab{position:fixed;right:24px;bottom:91px;z-index:1000;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:#fff;color:#090b10;font-weight:800;font-size:.75rem;padding:10px 14px;box-shadow:0 10px 32px rgba(0,0,0,.35)}
.a11y-backdrop{position:fixed;inset:0;z-index:2000;background:rgba(2,3,6,.72);display:grid;place-items:center;padding:18px;backdrop-filter:blur(8px)}
.a11y-panel{position:relative;width:min(430px,100%);padding:28px;border-radius:22px;border:1px solid var(--glass-border);background:#0b0e14;box-shadow:0 30px 100px rgba(0,0,0,.6)}
.a11y-panel h2{margin:0 0 20px;color:#fff}.a11y-close{position:absolute;left:14px;top:12px;width:34px;height:34px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass);color:#fff;font-size:1.4rem}.a11y-control,.a11y-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--glass-border)}
.a11y-control div{display:flex;align-items:center;gap:8px}.a11y-control button{width:34px;height:34px;border:1px solid var(--glass-border);border-radius:9px;background:var(--glass);color:#fff;font-size:1.2rem}.a11y-toggle input{width:20px;height:20px;accent-color:var(--orange)}.a11y-statement{display:block;text-align:center;color:var(--ai-blue);font-size:.8rem;margin-top:14px}
.sales-popup{position:fixed;left:22px;bottom:22px;z-index:1050;width:min(390px,calc(100vw - 44px));padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:radial-gradient(110% 150% at 0 0,rgba(45,127,255,.18),transparent 50%),radial-gradient(100% 130% at 100% 100%,rgba(255,122,0,.2),transparent 55%),rgba(8,10,15,.97);box-shadow:0 30px 90px rgba(0,0,0,.55);backdrop-filter:blur(18px)}
.sales-popup-close{position:absolute;left:12px;top:10px;width:32px;height:32px;border-radius:9px;border:1px solid var(--glass-border);background:var(--glass);color:#fff;font-size:1.25rem}.sales-kicker{font-family:var(--display);letter-spacing:.13em;color:var(--orange);font-size:.66rem}.sales-popup h2{color:#fff;font-size:1.45rem;margin:9px 0}.sales-popup p{color:var(--txt-dim);font-size:.88rem;line-height:1.65}.sales-popup-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
@media(max-width:680px){.cookie-card{display:block}.cookie-actions{margin-top:14px;display:grid;grid-template-columns:1fr 1fr}.a11y-fab{right:18px;bottom:88px}.sales-popup{left:14px;bottom:14px;width:calc(100vw - 28px)}}


/* src/styles/site-premium.css */
/* ==========================================================
   CODE SYSTEMS 3.0 — PUBLIC SITE / MEDIA / PRODUCT LAYER
   ========================================================== */
:root {
  --site-line: rgba(255, 255, 255, .085);
  --site-line-strong: rgba(255, 255, 255, .14);
  --site-panel: rgba(12, 15, 22, .78);
  --site-panel-solid: #0b0e14;
  --site-shadow: 0 30px 90px rgba(0, 0, 0, .32);
  --site-ease: cubic-bezier(.2, .75, .2, 1);
}
[data-theme="light"] {
  --site-line: rgba(20, 28, 40, .10);
  --site-line-strong: rgba(20, 28, 40, .18);
  --site-panel: rgba(255, 255, 255, .84);
  --site-panel-solid: #fff;
  --site-shadow: 0 28px 70px rgba(55, 65, 82, .12);
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% -15%, rgba(255, 122, 0, .065), transparent 34%),
    radial-gradient(circle at 0% 45%, rgba(45, 127, 255, .05), transparent 28%),
    radial-gradient(circle at 100% 78%, rgba(0, 229, 195, .035), transparent 25%);
}

/* Header */
.cs-site-header { position: fixed; inset: 0 0 auto; z-index: 900; transition: background .35s, border-color .35s, box-shadow .35s; }
.cs-site-header.is-scrolled { background: rgba(5, 7, 11, .84); backdrop-filter: blur(24px) saturate(135%); -webkit-backdrop-filter: blur(24px) saturate(135%); border-bottom: 1px solid var(--site-line); box-shadow: 0 12px 45px rgba(0, 0, 0, .2); }
[data-theme="light"] .cs-site-header.is-scrolled { background: rgba(247, 249, 253, .9); }
.cs-site-nav { min-height: 76px; display: flex; align-items: center; gap: 24px; }
.cs-site-brand { flex: none; display: inline-flex; align-items: center; }
.cs-site-desktop-nav { display: flex; align-items: center; gap: 21px; margin-inline-start: auto; }
.cs-site-nav-link { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 10px 0; font-size: .86rem; color: var(--txt-dim); transition: color .2s; white-space: nowrap; }
.cs-site-nav-link::after { content: ""; position: absolute; inset: auto 0 3px; height: 1px; transform: scaleX(0); transform-origin: center; background: linear-gradient(90deg, var(--orange), var(--ai-teal)); transition: transform .22s; }
.cs-site-nav-link:hover, .cs-site-nav-link.active { color: var(--txt); }
.cs-site-nav-link:hover::after, .cs-site-nav-link.active::after { transform: scaleX(1); }
.cs-site-actions { display: flex; align-items: center; gap: 9px; }
.cs-theme-toggle, .cs-mobile-trigger { width: 39px; height: 39px; display: grid; place-items: center; border: 1px solid var(--site-line); border-radius: 12px; background: rgba(255, 255, 255, .035); color: var(--txt-dim); transition: .2s; }
.cs-theme-toggle:hover, .cs-mobile-trigger:hover { color: var(--txt); border-color: rgba(45, 127, 255, .42); background: rgba(45, 127, 255, .08); }
.cs-mobile-trigger { display: none; }
.cs-account-wrap { position: relative; }
.cs-account-button { min-width: 188px; display: flex; align-items: center; gap: 9px; padding: 5px 9px; border: 1px solid var(--site-line); border-radius: 13px; background: rgba(255, 255, 255, .035); text-align: start; }
.cs-account-button > span { flex: 1; min-width: 0; }
.cs-account-button b, .cs-account-button small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cs-account-button b { font-size: .78rem; }
.cs-account-button small { color: var(--txt-faint); font-size: .62rem; }
.cs-account-menu { position: absolute; top: calc(100% + 9px); inset-inline-end: 0; width: 252px; padding: 8px; border: 1px solid var(--site-line); border-radius: 15px; background: rgba(10, 13, 19, .98); box-shadow: 0 25px 70px rgba(0, 0, 0, .48); backdrop-filter: blur(24px); }
[data-theme="light"] .cs-account-menu { background: rgba(255, 255, 255, .98); }
.cs-account-meta { padding: 10px 11px 12px; margin-bottom: 5px; border-bottom: 1px solid var(--site-line); }
.cs-account-meta b, .cs-account-meta span { display: block; }
.cs-account-meta b { font-size: .85rem; }.cs-account-meta span { color: var(--txt-faint); font-size: .67rem; direction: ltr; text-align: start; }
.cs-account-menu a, .cs-account-menu button { width: 100%; display: flex; align-items: center; gap: 9px; padding: 9px 10px; border-radius: 9px; color: var(--txt-dim); font-size: .8rem; text-align: start; }
.cs-account-menu a:hover, .cs-account-menu button:hover { color: var(--txt); background: rgba(255, 255, 255, .045); }
.cs-mobile-menu { border-bottom: 1px solid var(--site-line); background: rgba(5, 7, 11, .97); backdrop-filter: blur(22px); }
[data-theme="light"] .cs-mobile-menu { background: rgba(248, 250, 253, .98); }
.cs-mobile-menu .wrap { display: grid; gap: 5px; padding-block: 12px 18px; }
.cs-mobile-menu a { min-height: 45px; display: flex; align-items: center; gap: 9px; padding: 0 10px; border-radius: 10px; color: var(--txt-dim); font-size: .9rem; }
.cs-mobile-menu a > svg:last-child { margin-inline-start: auto; }.cs-mobile-menu a:hover { color: var(--txt); background: rgba(255, 255, 255, .04); }

/* Hero */
.cs-hero { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 122px 0 72px; overflow: hidden; }
.cs-hero-aurora { position: absolute; width: 850px; height: 850px; inset: -360px -240px auto auto; border-radius: 50%; pointer-events: none; background: conic-gradient(from 110deg, rgba(255, 122, 0, .13), transparent 25%, rgba(45, 127, 255, .09), transparent 58%, rgba(0, 229, 195, .075)); filter: blur(70px); animation: siteSpin 28s linear infinite; }
.cs-hero::before { content: ""; position: absolute; width: min(58vw, 850px); aspect-ratio: 1; inset: -14vw -17vw auto auto; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .045); box-shadow: 0 0 0 80px rgba(255, 255, 255, .012), 0 0 0 160px rgba(255, 255, 255, .009); pointer-events: none; }
.cs-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr); gap: 64px; align-items: center; }
.cs-hero-copy { position: relative; z-index: 2; }
.cs-hero-title { font-family: var(--display); font-size: clamp(3rem, 6.25vw, 5.65rem); line-height: .96; letter-spacing: -.047em; margin: 21px 0 0; }
.cs-hero-title span { display: block; }.cs-hero-title .brand { color: var(--txt); }
.cs-hero-title .orange, .cs-hero-title .teal { color: transparent; background-clip: text; -webkit-background-clip: text; }
.cs-hero-title .orange { background-image: linear-gradient(105deg, var(--txt) 0%, var(--orange-soft) 28%, var(--orange) 82%); }
.cs-hero-title .teal { background-image: linear-gradient(100deg, var(--ai-blue), #7eacff 40%, var(--ai-teal)); }
.cs-hero-copy .lead { max-width: 720px; margin-top: 27px; font-size: 1.08rem; line-height: 1.83; }.cs-hero-copy .lead b { color: var(--txt); }
.cs-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.cs-hero-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, auto)); gap: 25px; margin-top: 44px; }
.cs-hero-metric { padding-inline-start: 13px; border-inline-start: 1px solid var(--site-line); }
.cs-hero-metric b { display: block; font-family: var(--display); font-size: 1.65rem; line-height: 1; color: var(--txt); }
.cs-hero-metric span { display: block; margin-top: 6px; color: var(--txt-faint); font-size: .72rem; }
.cs-orbit-card { position: relative; width: 100%; max-width: 515px; aspect-ratio: 1; margin: auto; filter: drop-shadow(0 42px 80px rgba(0, 0, 0, .38)); }
.cs-orbit-ring { position: absolute; border: 1px solid rgba(255, 255, 255, .065); border-radius: 50%; }.cs-orbit-ring.r1 { inset: 5%; }.cs-orbit-ring.r2 { inset: 19%; }.cs-orbit-ring.r3 { inset: 34%; }
.cs-orbit-ring.r1::after { content: ""; position: absolute; width: 7px; height: 7px; top: 13%; left: 16%; border-radius: 50%; background: var(--ai-teal); box-shadow: 0 0 18px var(--ai-teal); }
.cs-orbit-core { position: absolute; inset: 30%; z-index: 3; display: grid; place-items: center; border-radius: 30%; background: linear-gradient(145deg, rgba(24, 29, 39, .96), rgba(7, 9, 14, .97)); border: 1px solid rgba(255, 255, 255, .13); box-shadow: 0 0 0 12px rgba(255, 122, 0, .022), 0 0 90px rgba(255, 122, 0, .15); overflow: hidden; }
.cs-orbit-core::before { content: ""; position: absolute; inset: -38%; z-index: -1; border-radius: 50%; background: conic-gradient(from 90deg, transparent, rgba(255, 122, 0, .17), transparent 32%, rgba(0, 229, 195, .13), transparent 65%); filter: blur(18px); animation: siteSpin 14s linear infinite; }
.cs-orbit-core svg { width: 58%; height: 58%; }.cs-core-label { position: absolute; bottom: 10%; font-family: var(--display); font-size: .48rem; letter-spacing: .13em; color: #8994a3; }
.cs-orbit-items { position: absolute; inset: 0; animation: siteSpin 42s linear infinite; }
.cs-orbit-item { position: absolute; z-index: 4; width: 53px; height: 53px; transform: translate(-50%, -50%); display: grid; place-items: center; border: 1px solid var(--site-line); border-radius: 16px; background: rgba(12, 16, 23, .92); box-shadow: 0 15px 38px rgba(0, 0, 0, .38), 0 0 24px color-mix(in srgb, var(--orbit-color) 10%, transparent); backdrop-filter: blur(13px); }
.cs-orbit-item > span { animation: siteSpin 42s linear infinite reverse; }
.cs-orbit-support { position: absolute; left: 50%; bottom: 0; z-index: 5; transform: translateX(-50%); display: flex; align-items: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(0, 229, 195, .22); border-radius: 999px; background: rgba(0, 229, 195, .06); color: #a8e8e1; font-size: .67rem; white-space: nowrap; }.cs-orbit-support i { width: 7px; height: 7px; border-radius: 50%; background: var(--ai-teal); box-shadow: 0 0 12px var(--ai-teal); animation: sitePulse 1.8s ease infinite; }
.cs-floating-signal { position: absolute; z-index: 5; display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid var(--site-line); border-radius: 10px; background: rgba(8, 11, 17, .82); color: #8692a1; font-size: .59rem; backdrop-filter: blur(10px); }.cs-floating-signal svg { color: var(--ai-blue); }.signal-a { top: 18%; right: -3%; }.signal-b { bottom: 22%; left: -4%; }

/* Status strip */
.cs-status-strip { border-block: 1px solid var(--site-line); background: rgba(255, 255, 255, .014); backdrop-filter: blur(9px); }.cs-status-strip .wrap { padding-block: 22px; }.cs-status-item { display: flex; align-items: center; gap: 8px; color: var(--txt-dim); font-size: .79rem; }

/* Shared section */
.site-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 25px; margin-bottom: 31px; }.site-section-head h2 { margin: 14px 0 10px; }.site-section-head .lead { font-size: .96rem; line-height: 1.75; }
.cs-section-counter { min-width: 118px; padding: 15px 18px; text-align: center; border: 1px solid var(--site-line); border-radius: 16px; background: rgba(255, 255, 255, .025); }.cs-section-counter b, .cs-section-counter span { display: block; }.cs-section-counter b { font-family: var(--display); font-size: 1.75rem; color: var(--txt); }.cs-section-counter span { color: var(--txt-faint); font-size: .66rem; }
.cs-site-empty { min-height: 250px; display: grid; place-items: center; align-content: center; gap: 8px; border: 1px dashed var(--site-line-strong); border-radius: 18px; color: var(--txt-faint); }.cs-site-empty b { color: var(--txt); }.cs-site-empty span { font-size: .82rem; }

/* Ecosystem */
.cs-ecosystem-section { scroll-margin-top: 80px; }
.cs-ecosystem-toolbar { display: flex; align-items: center; gap: 13px; margin-bottom: 23px; }
.cs-site-search, .video-hub-search { position: relative; flex: 1; min-width: 240px; display: flex; align-items: center; }
.cs-site-search > svg, .video-hub-search > svg { position: absolute; inset-inline-start: 14px; color: #707b89; pointer-events: none; }
.cs-site-search input, .video-hub-search input { width: 100%; min-height: 45px; padding: 0 42px 0 42px; border: 1px solid var(--site-line); border-radius: 13px; background: rgba(255, 255, 255, .028); color: var(--txt); outline: 0; transition: .2s; }.cs-site-search input:focus, .video-hub-search input:focus { border-color: rgba(45, 127, 255, .52); box-shadow: 0 0 0 3px rgba(45, 127, 255, .08); }.cs-site-search button, .video-hub-search button { position: absolute; inset-inline-end: 10px; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 8px; color: var(--txt-faint); }
.cs-filter-pills, .video-filter-row { display: flex; gap: 6px; overflow-x: auto; scrollbar-width: none; }.cs-filter-pills::-webkit-scrollbar, .video-filter-row::-webkit-scrollbar { display: none; }
.cs-filter-pills button, .video-filter-row button { min-height: 39px; padding: 0 14px; border: 1px solid var(--site-line); border-radius: 11px; background: rgba(255, 255, 255, .025); color: var(--txt-dim); font-size: .76rem; white-space: nowrap; transition: .2s; }.cs-filter-pills button:hover, .video-filter-row button:hover { color: var(--txt); border-color: var(--site-line-strong); }.cs-filter-pills button.active, .video-filter-row button.active { color: #fff; border-color: rgba(255, 122, 0, .45); background: rgba(255, 122, 0, .12); box-shadow: inset 0 0 18px rgba(255, 122, 0, .04); }
.ecosystem-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.ecosystem-card { position: relative; min-height: 224px; display: flex; flex-direction: column; padding: 19px; border: 1px solid var(--site-line); border-radius: 18px; background: linear-gradient(155deg, rgba(18, 22, 30, .86), rgba(8, 11, 16, .84)); overflow: hidden; transition: transform .3s var(--site-ease), border-color .3s, box-shadow .3s; transition-delay: var(--delay, 0ms); }
[data-theme="light"] .ecosystem-card { background: linear-gradient(155deg, rgba(255,255,255,.94), rgba(244,247,252,.92)); }
.ecosystem-card::before { content: ""; position: absolute; inset: -60% 45% 45% -20%; background: radial-gradient(circle, var(--c), transparent 62%); opacity: .06; transition: .35s; }.ecosystem-card:hover { transform: translateY(-7px); border-color: color-mix(in srgb, var(--c) 36%, var(--site-line)); box-shadow: 0 25px 65px rgba(0, 0, 0, .34); }.ecosystem-card:hover::before { opacity: .13; transform: translate(8%, 8%); }
.ecosystem-card-top { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }.ecosystem-icon { width: 47px; height: 47px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--c) 28%, var(--site-line)); border-radius: 14px; background: color-mix(in srgb, var(--c) 8%, transparent); box-shadow: 0 0 28px color-mix(in srgb, var(--c) 8%, transparent); }
.ecosystem-card-index { position: absolute; top: 65px; inset-inline-end: 18px; font-family: var(--display); font-size: 2.2rem; font-weight: 700; color: rgba(255, 255, 255, .035); }.ecosystem-card h3 { position: relative; z-index: 1; margin-top: 18px; font-size: 1rem; }.ecosystem-card p { position: relative; z-index: 1; flex: 1; margin-top: 7px; color: var(--txt-dim); font-size: .8rem; line-height: 1.65; }.ecosystem-card-foot { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--site-line); color: var(--c); font-size: .73rem; font-weight: 600; }

/* Code VX public showcase */
.vx-site-showcase { scroll-margin-top: 92px; padding-top: 55px; padding-bottom: 55px; }.vx-site-panel { display: grid; grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr); gap: 38px; align-items: center; padding: 35px; border: 1px solid rgba(0, 229, 195, .17); border-radius: 28px; background: radial-gradient(circle at 100% 0, rgba(0, 229, 195, .085), transparent 32%), radial-gradient(circle at 0 100%, rgba(45, 127, 255, .08), transparent 34%), linear-gradient(145deg, rgba(17, 21, 29, .94), rgba(7, 10, 15, .94)); box-shadow: var(--site-shadow); }.vx-site-copy h2 { margin: 18px 0 14px; }.vx-site-copy h2 span { color: transparent; background: linear-gradient(90deg, var(--ai-blue), var(--ai-teal)); background-clip: text; -webkit-background-clip: text; }.vx-site-copy .lead { font-size: .94rem; line-height: 1.8; }.vx-site-flow { display: flex; align-items: center; gap: 6px; margin: 24px 0; }.vx-site-flow > div { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center; }.vx-site-flow > div > span { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(0, 229, 195, .16); border-radius: 13px; background: rgba(0, 229, 195, .07); color: var(--ai-teal); }.vx-site-flow b { font-size: .72rem; }.vx-site-flow small { color: var(--txt-faint); font-size: .59rem; line-height: 1.35; }.vx-site-flow > i { color: #5d6977; }.vx-site-console { overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 20px; background: #080b10; box-shadow: 0 30px 80px rgba(0,0,0,.4); transform: perspective(1100px) rotateY(-3deg); }.vx-console-top { height: 48px; display: flex; align-items: center; gap: 6px; padding: 0 15px; border-bottom: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.025); }.vx-console-top > span { width: 7px; height: 7px; border-radius: 50%; background: #ff6e5b; }.vx-console-top > span:nth-child(2){background:#ffc657}.vx-console-top > span:nth-child(3){background:#62d794}.vx-console-top b{margin-inline-start:9px;font-size:.65rem;color:#a9b3be}.vx-console-top em{margin-inline-start:auto;font-style:normal;font-size:.58rem;color:var(--ai-teal)}.vx-console-body{display:grid;grid-template-columns:125px 1fr;min-height:390px}.vx-console-body>aside{padding:17px 12px;border-inline-end:1px solid rgba(255,255,255,.06);text-align:center}.vx-console-avatar{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 8px;border-radius:15px;background:linear-gradient(145deg,#82f5e8,var(--ai-teal));color:#07100f}.vx-console-body aside b{display:block;font-size:.72rem}.vx-console-body aside small{font-size:.52rem;color:#6f7a87}.vx-console-body nav{display:flex;flex-direction:column;gap:5px;margin-top:18px;text-align:start}.vx-console-body nav span{padding:8px;border-radius:8px;color:#6f7b88;font-size:.58rem}.vx-console-body nav span.active{color:#c3f1eb;background:rgba(0,229,195,.07);border:1px solid rgba(0,229,195,.13)}.vx-console-body>main{display:flex;flex-direction:column;gap:12px;padding:20px}.vx-console-message{display:flex;align-items:flex-start;gap:9px;max-width:84%;margin-inline-start:auto;padding:11px;border:1px solid rgba(255,122,0,.15);border-radius:13px 4px 13px 13px;background:rgba(255,122,0,.06)}.vx-console-message.ai{max-width:94%;margin-inline:0 auto;border-color:rgba(0,229,195,.14);border-radius:4px 13px 13px 13px;background:rgba(0,229,195,.045)}.vx-console-message>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.06);color:var(--ai-teal);flex:none}.vx-console-message b{font-size:.65rem}.vx-console-message p{margin:3px 0 0;color:#8e99a5;font-size:.57rem;line-height:1.55}.vx-console-action{display:flex;align-items:center;gap:6px;margin-top:9px;padding:8px;border:1px solid rgba(65,141,255,.15);border-radius:8px;background:rgba(65,141,255,.055);color:#9fc0f6;font-size:.56rem}.vx-console-action em{margin-inline-start:auto;font-style:normal;color:#ffc075}.vx-console-signals{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:auto}.vx-console-signals span{display:flex;align-items:center;gap:5px;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:7px;color:#7e8996;font-size:.52rem}

/* Videos */
.cs-video-showcase { padding-top: 65px; }.video-featured { display: grid; grid-template-columns: minmax(0, 1.52fr) minmax(290px, .82fr); gap: 18px; padding: 18px; margin-bottom: 25px; border: 1px solid var(--site-line); border-radius: 23px; background: linear-gradient(150deg, rgba(17, 21, 29, .9), rgba(7, 10, 15, .88)); box-shadow: var(--site-shadow); }.video-featured-player { min-width: 0; }.video-featured-playlist { display: flex; flex-direction: column; gap: 7px; min-width: 0; }.video-playlist-head { display: flex; align-items: center; justify-content: space-between; padding: 5px 4px 10px; color: var(--txt-faint); font-family: var(--display); font-size: .65rem; letter-spacing: .12em; }.video-playlist-head b { min-width: 25px; height: 25px; display: grid; place-items: center; border: 1px solid var(--site-line); border-radius: 8px; color: var(--txt-dim); }.video-featured-playlist > button { min-height: 74px; display: flex; align-items: center; gap: 10px; padding: 9px; border: 1px solid var(--site-line); border-radius: 13px; background: rgba(255,255,255,.018); color: var(--txt-dim); text-align: start; transition: .2s; }.video-featured-playlist > button:hover, .video-featured-playlist > button.active { color: var(--txt); border-color: color-mix(in srgb, var(--c) 40%, var(--site-line)); background: color-mix(in srgb, var(--c) 8%, transparent); }.video-playlist-index { width: 23px; color: var(--txt-faint); font-family: var(--mono); font-size: .6rem; }.video-playlist-icon { width: 38px; height: 38px; display: grid; place-items: center; flex: none; border: 1px solid color-mix(in srgb, var(--c) 28%, var(--site-line)); border-radius: 11px; background: color-mix(in srgb, var(--c) 8%, transparent); }.video-playlist-copy { flex: 1; min-width: 0; }.video-playlist-copy b, .video-playlist-copy small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.video-playlist-copy b { font-size: .78rem; }.video-playlist-copy small { margin-top: 3px; color: var(--txt-faint); font-size: .62rem; }.video-card-rail { display: flex; gap: 13px; overflow-x: auto; padding: 3px 2px 12px; scroll-snap-type: inline mandatory; scrollbar-color: rgba(255,255,255,.13) transparent; }.video-card-rail-item { flex: 0 0 245px; scroll-snap-align: start; }
.cs-video-player { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border: 1px solid var(--site-line-strong); border-radius: 17px; background: #05070a; box-shadow: 0 25px 65px rgba(0,0,0,.3); }.cs-video-player iframe { width: 100%; height: 100%; display: block; border: 0; background: #05070a; }.cs-video-poster { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(110% 110% at 25% 20%, color-mix(in srgb, var(--video-color) 22%, transparent), transparent 55%), radial-gradient(90% 90% at 80% 90%, rgba(0,229,195,.11), transparent 60%), #05070a; }.cs-video-grid, .cs-video-card-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: 38px 38px; mask-image: radial-gradient(circle at center, #000, transparent 85%); }.cs-video-poster-brand { position: absolute; top: 6%; inset-inline-start: 5%; display: flex; flex-direction: column; }.cs-video-poster-brand span { color: #d9e0e8; font-family: var(--display); font-size: clamp(.55rem, 1vw, .72rem); font-weight: 700; letter-spacing: .16em; }.cs-video-poster-brand small { color: #606b78; font-size: clamp(.4rem, .65vw, .52rem); letter-spacing: .12em; }.cs-video-poster-center { position: absolute; inset: 0; display: grid; place-items: center; align-content: center; gap: 10px; padding: 20px; text-align: center; }.cs-video-poster-icon { width: 68px; height: 68px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--video-color) 42%, rgba(255,255,255,.1)); border-radius: 20px; background: color-mix(in srgb, var(--video-color) 10%, rgba(9,12,18,.85)); box-shadow: 0 0 50px color-mix(in srgb, var(--video-color) 25%, transparent); }.cs-video-poster-center h3 { color: #fff; font-size: clamp(1rem, 2.4vw, 1.6rem); }.cs-video-poster-center p { max-width: 70%; color: #8f9aa8; font-size: clamp(.62rem, 1.2vw, .85rem); }.cs-video-play { position: absolute; inset: 0; margin: auto; width: 66px; height: 66px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--orange), var(--orange-soft)); box-shadow: 0 12px 35px rgba(255,122,0,.42); opacity: 0; transform: scale(.8); transition: .25s var(--site-ease); }.cs-video-poster:hover .cs-video-play, .cs-video-play:focus-visible { opacity: 1; transform: scale(1); }.cs-video-poster-foot { position: absolute; inset: auto 5% 5%; display: flex; align-items: center; justify-content: space-between; color: #84909e; font-size: .58rem; }.cs-video-poster-foot span:first-child { display: flex; align-items: center; gap: 6px; }.cs-video-poster-foot i { width: 6px; height: 6px; border-radius: 50%; background: var(--ai-teal); box-shadow: 0 0 9px var(--ai-teal); }
.cs-video-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid var(--site-line); border-radius: 17px; background: linear-gradient(155deg, rgba(17,21,29,.87), rgba(7,10,15,.88)); color: var(--txt); text-align: start; transition: transform .25s var(--site-ease), border-color .25s, box-shadow .25s; }.cs-video-card:hover { transform: translateY(-6px); border-color: color-mix(in srgb, var(--video-color) 42%, var(--site-line)); box-shadow: 0 22px 55px rgba(0,0,0,.3); }.cs-video-card-visual { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; background: radial-gradient(circle at 30% 25%, color-mix(in srgb, var(--video-color) 22%, transparent), transparent 58%), #06080c; }.cs-video-card-icon { position: absolute; inset: 0; margin: auto; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid color-mix(in srgb, var(--video-color) 35%, var(--site-line)); border-radius: 15px; background: color-mix(in srgb, var(--video-color) 9%, rgba(8,11,17,.9)); transition: .25s; }.cs-video-card-play { position: absolute; inset: 0; margin: auto; width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; background: rgba(255,122,0,.92); color: #fff; opacity: 0; transform: scale(.78); transition: .25s; box-shadow: 0 9px 25px rgba(255,122,0,.38); }.cs-video-card:hover .cs-video-card-icon { opacity: .22; transform: scale(1.2); }.cs-video-card:hover .cs-video-card-play { opacity: 1; transform: scale(1); }.cs-video-card-visual .badge { position: absolute; inset: auto auto 8px 8px; transform: scale(.88); transform-origin: left bottom; }.cs-video-duration { position: absolute; inset: auto 8px 8px auto; padding: 2px 6px; border-radius: 6px; background: rgba(0,0,0,.52); color: #fff; font-size: .6rem; }.cs-video-card-copy { display: flex; flex-direction: column; padding: 13px 14px 14px; }.cs-video-card-copy b { font-size: .85rem; }.cs-video-card-copy small { margin-top: 3px; color: var(--txt-faint); font-size: .66rem; }.cs-video-card-copy > span { display: flex; align-items: center; gap: 5px; margin-top: 11px; color: var(--video-color); font-size: .68rem; font-weight: 600; }
.cs-video-modal-back { z-index: 1200; }.cs-video-modal { width: min(900px, calc(100vw - 32px)); max-width: 900px; padding: 18px; }.cs-video-modal-meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; }.cs-video-modal-meta p { color: var(--txt-dim); font-size: .78rem; }.cs-video-modal-meta > div:last-child { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; justify-content: flex-end; }.cs-video-modal-meta > div:last-child > span { padding: 3px 8px; border: 1px solid var(--site-line); border-radius: 999px; color: var(--txt-faint); font-size: .62rem; }
.cs-videos-page .page-head { max-width: 850px; }.video-hub-summary { display: grid; grid-template-columns: repeat(4, minmax(110px, 1fr)) minmax(260px, 1.4fr); gap: 10px; margin-bottom: 23px; }.video-hub-summary > div { padding: 14px 16px; border: 1px solid var(--site-line); border-radius: 14px; background: rgba(255,255,255,.02); }.video-hub-summary b, .video-hub-summary span { display: block; }.video-hub-summary b { font-family: var(--display); font-size: 1.25rem; color: var(--txt); }.video-hub-summary > div > span { margin-top: 3px; color: var(--txt-faint); font-size: .64rem; }.video-hub-summary .video-platforms { display: flex; align-items: center; justify-content: center; gap: 5px; flex-wrap: wrap; }.video-platforms span { display: inline-flex; padding: 4px 8px; border: 1px solid var(--site-line); border-radius: 999px; color: var(--txt-dim); font-size: .58rem; }.video-featured-info { display: flex; flex-direction: column; justify-content: center; padding: 12px 7px; }.video-label { color: var(--ai-teal); font-family: var(--display); font-size: .61rem; letter-spacing: .15em; }.video-featured-info h2 { margin-top: 9px; font-size: 1.8rem; }.video-featured-info > p { margin-top: 9px; color: var(--txt-dim); font-size: .82rem; line-height: 1.7; }.video-scene-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }.video-scene-chips span { display: flex; align-items: center; gap: 5px; padding: 5px 8px; border: 1px solid var(--site-line); border-radius: 999px; color: var(--txt-dim); font-size: .61rem; }.video-scene-chips svg { color: var(--ai-teal); }.video-featured-switcher { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; margin-top: 17px; }.video-featured-switcher button { min-height: 41px; display: flex; align-items: center; gap: 7px; padding: 0 9px; border: 1px solid var(--site-line); border-radius: 10px; color: var(--txt-dim); font-size: .66rem; text-align: start; }.video-featured-switcher button.active { color: var(--txt); border-color: color-mix(in srgb, var(--c) 42%, var(--site-line)); background: color-mix(in srgb, var(--c) 7%, transparent); }.video-hub-tools { display: flex; align-items: center; gap: 11px; margin: 30px 0 20px; }.video-grid-head { display: flex; align-items: end; justify-content: space-between; margin-bottom: 13px; }.video-grid-head span { color: var(--txt-faint); font-family: var(--display); font-size: .58rem; letter-spacing: .15em; }.video-grid-head h3 { font-size: 1.2rem; }.video-grid-head > b { padding: 5px 9px; border: 1px solid var(--site-line); border-radius: 9px; color: var(--txt-dim); font-family: var(--mono); font-size: .68rem; }.video-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 14px; }.video-production-note { display: flex; gap: 15px; align-items: flex-start; margin-top: 32px; padding: 20px; border: 1px solid rgba(0,229,195,.15); border-radius: 17px; background: rgba(0,229,195,.035); }.video-production-note > div:first-child { width: 47px; height: 47px; display: grid; place-items: center; flex: none; border: 1px solid rgba(0,229,195,.18); border-radius: 14px; background: rgba(0,229,195,.06); }.video-production-note h3 { font-size: .93rem; }.video-production-note p { margin-top: 5px; color: var(--txt-dim); font-size: .76rem; line-height: 1.7; }

/* Footer */
.cs-site-footer { margin-top: 55px; padding: 64px 0 32px; border-top: 1px solid var(--site-line); background: linear-gradient(180deg, transparent, rgba(255,255,255,.012)); }.cs-footer-main { display: grid; grid-template-columns: 1.55fr repeat(4, minmax(120px, .75fr)); gap: 31px; padding-bottom: 40px; }.cs-footer-brand p { max-width: 350px; margin-top: 15px; color: var(--txt-dim); font-size: .83rem; line-height: 1.75; }.cs-footer-brand > div { display: flex; gap: 7px; flex-wrap: wrap; margin-top: 17px; }.cs-footer-brand > div span { display: flex; align-items: center; gap: 6px; padding: 5px 8px; border: 1px solid var(--site-line); border-radius: 999px; color: var(--txt-faint); font-size: .59rem; }.cs-footer-brand > div i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }.cs-footer-column h5 { margin-bottom: 12px; color: var(--silver); font-family: var(--display); font-size: .68rem; letter-spacing: .1em; }.cs-footer-column a { display: block; padding: 5px 0; color: var(--txt-dim); font-size: .78rem; transition: .2s; }.cs-footer-column a:hover { color: var(--txt); transform: translateX(-3px); }.cs-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding-top: 24px; border-top: 1px solid var(--site-line); color: var(--txt-faint); font-size: .72rem; }.cs-footer-bottom .en { letter-spacing: .12em; }

@keyframes siteSpin { to { transform: rotate(360deg); } }
@keyframes sitePulse { 50% { opacity: .35; } }

@media (max-width: 1120px) {
  .cs-site-desktop-nav { gap: 14px; }.cs-site-nav-link { font-size: .78rem; }.cs-account-button { min-width: 155px; }
  .ecosystem-grid, .video-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .cs-footer-main { grid-template-columns: 1.3fr repeat(2, 1fr); }.cs-footer-brand { grid-row: span 2; }
  .video-hub-summary { grid-template-columns: repeat(4, 1fr); }.video-hub-summary .video-platforms { grid-column: 1 / -1; }
}
@media (max-width: 900px) {
  .cs-site-desktop-nav, .cs-login-cta, .cs-account-wrap { display: none; }.cs-mobile-trigger { display: grid; }
  .cs-hero { min-height: auto; padding-top: 112px; }.cs-hero-grid { grid-template-columns: 1fr; gap: 50px; }.cs-orbit-card { max-width: 390px; order: -1; }.cs-hero-copy { text-align: center; }.cs-hero-copy .lead { margin-inline: auto; }.cs-hero-actions { justify-content: center; }.cs-hero-metrics { justify-content: center; }.cs-hero-metric { text-align: start; }
  .site-section-head { align-items: flex-start; }.ecosystem-grid, .video-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }.cs-ecosystem-toolbar, .video-hub-tools { align-items: stretch; flex-direction: column; }.cs-filter-pills, .video-filter-row { width: 100%; }
  .vx-site-panel { grid-template-columns: 1fr; }.vx-site-console { max-width: 620px; margin: auto; transform: none; }
  .video-featured { grid-template-columns: 1fr; }.video-featured-playlist { display: grid; grid-template-columns: repeat(2, 1fr); }.video-playlist-head { grid-column: 1/-1; }
  .cs-footer-main { grid-template-columns: repeat(2, 1fr); }.cs-footer-brand { grid-column: 1/-1; grid-row: auto; }
}
@media (max-width: 620px) {
  .wrap { padding-inline: 18px; }.cs-site-nav { min-height: 68px; }.cs-site-brand .logo-text { display: none; }
  .cs-hero { padding-top: 95px; }.cs-hero-title { font-size: clamp(2.45rem, 13vw, 4.2rem); }.cs-hero-copy .lead { font-size: .94rem; }.cs-hero-actions .btn { width: 100%; }.cs-hero-metrics { grid-template-columns: repeat(2, 1fr); gap: 18px; }.cs-hero-metric { padding-inline-start: 11px; }.cs-orbit-card { max-width: 315px; }.cs-orbit-item { width: 45px; height: 45px; border-radius: 13px; }.cs-floating-signal { display: none; }.cs-orbit-support { bottom: -4%; }
  .site-section-head { flex-direction: column; }.cs-section-counter { min-width: 105px; align-self: flex-start; }.ecosystem-grid, .video-grid { grid-template-columns: 1fr; }.ecosystem-card { min-height: 205px; }
  .vx-site-panel { padding: 22px 16px; border-radius: 21px; }.vx-site-flow { overflow-x: auto; justify-content: flex-start; }.vx-site-flow > div { min-width: 90px; }.vx-console-body { grid-template-columns: 1fr; min-height: 350px; }.vx-console-body > aside { display: none; }.vx-console-body > main { padding: 14px; }
  .video-featured { padding: 11px; border-radius: 18px; }.video-featured-playlist { grid-template-columns: 1fr; }.video-featured-playlist > button:nth-of-type(n+4) { display: none; }.video-card-rail-item { flex-basis: 220px; }.video-hub-summary { grid-template-columns: repeat(2, 1fr); }.video-hub-summary .video-platforms { grid-column: 1/-1; }.video-featured-switcher { grid-template-columns: 1fr; }.cs-video-modal-meta { align-items: flex-start; flex-direction: column; }.cs-video-modal-meta > div:last-child { justify-content: flex-start; }
  .cs-footer-main { grid-template-columns: 1fr 1fr; }.cs-footer-brand { grid-column: 1/-1; }.cs-footer-bottom { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  .cs-hero-aurora, .cs-orbit-core::before, .cs-orbit-items, .cs-orbit-item > span { animation: none !important; }
  .ecosystem-card, .cs-video-card, .cs-site-nav-link::after { transition-duration: .01ms !important; }
}

/* Forced Bootstrap password rotation */
.forced-password-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:24px;background:rgba(1,4,9,.88);backdrop-filter:blur(22px);overflow:auto}
.forced-password-card{position:relative;width:min(560px,100%);padding:32px;border:1px solid rgba(255,140,35,.3);border-radius:28px;background:linear-gradient(145deg,rgba(15,20,29,.98),rgba(6,9,15,.98));box-shadow:0 36px 120px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.035) inset;direction:rtl}
.forced-password-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 82% 0%,rgba(255,132,28,.16),transparent 34%),radial-gradient(circle at 0% 100%,rgba(30,213,190,.1),transparent 34%)}
.forced-password-card>*{position:relative;z-index:1}
.forced-password-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px;direction:ltr;justify-content:flex-start}
.forced-password-brand div{display:flex;flex-direction:column}.forced-password-brand b{font-family:var(--display);letter-spacing:.16em;color:#fff}.forced-password-brand span{font-size:.7rem;color:var(--txt-dim);letter-spacing:.12em;text-transform:uppercase}
.forced-password-icon{position:absolute;top:31px;left:31px;width:48px;height:48px;display:grid;place-items:center;border-radius:16px;color:var(--orange);background:rgba(255,135,28,.1);border:1px solid rgba(255,135,28,.22)}
.forced-password-card h2{font-size:clamp(1.65rem,4vw,2.2rem);margin:13px 0 8px;color:#fff}.forced-password-card>p{color:var(--txt-dim);line-height:1.75;margin:0 0 22px}.forced-password-card form{display:grid;gap:13px}.forced-password-card label{display:grid;gap:7px;color:var(--txt);font-size:.86rem;font-weight:650}.forced-password-card .input{direction:ltr;text-align:left}
.password-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:12px 14px;border-radius:15px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07)}
.password-requirements span{display:flex;align-items:center;gap:6px;color:var(--txt-dim);font-size:.76rem}.password-requirements span.ok{color:#51d9ac}
.forced-password-card .portal-form-error{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;background:rgba(255,77,100,.09);border:1px solid rgba(255,77,100,.2);color:#ff95a4;font-size:.82rem}
.forced-password-logout{justify-self:center;background:none;border:0;color:var(--txt-dim);font:inherit;font-size:.8rem;cursor:pointer;padding:5px}.forced-password-logout:hover{color:#fff}
.forced-password-card>small{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--txt-dim);font-size:.73rem;margin-top:18px;text-align:center}
@media(max-width:600px){.forced-password-backdrop{padding:10px;align-items:start}.forced-password-card{padding:24px 18px;border-radius:22px;margin-top:12px}.forced-password-icon{top:23px;left:18px}.password-requirements{grid-template-columns:1fr}}


/* src/styles/saas-upgrade.css */
/* ==========================================================
   CODE SYSTEMS 4.1 — SaaS QUALITY, LANDINGS & SITE CONTROL
   Clear hierarchy, stable states, accessibility and conversion.
   ========================================================== */
:root{
  --cs-line:rgba(255,255,255,.11);
  --cs-line-strong:rgba(255,255,255,.2);
  --cs-surface:#0b0f16;
  --cs-surface-2:#111722;
  --cs-surface-3:#161e2b;
  --cs-focus:#71a8ff;
  --cs-shadow:0 28px 80px rgba(0,0,0,.38);
  --cs-shadow-soft:0 16px 50px rgba(0,0,0,.24);
}
[data-theme="light"]{
  --cs-line:rgba(15,28,48,.13);
  --cs-line-strong:rgba(15,28,48,.24);
  --cs-surface:#fff;
  --cs-surface-2:#f4f7fb;
  --cs-surface-3:#eaf0f7;
  --cs-shadow:0 24px 70px rgba(30,50,80,.13);
  --cs-shadow-soft:0 14px 40px rgba(30,50,80,.09);
}
html{scroll-padding-top:96px}
body{min-width:320px}
button,a,input,textarea,select{touch-action:manipulation}
button:disabled{cursor:not-allowed;opacity:.58}
.btn{min-height:44px;border-radius:12px;font-weight:700;letter-spacing:.005em}
.input,.textarea,.select{min-height:45px;border-color:var(--cs-line);background:rgba(255,255,255,.035)}
.textarea{min-height:118px}
.card{border-color:var(--cs-line);box-shadow:0 1px 0 rgba(255,255,255,.025) inset}
:focus-visible{outline:3px solid var(--cs-focus)!important;outline-offset:3px!important}
.sr{transition:opacity .6s ease,transform .6s ease}.sr:not(.in){opacity:0;transform:translateY(18px)}.sr.in{opacity:1;transform:none}
[data-density="compact"] .card{padding:17px}[data-density="spacious"] .card{padding:28px}

/* intro */
.cs-intro{position:fixed;inset:0;z-index:6000;display:grid;place-items:center;background:#040507;animation:csIntroHide .45s ease 1.15s forwards}
.cs-intro-inner{text-align:center;animation:csIntroUp .65s cubic-bezier(.2,.75,.2,1)}
.cs-intro-inner>div:first-child{justify-content:center}.cs-intro-text{margin-top:19px;color:#fff;font-weight:800;font-size:1.5rem;letter-spacing:.32em}.cs-intro-sub{margin-top:7px;color:#8e99a8;font-size:.7rem;letter-spacing:.14em}
@keyframes csIntroUp{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes csIntroHide{to{opacity:0;visibility:hidden}}

/* announcement */
.cs-announcement{position:relative;z-index:12;min-height:38px;display:flex;align-items:center;justify-content:center;gap:9px;padding:7px 18px;border-bottom:1px solid rgba(255,122,0,.22);background:linear-gradient(90deg,rgba(255,122,0,.08),rgba(45,127,255,.06),rgba(0,229,195,.05));color:var(--txt-dim);font-size:.75rem}
.cs-announcement span{padding:2px 7px;border:1px solid rgba(255,122,0,.38);border-radius:999px;color:#ffc088;font-size:.63rem;font-weight:800}.cs-announcement:hover{color:var(--txt)}
.cs-announcement+.cs-hero{min-height:calc(100vh - 38px)}

/* platform homepage sections */
.platform-value-section,.platform-journey-section,.platform-search-section{padding:96px 0}
.platform-value-section{border-block:1px solid var(--cs-line);background:linear-gradient(180deg,rgba(255,255,255,.012),transparent)}
.platform-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--cs-line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.014);box-shadow:var(--cs-shadow-soft)}
.platform-value-grid article{position:relative;min-height:270px;padding:28px;border-inline-end:1px solid var(--cs-line)}.platform-value-grid article:last-child{border-inline-end:0}
.platform-value-grid article>span{position:absolute;top:22px;left:22px;color:rgba(255,255,255,.17);font-family:var(--mono);font-size:1.45rem}.platform-value-grid article>svg{margin-top:62px;color:var(--orange)}
.platform-value-grid h3{margin-top:19px;font-family:var(--display);font-size:1.25rem}.platform-value-grid p{margin-top:9px;color:var(--txt-dim);font-size:.88rem;line-height:1.75}
.platform-journey-section{background:radial-gradient(circle at 88% 20%,rgba(45,127,255,.07),transparent 34%)}
.platform-journey{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:34px;border-block:1px solid var(--cs-line)}
.platform-journey article{position:relative;display:flex;gap:16px;padding:28px 20px;border-inline-end:1px solid var(--cs-line)}.platform-journey article:last-child{border-inline-end:0}
.platform-journey article>b{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:10px;background:rgba(255,122,0,.1);border:1px solid rgba(255,122,0,.24);color:#ffad60;font-family:var(--mono)}
.platform-journey h3{font-size:1rem}.platform-journey p{margin-top:7px;color:var(--txt-dim);font-size:.79rem;line-height:1.7}
.platform-search-card{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center;padding:42px!important;border:1px solid rgba(0,229,195,.18);border-radius:26px;background:radial-gradient(circle at 100% 0%,rgba(0,229,195,.08),transparent 35%),linear-gradient(145deg,var(--cs-surface-2),var(--cs-surface));box-shadow:var(--cs-shadow)}
.platform-search-card .h2{margin:18px 0 12px}.platform-search-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.platform-search-list span{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--cs-line);border-radius:12px;background:rgba(255,255,255,.025);color:var(--txt-dim);font-size:.78rem}.platform-search-list svg{color:var(--ai-teal)}

/* ==========================================================
   PRODUCT LANDINGS
   ========================================================== */
.landing-mode{background:#06080c}.lp-page{position:relative;background:#06080c;color:#f5f7fb;overflow:hidden}.lp-page: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,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 20%,#000,transparent 70%);z-index:0}.lp-page>*{position:relative;z-index:1}
.lp-hero{min-height:94vh;display:flex;align-items:center;padding:76px 0 72px;background:radial-gradient(circle at 85% 12%,color-mix(in srgb,var(--product) 18%,transparent),transparent 35%),radial-gradient(circle at 12% 88%,rgba(45,127,255,.11),transparent 34%)}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(460px,1.07fr);gap:60px;align-items:center}
.lp-kicker{display:inline-flex;align-items:center;gap:9px;color:#a8b4c3;font-family:var(--display);font-size:.67rem;letter-spacing:.18em}.lp-kicker i{width:8px;height:8px;border-radius:50%;background:var(--product);box-shadow:0 0 13px var(--product)}
.lp-copy h1{max-width:780px;margin:20px 0;font-family:var(--display);font-size:clamp(2.8rem,5.4vw,5.25rem);line-height:.98;letter-spacing:-.045em}.lp-copy>p{max-width:720px;color:#a9b4c2;font-size:1.08rem;line-height:1.85}
.lp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.lp-actions .btn-primary{background:linear-gradient(135deg,var(--product),color-mix(in srgb,var(--product) 65%,#fff));box-shadow:0 14px 38px color-mix(in srgb,var(--product) 25%,transparent)}
.lp-trust-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.lp-trust-row span{display:flex;align-items:center;gap:6px;color:#8290a1;font-size:.7rem}.lp-trust-row svg{color:var(--product)}
.lp-product-stage{border:1px solid rgba(255,255,255,.14);border-radius:28px;background:linear-gradient(145deg,rgba(19,25,35,.98),rgba(7,10,15,.98));box-shadow:0 40px 110px rgba(0,0,0,.52),0 0 0 1px color-mix(in srgb,var(--product) 12%,transparent);overflow:hidden;transform:perspective(1400px) rotateY(-3deg) rotateX(1deg)}
.lp-stage-head{height:64px;display:flex;align-items:center;gap:13px;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.08)}.lp-stage-head>span{display:flex;gap:6px}.lp-stage-head>span i{width:7px;height:7px;border-radius:50%;background:#ff6858}.lp-stage-head>span i:nth-child(2){background:#ffc452}.lp-stage-head>span i:nth-child(3){background:#4dd482}.lp-stage-head>b{margin-inline-start:auto;font-size:.78rem}
.lp-stage-body{min-height:470px;display:grid;grid-template-columns:31% 1fr}.lp-stage-body aside{padding:18px;border-inline-end:1px solid rgba(255,255,255,.07)}.lp-stage-body aside span{min-height:46px;display:flex;align-items:center;gap:9px;padding:8px 10px;margin-bottom:7px;border:1px solid transparent;border-radius:11px;color:#738091;font-size:.72rem}.lp-stage-body aside span.active{color:#fff;background:color-mix(in srgb,var(--product) 10%,transparent);border-color:color-mix(in srgb,var(--product) 25%,transparent)}
.lp-stage-main{display:grid;grid-template-rows:auto 1fr;gap:17px;padding:22px}.lp-stage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lp-stage-stats div{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:rgba(255,255,255,.025)}.lp-stage-stats small{display:block;color:#738091;font-size:.62rem}.lp-stage-stats b{display:block;margin-top:7px;font-family:var(--display);font-size:1.25rem}
.lp-stage-chart{position:relative;min-height:280px;border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,color-mix(in srgb,var(--product) 5%,transparent),transparent)}.lp-stage-chart:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:25% 25%}.lp-stage-chart svg{position:absolute;inset:12%;width:76%;height:76%}.lp-stage-chart path{fill:none;stroke:var(--product);stroke-width:5;stroke-linecap:round;filter:drop-shadow(0 0 9px var(--product))}.lp-stage-chart>i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--product);box-shadow:0 0 16px var(--product)}.lp-stage-chart>i:nth-child(1){left:20%;bottom:32%}.lp-stage-chart>i:nth-child(2){left:53%;bottom:52%}.lp-stage-chart>i:nth-child(3){right:10%;top:16%}
.lp-proof{border-block:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.018)}.lp-proof .wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lp-proof span{display:flex;align-items:center;gap:8px;color:#8c99a8;font-size:.73rem}.lp-proof svg{color:var(--product)}
.lp-section{padding:110px 0}.lp-section-alt{border-block:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.006))}.lp-section-copy{max-width:680px}.lp-number{display:block;margin-bottom:16px;color:var(--product);font-family:var(--mono);font-size:.75rem;letter-spacing:.14em}.lp-section h2{font-family:var(--display);font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.035em}.lp-section-copy>p,.lp-section-head>p{margin-top:15px;color:#98a5b4;font-size:.96rem;line-height:1.8}.lp-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.lp-section-head>p{max-width:520px;margin:0}
.lp-problem-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:start}.lp-outcome-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid rgba(255,255,255,.1);border-radius:22px;overflow:hidden}.lp-outcome-grid article{position:relative;min-height:300px;padding:26px;border-inline-end:1px solid rgba(255,255,255,.09)}.lp-outcome-grid article:last-child{border:0}.lp-outcome-grid article>span{position:absolute;top:20px;left:20px;color:rgba(255,255,255,.16);font-family:var(--mono);font-size:1.3rem}.lp-outcome-grid article>svg{margin-top:60px}.lp-outcome-grid h3{margin-top:18px;font-size:1.06rem}.lp-outcome-grid p{margin-top:10px;color:#8491a1;font-size:.78rem;line-height:1.75}
.lp-feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.lp-feature-grid article{min-height:265px;padding:24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.018);transition:.25s}.lp-feature-grid article:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--product) 34%,rgba(255,255,255,.1));box-shadow:0 22px 60px rgba(0,0,0,.28)}.lp-feature-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:color-mix(in srgb,var(--product) 9%,transparent);border:1px solid color-mix(in srgb,var(--product) 25%,transparent)}.lp-feature-grid h3{margin-top:32px;font-size:1rem}.lp-feature-grid p{margin-top:10px;color:#8491a1;font-size:.77rem;line-height:1.72}
.lp-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-block:1px solid rgba(255,255,255,.1)}.lp-workflow article{position:relative;padding:32px 25px;border-inline-end:1px solid rgba(255,255,255,.09)}.lp-workflow article:last-child{border:0}.lp-workflow article>b{color:var(--product);font-family:var(--mono);font-size:.72rem}.lp-workflow article>span{display:block;width:12px;height:12px;margin:22px 0;border:3px solid #06080c;border-radius:50%;background:var(--product);box-shadow:0 0 0 1px var(--product),0 0 18px var(--product)}.lp-workflow h3{font-size:1rem}.lp-workflow p{margin-top:8px;color:#8491a1;font-size:.77rem;line-height:1.7}
.lp-video-section{background:radial-gradient(circle at 15% 30%,color-mix(in srgb,var(--product) 8%,transparent),transparent 35%)}.lp-video-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:58px;align-items:center}.lp-video-card{padding:13px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.025);box-shadow:var(--cs-shadow)}.lp-video-grid ul{display:grid;gap:10px;margin-top:24px;list-style:none}.lp-video-grid li{display:flex;align-items:center;gap:8px;color:#9aa7b5;font-size:.78rem}
.lp-value-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.lp-value-cards{display:grid;gap:12px}.lp-value-cards article{display:flex;align-items:flex-start;gap:17px;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.018)}.lp-value-cards svg{flex:none}.lp-value-cards p{color:#a2adba;line-height:1.75}
.lp-integrations-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.lp-integration-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.lp-integration-list span{display:flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#8d99a8;font-size:.71rem}.lp-integration-list svg{color:var(--product)}.lp-security-panel{padding:32px;border:1px solid rgba(0,229,195,.2);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(0,229,195,.09),transparent 35%),#0b1017;box-shadow:var(--cs-shadow-soft)}.lp-security-icon{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(0,229,195,.25);border-radius:18px;background:rgba(0,229,195,.08);color:var(--ai-teal)}.lp-security-panel h3{margin-top:22px;font-size:1.3rem}.lp-security-panel p{margin-top:8px;color:#93a0af;line-height:1.75}.lp-security-panel ul{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:20px;list-style:none}.lp-security-panel li{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#8794a3;font-family:var(--mono);font-size:.64rem;direction:ltr;text-align:left}
.lp-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.lp-faq details{border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.018);overflow:hidden}.lp-faq summary{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 19px;cursor:pointer;font-weight:700;font-size:.88rem;list-style:none}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq details[open] summary svg{transform:rotate(-90deg)}.lp-faq details p{padding:0 19px 20px;color:#8d9aa9;font-size:.8rem;line-height:1.75}
.lp-lead-section{padding:105px 0;background:radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--product) 14%,transparent),transparent 36%),#090d13;border-block:1px solid rgba(255,255,255,.1)}.lp-lead-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.lp-lead-copy h2{margin:18px 0;font-family:var(--display);font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05}.lp-lead-copy>p{color:#99a6b5;line-height:1.8}.lp-lead-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.lp-lead-copy>div span{padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#8c99a8;font-size:.7rem}.lp-lead-form{padding:29px;border:1px solid rgba(255,255,255,.13);border-radius:23px;background:linear-gradient(145deg,rgba(18,24,34,.98),rgba(9,12,18,.98));box-shadow:var(--cs-shadow)}.lp-lead-form label{display:grid;gap:7px;margin-bottom:14px;color:#aeb8c5;font-size:.76rem}.lp-lead-form small{display:block;margin-top:10px;color:#657181;font-size:.65rem;text-align:center}
.lp-related{padding:75px 0}.lp-related-card{min-height:145px;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:17px;background:rgba(255,255,255,.018);transition:.23s}.lp-related-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--product) 35%,rgba(255,255,255,.1))}.lp-related-card>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.04)}.lp-related-card h3{font-size:.95rem}.lp-related-card p{margin-top:5px;color:#7f8b9a;font-size:.73rem;line-height:1.55}.lp-not-found{margin:100px auto;max-width:520px;text-align:center}.lp-not-found .btn{margin-top:20px}

/* ==========================================================
   PRICING V2
   ========================================================== */
.pricing-page{background:radial-gradient(circle at 85% 10%,rgba(255,122,0,.07),transparent 30%)}.pricing-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.pricing-head .page-head{margin-bottom:30px}.billing-toggle{display:flex;gap:4px;padding:5px;margin-bottom:34px;border:1px solid var(--cs-line);border-radius:14px;background:rgba(255,255,255,.025)}.billing-toggle button{min-height:39px;padding:7px 14px;border-radius:9px;color:var(--txt-dim);font-size:.77rem}.billing-toggle button.active{background:var(--cs-surface-3);color:var(--txt);box-shadow:0 5px 18px rgba(0,0,0,.22)}.billing-toggle span{margin-inline-start:5px;color:var(--green);font-size:.62rem}
.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.price-card-v2{position:relative;min-height:650px;padding:25px;border:1px solid var(--cs-line);border-radius:21px;background:linear-gradient(160deg,var(--cs-surface-2),var(--cs-surface));box-shadow:var(--cs-shadow-soft);overflow:hidden}.price-card-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--plan) 10%,transparent),transparent 32%);pointer-events:none}.price-card-v2>*{position:relative}.price-card-v2.popular{border-color:color-mix(in srgb,var(--plan) 45%,var(--cs-line));transform:translateY(-9px);box-shadow:0 32px 90px color-mix(in srgb,var(--plan) 12%,rgba(0,0,0,.45))}.price-popular{position:absolute;top:0;left:0;right:0;display:block;padding:7px;background:linear-gradient(90deg,var(--plan),color-mix(in srgb,var(--plan) 62%,#fff));color:#fff;font-size:.68rem;font-weight:800;text-align:center}.popular .price-card-head{margin-top:22px}.price-card-head{display:flex;align-items:center;gap:12px}.price-card-head>span{width:45px;height:45px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--plan) 25%,var(--cs-line));border-radius:13px;background:color-mix(in srgb,var(--plan) 8%,transparent)}.price-card-head h2{font-family:var(--display);font-size:1.13rem}.price-card-head small{color:var(--txt-faint);font-size:.68rem}.price-card-v2>p{min-height:65px;margin-top:19px;color:var(--txt-dim);font-size:.78rem;line-height:1.7}.price-value{min-height:79px;margin-top:14px}.price-value b{display:block;font-family:var(--display);font-size:2.25rem;line-height:1.05}.price-value span{display:block;margin-top:7px;color:var(--txt-faint);font-size:.67rem}.annual-total{min-height:32px;color:var(--green);font-size:.62rem}.price-card-v2>.btn{margin-top:13px}.price-card-v2 ul{display:grid;gap:10px;margin-top:24px;padding-top:21px;border-top:1px solid var(--cs-line);list-style:none}.price-card-v2 li{display:flex;align-items:flex-start;gap:8px;color:var(--txt-dim);font-size:.72rem;line-height:1.5}.price-card-v2 li svg{flex:none;margin-top:2px}
.pricing-included,.pricing-comparison,.pricing-addons,.pricing-faq{margin-top:90px}.pricing-included .card{min-height:200px}.pricing-included .card>svg{color:var(--orange)}.pricing-included h3{margin-top:24px}.pricing-included p,.pricing-addons p{margin-top:8px;color:var(--txt-dim);font-size:.78rem;line-height:1.7}.pricing-comparison{padding:30px}.pricing-comparison th,.pricing-comparison td{text-align:center}.pricing-comparison th:first-child,.pricing-comparison td:first-child{text-align:start}.pricing-yes{color:var(--green)!important;font-weight:800}.pricing-addons .card{min-height:190px}.pricing-addons h3{font-size:1rem}.pricing-link{display:flex;align-items:center;gap:6px;margin-top:25px;color:var(--ai-blue);font-size:.75rem;font-weight:700}.pricing-faq{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.pricing-faq .site-section-head{grid-column:1/-1}.pricing-faq details{border:1px solid var(--cs-line);border-radius:14px;background:rgba(255,255,255,.018)}.pricing-faq summary{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:15px 18px;cursor:pointer;list-style:none;font-weight:700;font-size:.83rem}.pricing-faq summary::-webkit-details-marker{display:none}.pricing-faq p{padding:0 18px 18px;color:var(--txt-dim);font-size:.77rem;line-height:1.75}

/* ==========================================================
   SITE ADMIN CONTROL
   ========================================================== */
.admin-site-page{background:radial-gradient(circle at 90% 5%,rgba(45,127,255,.07),transparent 30%)}.admin-site-shell{display:grid;grid-template-columns:245px minmax(0,1fr);gap:20px;align-items:start}.admin-site-nav{position:sticky;top:95px;display:grid;gap:5px;padding:12px;border:1px solid var(--cs-line);border-radius:18px;background:linear-gradient(160deg,var(--cs-surface-2),var(--cs-surface));box-shadow:var(--cs-shadow-soft)}.admin-site-nav button,.admin-site-nav>a{min-height:44px;display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:10px;color:var(--txt-dim);font-size:.78rem;text-align:start}.admin-site-nav button:hover,.admin-site-nav>a:hover{color:var(--txt);background:rgba(255,255,255,.035)}.admin-site-nav button.active{color:#fff;background:linear-gradient(90deg,rgba(255,122,0,.15),rgba(45,127,255,.08));border:1px solid rgba(255,122,0,.22)}.admin-site-status{padding:10px 9px 14px;margin-bottom:5px;border-bottom:1px solid var(--cs-line)}.admin-site-status span{display:flex;align-items:center;gap:7px;font-size:.7rem}.admin-site-status span i{width:7px;height:7px;border-radius:50%}.admin-site-status span.clean{color:var(--green)}.admin-site-status span.clean i{background:var(--green);box-shadow:0 0 8px var(--green)}.admin-site-status span.dirty{color:#ffc07a}.admin-site-status span.dirty i{background:var(--orange);box-shadow:0 0 8px var(--orange)}.admin-site-status small{display:block;margin-top:6px;color:var(--txt-faint);font-size:.58rem}.admin-site-content{display:grid;gap:16px}.admin-editor-card{padding:24px;border:1px solid var(--cs-line);border-radius:18px;background:linear-gradient(160deg,var(--cs-surface-2),var(--cs-surface));box-shadow:var(--cs-shadow-soft)}.admin-editor-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--cs-line)}.admin-editor-card>header h2{font-family:var(--display);font-size:1.12rem}.admin-editor-card>header p{margin-top:5px;color:var(--txt-dim);font-size:.72rem}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.admin-field{display:grid;gap:7px;margin-bottom:15px;color:var(--txt-dim);font-size:.72rem}.admin-field>span{color:var(--txt);font-weight:700}.admin-field>small{color:var(--txt-faint);font-size:.61rem}.admin-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.admin-overview-grid button{min-height:135px;padding:20px;border:1px solid var(--cs-line);border-radius:17px;background:linear-gradient(160deg,var(--cs-surface-2),var(--cs-surface));text-align:start;box-shadow:var(--cs-shadow-soft);transition:.22s}.admin-overview-grid button:hover{transform:translateY(-3px);border-color:rgba(45,127,255,.3)}.admin-overview-grid button>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:rgba(45,127,255,.08);color:var(--ai-blue)}.admin-overview-grid b{display:block;margin-top:17px;font-family:var(--display);font-size:1.35rem}.admin-overview-grid small{color:var(--txt-dim)}
.admin-quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.admin-quality-grid div{display:flex;align-items:center;gap:8px;padding:11px;border:1px solid var(--cs-line);border-radius:10px;color:var(--txt-dim);font-size:.72rem}.admin-quality-grid svg{color:var(--green)}.admin-link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.admin-link-grid a,.admin-link-grid button,.admin-all-product-links a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:43px;padding:8px 10px;border:1px solid var(--cs-line);border-radius:10px;color:var(--txt-dim);font-size:.69rem}.admin-link-grid a:hover,.admin-all-product-links a:hover{border-color:rgba(45,127,255,.32);color:var(--txt)}.admin-link-grid code,.admin-all-product-links code{color:var(--txt-faint);font-size:.58rem;direction:ltr}.admin-toggle-row{display:grid;grid-template-columns:auto 1.6fr .7fr;gap:10px;align-items:center}.admin-toggle-row label{display:flex;align-items:center;gap:7px;font-size:.72rem}.admin-toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange)}
.admin-color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.admin-color-grid .admin-field{padding:16px;border:1px solid var(--cs-line);border-radius:13px}.admin-color-grid input[type=color]{width:100%;height:58px;padding:0;border:0;border-radius:9px;background:transparent;cursor:pointer}.admin-color-grid code{font-size:.65rem;text-align:center}.admin-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.admin-preset-grid button{min-height:60px;padding:9px;border:1px solid var(--cs-line);border-radius:11px;color:var(--txt-dim);font-size:.68rem}.admin-preset-grid button>span{display:flex;justify-content:center;gap:4px;margin-bottom:7px}.admin-preset-grid i{width:20px;height:8px;border-radius:99px}.admin-accessibility-checks{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.admin-accessibility-checks span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--cs-line);border-radius:999px;color:var(--txt-dim);font-size:.66rem}.admin-accessibility-checks svg{color:var(--green)}
.admin-product-select{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.admin-product-select code{padding:9px;border:1px solid var(--cs-line);border-radius:9px;color:var(--txt-faint);font-size:.62rem;direction:ltr}.admin-all-product-links{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:560px;overflow:auto;padding-inline-end:5px}.admin-pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-pricing-grid article{padding:17px;border:1px solid var(--cs-line);border-radius:13px;background:rgba(255,255,255,.018)}.admin-pricing-grid h3{margin-bottom:15px;font-family:var(--display);text-transform:capitalize}.admin-pricing-grid .textarea{min-height:88px}.admin-note{margin-top:15px;padding:13px;border-inline-start:3px solid var(--orange);background:rgba(255,122,0,.05);color:var(--txt-dim);font-size:.7rem;line-height:1.7}.admin-publish-status{display:flex;align-items:center;gap:13px;padding:15px;margin-bottom:18px;border:1px solid var(--cs-line);border-radius:12px;background:rgba(255,255,255,.018)}.admin-publish-status svg{color:var(--orange)}.admin-publish-status b,.admin-publish-status span{display:block}.admin-publish-status span{margin-top:3px;color:var(--txt-dim);font-size:.69rem}.admin-backup-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-json-preview{max-height:390px;margin-top:15px;padding:16px;border:1px solid var(--cs-line);border-radius:12px;background:#05070a;color:#91a0b1;font-family:var(--mono);font-size:.62rem;line-height:1.55;direction:ltr;text-align:left;overflow:auto}.admin-site-content .portal-table-wrap{max-height:570px;overflow:auto}

/* tutorial hub */
.tutorial-library{margin:44px 0 35px;padding:25px;border:1px solid rgba(0,229,195,.16);border-radius:21px;background:radial-gradient(circle at 100% 0%,rgba(0,229,195,.06),transparent 33%),rgba(255,255,255,.012)}.tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.tutorial-card{display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;min-height:105px;padding:14px;border:1px solid var(--cs-line);border-radius:13px;background:rgba(255,255,255,.018);transition:.22s}.tutorial-card:hover{transform:translateY(-3px);border-color:rgba(0,229,195,.28)}.tutorial-index{color:var(--txt-faint);font-family:var(--mono);font-size:.7rem}.tutorial-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(0,229,195,.07);color:var(--ai-teal)}.tutorial-card h3{font-size:.86rem}.tutorial-card p{margin-top:4px;color:var(--txt-dim);font-size:.68rem}.tutorial-card small{display:block;margin-top:7px;color:var(--txt-faint);font-size:.59rem}

/* accessibility and stability */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.sr:not(.in){opacity:1;transform:none}.lp-product-stage{transform:none}}
@media(forced-colors:active){.btn,.card,.lp-feature-grid article,.admin-editor-card{border:1px solid CanvasText}.btn-primary{background:Highlight;color:HighlightText}.badge .led{forced-color-adjust:none}}
@media(max-width:1180px){.platform-value-grid{grid-template-columns:repeat(2,1fr)}.platform-value-grid article:nth-child(2){border-inline-end:0}.platform-value-grid article:nth-child(-n+2){border-bottom:1px solid var(--cs-line)}.platform-journey{grid-template-columns:repeat(3,1fr)}.platform-journey article:nth-child(3){border-inline-end:0}.platform-journey article:nth-child(-n+3){border-bottom:1px solid var(--cs-line)}.lp-hero-grid{grid-template-columns:1fr;max-width:900px}.lp-product-stage{transform:none}.lp-feature-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.price-card-v2.popular{transform:none}.admin-site-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:900px){.platform-search-card,.lp-problem-grid,.lp-video-grid,.lp-value-grid,.lp-integrations-grid,.lp-lead-grid{grid-template-columns:1fr}.platform-journey{grid-template-columns:1fr}.platform-journey article{border-inline-end:0;border-bottom:1px solid var(--cs-line)}.platform-journey article:last-child{border-bottom:0}.lp-feature-grid{grid-template-columns:repeat(2,1fr)}.lp-workflow{grid-template-columns:repeat(2,1fr)}.lp-workflow article:nth-child(2){border-inline-end:0}.lp-workflow article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.09)}.lp-proof .wrap{justify-content:center;flex-wrap:wrap;padding-block:20px}.admin-site-shell{grid-template-columns:1fr}.admin-site-nav{position:static;grid-template-columns:repeat(4,1fr)}.admin-site-nav .admin-site-status{grid-column:1/-1}.admin-site-nav button,.admin-site-nav>a{justify-content:center}.admin-overview-grid{grid-template-columns:repeat(2,1fr)}.pricing-head{align-items:flex-start;flex-direction:column}.billing-toggle{margin:0 0 25px}.pricing-included .g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.cs-announcement{font-size:.65rem}.platform-value-section,.platform-journey-section,.platform-search-section,.lp-section{padding:72px 0}.platform-value-grid{grid-template-columns:1fr}.platform-value-grid article{min-height:220px;border-inline-end:0;border-bottom:1px solid var(--cs-line)!important}.platform-value-grid article:last-child{border-bottom:0!important}.platform-search-card{padding:25px!important}.platform-search-list{grid-template-columns:1fr}.lp-hero{min-height:auto;padding-top:55px}.lp-hero-grid{gap:38px}.lp-copy h1{font-size:clamp(2.25rem,12vw,3.8rem)}.lp-copy>p{font-size:.94rem}.lp-actions .btn{width:100%}.lp-stage-body{min-height:390px;grid-template-columns:1fr}.lp-stage-body aside{display:none}.lp-stage-main{padding:15px}.lp-stage-stats{grid-template-columns:repeat(2,1fr)}.lp-stage-stats div:nth-child(3){display:none}.lp-stage-chart{min-height:230px}.lp-section-head{align-items:flex-start;flex-direction:column}.lp-outcome-grid{grid-template-columns:1fr}.lp-outcome-grid article{min-height:210px;border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.09)}.lp-feature-grid{grid-template-columns:1fr}.lp-feature-grid article{min-height:210px}.lp-workflow{grid-template-columns:1fr}.lp-workflow article{border-inline-end:0;border-bottom:1px solid rgba(255,255,255,.09)!important}.lp-workflow article:last-child{border-bottom:0!important}.lp-faq{grid-template-columns:1fr}.lp-security-panel ul{grid-template-columns:1fr}.lp-lead-form{padding:19px}.lp-lead-form .g2{grid-template-columns:1fr}.lp-related .g3{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr}.price-card-v2{min-height:auto}.pricing-included .g4,.pricing-addons .g3{grid-template-columns:1fr}.pricing-comparison{padding:16px}.pricing-faq{grid-template-columns:1fr}.admin-site-nav{display:flex;overflow-x:auto}.admin-site-nav button,.admin-site-nav>a{min-width:max-content}.admin-form-grid,.admin-quality-grid,.admin-link-grid,.admin-color-grid,.admin-preset-grid,.admin-all-product-links,.admin-pricing-grid,.tutorial-grid{grid-template-columns:1fr}.admin-overview-grid{grid-template-columns:1fr 1fr}.admin-toggle-row,.admin-product-select{grid-template-columns:1fr}.admin-editor-card{padding:17px}.tutorial-card{grid-template-columns:auto auto 1fr}.tutorial-card>svg:last-child{display:none}}

/* platform guide, about and updates */
.platform-guide-page .page-head,.about-v2 .page-head,.updates-v2 .page-head{max-width:850px}
.guide-principle{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center;min-height:390px;margin-bottom:78px;padding:48px;border:1px solid var(--cs-line);border-radius:24px;background:radial-gradient(circle at 85% 15%,rgba(45,127,255,.12),transparent 35%),linear-gradient(145deg,var(--cs-surface-2),var(--cs-surface));box-shadow:var(--cs-shadow)}
.guide-principle>div:first-child>span,.guide-final span,.about-story-v2 span,.updates-roadmap>div>span{color:var(--orange);font-family:var(--mono);font-size:.67rem;letter-spacing:.16em}.guide-principle h2{max-width:650px;margin:13px 0;font-family:var(--display);font-size:clamp(2rem,4vw,3.7rem);line-height:1.04}.guide-principle p{max-width:680px;color:var(--txt-dim);font-size:.93rem;line-height:1.9}.guide-orbit{position:relative;width:270px;aspect-ratio:1;margin:auto;border:1px solid rgba(45,127,255,.25);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 70px rgba(45,127,255,.08) inset}.guide-orbit:before,.guide-orbit:after{content:"";position:absolute;inset:37px;border:1px dashed rgba(255,255,255,.12);border-radius:50%}.guide-orbit:after{inset:78px}.guide-orbit b{width:92px;height:92px;display:grid;place-items:center;border:1px solid rgba(255,122,0,.35);border-radius:24px;background:rgba(255,122,0,.08);font-family:var(--mono);font-size:.72rem;color:#ffc087}.guide-orbit i{--angle:calc(var(--i)*60deg);position:absolute;left:50%;top:50%;width:54px;height:28px;display:grid;place-items:center;margin:-14px -27px;transform:rotate(var(--angle)) translateX(135px) rotate(calc(var(--angle)*-1));border:1px solid var(--cs-line);border-radius:999px;background:var(--cs-surface);color:var(--txt-dim);font-family:var(--mono);font-size:.52rem;font-style:normal}
.guide-section{margin:0 0 90px}.guide-layer-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--cs-line);border-radius:20px;overflow:hidden}.guide-layer-grid article{min-height:250px;padding:30px;border-inline-end:1px solid var(--cs-line);border-bottom:1px solid var(--cs-line);background:rgba(255,255,255,.012)}.guide-layer-grid article:nth-child(3n){border-inline-end:0}.guide-layer-grid article:nth-last-child(-n+3){border-bottom:0}.guide-layer-grid article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(45,127,255,.08);color:var(--ai-blue)}.guide-layer-grid h3{margin:23px 0 9px;font-size:1rem}.guide-layer-grid p,.guide-control-grid p{color:var(--txt-dim);font-size:.76rem;line-height:1.75}
.guide-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.guide-flow article{display:grid;grid-template-columns:auto 1fr;gap:20px;min-height:145px;padding:25px;border:1px solid var(--cs-line);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.006))}.guide-flow b{color:var(--orange);font-family:var(--mono);font-size:.72rem}.guide-flow h3{font-size:.94rem}.guide-flow p{margin-top:7px;color:var(--txt-dim);font-size:.73rem;line-height:1.7}
.guide-security{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;padding:37px;border:1px solid rgba(0,229,195,.18);border-radius:22px;background:radial-gradient(circle at 100% 0%,rgba(0,229,195,.07),transparent 35%),var(--cs-surface)}.guide-security-copy h2{max-width:700px;margin:13px 0;font-size:clamp(1.8rem,3vw,2.7rem)}.guide-security-copy>p{color:var(--txt-dim);line-height:1.85}.guide-security-copy>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.guide-security-copy>div span{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--cs-line);border-radius:999px;color:var(--txt-dim);font-size:.62rem}.guide-security-card{display:flex;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid rgba(0,229,195,.18);border-radius:17px;background:rgba(0,229,195,.035)}.guide-security-card>svg{color:var(--ai-teal)}.guide-security-card h3{margin:19px 0 8px}.guide-security-card p{flex:1;color:var(--txt-dim);font-size:.75rem;line-height:1.7}.guide-security-card .btn{margin-top:20px}
.guide-control-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.guide-control-grid article{min-height:180px;padding:23px;border:1px solid var(--cs-line);border-radius:14px;background:rgba(255,255,255,.012)}.guide-control-grid article>span{color:var(--txt-faint);font-family:var(--mono);font-size:.62rem}.guide-control-grid h3{margin:28px 0 7px;font-size:.9rem}.guide-products{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.guide-products a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid var(--cs-line);border-radius:11px;color:var(--txt-dim);font-size:.72rem;transition:.2s}.guide-products a:hover{transform:translateY(-2px);border-color:rgba(45,127,255,.3);color:var(--txt)}.guide-final,.about-cta-v2{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:30px 0;padding:36px;border:1px solid rgba(255,122,0,.2);border-radius:20px;background:radial-gradient(circle at 10% 0%,rgba(255,122,0,.09),transparent 40%),var(--cs-surface)}.guide-final h2,.about-cta-v2 h2{margin:9px 0 5px;font-size:1.65rem}.guide-final p,.about-cta-v2 p{color:var(--txt-dim);font-size:.78rem}.guide-final>div:last-child,.about-cta-v2>div:last-child{display:flex;gap:8px;flex:none}
.about-story-v2{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;margin-bottom:18px;padding:43px;border:1px solid var(--cs-line);border-radius:21px;background:linear-gradient(145deg,var(--cs-surface-2),var(--cs-surface))}.about-story-v2 h2{margin-top:12px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.15}.about-story-v2>p{color:var(--txt-dim);line-height:1.95}.about-stats-v2{display:grid;grid-template-columns:repeat(4,1fr);margin-bottom:80px;border:1px solid var(--cs-line);border-radius:17px;overflow:hidden}.about-stats-v2 article{padding:27px;text-align:center;border-inline-end:1px solid var(--cs-line)}.about-stats-v2 article:last-child{border:0}.about-stats-v2 b{display:block;font-family:var(--display);font-size:2rem}.about-stats-v2 span{color:var(--txt-dim);font-size:.7rem}.about-values-v2{margin-bottom:80px}.about-values-v2 article{min-height:240px}.about-values-v2 h3{margin:19px 0 8px}.about-values-v2 p{color:var(--txt-dim);font-size:.75rem;line-height:1.75}.about-principles-v2{margin-bottom:70px}.about-principles-v2>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:9px}.about-principles-v2 article{display:grid;grid-template-columns:auto 1fr;gap:17px;padding:22px;border:1px solid var(--cs-line);border-radius:13px}.about-principles-v2 article>b{color:var(--orange);font-family:var(--mono);font-size:.65rem}.about-principles-v2 h3{font-size:.88rem}.about-principles-v2 p{margin-top:6px;color:var(--txt-dim);font-size:.72rem;line-height:1.7}
.updates-roadmap{display:grid;grid-template-columns:.65fr 1.35fr;gap:30px;align-items:start;margin-bottom:55px;padding:28px}.updates-roadmap h2{margin-top:8px}.updates-roadmap>div:last-child{display:grid;gap:7px}.updates-roadmap article{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;min-height:44px;padding:9px 12px;border:1px solid var(--cs-line);border-radius:10px;color:var(--txt-dim);font-size:.7rem}.updates-roadmap article svg{color:var(--orange)}.updates-roadmap article b{padding:4px 7px;border-radius:999px;background:rgba(45,127,255,.08);color:var(--ai-blue);font-size:.57rem}.updates-timeline{position:relative;padding-inline-start:45px}.updates-timeline:before{content:"";position:absolute;inset-block:5px 0;inset-inline-start:16px;width:1px;background:linear-gradient(var(--orange),var(--ai-blue),transparent)}.updates-release{position:relative;display:grid;grid-template-columns:85px 1fr;gap:18px;margin-bottom:18px}.updates-release-marker{position:relative;padding-top:26px}.updates-release-marker i{position:absolute;inset-inline-start:-36px;top:31px;width:15px;height:15px;border:3px solid var(--bg);border-radius:50%;background:var(--release);box-shadow:0 0 0 1px var(--release),0 0 20px color-mix(in srgb,var(--release) 40%,transparent)}.updates-release-marker span{font-family:var(--display);font-weight:700;color:var(--release)}.updates-release-card{padding:27px;border:1px solid var(--cs-line);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.008))}.updates-release-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}.updates-release-card header>svg{color:var(--release)}.updates-release-card header span{color:var(--release);font-family:var(--mono);font-size:.6rem;letter-spacing:.1em}.updates-release-card h2{margin:6px 0 2px;font-size:1.06rem}.updates-release-card small{color:var(--txt-faint);font-size:.64rem}.updates-release-card ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px}.updates-release-card li{display:flex;align-items:flex-start;gap:7px;color:var(--txt-dim);font-size:.7rem;line-height:1.55}.updates-release-card li svg{flex:none;margin-top:2px;color:var(--release)}
@media(max-width:900px){.guide-principle,.guide-security,.about-story-v2,.updates-roadmap{grid-template-columns:1fr}.guide-orbit{margin-top:20px}.guide-layer-grid,.guide-control-grid,.guide-products{grid-template-columns:repeat(2,1fr)}.guide-layer-grid article:nth-child(3n){border-inline-end:1px solid var(--cs-line)}.guide-layer-grid article:nth-child(2n){border-inline-end:0}.guide-layer-grid article:nth-last-child(-n+3){border-bottom:1px solid var(--cs-line)}.guide-layer-grid article:nth-last-child(-n+2){border-bottom:0}.about-stats-v2{grid-template-columns:repeat(2,1fr)}.about-stats-v2 article:nth-child(2){border-inline-end:0}.about-stats-v2 article:nth-child(-n+2){border-bottom:1px solid var(--cs-line)}.updates-release-card ul{grid-template-columns:1fr}}
@media(max-width:650px){.guide-principle{padding:25px}.guide-orbit{width:220px}.guide-orbit i{transform:rotate(var(--angle)) translateX(110px) rotate(calc(var(--angle)*-1))}.guide-layer-grid,.guide-control-grid,.guide-products,.guide-flow,.about-principles-v2>div:last-child{grid-template-columns:1fr}.guide-layer-grid article{border-inline-end:0!important;border-bottom:1px solid var(--cs-line)!important}.guide-layer-grid article:last-child{border-bottom:0!important}.guide-final,.about-cta-v2{align-items:flex-start;flex-direction:column}.guide-final>div:last-child,.about-cta-v2>div:last-child{width:100%;flex-direction:column}.about-story-v2{padding:25px}.about-stats-v2{grid-template-columns:1fr}.about-stats-v2 article{border-inline-end:0!important;border-bottom:1px solid var(--cs-line)!important}.about-stats-v2 article:last-child{border-bottom:0!important}.updates-timeline{padding-inline-start:27px}.updates-release{grid-template-columns:1fr}.updates-release-marker{padding:0}.updates-release-marker i{inset-inline-start:-18px;top:3px}.updates-release-card{padding:20px}}
.tutorial-card{align-items:flex-start}.tutorial-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.tutorial-actions a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid var(--cs-line);border-radius:9px;color:var(--txt-dim);font-size:.62rem}.tutorial-actions a:first-child{border-color:rgba(255,122,0,.3);background:rgba(255,122,0,.06);color:#ffb16a}.tutorial-actions a:hover{border-color:rgba(45,127,255,.35);color:var(--txt)}

.admin-section-order{display:grid;gap:10px}.admin-section-order>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--cs-line);border-radius:12px;background:rgba(255,255,255,.025)}.admin-section-order label{display:flex;align-items:center;gap:10px;min-width:0}.admin-section-order label span{font-weight:700}.admin-section-order code{direction:ltr;color:var(--txt-dim);font-size:.75rem}.admin-section-order>div>span{display:flex;gap:6px}.admin-section-order button{width:34px;height:34px;border:1px solid var(--cs-line);border-radius:9px;background:var(--cs-surface);color:var(--txt);cursor:pointer}.admin-section-order button:disabled{opacity:.35;cursor:not-allowed}


/* src/styles/mobile-stability.css */
/* ==========================================================
   CODE SYSTEMS 4.1.1 — MOBILE STABILITY PROFILE
   Keeps every feature and route while lowering WebKit GPU/RAM pressure.
   ========================================================== */

.cs-deferred-section{position:relative;display:block}
.cs-deferred-section .sr{opacity:1;transform:none}
.cs-deferred-placeholder{display:grid;place-items:center;min-height:inherit;color:var(--txt-faint);font-family:var(--display);font-size:.65rem;letter-spacing:.18em}
.cs-deferred-placeholder span{padding:8px 12px;border:1px solid var(--glass-border);border-radius:999px;background:rgba(255,255,255,.02)}

.client-fallback{min-height:100svh;display:grid;place-items:center;padding:28px;background:#05070b;color:#fff}
.client-fallback-card{width:min(560px,100%);padding:30px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#0b0e14;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.45)}
.client-fallback-card>b{display:block;color:var(--orange);letter-spacing:.17em;font-size:.72rem}
.client-fallback-card h1{margin:12px 0 8px;font-size:clamp(1.5rem,7vw,2.25rem)}
.client-fallback-card p{color:var(--txt-dim);line-height:1.75}
.client-fallback-card>div{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}

html.cs-mobile-lite{scroll-behavior:auto}
html.cs-mobile-lite body::before,
html.cs-mobile-lite .bg-layer,
html.cs-mobile-lite .cs-hero-aurora{display:none!important}

html.cs-mobile-lite *,
html.cs-mobile-lite *::before,
html.cs-mobile-lite *::after{
  animation-duration:.001ms!important;
  animation-delay:0ms!important;
  animation-iteration-count:1!important;
  transition-duration:.001ms!important;
  scroll-behavior:auto!important;
}

html.cs-mobile-lite *{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html.cs-mobile-lite .cs-site-header.is-scrolled,
html.cs-mobile-lite .cs-mobile-menu{
  background:rgba(5,7,11,.98)!important;
}

html.cs-mobile-lite .cs-hero{min-height:auto;overflow:clip}
html.cs-mobile-lite .cs-hero::before{display:none}
html.cs-mobile-lite .cs-orbit-card{
  filter:none!important;
  contain:layout paint style;
  transform:translateZ(0);
}
html.cs-mobile-lite .cs-orbit-core::before{display:none}
html.cs-mobile-lite .cs-orbit-items,
html.cs-mobile-lite .cs-orbit-item>span{animation:none!important}
html.cs-mobile-lite .cs-orbit-item,
html.cs-mobile-lite .cs-floating-signal{
  box-shadow:0 8px 20px rgba(0,0,0,.24)!important;
}
html.cs-mobile-lite .cs-status-strip,
html.cs-mobile-lite .card-glass,
html.cs-mobile-lite .btn-ghost,
html.cs-mobile-lite .cookie-card,
html.cs-mobile-lite .sales-popup,
html.cs-mobile-lite .modal-back,
html.cs-mobile-lite .a11y-backdrop,
html.cs-mobile-lite .forced-password-backdrop{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

html.cs-mobile-lite .page,
html.cs-mobile-lite .platform-value-section,
html.cs-mobile-lite .platform-journey-section,
html.cs-mobile-lite .platform-search-section,
html.cs-mobile-lite .vx-site-showcase,
html.cs-mobile-lite .cs-video-showcase,
html.cs-mobile-lite .cs-ecosystem-section{
  content-visibility:auto;
  contain-intrinsic-size:1px 760px;
}

html.cs-mobile-lite .ecosystem-card,
html.cs-mobile-lite .cs-video-card,
html.cs-mobile-lite .vx-site-panel,
html.cs-mobile-lite .video-featured{
  contain:layout paint style;
  box-shadow:none!important;
}

html.cs-mobile-lite .cs-intro{animation:none!important}
html.cs-mobile-lite .sr,
html.cs-mobile-lite .reveal{opacity:1!important;transform:none!important}

@media(max-width:620px){
  .cs-deferred-placeholder{min-height:260px}
  html.cs-mobile-lite .video-featured-player{min-height:0}
  html.cs-mobile-lite .cs-video-player{transform:translateZ(0)}
  html.cs-mobile-lite .cookie-layer{background:rgba(0,0,0,.5)}
}