:root{--bg:#020617;--surface:#0f172a;--surface-2:#111827;--border:rgba(255,255,255,.08);--text:#f8fafc;--text-2:#94a3b8;--muted:#64748b;--primary:#22d3ee;--primary-2:#38bdf8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.22);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -10%,rgba(34,211,238,.08),transparent 35%),var(--bg);color:var(--text);font-family:"Vazirmatn","Vazir",Tahoma,Segoe UI,sans-serif;line-height:1.7}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{display:block;max-width:100%}.container{width:min(100% - 32px,var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-muted{color:var(--text-2)}.text-center{text-align:center}.hidden{display:none!important}
.skip-link{position:fixed;top:10px;inset-inline-start:10px;padding:10px 14px;background:var(--primary);color:#03252d;border-radius:10px;transform:translateY(-160%);z-index:999}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid rgba(34,211,238,.55);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-weight:800;transition:.2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#05232a;box-shadow:0 10px 26px rgba(34,211,238,.14)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.03)}.btn-secondary{background:rgba(255,255,255,.03);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:rgba(255,255,255,.06)}.btn-ghost{background:transparent;color:var(--text-2)}.btn-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#fecaca}.btn-sm{min-height:38px;padding:0 13px;border-radius:10px;font-size:.88rem}.btn-block{width:100%}
.navbar{position:sticky;top:0;z-index:40;background:rgba(2,6,23,.86);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:1.14rem;flex-shrink:0}.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--primary-2),var(--primary));color:#06242a;box-shadow:0 8px 25px rgba(34,211,238,.16)}.nav-links{display:flex;align-items:center;gap:22px;margin-inline:auto;color:var(--text-2);font-size:.94rem}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-toggle{display:none;margin-inline-start:auto}
.hero{padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--border);border-radius:999px;color:#b9f8ff;background:rgba(34,211,238,.06);font-size:.82rem;font-weight:800}.hero h1{font-size:clamp(2.45rem,5vw,4.8rem);line-height:1.12;letter-spacing:-.045em;margin:20px 0 20px}.hero p{font-size:1.12rem;color:var(--text-2);max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-note{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.87rem;margin-top:16px}.hero-visual{border:1px solid var(--border);background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(17,24,39,.94));border-radius:28px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-visual:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(56,189,248,.12);filter:blur(30px);top:-100px;left:-90px}.mini-window{position:relative;border:1px solid var(--border);border-radius:20px;background:rgba(2,6,23,.7);overflow:hidden}.mini-bar{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--border)}.dot-set{display:flex;gap:6px}.dot{width:8px;height:8px;border-radius:50%;background:#334155}.mini-body{display:grid;grid-template-columns:110px 1fr;min-height:350px}.mini-side{border-inline-end:1px solid var(--border);padding:14px}.mini-side div{height:28px;border-radius:8px;background:rgba(255,255,255,.04);margin-bottom:8px}.mini-side div:nth-child(2){background:rgba(34,211,238,.1)}.mini-content{padding:18px}.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02)}.mini-line{height:9px;border-radius:999px;background:#1e293b;margin-top:8px}.mini-chart{height:140px;border:1px solid var(--border);border-radius:14px;margin-top:12px;padding:10px}.chart-svg{width:100%;height:100%}
.section{padding:74px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section h2{font-size:clamp(1.75rem,3vw,2.45rem);margin:0}.section-lead{color:var(--text-2);max-width:700px;margin:9px 0 0}.grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.feature-card,.pricing-card,.faq-item{border:1px solid var(--border);background:rgba(15,23,42,.78);border-radius:var(--radius)}.feature-card{padding:20px}.icon-box{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(34,211,238,.08);color:var(--primary);border:1px solid rgba(34,211,238,.12);margin-bottom:14px}.feature-card h3{margin:0 0 7px;font-size:1rem}.feature-card p{margin:0;color:var(--text-2);font-size:.9rem}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:rgba(255,255,255,.02)}.step-no{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#111827;color:var(--primary);font-weight:900;margin-bottom:14px}.step p{color:var(--text-2);font-size:.91rem;margin:7px 0 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pricing-card{padding:24px;position:relative}.pricing-card.featured{border-color:rgba(34,211,238,.35);box-shadow:0 16px 42px rgba(34,211,238,.08)}.pricing-card .tag{position:absolute;top:15px;inset-inline-end:15px}.price{font-size:2rem;font-weight:900;margin:12px 0}.price small{font-size:.85rem;font-weight:700;color:var(--text-2)}.pricing-list{display:grid;gap:9px;margin:20px 0;padding:0;list-style:none;color:var(--text-2);font-size:.92rem}.pricing-note{margin-top:18px;padding:13px 15px;border-radius:12px;border:1px solid rgba(245,158,11,.18);background:rgba(245,158,11,.06);color:#fde68a;font-size:.92rem}.faq-list{display:grid;gap:10px}.faq-item summary{padding:17px 18px;cursor:pointer;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item p{padding:0 18px 18px;margin:0;color:var(--text-2)}
.footer{padding:42px 0;border-top:1px solid var(--border);margin-top:40px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:28px}.footer-title{font-weight:900;margin-bottom:12px}.footer-links{display:grid;gap:8px;color:var(--text-2);font-size:.9rem}.footer-links a:hover{color:var(--text)}.copyright{padding-top:24px;margin-top:24px;border-top:1px solid var(--border);color:var(--muted);font-size:.84rem}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:28px}.auth-card{width:min(100%,470px);border:1px solid var(--border);background:rgba(15,23,42,.9);border-radius:24px;box-shadow:var(--shadow);padding:28px}.auth-head{text-align:center;margin-bottom:22px}.auth-head h1{margin:14px 0 7px;font-size:1.7rem}.auth-head p{margin:0;color:var(--text-2)}.selected-plan{padding:10px 12px;border:1px solid rgba(34,211,238,.2);background:rgba(34,211,238,.05);border-radius:12px;margin-bottom:18px;color:#b9f8ff;font-size:.88rem;font-weight:800;text-align:center}.demo-box{padding:13px 14px;border:1px dashed rgba(34,211,238,.25);background:rgba(34,211,238,.05);border-radius:14px;margin-bottom:18px;font-size:.9rem}.form-grid{display:grid;gap:15px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:7px}.field label{font-size:.88rem;font-weight:800}.input,.select,.textarea{width:100%;background:#08111f;border:1px solid var(--border);border-radius:12px;color:var(--text);padding:12px 13px;min-height:46px}.textarea{resize:vertical;min-height:120px}.input::placeholder,.textarea::placeholder{color:#4b5b72}.field-error{min-height:18px;color:#fca5a5;font-size:.79rem}.checkbox{display:flex;gap:10px;align-items:flex-start;color:var(--text-2);font-size:.86rem}.checkbox input{margin-top:5px;accent-color:var(--primary)}.auth-footer{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:15px;color:var(--text-2);font-size:.88rem}.auth-footer a{color:#b9f8ff}.auth-back{text-align:center;margin-top:20px;color:var(--text-2);font-size:.88rem}
.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;border-inline-end:1px solid var(--border);background:#050b16;padding:18px;display:flex;flex-direction:column;z-index:50}.sidebar-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}.sidebar-nav{display:grid;gap:5px}.sidebar-nav a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:11px;color:var(--text-2);font-size:.92rem}.sidebar-nav a:hover,.sidebar-nav a.active{background:rgba(255,255,255,.05);color:var(--text)}.sidebar-nav a.active{box-shadow:inset -2px 0 var(--primary)}.sidebar-footer{margin-top:auto;padding-top:14px}.service-card{border:1px solid var(--border);background:rgba(255,255,255,.03);border-radius:14px;padding:12px}.service-status{display:flex;align-items:center;gap:7px;color:#bbf7d0;font-size:.85rem;font-weight:800}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.app-main{min-width:0}.topbar{min-height:72px;padding:0 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;background:rgba(2,6,23,.7);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}.mobile-menu{display:none}.topbar-spacer{flex:1}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.03)}.avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#122131;color:#b9f8ff;font-weight:900}.page{padding:28px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.page-head h1{margin:0;font-size:1.7rem}.page-head p{margin:5px 0 0;color:var(--text-2);font-size:.92rem}.page-actions{display:flex;gap:10px;flex-wrap:wrap}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kpi-card{border:1px solid var(--border);background:rgba(15,23,42,.75);border-radius:17px;padding:18px}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-2);font-size:.86rem}.kpi-value{font-size:1.5rem;font-weight:900;margin-top:9px}.dashboard-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.panel{border:1px solid var(--border);background:rgba(15,23,42,.75);border-radius:17px;padding:19px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.panel-head h2{font-size:1rem;margin:0}.sub-card{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;border:1px solid rgba(34,211,238,.16);background:rgba(34,211,238,.05);border-radius:15px}.sub-stat{display:grid;gap:2px}.sub-stat span{color:var(--text-2);font-size:.82rem}.sub-stat strong{font-size:1.1rem}.status-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;border:1px solid transparent}.status-badge.success{color:#bbf7d0;background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.18)}.status-badge.warning{color:#fde68a;background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.18)}.status-badge.info{color:#bae6fd;background:rgba(14,165,233,.08);border-color:rgba(14,165,233,.18)}.status-badge.danger{color:#fecaca;background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.18)}.status-badge.neutral{color:#cbd5e1;background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.18)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:15px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th,.table td{padding:13px 14px;border-bottom:1px solid var(--border);text-align:right;font-size:.88rem}.table th{color:var(--text-2);font-weight:800;background:rgba(255,255,255,.015)}.table tr:last-child td{border-bottom:0}.table .actions{display:flex;gap:7px;flex-wrap:wrap}.toolbar{display:grid;grid-template-columns:1.4fr .8fr .8fr auto;gap:10px;margin-bottom:16px}.search{position:relative}.search input{padding-inline-end:40px}.search svg{position:absolute;inset-inline-end:13px;top:50%;transform:translateY(-50%);color:var(--muted)}
.empty{padding:45px 20px;text-align:center;color:var(--text-2);border:1px dashed var(--border);border-radius:16px}.empty-icon{margin:0 auto 12px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--muted)}.empty h3{color:var(--text);margin:0 0 7px}.empty p{margin:0 auto 17px;max-width:520px;font-size:.9rem}.loading{display:grid;gap:10px}.skeleton{height:15px;border-radius:999px;background:linear-gradient(90deg,#0f172a,#162235,#0f172a);background-size:200% 100%;animation:sh 1.3s infinite}.skeleton.lg{height:26px;width:65%}.skeleton.sm{width:38%}@keyframes sh{to{background-position:-200% 0}}.error-box{padding:14px 15px;border:1px solid rgba(239,68,68,.2);border-radius:13px;background:rgba(239,68,68,.06);color:#fecaca}.success-box{padding:14px 15px;border:1px solid rgba(34,197,94,.2);border-radius:13px;background:rgba(34,197,94,.06);color:#bbf7d0}
.wizard-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.wizard-step{padding:11px 10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02);font-size:.8rem;color:var(--text-2);text-align:center}.wizard-step.active{color:#cffafe;border-color:rgba(34,211,238,.3);background:rgba(34,211,238,.06)}.wizard-step.done{color:#bbf7d0;border-color:rgba(34,197,94,.2)}.wizard-panel{border:1px solid var(--border);background:rgba(15,23,42,.78);border-radius:18px;padding:22px}.wizard-actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.review-item{padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.02)}.review-item small{display:block;color:var(--muted);margin-bottom:5px}.chart-panel{height:270px}.chart-legend{display:flex;gap:14px;flex-wrap:wrap;color:var(--text-2);font-size:.8rem;margin-top:9px}.legend{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:50%;background:currentColor}.ticket-card{display:grid;grid-template-columns:1fr auto;gap:14px;padding:16px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.02)}.ticket-list{display:grid;gap:10px}.ticket-card h3{margin:0;font-size:.95rem}.ticket-card p{margin:5px 0;color:var(--text-2);font-size:.85rem}.ticket-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.admin-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.tab-btn{border:1px solid var(--border);background:rgba(255,255,255,.025);color:var(--text-2);border-radius:10px;padding:9px 13px}.tab-btn.active{color:var(--text);background:rgba(255,255,255,.06)}
.toast-region{position:fixed;inset-inline-end:18px;bottom:18px;z-index:100;display:grid;gap:9px;pointer-events:none}.toast{width:min(360px,calc(100vw - 36px));padding:13px 14px;border-radius:13px;border:1px solid var(--border);background:#09111e;box-shadow:var(--shadow);display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.toast.success{border-color:rgba(34,197,94,.22)}.toast.error{border-color:rgba(239,68,68,.22)}.toast .toast-body{flex:1;font-size:.86rem}.confirm-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.62);display:grid;place-items:center;padding:18px;z-index:90}.confirm{width:min(100%,430px);background:#0b1320;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.confirm h2{margin:0 0 8px;font-size:1.1rem}.confirm p{margin:0;color:var(--text-2);font-size:.9rem}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}

/* Phase A product-direction foundations */
.notice-banner{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border:1px solid rgba(34,211,238,.14);background:rgba(34,211,238,.045);border-radius:14px;color:var(--text-2);margin-bottom:16px}.notice-banner strong{color:#cffafe;white-space:nowrap}.platform-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.platform-account-card{border:1px solid var(--border);background:rgba(15,23,42,.75);border-radius:17px;padding:17px;display:grid;gap:14px;min-width:0}.platform-account-head{display:flex;align-items:center;gap:10px}.platform-account-head h3{margin:0;font-size:1rem}.platform-account-head div span{display:block;color:var(--text-2);font-size:.75rem;margin-top:3px}.platform-account-body{display:grid;gap:9px}.account-name{font-weight:800}.capability-list{display:flex;flex-wrap:wrap;gap:6px}.cap-chip{font-size:.68rem;padding:4px 7px;border:1px solid var(--border);border-radius:999px;color:var(--text-2);background:rgba(255,255,255,.02)}.automation-list,.message-list,.schedule-list{display:grid;gap:12px}.automation-card,.message-card,.schedule-card{border:1px solid var(--border);background:rgba(15,23,42,.75);border-radius:17px;padding:17px}.automation-card{display:grid;grid-template-columns:1fr auto;gap:15px}.automation-top,.message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.automation-card h3,.message-card h3,.schedule-card h3{margin:0;font-size:1rem}.automation-card p{margin:7px 0;color:var(--text-2);font-size:.87rem}.message-card{display:grid;grid-template-columns:auto 1fr;gap:13px}.message-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:#b9f8ff;font-weight:900}.message-main{min-width:0}.message-head div span,.message-card p{display:block;color:var(--text-2);font-size:.8rem}.message-card p{font-size:.9rem;margin:9px 0}.message-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.content-card{border:1px solid var(--border);background:rgba(15,23,42,.75);border-radius:17px;overflow:hidden}.content-preview{min-height:140px;padding:17px;display:grid;align-content:end;gap:6px;background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(15,23,42,.2))}.content-preview span{font-size:.7rem;color:var(--text-2)}.content-body{padding:15px;display:grid;gap:9px}.content-body h3{margin:0;font-size:1rem}.content-body p{margin:0;color:var(--text-2);font-size:.8rem}.schedule-card{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:15px}.schedule-time{display:grid;gap:3px;padding:11px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.02)}.schedule-time strong{font-size:1.1rem}.schedule-time span{color:var(--text-2);font-size:.78rem}.activity-grid{display:grid;gap:9px}.activity-item,.attention-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.02)}.activity-item div{display:grid;gap:3px;min-width:0}.activity-item span{color:var(--text-2);font-size:.78rem}.attention-item{color:var(--text-2)}.attention-item strong{color:var(--text)}
@media(max-width:1050px){.platform-account-grid,.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.schedule-card{grid-template-columns:95px 1fr}.schedule-card>.status-badge{grid-column:1/-1;justify-self:start}}
@media(max-width:620px){.notice-banner{flex-direction:column}.platform-account-grid,.content-grid{grid-template-columns:1fr}.automation-card,.message-card,.schedule-card{grid-template-columns:1fr}.message-icon{width:38px;height:38px}.message-head{flex-direction:column}.page-actions{width:100%}.page-actions .btn,.page-actions .select{flex:1}.schedule-time{display:flex;justify-content:space-between;align-items:center}}

.nav-mobile{display:none}.mobile-overlay{display:none}
@media(max-width:1050px){.hero-grid,.dashboard-grid{grid-template-columns:1fr}.grid-5,.steps{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.toolbar{grid-template-columns:1fr 1fr}.toolbar .toolbar-submit{grid-column:span 2}}
@media(max-width:820px){.nav-links,.nav-actions{display:none}.nav-toggle{display:inline-flex}.nav-mobile{position:absolute;left:16px;right:16px;top:64px;background:#07101c;border:1px solid var(--border);border-radius:16px;padding:9px;display:none}.nav-mobile.open{display:grid}.nav-mobile a{padding:10px 12px;border-radius:10px;color:var(--text-2)}.nav-mobile a:hover{background:rgba(255,255,255,.04);color:var(--text)}.app-shell{display:block}.sidebar{position:fixed;top:0;bottom:0;inset-inline-start:0;width:280px;transform:translateX(110%);transition:.25s ease;box-shadow:20px 0 40px rgba(0,0,0,.25)}html[dir=rtl] .sidebar{transform:translateX(110%)}html[dir=rtl] .sidebar.open{transform:translateX(0)}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.mobile-overlay.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:45}.page{padding:20px}.topbar{padding:0 18px}.kpi-grid{grid-template-columns:1fr}.wizard-steps{grid-template-columns:1fr 1fr}.wizard-step:nth-child(5){grid-column:span 2}.review-grid{grid-template-columns:1fr}}
@media(max-width:620px){.hero{padding-top:54px}.hero-actions .btn{width:100%}.hero-visual{padding:10px}.mini-body{grid-template-columns:78px 1fr;min-height:285px}.grid-5,.steps,.pricing-grid,.footer-grid{grid-template-columns:1fr}.section{padding:54px 0}.section-head,.page-head{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.toolbar .toolbar-submit{grid-column:auto}.auth-shell{padding:14px}.auth-card{padding:20px}.auth-footer{align-items:flex-start;flex-direction:column}.ticket-card{grid-template-columns:1fr}.sub-card{align-items:flex-start;flex-direction:column}.topbar .user-chip{padding-inline:6px}.user-chip span{display:none}.wizard-actions{flex-direction:column-reverse}.wizard-actions .btn{width:100%}}
.platform-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--border)}
.field-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.field-head label{display:block;font-weight:800}.field-head p{margin:4px 0 0;font-size:.82rem}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.platform-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.02);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.platform-card:hover{background:rgba(255,255,255,.035);transform:translateY(-1px)}.platform-card.selected{border-color:rgba(34,211,238,.32);background:rgba(34,211,238,.05)}.platform-card input{position:absolute;opacity:0;pointer-events:none}.platform-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.05);color:#b9f8ff}.platform-copy{min-width:0;display:grid;gap:3px}.platform-copy strong{font-size:.9rem}.platform-copy small{color:var(--text-2);font-size:.72rem}.platform-copy .status-badge{justify-self:start;font-size:.67rem;padding:4px 7px}.platform-action{color:var(--muted);font-size:.7rem;white-space:nowrap}.platform-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.platform-chip{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:4px 7px;border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.02);font-size:.7rem;color:var(--text-2)}.platform-chip .status-badge{font-size:.62rem;padding:2px 5px}.platform-more{display:inline-flex;align-items:center;padding:4px 7px;border-radius:9px;background:rgba(255,255,255,.04);color:var(--text-2);font-size:.7rem}.review-block{grid-column:1/-1;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.02)}.review-block small{display:block;color:var(--muted);margin-bottom:8px}.review-platforms{min-height:30px}
@media(max-width:1050px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.platform-grid{grid-template-columns:1fr}.field-head{flex-direction:column}.platform-card{grid-template-columns:auto 1fr}.platform-action{display:none}}