:root{--ink:#111827;--muted:#697386;--line:#e7e9f0;--soft:#f5f7fb;--surface:#fff;--navy:#0b1020;--navy2:#131a2e;--purple:#6d5dfc;--purple2:#8b7cff;--blue:#3677f5;--green:#16a36a;--amber:#e59b19;--red:#e44949;--shadow:0 18px 50px rgba(16,24,40,.09);--radius:18px;--radius-sm:12px;--sidebar:248px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8fb;color:var(--ink);font-family:inherit;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.icon{width:19px;height:19px;display:inline-block;flex:0 0 auto}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;gap:3px;width:25px}.brand-mark span{display:block;height:5px;border-radius:5px;background:currentColor}.brand-mark span:nth-child(1){width:25px}.brand-mark span:nth-child(2){width:18px}.brand-mark span:nth-child(3){width:11px}.brand-mark:after{content:"";position:absolute}.brand-word{font-size:21px}.brand-word>span{color:var(--purple)}.btn{border:0;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;font-weight:700;font-size:14px;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--purple),#7567ff);color:#fff;box-shadow:0 8px 24px rgba(109,93,252,.24)}.btn-primary:hover{box-shadow:0 12px 30px rgba(109,93,252,.32)}.btn-secondary{background:#fff;border:1px solid #dfe3ea;color:#273142}.btn-secondary:hover{border-color:#c9ced9;background:#fafbfc}.btn-ghost{background:transparent;color:#667085}.btn-dark{background:#111827;color:#fff}.btn-light{background:#fff;color:#222;border:1px solid #ebecef;box-shadow:0 8px 24px rgba(0,0,0,.05)}.btn-lg{padding:14px 20px;border-radius:13px;font-size:15px}.btn-block{width:100%}.text-link{display:flex;align-items:center;gap:5px;color:#5d50df;font-size:13px;font-weight:750}.text-link .icon{width:15px}.eyebrow{display:block;font-size:10px;font-weight:800;letter-spacing:.16em;color:#8991a3;text-transform:uppercase;margin-bottom:4px}.pill{display:inline-flex;align-items:center;border:1px solid #dcd8ff;background:#f5f3ff;color:#5e52dc;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.flash{border-radius:12px;padding:12px 15px;font-size:13px;font-weight:650;margin:0 28px 14px}.flash-success{background:#eaf9f2;color:#137249;border:1px solid #ccefe0}.flash-error{background:#fff0f0;color:#a62c2c;border:1px solid #ffd7d7}.icon-btn{width:38px;height:38px;border:0;background:transparent;display:grid;place-items:center;border-radius:10px;color:#657084}.icon-btn:hover{background:#f0f2f6;color:#202938}
/* APP */
.app-body{background:#f5f6f9}.app-layout{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);background:var(--navy);color:#fff;display:flex;flex-direction:column;padding:21px 15px 14px;z-index:30}.sidebar .brand{padding:2px 8px 20px}.sidebar .brand-word>span{color:#968bff}.sidebar-head{display:flex;justify-content:space-between;align-items:flex-start}.sidebar-close{display:none;color:#aab2c7}.workspace{margin:3px 2px 18px;padding:10px 11px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:12px;display:flex;gap:10px;align-items:center}.workspace-dot{width:9px;height:9px;border-radius:50%;background:#6d5dfc;box-shadow:0 0 0 4px rgba(109,93,252,.13)}.workspace div{min-width:0}.workspace strong,.workspace small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace strong{font-size:12px}.workspace small{font-size:10px;color:#8e98b1;margin-top:2px}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{display:flex;align-items:center;gap:11px;padding:10px 11px;border-radius:10px;color:#9da6bc;font-size:13px;font-weight:650}.side-nav a:hover{background:rgba(255,255,255,.05);color:#fff}.side-nav a.active{background:linear-gradient(90deg,rgba(109,93,252,.2),rgba(109,93,252,.08));color:#fff;box-shadow:inset 2px 0 #7b6cff}.side-nav .icon{width:18px}.nav-label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#59647e;font-weight:800;padding:20px 11px 6px}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:5px}.user-chip{display:flex;align-items:center;gap:9px;min-width:0;flex:1;padding:4px}.user-chip span:not(.avatar){min-width:0}.user-chip strong,.user-chip small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-chip strong{font-size:11px;color:#f5f7ff}.user-chip small{font-size:9px;color:#78839e;margin-top:2px}.sidebar-foot .icon-btn{color:#75809a}.logout-form{margin:0}.avatar{--avatar-hue:240;width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;flex:0 0 auto;background:hsl(var(--avatar-hue) 60% 94%);color:hsl(var(--avatar-hue) 55% 38%);font-size:11px;font-weight:850;letter-spacing:-.02em}.sidebar .avatar{background:hsl(var(--avatar-hue) 35% 22%);color:hsl(var(--avatar-hue) 80% 78%)}.main{margin-left:var(--sidebar);min-height:100vh}.topbar{height:82px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;position:sticky;top:0;z-index:20}.topbar h1{font-size:18px;line-height:1.15;margin:0;letter-spacing:-.025em}.topbar .top-new{margin-left:auto}.mobile-menu{display:none;margin-right:8px}.page-content{padding:28px 30px 50px;max-width:1500px;margin:0 auto}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px}.welcome-row h2{font-size:27px;letter-spacing:-.035em;margin:0 0 7px}.welcome-row p{margin:0;color:var(--muted);font-size:14px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px;display:grid;grid-template-columns:auto 1fr;gap:11px;align-items:center;box-shadow:0 3px 10px rgba(16,24,40,.025);transition:.2s}.metric-card:hover{border-color:#d7d9e2;transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,24,40,.06)}.metric-card .metric-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.metric-icon .icon{width:19px}.metric-icon.indigo{background:#efedff;color:#6d5dfc}.metric-icon.blue{background:#eaf2ff;color:#3677f5}.metric-icon.amber{background:#fff5df;color:#d4880c}.metric-icon.red{background:#ffeded;color:#da4242}.metric-card div small,.metric-card div strong{display:block}.metric-card div small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#828a9b}.metric-card div strong{font-size:24px;letter-spacing:-.04em;margin-top:1px}.metric-card em{grid-column:2;font-style:normal;font-size:10px;color:#9aa1af;margin-top:-9px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 2px 8px rgba(16,24,40,.02)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px}.panel-head h3{font-size:15px;margin:0 0 3px;letter-spacing:-.015em}.panel-head p{font-size:11px;color:#8a92a2;margin:0}.ticket-table-wrap{overflow:auto}.ticket-table{width:100%;border-collapse:collapse;min-width:780px}.ticket-table th{text-align:left;font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9aa1af;padding:9px 16px;border-top:1px solid #eff0f3;border-bottom:1px solid #eff0f3;background:#fafbfc}.ticket-table td{padding:13px 16px;border-bottom:1px solid #eff0f3;font-size:11px;color:#4d5667;vertical-align:middle}.ticket-table tbody tr{cursor:pointer;transition:.15s}.ticket-table tbody tr:hover{background:#fafaff}.ticket-table tbody tr:last-child td{border-bottom:0}.ticket-table td:first-child{min-width:300px}.ticket-table td:first-child a{display:grid;grid-template-columns:auto 1fr;gap:1px 8px;align-items:center}.ticket-table td:first-child small{font-size:9px;color:#8e96a6;grid-row:1}.ticket-table td:first-child strong{font-size:12px;color:#222b3b;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-table td:first-child span{grid-column:2;font-size:9px;color:#9da4b1}.ticket-table td:nth-child(2){display:flex;align-items:center;gap:8px}.ticket-table td .avatar{width:27px;height:27px;border-radius:8px;font-size:9px}.badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:9px;font-weight:800;border-radius:999px;padding:5px 8px}.badge.status.new{color:#6556de;background:#f0edff}.badge.status.open{color:#2764c7;background:#eaf2ff}.badge.status.waiting{color:#9b650a;background:#fff4dc}.badge.status.resolved{color:#14724d;background:#e7f7ef}.badge.status.closed{color:#657084;background:#eef0f4}.priority-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.priority-dot.low{background:#aab1bf}.priority-dot.normal{background:#4d88f7}.priority-dot.high{background:#ec9a23}.priority-dot.urgent{background:#e44949}.two-col{display:grid;grid-template-columns:1.55fr .9fr;gap:18px;margin-top:18px}.workload-list{padding:2px 20px 18px}.workload{padding:12px 0;border-top:1px solid #f0f1f4}.workload>div:first-child{display:flex;align-items:center;gap:10px}.workload strong,.workload small{display:block}.workload strong{font-size:11px}.workload small{font-size:9px;color:#9299a8;margin-top:2px}.workload .avatar{width:30px;height:30px}.progress{margin:9px 0 0 40px;height:4px;border-radius:99px;background:#f0f1f4;overflow:hidden}.progress i{display:block;height:100%;background:#7a6cff;border-radius:inherit}.accent-panel{background:linear-gradient(145deg,#11182a,#1a2340);border-color:#1d2743;color:#fff}.accent-panel .panel-head p{color:#7f8ba7}.health-score{padding:4px 20px 22px}.health-score strong{font-size:54px;letter-spacing:-.07em}.health-score strong span{font-size:18px;color:#8e9ab6}.health-score p{color:#929db7;font-size:11px;margin:2px 0}.empty-state{text-align:center;padding:55px 25px}.empty-state .empty-icon{width:46px;height:46px;border-radius:14px;background:#f0efff;color:#6d5dfc;display:grid;place-items:center;margin:0 auto 11px}.empty-state h4{margin:0 0 5px}.empty-state p{margin:0;color:#8a92a1;font-size:12px}.empty-mini{font-size:11px;color:#8d95a5;padding:10px 0}
/* Forms and ticket pages */
.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filters select,.filters .searchbox{height:38px}.searchbox{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe3ea;border-radius:10px;padding:0 11px;min-width:230px;color:#929aaa}.searchbox .icon{width:16px}.searchbox input{border:0;outline:0;width:100%;font-size:12px;background:transparent}.filters select{border:1px solid #dfe3ea;background:#fff;border-radius:10px;padding:0 30px 0 11px;color:#4d5667;font-size:11px}.result-count{font-size:10px;color:#9aa1af}.ticket-list-panel{overflow:hidden}.form-layout{display:grid;grid-template-columns:minmax(0,780px) 270px;gap:20px;align-items:start}.form-panel{overflow:hidden}.stack-form{display:flex;flex-direction:column;gap:15px;padding:5px 20px 22px}.stack-form.compact{padding:5px 0 0;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;font-weight:800;color:#4e5767;letter-spacing:.015em}.field label span{color:#a1a7b2;font-weight:600}.field input,.field select,.field textarea,.input-suffix{width:100%;border:1px solid #dfe3ea;border-radius:10px;background:#fff;color:#202939;outline:0;transition:.15s;font-size:12px}.field input,.field select{height:41px;padding:0 11px}.field textarea{padding:11px;resize:vertical;line-height:1.55}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8b7ffc;box-shadow:0 0 0 3px rgba(109,93,252,.09)}.field small{font-size:9px;color:#969eac;line-height:1.4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.file-drop{border:1px dashed #cbd0da!important;border-radius:12px;padding:15px!important;display:flex!important;align-items:center;gap:11px;cursor:pointer;background:#fafbfc}.file-drop:hover{border-color:#8e82f9!important;background:#faf9ff}.file-drop>.icon{color:#6d5dfc}.file-drop strong,.file-drop small{display:block}.file-drop strong{font-size:11px}.file-drop input,.mini-upload input{display:none}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.form-aside{display:flex;flex-direction:column;gap:12px}.tip-card{border-radius:15px;background:#141b30;color:#fff;padding:18px}.tip-card>span{width:36px;height:36px;background:rgba(255,255,255,.08);border-radius:10px;display:grid;place-items:center;color:#9d93ff}.tip-card h4{font-size:13px;margin:17px 0 6px}.tip-card p{font-size:10px;line-height:1.6;color:#99a3bc;margin:0}.tip-card.soft{background:#f0efff;color:#302866;border:1px solid #dfdcff}.tip-card.soft>span{background:#fff;color:#6d5dfc}.tip-card.soft p{color:#756d9a}.ticket-heading{margin-bottom:20px}.back-link{font-size:10px;color:#7e8797;display:inline-block;margin-bottom:12px}.ticket-kicker{display:flex;align-items:center;gap:9px;margin-bottom:7px}.ticket-kicker>span:first-child{font-size:10px;font-weight:800;color:#858d9c;letter-spacing:.06em}.ticket-heading h2{font-size:25px;letter-spacing:-.035em;margin:0 0 5px}.ticket-heading p{font-size:11px;color:#8d95a4;margin:0}.ticket-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.conversation{overflow:hidden}.message{padding:20px;border-bottom:1px solid #eceef2}.message.internal{background:#fffbef;border-left:3px solid #f0b43d}.message-head{display:flex;align-items:center;gap:10px;margin-bottom:13px}.message-head strong,.message-head small{display:block}.message-head strong{font-size:11px}.message-head small{font-size:9px;color:#9aa1ae;margin-top:2px}.internal-label{display:inline-block;margin-left:7px;background:#fff0c7;color:#91620e;padding:3px 6px;border-radius:99px;font-size:8px}.message-body{font-size:12px;line-height:1.65;color:#333d4e;white-space:normal}.attachment{margin-top:13px;display:flex;align-items:center;gap:9px;padding:9px 10px;border:1px solid #e2e5ea;border-radius:10px;max-width:300px;background:#fafbfc}.attachment>.icon{color:#6d5dfc;width:16px}.attachment strong,.attachment small,.attachment span{display:block}.attachment span{font-size:10px;font-weight:700}.attachment small{font-size:8px;color:#999faa;margin-top:1px}.reply-box{padding:18px;background:#fafbfc}.reply-box textarea{width:100%;border:1px solid #dfe3ea;border-radius:11px;padding:11px;outline:0;resize:vertical;font-size:12px;background:#fff}.reply-box textarea:focus{border-color:#8b7ffc;box-shadow:0 0 0 3px rgba(109,93,252,.08)}.reply-actions{display:flex;align-items:center;gap:12px;margin-top:9px}.reply-actions .btn{margin-left:auto}.mini-upload,.check{display:flex;align-items:center;gap:6px;font-size:10px;color:#697386;cursor:pointer}.mini-upload .icon{width:16px}.check input{accent-color:#6d5dfc}.ticket-side{display:flex;flex-direction:column;gap:14px}.detail-card,.requester-card{padding:18px}.detail-card h3,.requester-card h3{font-size:12px;margin:0 0 15px}.details{margin:0}.details>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f4;gap:10px}.details>div:last-child{border-bottom:0}.details dt{font-size:9px;color:#9299a7}.details dd{font-size:10px;font-weight:700;margin:0;text-align:right}.person-row,.person-main{display:flex;align-items:center;gap:10px}.person-row strong,.person-row small,.person-main strong,.person-main small{display:block}.person-row strong,.person-main strong{font-size:11px}.person-row small,.person-main small{font-size:9px;color:#9299a6;margin-top:2px}.people-list{padding:0 20px 14px}.person-item{padding:13px 0;border-top:1px solid #eff0f3;display:flex;justify-content:space-between;align-items:center;gap:15px}.person-item.disabled{opacity:.5}.person-meta{display:flex;align-items:center;gap:12px;font-size:9px;color:#8e96a5}.person-meta form{margin:0}.text-button{background:transparent;border:0;color:#6256df;font-size:9px;font-weight:750;padding:4px}.text-button:disabled{color:#b7bcc6;cursor:not-allowed}.users-layout{grid-template-columns:1.45fr .75fr;margin-top:0}.settings-grid{display:grid;grid-template-columns:minmax(0,650px) minmax(260px,400px);gap:18px}.info-panel{padding:20px}.info-panel h3{margin:0 0 11px;font-size:13px}.security-note{margin-top:20px;background:#f2f0ff;border-radius:12px;padding:14px}.security-note strong{font-size:10px;color:#493ea9}.security-note p{font-size:9px;line-height:1.6;color:#6e6795;margin:5px 0 0}.input-suffix{display:flex;align-items:center}.input-suffix input{border:0!important;box-shadow:none!important}.input-suffix span{font-size:10px;color:#9198a6;padding-right:10px}.profile-hero{display:flex;align-items:center;gap:12px;padding-bottom:5px}.profile-hero .avatar{width:45px;height:45px}.profile-hero strong,.profile-hero small{display:block}.profile-hero strong{font-size:13px}.profile-hero small{font-size:10px;color:#8e96a4;margin-top:2px}.stack-form hr{width:100%;border:0;border-top:1px solid #eceef2;margin:2px 0}
/* LANDING */
.landing-body{background:#fff}.landing-nav{height:76px;max-width:1220px;margin:0 auto;padding:0 24px;display:flex;align-items:center}.landing-nav .brand{color:#151c2d}.landing-nav nav{margin-left:auto;display:flex;gap:28px}.landing-nav nav a{font-size:12px;color:#657084;font-weight:650}.landing-nav .btn{margin-left:30px}.landing-hero{position:relative;overflow:hidden;max-width:1420px;margin:0 auto;background:linear-gradient(150deg,#f9f9ff 0%,#f5f6ff 50%,#fafcff 100%);border-radius:28px;min-height:620px;padding:72px max(5vw,60px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:50px}.hero-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(109,93,252,.13),rgba(109,93,252,0) 68%);left:-180px;top:-180px}.hero-copy{position:relative;z-index:2;max-width:590px}.hero-copy h1{font-size:63px;line-height:.98;letter-spacing:-.065em;margin:21px 0 22px;font-weight:850}.hero-copy h1 em{font-style:normal;color:#6d5dfc}.hero-copy>p{font-size:17px;line-height:1.65;color:#667084;max-width:530px;margin:0}.hero-actions{display:flex;gap:10px;margin-top:28px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:#7b8495;font-size:10px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:5px}.trust-row .icon{width:13px;color:#35a46b}.hero-product{position:relative;z-index:2;perspective:1200px}.browser{background:#fff;border:1px solid #dde0e8;border-radius:17px;box-shadow:0 35px 90px rgba(42,44,78,.18);overflow:hidden;transform:rotateY(-4deg) rotateX(1deg)}.browser-top{height:34px;background:#f1f2f5;border-bottom:1px solid #e2e4e9;display:flex;align-items:center;padding:0 12px;gap:5px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#ced2da}.browser-top span{margin:auto;font-size:7px;color:#9aa1ad;background:#fff;border:1px solid #e3e5e9;border-radius:5px;padding:4px 70px}.mock-app{height:390px;display:grid;grid-template-columns:90px 1fr}.mock-side{background:#0d1324;padding:24px 14px}.mock-logo{width:28px;height:7px;border-radius:4px;background:#fff;margin-bottom:31px}.mock-side b{display:block;height:6px;border-radius:4px;background:#2a3247;margin:15px 0}.mock-side b:nth-child(2){background:#6d5dfc}.mock-main{padding:29px 30px;background:#fafbfc}.mock-head{display:flex;justify-content:space-between;align-items:center}.mock-head small,.mock-head strong{display:block}.mock-head small{font-size:6px;color:#9da4b1;letter-spacing:.11em}.mock-head strong{font-size:17px;margin-top:4px}.mock-head>span{font-size:7px;background:#6d5dfc;color:white;border-radius:5px;padding:8px 11px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:23px 0 18px}.mock-stats i{font-style:normal;border:1px solid #eaebef;background:#fff;border-radius:9px;padding:11px}.mock-stats small,.mock-stats strong{display:block}.mock-stats small{font-size:6px;color:#9ba2af}.mock-stats strong{font-size:18px;margin-top:2px}.mock-table{background:#fff;border:1px solid #e8e9ed;border-radius:10px;overflow:hidden}.mock-row{display:grid;grid-template-columns:1.7fr .6fr .5fr;align-items:center;gap:7px;padding:12px 11px;border-bottom:1px solid #eef0f2;font-size:7px;color:#626b79}.mock-row:last-child{border:0}.mock-row.header{background:#fafbfc;text-transform:uppercase;letter-spacing:.06em;color:#a1a7b2;font-size:5px}.mock-row>span:first-child{display:flex;align-items:center;gap:6px;color:#333d4c;font-weight:700}.mock-row b{width:16px;height:16px;border-radius:5px;background:#efedff}.mock-row .dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:4px}.dot.blue{background:#4c83f4}.dot.purple{background:#7a6af8}.dot.amber{background:#e5a135}.logo-strip{max-width:1180px;margin:0 auto;padding:38px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#c2c6ce}.logo-strip span{font-size:8px;font-weight:850;letter-spacing:.16em;color:#9ba2ad}.logo-strip strong{font-size:9px;letter-spacing:.08em}.landing-section{max-width:1180px;margin:0 auto;padding:100px 24px}.section-intro{max-width:650px;margin-bottom:45px}.section-intro h2{font-size:42px;line-height:1.06;letter-spacing:-.05em;margin:10px 0 15px}.section-intro p{font-size:14px;color:#7a8393;line-height:1.6}.feature-bento{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.feature-bento article{border:1px solid #e5e7ec;border-radius:20px;padding:26px;background:#fbfbfd;min-height:240px;position:relative;overflow:hidden}.feature-bento article h3{font-size:20px;line-height:1.15;letter-spacing:-.03em;margin:50px 0 9px}.feature-bento article p{font-size:11px;line-height:1.65;color:#7f8796;margin:0}.feature-number{position:absolute;top:18px;right:18px;font-size:9px;font-weight:850;letter-spacing:.1em;color:#b1b6c0}.feature-iconbox{width:46px;height:46px;border-radius:13px;background:#eeecff;color:#6d5dfc;display:grid;place-items:center;margin-top:21px}.feature-big{grid-row:span 2;min-height:495px!important;background:linear-gradient(145deg,#11182b,#19213a)!important;color:#fff;border:0!important}.feature-big .feature-number{color:#66708b}.feature-big .feature-copy{max-width:360px}.feature-big h3{font-size:31px!important;margin-top:67px!important}.feature-big p{color:#98a2b9!important;font-size:12px!important}.mini-queue{position:absolute;left:25px;right:25px;bottom:25px;background:#fff;border-radius:14px;padding:5px;color:#263043}.mini-queue>div{display:grid;grid-template-columns:auto 60px 1fr auto;align-items:center;gap:8px;padding:12px 10px;border-bottom:1px solid #eef0f2;font-size:8px}.mini-queue>div:last-child{border:0}.mini-queue b{font-size:7px;color:#8f97a5}.mini-queue strong{font-size:9px}.mini-queue em{font-style:normal;font-size:7px;color:#8d95a3}.ticket-dot{width:7px;height:7px;border-radius:50%}.ticket-dot.urgent{background:#e75454}.ticket-dot.high{background:#e8a133}.ticket-dot.normal{background:#4f87f4}.feature-wide{grid-column:2/4;display:flex;align-items:center;gap:30px;min-height:240px!important}.feature-wide>div:first-of-type{max-width:360px}.feature-wide h3{margin-top:35px!important}.portal-preview{margin-left:auto;width:300px;background:#fff;border:1px solid #e4e6eb;border-radius:13px;padding:17px;box-shadow:0 16px 40px rgba(35,45,70,.08)}.portal-preview strong,.portal-preview small{display:block}.portal-preview strong{font-size:11px;margin:12px 0 4px}.portal-preview small{font-size:8px;color:#979eaa}.dark-section{background:#0d1324;color:#fff;padding:100px max(5vw,40px);margin:40px auto 0;max-width:1420px;border-radius:28px}.dark-section .section-intro{max-width:1180px;margin:0 auto 50px}.section-intro.light .eyebrow{color:#6f7993}.section-intro.light h2{font-size:46px}.steps{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#2a3248;border:1px solid #2a3248;border-radius:17px;overflow:hidden}.steps article{background:#11182b;padding:28px;min-height:210px}.steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#6d5dfc;color:#fff;font-size:10px;font-weight:850}.steps h3{font-size:17px;margin:50px 0 8px}.steps p{font-size:10px;line-height:1.65;color:#8d98b2;margin:0}.security-section{padding-top:100px;padding-bottom:110px}.security-card{background:linear-gradient(135deg,#f2f0ff,#f9f9ff);border:1px solid #e2dfff;border-radius:24px;padding:50px;display:grid;grid-template-columns:1.4fr 1fr;gap:70px;align-items:center}.security-card h2{font-size:40px;line-height:1.05;letter-spacing:-.05em;margin:10px 0 17px}.security-card p{font-size:13px;color:#746d93;line-height:1.7;max-width:580px}.security-card ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-card li{background:#fff;border:1px solid #e3e0f8;border-radius:12px;padding:14px;display:flex;align-items:center;gap:8px;font-size:10px;font-weight:750;color:#514a73}.security-card li .icon{width:15px;color:#6d5dfc}.landing-footer{border-top:1px solid #eceef1;max-width:1180px;margin:0 auto;padding:30px 24px 50px;display:flex;align-items:center;gap:20px;color:#8d95a4}.landing-footer p{font-size:10px;margin:0}.landing-footer>span{font-size:9px;margin-left:auto}.login-modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.login-modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(7,10,19,.63);backdrop-filter:blur(7px)}.login-card{position:relative;width:min(420px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 40px 100px rgba(0,0,0,.27)}.modal-close{position:absolute;right:14px;top:13px;border:0;background:#f2f3f6;color:#687283;border-radius:9px;width:31px;height:31px;font-size:20px}.login-brand{margin-bottom:30px}.login-card h2{font-size:25px;letter-spacing:-.04em;margin:12px 0 6px}.login-card>p{font-size:12px;color:#818998;margin:0 0 20px}.login-card .stack-form{padding:0}.login-card .flash{margin:0 0 14px}.login-help{display:block;text-align:center;color:#9aa1af;margin-top:17px;font-size:9px}
/* SETUP */
.setup-body{min-height:100vh;background:#0b1020}.setup-wrap{min-height:100vh;display:grid;grid-template-columns:minmax(350px,.9fr) minmax(520px,1.1fr)}.setup-brand{padding:70px max(6vw,70px);color:#fff;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.setup-brand:before{content:"";position:absolute;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(109,93,252,.18),rgba(109,93,252,0) 68%);left:-300px;top:-180px}.setup-brand>*{position:relative}.setup-version{font-size:8px;font-weight:850;letter-spacing:.16em;color:#727e9a;margin-top:60px}.setup-brand h1{font-size:49px;line-height:1.02;letter-spacing:-.06em;margin:15px 0 18px}.setup-brand h1 em{color:#8e82ff;font-style:normal}.setup-brand>p{color:#929db6;font-size:13px;line-height:1.7;max-width:480px}.setup-steps{margin-top:45px;display:flex;flex-direction:column;gap:19px}.setup-steps div{display:grid;grid-template-columns:31px 1fr;gap:2px 12px;align-items:center}.setup-steps span{grid-row:1/3;width:31px;height:31px;border-radius:9px;background:#1b2440;color:#9d93ff;display:grid;place-items:center;font-size:10px;font-weight:850}.setup-steps strong{font-size:11px}.setup-steps small{font-size:9px;color:#77839e}.setup-card{background:#f8f9fb;padding:55px max(6vw,80px);display:flex;flex-direction:column;justify-content:center}.setup-card-head{margin-bottom:22px}.setup-card-head h2{font-size:27px;letter-spacing:-.04em;margin:12px 0 6px}.setup-card-head p{font-size:11px;color:#858d9c;margin:0}.setup-form{padding:0;gap:19px}.setup-form fieldset{border:0;border-top:1px solid #e4e6ea;padding:20px 0 0;margin:0;display:flex;flex-direction:column;gap:13px}.setup-form legend{padding:0 8px 0 0;font-size:10px;font-weight:850;color:#6b7484;text-transform:uppercase;letter-spacing:.08em}.setup-note{text-align:center;font-size:8px;color:#9ba2ae;line-height:1.5;margin:0}.setup-locked{text-align:center;max-width:430px;margin:auto}.big-check{width:65px;height:65px;border-radius:20px;background:#e7f7ef;color:#16a36a;display:grid;place-items:center;font-size:30px;font-weight:800;margin:0 auto 18px}.setup-locked h2{font-size:28px;margin:0 0 8px}.setup-locked p{color:#7d8594;font-size:12px;line-height:1.6;margin-bottom:22px}.setup-locked code{font-size:10px;background:#eceef2;padding:3px 5px;border-radius:5px}
.sidebar-backdrop{display:none}
@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-layout{grid-template-columns:1fr 240px}.ticket-layout{grid-template-columns:minmax(0,1fr) 255px}.hero-copy h1{font-size:54px}.landing-hero{grid-template-columns:1fr 1fr;padding:60px 45px}.feature-bento{grid-template-columns:1fr 1fr}.feature-big{grid-column:1;grid-row:span 2}.feature-wide{grid-column:2;display:block}.portal-preview{margin:25px 0 0;width:100%}.setup-wrap{grid-template-columns:.8fr 1.2fr}.setup-brand{padding:55px 45px}.setup-card{padding:45px 55px}}
@media(max-width:900px){:root{--sidebar:230px}.sidebar{transform:translateX(-100%);transition:.22s ease}.sidebar.open{transform:translateX(0);box-shadow:15px 0 50px rgba(0,0,0,.2)}.sidebar-close{display:grid}.sidebar-backdrop{position:fixed;inset:0;background:rgba(6,9,17,.45);z-index:25}.sidebar.open~.sidebar-backdrop{display:block}.main{margin-left:0}.mobile-menu{display:grid}.topbar{padding:0 18px}.page-content{padding:22px 18px 40px}.form-layout,.ticket-layout,.settings-grid{grid-template-columns:1fr}.form-aside{display:grid;grid-template-columns:1fr 1fr}.ticket-side{display:grid;grid-template-columns:1fr 1fr}.landing-nav nav{display:none}.landing-hero{grid-template-columns:1fr;padding:55px 40px}.hero-copy{max-width:650px}.hero-product{max-width:720px}.mock-app{height:350px}.logo-strip strong:nth-last-child(-n+2){display:none}.landing-section{padding:80px 24px}.steps{grid-template-columns:1fr 1fr}.security-card{grid-template-columns:1fr;gap:30px}.setup-wrap{display:block}.setup-brand{min-height:auto;padding:45px 35px}.setup-brand h1{font-size:40px}.setup-version{margin-top:40px}.setup-steps{display:none}.setup-card{padding:45px 35px;min-height:60vh}}
@media(max-width:680px){.topbar{height:70px}.topbar .eyebrow{display:none}.topbar h1{font-size:16px}.top-new span{display:none}.top-new{padding:10px!important;width:39px}.page-content{padding:17px 12px 35px}.flash{margin:0 12px 12px}.welcome-row{align-items:flex-start}.welcome-row h2{font-size:22px}.welcome-row p{font-size:12px;line-height:1.5}.welcome-row>.btn{display:none}.metrics-grid{gap:9px}.metric-card{padding:13px;grid-template-columns:auto 1fr}.metric-card .metric-icon{width:35px;height:35px}.metric-card div strong{font-size:20px}.metric-card em{font-size:8px}.panel{border-radius:14px}.panel-head{padding:16px 14px 12px}.ticket-table-wrap{overflow:visible}.ticket-table{min-width:0;display:block}.ticket-table thead{display:none}.ticket-table tbody{display:block}.ticket-table tr{display:grid;grid-template-columns:1fr auto;gap:8px;padding:13px 14px;border-bottom:1px solid #eceef2}.ticket-table td{display:block!important;padding:0!important;border:0!important}.ticket-table td:first-child{min-width:0;grid-column:1/3}.ticket-table td:first-child a{grid-template-columns:auto 1fr}.ticket-table td:nth-child(2){grid-column:1;grid-row:2;display:none!important}.ticket-table td:nth-child(3){grid-column:2;grid-row:2}.ticket-table td:nth-child(4){grid-column:1;grid-row:2;font-size:9px}.ticket-table td:nth-child(5),.ticket-table td:nth-child(6){display:none!important}.ticket-table td:first-child strong{max-width:calc(100vw - 120px)}.two-col,.users-layout{grid-template-columns:1fr}.section-toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters .searchbox{width:100%;min-width:0}.filters select{flex:1;min-width:130px}.result-count{padding-left:2px}.form-layout{gap:12px}.form-aside,.ticket-side{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.stack-form{padding:4px 14px 17px}.ticket-heading{padding:0 3px}.ticket-heading h2{font-size:21px}.message{padding:16px 14px}.reply-box{padding:13px}.reply-actions{flex-wrap:wrap}.reply-actions .btn{width:100%;margin:3px 0 0}.detail-card,.requester-card{padding:15px}.people-list{padding:0 14px 10px}.person-item{align-items:flex-start}.person-meta{flex-direction:column;align-items:flex-end;gap:4px}.landing-nav{height:67px;padding:0 18px}.landing-nav .btn{margin-left:auto}.landing-hero{margin:0 10px;border-radius:20px;padding:42px 22px;gap:45px;min-height:auto}.hero-copy h1{font-size:44px;margin-top:17px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.trust-row{gap:10px 14px}.browser{transform:none}.browser-top span{padding:4px 25px}.mock-app{height:270px;grid-template-columns:60px 1fr}.mock-side{padding:19px 10px}.mock-main{padding:20px 15px}.mock-stats{margin:17px 0 12px}.mock-row{grid-template-columns:1.5fr .7fr}.mock-row span:nth-child(3){display:none}.logo-strip{padding:27px 18px;justify-content:center}.logo-strip strong{display:none}.landing-section{padding:65px 18px}.section-intro h2{font-size:34px}.feature-bento{grid-template-columns:1fr}.feature-big,.feature-wide{grid-column:1;min-height:430px!important}.feature-wide{min-height:300px!important}.feature-bento article h3{margin-top:48px}.dark-section{border-radius:20px;margin:20px 10px 0;padding:65px 18px}.section-intro.light h2{font-size:35px}.steps{grid-template-columns:1fr}.steps article{min-height:160px}.steps h3{margin-top:30px}.security-card{padding:28px 20px}.security-card h2{font-size:34px}.security-card ul{grid-template-columns:1fr}.landing-footer{padding:26px 18px 40px;flex-wrap:wrap}.landing-footer p{display:none}.login-card{padding:25px 20px}.setup-brand{padding:35px 22px}.setup-brand h1{font-size:35px}.setup-brand>p{font-size:12px}.setup-card{padding:35px 20px}.setup-card .form-grid{grid-template-columns:1fr}}
@media(max-width:420px){.metrics-grid{grid-template-columns:1fr 1fr}.metric-card .metric-icon{display:none}.metric-card{display:block}.metric-card em{display:block;margin:2px 0 0}.hero-copy h1{font-size:39px}.mock-side{display:none}.mock-app{grid-template-columns:1fr}.mock-main{padding:18px 12px}.feature-big{min-height:460px!important}.mini-queue>div{grid-template-columns:auto 50px 1fr}.mini-queue em{display:none}.landing-nav .brand-word{font-size:18px}}