:root{--bg:#f4f5f8;--surface:#fff;--soft:#f8f8fb;--border:#e1e3ea;--text:#18181d;--muted:#6c707d;--primary:#6d3bd1;--primary-soft:#eee8fa;--success:#11875d;--success-soft:#e8f7f1;--danger:#cf3f4f;--danger-soft:#fcecef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;color:var(--text);background:var(--bg);font-size:14px}button,input,select,textarea{font:inherit}button{color:inherit}a{color:var(--primary)}.app-shell{grid-template-columns:236px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);z-index:30;background:#fff;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:11px;min-height:68px;padding:12px 16px;display:flex}.brand>span,.brand img{object-fit:contain;color:#fff;background:var(--primary);border-radius:9px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}.brand div{min-width:0;display:grid}.brand strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.brand small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10px}.sidebar nav{flex:1;padding:8px 10px 12px;overflow-y:auto}.nav-group{border-bottom:1px solid var(--border);gap:1px;padding:7px 0;display:grid}.nav-group:last-child{border-bottom:0}.nav-group>small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:3px 10px 5px;font-size:9px;font-weight:700}.sidebar nav button,.logout{color:#545966;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;width:100%;min-height:38px;margin:1px 0;padding:0 11px;font-size:12px;display:flex}.sidebar nav button:hover,.logout:hover{color:var(--text);background:var(--soft)}.sidebar nav button.active{color:#5426af;background:var(--primary-soft);font-weight:700}.sidebar nav button span{flex:1}.sidebar nav button>svg:last-child{color:#a1a5af}.logout{border-top:1px solid var(--border);border-radius:0;width:auto;margin:8px 10px 14px;padding-top:8px}.mobile-close,.menu-button,.backdrop{display:none}.app-shell>main{min-width:0}.topbar{z-index:20;border-bottom:1px solid var(--border);height:58px;color:var(--muted);background:#fff;align-items:center;gap:12px;padding:0 22px;font-size:12px;display:flex;position:sticky;top:0}.topbar>span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.account-button,.icon-button,.menu-button,.mobile-close,.modal-close{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:inline-grid}.theme-toggle{border:1px solid var(--border);min-width:68px;height:36px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.theme-toggle:hover{background:var(--soft)}.theme-toggle svg{color:var(--primary)}.mobile-close,.menu-button{display:none}.content{max-width:1420px;margin:0 auto;padding:24px}.page-head{justify-content:space-between;align-items:flex-start;gap:20px;min-height:62px;margin-bottom:18px;display:flex}.page-head p{color:var(--muted);margin:6px 0 0}.panel{border:1px solid var(--border);background:var(--surface);border-radius:12px}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:39px;padding:0 14px;font-weight:650;display:inline-flex}.button:disabled{opacity:.55;cursor:not-allowed}.button.primary{color:#fff;background:var(--primary);border-color:#6030bd}.button.secondary{color:var(--text);border-color:var(--border);background:#fff}.button.secondary:hover{background:var(--soft);border-color:#b8accf}.button.danger{color:var(--danger);background:var(--danger-soft);border-color:#efc4ca}.button.small{min-height:32px;padding:0 10px;font-size:12px}.button.wide{width:100%}.loading,.empty{min-height:140px;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.notice{color:#9e3040;background:var(--danger-soft);border:1px solid #efc4ca;border-radius:8px;margin-bottom:14px;padding:11px 13px}.notice.success{color:#176847;background:var(--success-soft);border-color:#b7e2d2}.captcha-widget{place-items:center;width:100%;min-height:70px;display:grid;overflow:hidden}.captcha-yandex{min-height:100px}.captcha-widget iframe{max-width:100%}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px;display:grid}.quick-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.quick-actions button{border:1px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:10px;align-items:center;gap:11px;min-height:65px;padding:12px 14px;display:flex}.quick-actions button:hover{background:var(--soft);border-color:#b8accf}.quick-actions button>svg{color:var(--primary)}.quick-actions span{gap:3px;display:grid}.quick-actions small{color:var(--muted);font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:16px;margin-bottom:16px;display:grid}.dashboard-grid>.panel,.recent-panel{padding:20px}.dashboard-side .panel-title{margin-bottom:16px}.health-list{display:grid}.health-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:43px;display:flex}.health-list>div:last-child{border-bottom:0}.health-list span{color:var(--muted)}.health-list .good{color:var(--success)}.health-list .bad{color:var(--danger)}.dashboard-bottom{margin-top:0}.recent-panel .panel-title{margin-bottom:8px}.recent-row{border:0;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:54px;padding:9px 0;display:flex}.recent-row:last-child{border-bottom:0}.recent-row>div{gap:3px;display:grid}.recent-row>div:last-child{justify-items:end}.recent-row small{max-width:280px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.summary-grid article{border:1px solid var(--border);background:#fff;border-radius:11px;align-items:center;gap:13px;min-height:88px;padding:16px;display:flex}.summary-grid article>span{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:9px;flex:none;place-items:center;display:grid}.summary-grid small{color:var(--muted);font-size:11px;display:block}.summary-grid strong{letter-spacing:-.02em;margin-top:4px;font-size:20px;display:block}.two-columns{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;display:grid}.two-columns>.panel{padding:20px}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel-title small{color:var(--muted);font-size:11px}.panel-title h2{margin:4px 0 0;font-size:19px}.status{color:#606571;white-space:nowrap;background:#f0f1f4;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.status.ok,.status-3{color:var(--success);background:var(--success-soft)}.status-0{color:#a96c0c;background:#fff4dd}.status-2,.status-4{color:var(--danger);background:var(--danger-soft)}.usage{margin:24px 0}.usage>div{color:var(--muted);justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;display:flex}progress{background:#ececf1;border:0;border-radius:999px;width:100%;height:8px;overflow:hidden}progress::-webkit-progress-bar{background:#ececf1}progress::-webkit-progress-value{background:var(--primary)}progress::-moz-progress-bar{background:var(--primary)}.subscription-card dl,.profile-card dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px;display:grid}.subscription-card dl div,.profile-card dl div{background:var(--soft);border-radius:8px;padding:11px}.subscription-owner{color:var(--muted);flex-wrap:wrap;gap:5px 10px;margin:7px 0 0;font-size:11px;display:flex}.subscription-owner strong{color:var(--text)}.subscription-owner span{border-left:1px solid var(--border);padding-left:10px}.compact-package{padding:18px!important}.package-head{align-items:center}.package-head h2{margin:0;font-size:17px}.package-facts{grid-template-columns:minmax(105px,.8fr) minmax(140px,1fr) minmax(140px,1fr) minmax(195px,1.35fr) minmax(100px,.72fr) minmax(100px,.72fr);gap:10px;margin:18px 0 10px;display:grid}.package-facts>div{min-width:0}.package-facts small,.package-facts strong{display:block}.package-facts small{color:var(--muted);font-size:10px}.package-facts strong{text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:13px;overflow:hidden}.package-facts>div:nth-child(4) strong{text-overflow:clip;overflow:visible}.dashboard-empty-package{border:1px solid var(--border);width:100%;min-height:180px;color:var(--text);background:var(--soft);cursor:pointer;text-align:left;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.dashboard-empty-package:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 16px 36px #5435911f}.dashboard-empty-package-icon{width:58px;height:58px;color:var(--primary);background:var(--primary-soft);border-radius:17px;place-items:center;display:grid}.dashboard-empty-package-copy{gap:7px;display:grid}.dashboard-empty-package-copy strong{letter-spacing:-.025em;font-size:20px}.dashboard-empty-package-copy small{max-width:520px;color:var(--muted);font-size:12px;line-height:1.6}.dashboard-empty-package-action{color:#fff;background:var(--primary);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 14px;font-size:13px;font-weight:700;display:inline-flex}.package-usage{align-items:center;gap:10px;display:flex}.package-usage span{min-width:32px;color:var(--muted);text-align:right;font-size:10px}dt{color:var(--muted);font-size:11px}dd{margin:4px 0 0;font-weight:650}.copy-row{gap:8px;display:flex}.copy-row input{flex:1;min-width:0}input,select,textarea{width:100%;min-height:41px;color:var(--text);background:#fff;border:1px solid #d9dbe3;border-radius:8px;outline:0;padding:9px 11px}.input-action{gap:8px;display:flex}.input-action input{flex:1;min-width:0}.input-action .button{flex:none}input:focus,select:focus,textarea:focus{border-color:#9474d7}textarea{resize:vertical}label{color:#3d414b;gap:7px;font-size:12px;font-weight:650;display:grid}.notice-list article{border-bottom:1px solid var(--border);gap:3px;padding:12px 0;display:grid}.notice-list article:last-child{border-bottom:0}.notice-list article span{color:var(--muted);font-size:11px}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.plan-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;min-height:520px;padding:20px;display:flex}.plan-card-head{text-align:center;justify-content:center;align-items:flex-start;gap:12px;min-height:30px;padding:0 72px;display:flex;position:relative}.plan-card-head h2{margin:2px 0 0;font-size:18px;line-height:1.3}.plan-card-head .plan-stock{position:absolute;top:0;right:0}.plan-stock{border-radius:999px;flex:none;align-items:center;padding:5px 9px;font-size:10px;font-weight:700;display:inline-flex}.plan-stock.available{color:var(--success);background:var(--success-soft)}.plan-stock.sold-out{color:var(--danger);background:var(--danger-soft)}.plan-price{text-align:center;margin:28px 0 16px}.plan-price span{color:var(--muted)}.plan-period-chips{flex-wrap:wrap;justify-content:center;gap:7px;min-height:72px;margin-bottom:20px;display:flex}.plan-period-chips button{border:1px solid var(--border);min-height:32px;color:var(--muted);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;display:inline-flex}.plan-period-chips button strong{font-size:10px;font-weight:750}.plan-period-chips button.available{color:var(--text);border-color:var(--border);background:var(--surface)}.plan-period-chips button.available strong{color:var(--primary)}.plan-period-chips button.available.selected{color:#fff;border-color:var(--primary);background:var(--primary);box-shadow:none}.plan-period-chips button.available.selected strong{color:#fff}.plan-period-chips button.unavailable{opacity:.55;cursor:not-allowed}.plan-benefits{border:1px solid var(--border);background:var(--soft);border-radius:10px;flex:1;align-content:start;margin-bottom:20px;padding:14px;display:grid}.plan-benefits>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:37px;display:flex}.plan-benefits>div:last-child{border-bottom:0}.plan-benefits span{color:var(--muted);font-size:11px}.plan-benefits strong{text-align:right;font-size:12px}.plan-benefits .plan-benefit-note{flex-direction:column;align-items:flex-start;gap:4px;padding:9px 0}.plan-benefits .plan-benefit-note strong{overflow-wrap:anywhere;white-space:normal;text-align:left;width:100%;min-width:0;max-height:none;line-height:1.5;overflow:visible}.plan-buy{margin-top:auto}.modal-backdrop{z-index:100;background:#120f187a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#fff;border-radius:12px;gap:15px;width:min(100%,500px);max-height:calc(100vh - 40px);padding:24px;display:grid;position:relative;overflow-y:auto}.modal h2{margin:0;font-size:22px}.modal>p{color:var(--muted);margin:-8px 0 2px}.modal-close{position:absolute;top:13px;right:13px}.device-ip-button{width:100%;color:var(--primary);font:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline;display:block;overflow:hidden}.device-ip-modal{width:min(100%,520px)}.device-ip-list{gap:8px;max-height:min(50vh,360px);display:grid;overflow:auto}.device-ip-list code{overflow-wrap:anywhere;border:1px solid var(--border);background:var(--soft);border-radius:8px;padding:10px 12px}.periods{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.periods button{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:8px;gap:3px;padding:11px;display:grid}.periods button span{color:var(--muted);font-size:11px}.periods button.selected{border-color:var(--primary);background:var(--primary-soft)}.purchase-modal{flex-direction:column;gap:0;width:min(100%,620px);padding:0;display:flex;overflow:hidden}.purchase-modal-scroll{overscroll-behavior:contain;min-height:0;padding:24px;overflow-y:auto}.purchase-coupon>span{margin-bottom:8px;display:block}.coupon-valid{color:var(--success);background:var(--success-soft);border:1px solid #b7e2d2;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.coupon-valid>span{gap:3px;display:grid}.coupon-valid small{color:var(--success)}.checkout-summary{gap:8px;margin-top:4px;display:grid}.checkout-summary>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.checkout-summary>div>span{color:var(--muted);font-size:12px}.checkout-summary>div>strong{font-size:14px}.checkout-summary .discount strong{color:var(--success)}.checkout-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:5px;padding:13px 0 0;display:flex}.checkout-total>div{gap:4px;display:grid}.checkout-total>div span{color:var(--text);font-size:14px;font-weight:700}.checkout-total>div small{color:var(--muted);font-size:10px}.checkout-total strong{color:var(--primary);font-size:22px}.purchase-submit{min-height:52px;padding-bottom:max(12px,env(safe-area-inset-bottom));border-radius:0;flex:none}.multi-purchase-modal{width:min(100%,720px)}.purchase-target-section{gap:10px;display:grid}.purchase-target-section>div:first-child strong,.purchase-target-section>div:first-child small{display:block}.purchase-target-section>div:first-child small{color:var(--muted);margin-top:4px;font-size:10px}.purchase-targets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.purchase-targets>button{border:1px solid var(--border);min-height:62px;color:var(--text);background:var(--surface);cursor:pointer;text-align:left;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px;display:grid}.purchase-targets>button>svg{color:var(--primary)}.purchase-targets>button span strong,.purchase-targets>button span small{display:block}.purchase-targets>button span small{color:var(--muted);margin-top:4px;font-size:9px}.purchase-targets>button.selected{background:var(--primary-soft);border-color:#a98cde;box-shadow:0 0 0 1px #6d3bd114}.checkout-total>div span,.checkout-total>div small{display:block}.checkout-total>div small{color:var(--muted);margin-top:4px;font-size:10px}.stack{gap:10px;display:grid}.subscription-row{grid-template-columns:minmax(240px,1fr) minmax(260px,1fr) auto;align-items:center;gap:20px;padding:16px;display:grid}.subscription-row>div:first-child{align-items:center;gap:10px;display:flex}.subscription-row h3,.ticket-row h3{margin:0;font-size:14px}.subscription-row p,.ticket-row p{color:var(--muted);margin:4px 0 0;font-size:11px}.dot{background:#a4a8b0;border-radius:50%;flex:none;width:9px;height:9px}.dot.online{background:var(--success)}.usage.compact{margin:0}.usage.compact progress{height:5px}.row-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.device-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.device-toolbar .filter-bar{flex:1}.device-toolbar>input{width:min(100%,300px);margin-bottom:13px}.device-toolbar>select{min-width:190px;margin-bottom:13px}.inline-copy{max-width:190px;color:var(--primary);cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;padding:0;font-size:10px;overflow:hidden}.mini-badge{color:var(--primary);background:var(--primary-soft);vertical-align:middle;border-radius:999px;margin-left:5px;padding:2px 6px;font-size:9px;display:inline-flex}.data-table{border:1px solid var(--border);background:#fff;border-radius:11px;width:100%;overflow-x:auto}.data-table tbody td:nth-child(2)>small,.mobile-data-cards{display:none}table{border-collapse:collapse;white-space:nowrap;width:100%}th{height:43px;color:var(--muted);background:var(--soft);border-bottom:1px solid var(--border);text-align:left;text-transform:uppercase;letter-spacing:.04em;padding:9px 12px;font-size:10px}td{border-bottom:1px solid var(--border);padding:12px}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td small{color:var(--muted);margin-top:3px;font-size:11px}code{font-family:SFMono-Regular,Consolas,monospace;font-size:11px}.link-button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0}.order-detail{overscroll-behavior:contain;width:min(100%,590px);max-height:min(92vh,760px);overflow-y:auto}.detail-list{border:1px solid var(--border);border-radius:8px;gap:0;display:grid;overflow:hidden}.detail-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:15px;min-height:43px;padding:9px 11px;display:flex}.detail-list>div:last-child{border-bottom:0}.detail-list>div>span:first-child{color:var(--muted)}.detail-list .detail-total{background:var(--soft)}.detail-list .detail-total strong{font-size:18px}.payment-box{border:1px solid var(--border);background:var(--soft);border-radius:8px;justify-items:center;gap:9px;padding:15px;display:grid}.payment-box img{width:240px;max-width:100%}.payment-box code{overflow-wrap:anywhere;white-space:normal;max-width:100%}.stripe-card{gap:12px;display:grid}.stripe-card>div:first-child{border:1px solid var(--border);background:#fff;border-radius:8px;min-height:44px;padding:12px}.ticket-row{cursor:pointer;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:14px;display:grid}.ticket-row>span:first-child{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.knowledge-layout{grid-template-columns:220px minmax(0,1fr);gap:14px;display:grid}.category-list{align-self:start;padding:14px;display:grid}.category-list strong{padding:7px 9px 11px}.category-list span{color:var(--muted);border-top:1px solid var(--border);padding:9px}.article{overflow:hidden}.article-title{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 16px;font-weight:650;display:flex}.article>div{color:#4d515d;padding:0 16px 16px;line-height:1.65}.notice-row{cursor:pointer;text-align:left;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:62px;padding:12px 15px;display:grid}.notice-row>span{width:36px;height:36px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.notice-row h3{margin:0;font-size:14px}.notice-row p{color:var(--muted);margin:4px 0 0;font-size:11px}.article-modal{width:min(100%,720px)}.article-modal>small{color:var(--muted)}.rich-content{overflow-wrap:anywhere;line-height:1.7}.rich-content img{max-width:100%;height:auto}.server-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.server-card{grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:15px;display:grid}.server-card>span:first-child{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.server-card h3{margin:0;font-size:14px}.server-card p{color:var(--muted);margin:4px 0 0;font-size:11px}.filter-bar{gap:6px;margin-bottom:13px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-bar button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;flex:none;min-height:34px;padding:0 12px;font-size:11px;font-weight:650}.filter-bar button.active{color:var(--primary);background:var(--primary-soft);border-color:#b8a1e7}.server-grid.pro{grid-template-columns:repeat(2,minmax(0,1fr))}.server-card.pro{grid-template-columns:1fr;gap:14px;display:grid}.server-main{align-items:center;gap:11px;display:flex}.server-main>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;display:grid}.server-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.server-meta>div{background:var(--soft);border-radius:7px;gap:5px;padding:9px;display:grid}.server-meta small{color:var(--muted);font-size:9px}.traffic-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.traffic-summary article{padding:14px}.traffic-summary small,.balance-card>small{color:var(--muted);font-size:10px;display:block}.traffic-summary strong{margin-top:5px;font-size:18px;display:block}.traffic-chart{margin-bottom:12px;padding:18px}.traffic-chart .panel-title{align-items:center}.bars{border-bottom:1px solid var(--border);align-items:end;gap:5px;height:180px;margin-top:20px;padding-top:10px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-width:6px;height:100%;display:flex}.bars span{background:var(--primary);border-radius:3px 3px 0 0;width:min(100%,18px);min-height:4px}.bars small{color:var(--muted);font-size:8px}.setup-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:15px;margin-bottom:14px;padding:17px;display:grid}.setup-steps>div{grid-template-columns:auto 1fr;column-gap:10px;display:grid}.setup-steps>div>span{width:32px;height:32px;color:var(--primary);background:var(--primary-soft);border-radius:50%;grid-row:1/3;place-items:center;font-weight:800;display:grid}.setup-steps small{color:var(--muted);font-size:10px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px;display:grid}.app-card{grid-template-columns:auto 1fr;gap:11px;padding:17px;display:grid}.app-card>span{width:44px;height:44px;color:var(--primary);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.app-card h2{margin:2px 0 4px;font-size:15px}.app-card p{color:var(--muted);margin:0;font-size:10px}.app-card .button{grid-column:1/-1;text-decoration:none}.import-card{padding:20px}.import-card>p{color:var(--muted)}.import-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.import-actions .button{text-decoration:none}.wallet-layout{grid-template-columns:minmax(280px,.65fr) minmax(380px,1.35fr);gap:14px;display:grid}.balance-card,.deposit-form{padding:22px}.balance-card>strong{margin:8px 0;font-size:34px;display:block}.balance-card p{color:var(--muted);margin:0 0 22px;line-height:1.6}.deposit-form{gap:16px;display:grid}.deposit-form h2{margin:0;font-size:19px}.amount-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.amount-options button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;min-height:42px;font-weight:650}.amount-options button.selected{color:var(--primary);background:var(--primary-soft);border-color:#a98cde}.wallet-layout{align-items:start}.wallet-summary-stack{gap:14px;display:grid}.giftcard-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;display:grid}.giftcard-heading>span{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.giftcard-heading p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.ticket-detail{width:min(100%,680px)}.messages{border:1px solid var(--border);background:var(--soft);border-radius:8px;gap:8px;max-height:45vh;padding:10px;display:grid;overflow-y:auto}.messages article{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:82%;padding:10px 12px}.messages article.mine{background:var(--primary-soft);justify-self:end}.messages small{color:var(--muted)}.messages p{white-space:pre-wrap;margin:5px 0 0}.ticket-detail form{gap:12px;display:grid}.sync-panel{padding:20px}.dashboard-sync{margin-top:16px}.sync-panel>p{color:var(--muted);line-height:1.55}.sync-layout{grid-template-columns:minmax(250px,.75fr) minmax(320px,1.25fr);align-items:end;gap:14px;display:grid}.selected-app-info{border:1px solid var(--border);background:var(--soft);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;min-height:67px;padding:10px 12px;display:grid}.app-letter{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:8px;place-items:center;font-size:18px;font-weight:800;display:grid}.selected-app-info strong,.selected-app-info small{display:block}.selected-app-info small{color:var(--muted);margin-top:3px;font-size:10px}.sync-mode-badge{color:var(--primary);background:var(--primary-soft);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:750}.sync-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:14px 0;display:grid}.sync-meta>div{background:var(--soft);border-radius:8px;padding:11px 12px}.sync-meta small,.sync-meta strong{display:block}.sync-meta small{color:var(--muted);font-size:10px}.sync-meta strong{margin-top:4px;font-size:13px}.sync-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sync-actions .button{text-decoration:none}.qr-modal-backdrop{z-index:120}.qr-modal{--qr-size:min(320px,calc(100dvh - 230px),calc(100vw - 76px));overscroll-behavior:contain;text-align:center;border-radius:24px;justify-items:center;gap:14px;width:min(390px,100vw - 32px);max-height:calc(100dvh - 32px);padding:22px;overflow-y:auto}.qr-modal-heading{box-sizing:border-box;text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;width:100%;padding-right:54px;display:grid}.qr-modal-heading>span{width:38px;height:38px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;display:grid}.qr-modal-heading>div{min-width:0}.qr-modal-heading h2{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:19px;line-height:1.15;display:-webkit-box;overflow:hidden}.qr-modal-heading p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:11px;line-height:1.45}.qr-modal .modal-close{width:44px;height:44px;top:10px;right:10px}.qr-image-frame{width:var(--qr-size);height:var(--qr-size);border:1px solid var(--border);background:#fff;border-radius:18px;flex:none;place-items:center;padding:10px;display:grid;box-shadow:0 12px 34px #0000001a}.qr-image-frame img{object-fit:contain;background:#fff;border:0;border-radius:9px;width:100%;height:100%;padding:0;display:block}.qr-download{flex:none;min-height:42px;text-decoration:none;position:sticky;bottom:0}.dashboard-sync.embedded{border:0;border-top:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:minmax(280px,1fr) auto;gap:10px 12px;margin-top:12px;padding:12px 0 0;display:grid}.dashboard-sync.embedded .notice{grid-column:1/-1;margin:0}.dashboard-sync.embedded .sync-meta{margin:0}.dashboard-sync.embedded .sync-fields{grid-column:1/-1;margin:0;display:flex}.dashboard-sync.embedded .sync-fields label{flex:1;grid-template-columns:auto minmax(220px,1fr);align-items:center;min-width:0}.dashboard-sync.embedded .copy-row{align-self:end}.dashboard-sync.embedded .sync-actions{grid-column:1/-1;justify-content:flex-start;align-self:end;margin:0}.dashboard-sync.embedded .slot-note{grid-column:1/-1;margin:0}.dashboard-sync.embedded .sync-meta>div{padding:9px 10px}.dashboard-sync.embedded .sync-actions .button{min-height:36px;padding:7px 10px}.telegram-connect-link{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:0;margin-top:4px;padding:0;font-size:13px;font-weight:700;display:block}.telegram-connect-link:hover{text-decoration:underline}.sync-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.slot-note{background:var(--primary-soft);border:1px solid #d8ccef;border-radius:8px;margin:0 0 12px;padding:10px 12px;font-size:11px;color:var(--primary)!important}.subscription-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.subscription-detail-card{align-content:start;gap:14px;padding:19px;display:grid}.subscription-detail-card h2,.user-device-card h2{margin:3px 0 0;font-size:18px}.subscription-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.subscription-stats>div,.device-facts>div{background:var(--soft);border-radius:7px;min-width:0;padding:9px}.subscription-stats small,.subscription-stats strong,.device-facts small,.device-facts strong{display:block}.subscription-stats small,.device-facts small,.device-identifiers small{color:var(--muted);font-size:9px}.subscription-stats strong,.device-facts strong{text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;overflow:hidden}.sni-box{border:1px solid var(--border);background:var(--soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.sni-box small,.sni-box strong{display:block}.sni-box small{color:var(--muted);font-size:9px}.sni-box strong{overflow-wrap:anywhere;margin-top:3px}.sni-box p,.subscription-note{color:var(--muted);margin:4px 0 0;font-size:10px}.field-help{color:var(--muted);margin-top:-9px;font-size:10px}.device-guide{align-items:flex-start;gap:12px;margin-bottom:13px;padding:14px;display:flex}.device-guide svg{color:var(--primary);flex:none}.device-guide strong{display:block}.device-guide p{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.5}.device-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-device-card{align-content:start;gap:12px;padding:17px;display:grid}.device-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.device-card-head small{color:var(--muted);font-size:9px}.device-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.device-identifiers{gap:6px;display:grid}.device-identifiers>div{border:1px solid var(--border);border-radius:7px;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 10px;display:grid}.device-identifiers code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.device-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.multi-subscription-guide{background:var(--primary-soft);border-color:#d8ccef;align-items:flex-start;gap:12px;margin-bottom:13px;padding:15px 17px;display:flex}.multi-subscription-guide>svg{color:var(--primary);flex:none}.multi-subscription-guide strong{display:block}.multi-subscription-guide p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.55}.subscription-single-card{width:100%}.subscription-empty-shell{padding:18px}.subscription-empty-package{margin-top:0}.codes{padding:18px}.code-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.code-row:last-child{border-bottom:0}.code-row code{font-size:16px;font-weight:750}.invite-columns>.panel{padding:18px}.commission-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:11px 0;display:flex}.commission-row:last-child{border-bottom:0}.commission-row div{gap:3px;display:grid}.commission-row small{color:var(--muted);font-size:10px}.commission-row>strong{color:var(--success)}.invite-intro,.invite-rules,.invite-balance,.invite-links,.invite-history{margin-bottom:14px;padding:18px}.invite-intro h2,.invite-rules h2,.invite-balance h2,.invite-links h2,.invite-history h2{margin:0;font-size:16px}.invite-intro p{color:var(--muted);margin:8px 0 0;font-size:12px}.invite-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.invite-stat-grid article{align-items:center;gap:12px;min-height:78px;padding:14px;display:flex}.invite-stat-grid article>span,.invite-rules article>span{width:40px;height:40px;color:var(--primary);background:var(--primary-soft);border-radius:9px;flex:none;place-items:center;display:grid}.invite-stat-grid strong,.invite-stat-grid small{display:block}.invite-stat-grid small{color:var(--muted);margin-top:5px;font-size:9px}.invite-rules>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.invite-rules article{align-items:center;gap:11px;display:flex}.invite-rules article strong,.invite-rules article small{display:block}.invite-rules article strong{font-size:12px}.invite-rules article small{color:var(--muted);margin-top:4px;font-size:9px}.invite-balance{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.invite-balance>div:first-child>small{color:var(--muted);margin-top:12px;font-size:10px;display:block}.invite-balance>div:first-child>strong{color:var(--primary);margin-top:5px;font-size:26px;display:block}.invite-balance p{max-width:520px;color:var(--muted);margin:8px 0 0;font-size:10px}.invite-links .panel-title,.invite-history .panel-title{align-items:center;margin-bottom:16px}.invite-links .link-button,.invite-history .link-button{align-items:center;gap:5px;display:inline-flex}.invite-code-card{border-top:1px solid var(--border);gap:12px;padding:16px 0;display:grid}.invite-code-card:first-of-type{border-top:0;padding-top:0}.invite-code-hero{color:#fff;background:var(--primary);border-radius:11px;justify-self:center;place-items:center;width:min(100%,440px);min-height:92px;padding:16px;display:grid}.invite-code-hero small{justify-self:start;font-weight:700}.invite-code-hero strong{letter-spacing:.02em;background:#ffffff24;border-radius:7px;padding:8px 14px;font-size:18px}.invite-link-row{gap:8px;display:flex}.invite-link-row input{flex:1;min-width:0}.invite-share{flex-wrap:wrap;gap:7px;display:flex}.invite-share button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:7px;min-height:32px;padding:0 11px;font-size:10px}.invite-share button:hover{color:var(--primary);background:var(--primary-soft);border-color:#b8a1e7}.invite-history .empty{border:1px dashed var(--border);border-radius:9px;place-items:center;min-height:100px;display:grid}.profile-grid{grid-template-columns:minmax(280px,.7fr) minmax(400px,1.3fr);gap:16px;display:grid}.profile-card,.form-panel{padding:20px}.avatar{color:#fff;background:var(--primary);border-radius:12px;place-items:center;width:60px;height:60px;font-size:26px;font-weight:800;display:grid}.profile-card h2{margin:14px 0 4px;font-size:17px}.profile-card>p{color:var(--muted);margin:0 0 20px}.profile-card dl{grid-template-columns:1fr}.form-panel{gap:15px;display:grid}.form-panel h2{margin:0;font-size:17px}.stack-actions{gap:8px;display:grid}.stack-actions .button{width:100%;text-decoration:none}.form-panel h3{margin:4px 0 -2px;font-size:14px}.toggle-list{gap:10px;display:grid}.toggle-list label{align-items:center;gap:9px;display:flex}.toggle-list input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--primary)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.session-list{display:grid}.session-list>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.session-list>div:last-child{border-bottom:0}.session-list strong,.session-list small{display:block}.session-list strong{text-overflow:ellipsis;white-space:nowrap;max-width:500px;font-size:12px;overflow:hidden}.session-list small{color:var(--muted);margin-top:3px;font-size:10px}.danger-zone{border-color:#efc4ca;justify-content:space-between;align-items:center;gap:15px;padding:18px;display:flex}.danger-zone h2{margin:0 0 4px;font-size:16px}.danger-zone p{color:var(--muted);margin:0;font-size:12px}.auth-page{background:var(--surface);grid-template-rows:auto 1fr auto;min-height:100vh;padding:28px clamp(24px,5vw,72px) 22px;display:grid;position:relative}.auth-theme-toggle{z-index:2;position:absolute;top:24px;right:clamp(24px,5vw,72px)}.auth-brand-top{width:min(100%,760px);color:var(--primary);align-items:center;gap:9px;margin:0 auto;display:flex}.auth-brand-top>span,.auth-brand-top>img{object-fit:contain;color:#fff;background:var(--primary);border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.auth-brand-top strong{font-size:14px}.auth-layout{grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:center;gap:40px;width:min(100%,760px);margin:auto;display:grid}.auth-copy{border-right:1px solid var(--border);padding-right:40px}.auth-copy-icon{width:58px;height:58px;color:var(--primary);background:var(--primary-soft);border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.auth-copy h1{letter-spacing:-.035em;margin:0 0 12px;font-size:25px;line-height:1.15}.auth-copy p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.auth-copy ul{gap:11px;margin:20px 0 0;padding:0;list-style:none;display:grid}.auth-copy li{align-items:center;gap:9px;font-size:12px;display:flex}.auth-copy li svg{color:var(--primary)}.auth-panel{place-items:center;display:grid}.auth-form{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:14px;width:100%;padding:28px 30px;display:grid;box-shadow:0 1px 2px #18181d0f}.auth-icon{width:44px;height:44px;color:var(--primary);background:var(--primary-soft);border-radius:10px;justify-self:center;place-items:center;display:grid}.auth-form h2{text-align:center;letter-spacing:-.03em;margin:2px 0 -8px;font-size:26px}.auth-form>p{color:var(--muted);text-align:center;margin:0 0 4px;font-size:12px}.auth-form label{font-size:12px}.auth-form input{min-height:44px}.auth-links{justify-content:space-between;gap:14px;display:flex}.auth-links button{color:var(--primary);cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:12px}.auth-footer{width:min(100%,760px);color:var(--muted);text-align:center;margin:0 auto;font-size:10px}@media (width<=1100px){.summary-grid,.traffic-summary,.invite-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.invite-rules>div,.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.plan-grid,.server-grid,.server-grid.pro{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-row{grid-template-columns:minmax(220px,1fr) minmax(240px,1fr)}.subscription-row .row-actions{grid-column:1/-1}.two-columns{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}}@media (width<=960px) and (width>=761px){.profile-grid{grid-template-columns:1fr}.profile-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}.session-list strong{overflow-wrap:anywhere;white-space:normal;max-width:none}}@media (width<=760px){.purchase-targets,.dashboard-sync.embedded{grid-template-columns:1fr}.dashboard-sync.embedded .notice,.dashboard-sync.embedded .slot-note{grid-column:auto}.dashboard-sync.embedded .sync-fields{flex-direction:column;grid-column:auto}.dashboard-sync.embedded .sync-fields label{grid-template-columns:1fr}.package-head{flex-direction:column;align-items:flex-start}.package-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.dashboard-empty-package{grid-template-columns:auto minmax(0,1fr);min-height:0;padding:20px}.dashboard-empty-package-action{grid-column:1/-1;width:100%}.invite-balance{flex-direction:column;align-items:flex-start}.invite-link-row{flex-direction:column}.sync-layout,.sync-fields,.subscription-cards,.device-card-grid{grid-template-columns:1fr}.selected-app-info{grid-template-columns:auto 1fr}.sync-mode-badge{grid-column:2;justify-self:start}.subscription-stats,.device-facts{grid-template-columns:1fr 1fr}.sni-box{flex-direction:column;align-items:flex-start}.app-shell{display:block}.sidebar{width:min(82vw,280px);position:fixed;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.mobile-close,.menu-button{display:inline-grid}.mobile-close{margin-left:auto}.backdrop{z-index:25;background:#120f186b;border:0;display:block;position:fixed;inset:0}.topbar{height:54px;padding:0 10px}.topbar .theme-toggle{width:36px;min-width:36px;padding:0}.topbar .theme-toggle span{display:none}.content{padding:16px 10px 24px}.page-head{align-items:flex-start;min-height:54px}.page-head h1{font-size:22px}.page-head p{font-size:12px}.page-head>.row-actions{flex-wrap:wrap}.quick-actions{grid-template-columns:1fr 1fr}.summary-grid,.traffic-summary{grid-template-columns:1fr 1fr;gap:8px}.summary-grid article{min-height:78px;padding:12px}.summary-grid article>span{width:34px;height:34px}.summary-grid strong{font-size:17px}.plan-grid,.server-grid,.server-grid.pro,.app-grid{grid-template-columns:1fr}.plan-card{min-height:auto}.subscription-row{grid-template-columns:1fr;gap:13px}.subscription-row .row-actions{grid-column:auto;justify-content:flex-start}.knowledge-layout,.profile-grid,.wallet-layout{grid-template-columns:1fr}.category-list{display:none}.setup-steps{grid-template-columns:1fr}.setup-steps>svg{display:none}.device-toolbar{flex-direction:column;align-items:stretch}.device-toolbar .filter-bar,.device-toolbar>input,.device-toolbar>select{width:100%;margin-bottom:8px}.data-table{border-radius:8px}.auth-page{min-height:100svh;padding:26px 16px 18px}.auth-theme-toggle{width:36px;min-width:36px;padding:0;top:18px;right:16px}.auth-theme-toggle span{display:none}.auth-brand-top{justify-content:flex-start;padding-right:44px}.auth-layout{grid-template-columns:1fr;width:min(100%,360px);margin:26px auto}.auth-copy{display:none}.auth-panel{min-height:0;padding:0}.auth-form{padding:28px 24px}.auth-form h2{font-size:28px}.auth-footer{margin-top:auto}.modal{padding:20px 16px}.periods,.form-grid{grid-template-columns:1fr 1fr}.danger-zone{flex-direction:column;align-items:flex-start}.amount-options{grid-template-columns:1fr 1fr}.bars{gap:3px}}@media (width<=440px){.summary-grid,.sync-meta,.invite-stat-grid,.invite-rules>div{grid-template-columns:1fr}.copy-row{flex-direction:column}.row-actions{flex-wrap:wrap}.periods{grid-template-columns:1fr}}:root[data-theme=dark] body,:root[data-theme=dark] .sidebar,:root[data-theme=dark] .topbar,:root[data-theme=dark] .panel,:root[data-theme=dark] .summary-grid article,:root[data-theme=dark] .plan-card,:root[data-theme=dark] .button.secondary,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .data-table,:root[data-theme=dark] .modal,:root[data-theme=dark] .account-button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .menu-button,:root[data-theme=dark] .mobile-close,:root[data-theme=dark] .periods button,:root[data-theme=dark] .stripe-card>div:first-child{background-color:var(--surface);color:var(--text)}:root[data-theme=dark] th{background:var(--soft)}:root[data-theme=dark] label{color:#d2d4da}:root[data-theme=dark] .article>div,:root[data-theme=dark] .plan-card li{color:#c7c9d0}:root[data-theme=dark] progress{background:#30323a}:root[data-theme=dark] progress::-webkit-progress-bar{background:#30323a}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0f13;--surface:#17181e;--soft:#1d1e25;--border:#2d3039;--text:#f1f1f4;--muted:#a8acb7;--primary:#a888ee;--primary-soft:#2c2440}}@media (width<=760px){.filter-bar{scrollbar-width:thin;scroll-padding-inline:10px}.filter-bar:after{content:"";flex:0 0 8px}.filter-bar button{min-height:44px}.invite-intro p{padding-right:4px;line-height:1.65}.order-table table,.traffic-table table{display:none}.order-table,.traffic-table{overflow:visible}.mobile-data-cards{display:grid}.mobile-data-cards article{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:12px;padding:14px;display:grid}.mobile-data-cards article:last-child{border-bottom:0}.mobile-data-cards article>div{gap:4px;min-width:0;display:grid}.mobile-data-cards small{color:var(--muted);font-size:10px}.mobile-data-cards code,.mobile-data-cards strong,.mobile-data-cards span{overflow-wrap:anywhere}.mobile-card-actions{flex-direction:row;grid-column:1/-1;padding-top:2px;display:flex!important}}.apple-dashboard{overflow-x:clip}.device-slot-number{border:1px solid color-mix(in srgb,var(--primary) 34%,var(--border));color:var(--primary);background:var(--primary-soft);border-radius:999px;margin-top:7px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.payment-pending{border:1px solid color-mix(in srgb, var(--primary) 30%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--soft));text-align:center;border-radius:12px;justify-items:center;gap:5px;width:100%;padding:13px;display:grid}.payment-pending small{color:var(--muted)}.payment-spinner{border:2px solid color-mix(in srgb, var(--primary) 25%, transparent);border-top-color:var(--primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite payment-spin}.payment-box .notice{width:100%}@keyframes payment-spin{to{transform:rotate(360deg)}}.device-card-status{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.link-type{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-flex}.link-type.shared{color:#0b7a62;background:#dcf8ed}.link-type.private{color:#7651b8;background:#eee5ff}.referrer-panel p{color:var(--muted);margin:0;line-height:1.5}.referrer-panel p strong{color:var(--text);overflow-wrap:anywhere}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--surface:#ffffffe6;--soft:#f5f5f7;--border:#00000017;--text:#1d1d1f;--muted:#6e6e73;--primary:#0071e3;--primary-soft:#eaf4ff;--success:#248a3d;--success-soft:#eaf8ed;--danger:#d70015;--danger-soft:#fff0f1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Segoe UI,sans-serif}body{background:var(--bg);color:var(--text);letter-spacing:-.006em}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #007aff38}.app-shell{grid-template-columns:248px minmax(0,1fr)}.sidebar{border-color:var(--border);-webkit-backdrop-filter:saturate(180%)blur(24px);background:#f8f8fae0}.brand{border-color:var(--border);min-height:72px}.brand>span,.brand img{background:var(--primary);border-radius:12px}.sidebar nav button,.logout{color:#424245;border-radius:10px;min-height:42px;font-size:13px}.sidebar nav button:hover,.logout:hover{background:#0000000b}.sidebar nav button.active{color:var(--primary);background:#0071e31a}.topbar{border-color:var(--border);-webkit-backdrop-filter:saturate(180%)blur(24px);background:#f5f5f7c7;height:64px}.content{max-width:1500px;padding:30px clamp(16px,3vw,40px) 52px}.page-head h1{letter-spacing:-.04em;font-size:30px;font-weight:700}.panel,.summary-grid article,.quick-actions button,.plan-card,.data-table,.server-card,.app-card,.traffic-summary article,.setup-steps{border-color:var(--border);background:var(--surface);-webkit-backdrop-filter:saturate(160%)blur(18px);backdrop-filter:saturate(160%)blur(18px);border-radius:18px;box-shadow:0 1px 2px #00000006,0 10px 30px #0000000a}.summary-grid article{min-height:100px;padding:18px}.summary-grid article>span,.quick-actions button>svg,.app-letter,.server-main>span{color:var(--primary);background:var(--primary-soft)}.summary-grid strong{font-size:23px}.plan-card{padding:24px}.plan-card-head h2{font-size:20px}.plan-price strong{font-size:38px}.plan-benefits{border-color:var(--border);border-radius:14px}.button{border-radius:11px;min-height:42px}.button.primary{color:#fff;border-color:var(--primary);background:var(--primary)}.button.primary:hover{background:#06c}.button.secondary,.account-button,.icon-button,.menu-button,.mobile-close{border-color:var(--border);background:var(--surface)}.button.secondary:hover{color:var(--primary);background:var(--primary-soft);border-color:#0071e34d}input,select,textarea{border-color:var(--border);background:var(--soft);border-radius:11px;min-height:44px}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #007aff24}.filter-bar button,.plan-period-chips button,.periods button{border-color:var(--border);border-radius:999px}.filter-bar button.active,.plan-period-chips button.available.selected,.periods button.selected{color:#fff;border-color:var(--primary);background:var(--primary)}th{color:var(--muted);border-color:var(--border);background:#00000006}td{border-color:var(--border)}tbody tr:hover{background:#0071e309}.modal-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0000006b}.modal{border-color:var(--border);background:var(--surface);border-radius:22px;box-shadow:0 24px 80px #0003}.auth-page{background:radial-gradient(circle at 50% -20%, #d9ecff 0, transparent 44%), var(--bg)}.auth-layout{max-width:1040px}.auth-copy{color:#fff;background:linear-gradient(145deg,#101012,#2c2c2e);border:0;border-radius:24px;padding:36px}.auth-copy p{color:#d2d2d7}.auth-form{border-color:var(--border);background:var(--surface);border-radius:24px;box-shadow:0 20px 60px #00000014}.auth-icon{color:var(--primary);background:var(--primary-soft);border-radius:13px}.profile-grid{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:24px}.profile-grid>.stack{gap:18px}.profile-card{text-align:center;border-radius:24px;padding:30px;position:sticky;top:88px;overflow:hidden}.profile-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0071e329,#64d2ff14);height:112px;position:absolute;inset:0 0 auto}.profile-card .avatar{border:4px solid var(--surface);color:#fff;background:linear-gradient(145deg,#0a84ff,#06c);border-radius:50%;width:84px;height:84px;margin:18px auto 0;font-size:34px;font-weight:700;position:relative;box-shadow:0 10px 30px #0071e33d}.profile-card h2{overflow-wrap:anywhere;color:var(--text);letter-spacing:-.025em;margin:18px 0 5px;font-size:20px;font-weight:700;position:relative}.profile-card>p{color:var(--muted);margin:0 0 24px;font-size:12px}.profile-card dl{border:1px solid var(--border);text-align:left;background:var(--soft);border-radius:15px;margin:0 0 20px;display:block;overflow:hidden}.profile-card dl div{border-bottom:1px solid var(--border);background:0 0;border-radius:0;grid-template-columns:minmax(82px,auto) minmax(0,1fr);align-items:center;gap:16px;min-height:52px;padding:10px 14px;display:grid}.profile-card dl div:last-child{border-bottom:0}.profile-card dt{color:var(--muted);font-size:12px}.profile-card dd{overflow-wrap:anywhere;min-width:0;color:var(--text);text-align:right;margin:0;font-size:13px;font-weight:600}.profile-card dd code{word-break:break-all;font-size:10px}.profile-card .stack-actions{gap:9px}.profile-card .stack-actions .button{min-height:44px}.profile-grid .form-panel{border-radius:20px;gap:0;padding:0;overflow:hidden}.profile-grid .form-panel>h2{color:var(--text);letter-spacing:-.025em;margin:0;padding:22px 24px 18px;font-size:20px;font-weight:700}.profile-grid .form-panel>h2:after{content:"";background:var(--primary);border-radius:999px;width:34px;height:3px;margin-top:10px;display:block}.profile-grid .toggle-list{border:1px solid var(--border);background:var(--soft);border-radius:15px;gap:0;margin:0 24px 22px;overflow:hidden}.profile-grid .toggle-list label{border-bottom:1px solid var(--border);min-height:56px;color:var(--text);cursor:pointer;flex-direction:row-reverse;justify-content:space-between;gap:18px;padding:10px 14px;font-size:13px;font-weight:500}.profile-grid .toggle-list label:last-child{border-bottom:0}.profile-grid .toggle-list input[type=checkbox]{appearance:none;width:46px;height:27px;min-height:27px;box-shadow:none;background:#d1d1d6;border:0;border-radius:999px;flex:none;margin:0;transition:background .18s;position:relative}.profile-grid .toggle-list input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 2px 5px #0003}.profile-grid .toggle-list input[type=checkbox]:checked{background:#34c759}.profile-grid .toggle-list input[type=checkbox]:checked:after{transform:translate(19px)}.profile-grid .toggle-list input[type=checkbox]:focus-visible{outline-offset:2px;outline:3px solid #007aff38}.profile-grid .form-panel>h3{border-top:1px solid var(--border);color:var(--text);margin:0;padding:20px 24px 4px;font-size:15px}.profile-grid .form-panel>.form-grid{gap:14px;padding:16px 24px 22px}.profile-grid .form-panel>label{margin:0 24px 15px}.profile-grid .form-panel>label+label{margin-top:0}.profile-grid .form-panel>.button{width:fit-content;min-width:150px;margin:2px 24px 24px}.profile-grid>.stack>form.form-panel:nth-of-type(3)>label:first-of-type{display:none}.profile-grid .form-panel input,.profile-grid .form-panel select{background:var(--soft)}.profile-grid .session-list{border:1px solid var(--border);border-radius:15px;margin:0 24px 22px;overflow:hidden}.profile-grid .session-list>div{background:var(--soft);min-height:62px;padding:11px 14px}.profile-grid .session-list>div:last-child{border-bottom:0}.profile-grid .session-list strong{font-size:13px}.profile-grid .session-list small{margin-top:5px;font-size:11px}.profile-grid .session-list .empty{background:var(--soft);min-height:96px}.profile-grid .danger-zone{background:#d7001509;border-color:#d7001538;border-radius:20px;padding:22px 24px}.profile-grid .danger-zone h2{color:var(--danger);font-size:17px}@media (width<=1000px) and (width>=761px){.profile-grid{grid-template-columns:minmax(0,1fr)}.profile-card{position:relative;top:auto}.profile-grid .danger-zone{align-items:stretch}.profile-grid .danger-zone .button{width:100%}}.page-head{align-items:flex-end;min-height:auto;margin-bottom:24px}.page-head h1{letter-spacing:-.045em;margin:0;font-size:32px;line-height:1.08}.page-head p{max-width:720px;color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.panel-title{align-items:center}.panel-title h2{color:var(--text);letter-spacing:-.025em;margin:0;font-size:20px}.panel-title small{margin-top:5px;line-height:1.45}.stack{gap:16px}.summary-grid{gap:14px;margin-bottom:20px}.summary-grid article{border-radius:20px;gap:16px;min-height:112px;padding:20px}.summary-grid article>span{border-radius:14px;width:46px;height:46px}.summary-grid small{font-size:12px}.summary-grid strong{margin-top:6px;font-size:24px}.quick-actions{gap:12px;margin-bottom:18px}.quick-actions button{border-radius:18px;gap:14px;min-height:78px;padding:16px 18px}.quick-actions button>svg{background:0 0;width:22px;height:22px;padding:0}.quick-actions span{gap:4px}.quick-actions span>span,.quick-actions strong{font-size:14px}.quick-actions small{font-size:11px}.dashboard-grid,.two-columns{gap:20px}.dashboard-grid>.panel,.recent-panel,.two-columns>.panel{border-radius:20px;padding:24px}.health-list>div{min-height:52px}.recent-row{min-height:64px;padding:12px 0}.recent-row strong{font-size:13px}.recent-row small{font-size:11px}.compact-package{border-radius:22px;padding:24px!important}.package-head h2{letter-spacing:-.025em;font-size:21px}.package-facts{border:1px solid var(--border);background:var(--soft);border-radius:15px;gap:0;margin:22px 0 16px;overflow:hidden}.package-facts>div{border-right:1px solid var(--border);min-height:68px;padding:14px}.package-facts>div:last-child{border-right:0}.package-facts small{font-size:10px}.package-facts strong{margin-top:8px;font-size:13px}.package-usage{gap:14px}.package-usage progress{height:7px}.subscription-cards,.device-card-grid{gap:16px}.subscription-detail-card,.user-device-card{border-radius:20px;gap:16px;padding:24px}.subscription-detail-card h2,.user-device-card h2{letter-spacing:-.025em;font-size:20px}.subscription-stats,.device-facts{border:1px solid var(--border);border-radius:14px;gap:0;overflow:hidden}.subscription-stats>div,.device-facts>div{border-right:1px solid var(--border);background:var(--soft);border-radius:0;min-height:58px;padding:11px 12px}.subscription-stats>div:last-child,.device-facts>div:last-child{border-right:0}.sni-box,.selected-app-info{background:var(--soft);border-radius:14px;padding:14px}.multi-subscription-guide,.device-guide,.slot-note{background:var(--primary-soft);border-color:#0071e32e;border-radius:16px}.route-subscription .subscription-empty-shell{background:linear-gradient(145deg,#ffffffbd,#ffffff80);border-radius:28px;padding:28px;overflow:hidden}.route-subscription .subscription-empty-package{min-height:260px;margin:0}.route-subscription .subscription-single-card{max-width:none}:root[data-theme=dark] .route-subscription .subscription-empty-shell{background:linear-gradient(145deg,#2c2c2ebd,#1c1c1e9e);border-color:#ffffff1f}.plan-grid{gap:18px}.plan-card{border-radius:24px;min-height:540px;padding:26px;box-shadow:0 1px 2px #00000006,0 16px 42px #0000000e}.plan-card-head{min-height:38px}.plan-card-head h2{letter-spacing:-.03em;font-size:22px}.plan-stock{padding:6px 10px;font-size:10px}.plan-price{margin:30px 0 20px}.plan-price strong{letter-spacing:-.05em;font-size:42px}.plan-price span{font-size:12px}.plan-period-chips{gap:8px;min-height:76px}.plan-period-chips button{min-height:36px;padding:7px 11px;font-size:11px}.plan-benefits{border-radius:15px;padding:0 15px}.plan-benefits>div{min-height:48px}.plan-benefits span,.plan-benefits strong{font-size:12px}.plan-buy{min-height:46px}.setup-steps{border-radius:20px;gap:22px;margin-bottom:18px;padding:22px 24px}.setup-steps>div>span{background:var(--primary);color:#fff;width:38px;height:38px}.setup-steps strong{font-size:13px}.setup-steps small{margin-top:4px;font-size:11px}.app-grid{gap:16px;margin-bottom:18px}.app-card{border-radius:20px;align-content:start;gap:14px;min-height:178px;padding:22px}.app-card>span,.server-main>span,.server-card>span:first-child{border-radius:14px;width:48px;height:48px}.app-card h2,.server-card h3{font-size:16px}.app-card p,.server-card p{font-size:11px;line-height:1.5}.import-card,.sync-panel{border-radius:20px;padding:24px}.server-grid,.server-grid.pro{gap:16px}.server-card,.server-card.pro{border-radius:20px;padding:22px}.server-meta{border:1px solid var(--border);border-radius:14px;gap:0;overflow:hidden}.server-meta>div{border-right:1px solid var(--border);border-radius:0;min-height:56px;padding:11px}.server-meta>div:last-child{border-right:0}.filter-bar{gap:8px;margin-bottom:16px}.filter-bar button{border-radius:999px;min-height:38px;padding:0 15px}.traffic-summary{gap:14px;margin-bottom:18px}.traffic-summary article{border-radius:18px;min-height:98px;padding:20px}.traffic-summary small{font-size:11px}.traffic-summary strong{margin-top:8px;font-size:22px}.traffic-chart{border-radius:20px;margin-bottom:18px;padding:24px}.bars{gap:7px;height:220px}.bars span{background:linear-gradient(180deg,#64d2ff,var(--primary));border-radius:5px 5px 0 0}.wallet-layout{gap:20px}.balance-card,.deposit-form{border-radius:22px;padding:28px}.balance-card>strong{letter-spacing:-.04em;margin:12px 0;font-size:42px}.deposit-form h2{font-size:21px}.amount-options{gap:10px}.amount-options button{border-radius:12px;min-height:48px}.data-table{border-radius:20px;box-shadow:0 1px 2px #00000006,0 10px 30px #0000000a}th{letter-spacing:.06em;height:50px;padding:11px 16px;font-size:10px}td{padding:15px 16px}tbody tr{transition:background .15s}.detail-list{border-radius:15px}.detail-list>div{min-height:52px;padding:11px 14px}.payment-box{border-radius:15px;padding:20px}.ticket-row,.notice-row{border-radius:18px;min-height:76px;padding:15px 18px}.ticket-row>span:first-child,.notice-row>span{border-radius:13px;width:44px;height:44px}.ticket-row h3,.notice-row h3{font-size:15px}.ticket-row p,.notice-row p{margin-top:5px;font-size:11px}.knowledge-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.category-list{border-radius:20px;padding:12px;position:sticky;top:88px}.category-list strong{padding:10px 12px 14px;font-size:14px}.category-list span{align-items:center;min-height:44px;padding:10px 12px;display:flex}.article{border-radius:18px}.article-title{min-height:64px;padding:0 20px;font-size:14px}.article>div{color:var(--muted-strong,var(--text));padding:0 20px 20px}.rich-content{font-size:14px;line-height:1.75}.invite-intro,.invite-rules,.invite-balance,.invite-links,.invite-history{border-radius:20px;margin-bottom:18px;padding:24px}.invite-intro h2,.invite-rules h2,.invite-balance h2,.invite-links h2,.invite-history h2{letter-spacing:-.025em;font-size:20px}.invite-intro p{font-size:13px;line-height:1.6}.invite-stat-grid{gap:14px;margin-bottom:18px}.invite-stat-grid article{border-radius:18px;min-height:102px;padding:18px}.invite-stat-grid article>span,.invite-rules article>span{border-radius:14px;width:46px;height:46px}.invite-stat-grid strong{font-size:20px}.invite-stat-grid small{font-size:10px}.invite-rules>div{gap:14px}.invite-rules article{border:1px solid var(--border);background:var(--soft);border-radius:15px;min-height:72px;padding:12px}.invite-balance>div:first-child>strong{letter-spacing:-.035em;font-size:34px}.invite-code-hero{background:linear-gradient(135deg,#0a84ff,#06c);border-radius:18px;min-height:116px}.invite-share button{border-radius:999px;min-height:36px;padding:0 13px}.commission-row{min-height:58px;padding:12px 0}.modal{border-radius:24px;padding:28px}.modal h2{letter-spacing:-.035em;font-size:24px}.modal-close{background:var(--soft);border-radius:50%;top:16px;right:16px}.periods{gap:10px}.periods button{border-radius:14px;min-height:58px;padding:13px}.checkout-total{min-height:66px}.messages{border-radius:15px;padding:14px}.messages article{border-radius:15px 15px 15px 5px;padding:12px 14px}.messages article.mine{border-radius:15px 15px 5px}.content[class*=route-]:not(.route-dashboard) .page-head{align-items:center;min-height:92px;margin-bottom:20px;padding:4px 4px 0}.content[class*=route-]:not(.route-dashboard) .page-head h1{letter-spacing:-.05em;font-size:38px}.content[class*=route-]:not(.route-dashboard) .page-head p{font-size:14px}.content[class*=route-]:not(.route-dashboard) .page-head>.row-actions,.content[class*=route-]:not(.route-dashboard) .page-head>.button,.content[class*=route-]:not(.route-dashboard) .page-head>.icon-button{align-self:center}.content[class*=route-]:not(.route-dashboard)>.panel,.content[class*=route-]:not(.route-dashboard)>.stack>.panel,.content[class*=route-]:not(.route-dashboard)>.two-columns>.panel{border-radius:22px}.content[class*=route-]:not(.route-dashboard)>.panel:first-of-type{background:radial-gradient(circle at 96% 0,#64d2ff24,transparent 30%),var(--surface);border-color:#0071e31f}.route-plan .plan-card{isolation:isolate;background:radial-gradient(circle at 100% 0,#64d2ff29,transparent 28%),var(--surface);border-color:#0071e31f;position:relative;overflow:hidden}.route-plan .plan-card:before{content:"";z-index:-1;border:1px solid #0071e317;border-radius:50%;width:190px;height:190px;position:absolute;top:-85px;right:-80px}.route-plan .plan-price strong{color:var(--text)}.route-plan .plan-benefits{background:#f5f5f7b8}.route-subscription .subscription-detail-card,.route-device .user-device-card{background:radial-gradient(circle at 96% 0,#64d2ff21,transparent 28%),var(--surface);border-color:#0071e31f;box-shadow:0 16px 44px #004ba00f}.route-subscription .subscription-stats>div,.route-device .device-facts>div{min-height:66px}.route-subscription .subscription-stats small,.route-device .device-facts small{font-size:10px}.route-subscription .subscription-stats strong,.route-device .device-facts strong{margin-top:7px;font-size:14px}.route-subscription .sni-box,.route-device .device-identifiers>div{border-radius:14px}.route-device .device-guide{padding:18px 20px}.route-order .filter-bar{background:#00000009;border-radius:999px;padding:5px}.route-order .filter-bar button{background:0 0;border-color:#0000}.route-order .filter-bar button.active{color:var(--primary);border-color:var(--border);background:var(--surface);box-shadow:0 2px 8px #0000000f}.route-order .data-table{border-color:#0071e31a}.route-order th{background:#eaf4ff94}.route-order tbody tr:hover{background:#eaf4ff8c}.route-ticket>.stack,.route-notice>.stack{border:1px solid var(--border);background:var(--surface);border-radius:22px;gap:0;overflow:hidden;box-shadow:0 10px 30px #0000000a}.route-ticket .ticket-row,.route-notice .notice-row{border:0;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0}.route-ticket .ticket-row:last-child,.route-notice .notice-row:last-child{border-bottom:0}.route-ticket .ticket-row:hover,.route-notice .notice-row:hover{background:var(--primary-soft)}.route-knowledge .category-list,.route-knowledge .article{border-color:#0071e31a}.route-knowledge .category-list{background:radial-gradient(circle at 100% 0,#64d2ff24,transparent 42%),var(--surface)}.route-knowledge .article-title:hover{color:var(--primary);background:var(--primary-soft)}@media (width<=1180px){.knowledge-layout{grid-template-columns:minmax(0,1fr)}.category-list{position:static}}.route-apps .app-card,.route-server .server-card,.route-traffic .traffic-summary article,.route-wallet .balance-card,.route-wallet .deposit-form,.route-wallet .giftcard-form{background:radial-gradient(circle at 100% 0,#64d2ff21,transparent 30%),var(--surface);border-color:#0071e31c}.route-apps .app-card:hover,.route-server .server-card:hover{border-color:#0071e342;transform:translateY(-1px)}.route-traffic .traffic-chart{border-color:#0071e31a}.route-wallet .amount-options button.selected{color:#fff;border-color:var(--primary);background:var(--primary)}.route-invite .invite-intro,.route-invite .invite-balance,.route-invite .invite-links,.route-invite .invite-history,.route-invite .invite-rules{background:radial-gradient(circle at 98% 0,#64d2ff1f,transparent 28%),var(--surface);border-color:#0071e31c}.route-invite .invite-stat-grid article{border-color:#0071e31a}@media (prefers-color-scheme:dark){.content[class*=route-]:not(.route-dashboard)>.panel:first-of-type,.route-plan .plan-card,.route-subscription .subscription-detail-card,.route-device .user-device-card,.route-apps .app-card,.route-server .server-card,.route-traffic .traffic-summary article,.route-wallet .balance-card,.route-wallet .deposit-form,.route-wallet .giftcard-form,.route-invite :is(.invite-intro,.invite-balance,.invite-links,.invite-history,.invite-rules){background:radial-gradient(circle at 98% 0,#0a84ff33,transparent 30%),var(--surface);border-color:#0a84ff33}.route-plan .plan-benefits{background:#2c2c2eb8}.route-order .filter-bar{background:#ffffff0f}.route-order th{background:#0a84ff1a}}.apple-dashboard .page-head{align-items:center;min-height:92px;margin-bottom:20px;padding:4px 4px 0;position:relative}.apple-dashboard .page-head h1{font-size:38px}.apple-dashboard .page-head p{font-size:14px}.apple-dashboard .page-head .icon-button{border-radius:50%;width:42px;height:42px;box-shadow:0 5px 16px #0000000f}.apple-dashboard .compact-package{isolation:isolate;background:radial-gradient(circle at 92% 2%, #64d2ff33, transparent 32%), radial-gradient(circle at 4% 105%, #0071e31f, transparent 30%), var(--surface);border-color:#0071e324;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 18px 50px #004ba014;padding:28px!important}.apple-dashboard .compact-package:after{content:"";z-index:-1;border:1px solid #0071e31a;border-radius:50%;width:240px;height:240px;position:absolute;top:-110px;right:-80px}.apple-dashboard .package-head{align-items:flex-start}.apple-dashboard .package-head h2{letter-spacing:-.04em;font-size:25px}.apple-dashboard .subscription-owner{width:fit-content;color:var(--muted);background:#ffffff9e;border:1px solid #0071e31c;border-radius:999px;align-items:center;gap:8px;margin:10px 0 0;padding:6px 7px 6px 11px;font-size:12px;display:inline-flex;box-shadow:0 3px 12px #004ba00a}.apple-dashboard .subscription-owner strong{max-width:280px;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:650;overflow:hidden}.apple-dashboard .subscription-owner span{color:var(--primary);background:var(--primary-soft);letter-spacing:.01em;white-space:nowrap;border:0;border-radius:999px;padding:4px 9px;font-size:10px;font-weight:700}.apple-dashboard .package-head .row-actions{gap:9px}.apple-dashboard .package-head .status{min-height:32px;padding:6px 10px}.apple-dashboard .package-head .button{min-height:36px}.apple-dashboard .package-facts{background:0 0;border:0;border-radius:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0 18px;overflow:visible}.apple-dashboard .package-facts>div{background:#ffffffb3;border:1px solid #0000000f;border-radius:15px;flex-direction:column;justify-content:center;min-height:78px;padding:14px 15px;display:flex}.apple-dashboard .package-facts small{color:var(--muted);font-size:12px;font-weight:550;line-height:1.35}.apple-dashboard .package-facts strong{color:var(--text);letter-spacing:-.015em;text-overflow:clip;white-space:normal;margin-top:9px;font-size:16px;font-weight:700;line-height:1.4;overflow:visible}.apple-dashboard .package-usage{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:0 2px;display:grid}.apple-dashboard .package-usage progress::-webkit-progress-value{background:linear-gradient(90deg,#0a84ff,#64d2ff)}.apple-dashboard .package-usage span{min-width:38px;color:var(--primary);font-size:12px;font-weight:700}.apple-dashboard .dashboard-sync.embedded{background:#eaf4ffad;border:1px solid #0071e31f;border-radius:18px;grid-template-columns:minmax(240px,.72fr) minmax(0,1.28fr);gap:12px 14px;margin-top:22px;padding:18px}.apple-dashboard .dashboard-sync.embedded .sync-fields{grid-column:1/-1;justify-content:flex-start;gap:12px}.apple-dashboard .dashboard-sync.embedded .sync-fields label{max-width:520px;color:var(--muted);flex:0 520px;grid-template-columns:auto minmax(240px,420px);gap:10px}.apple-dashboard .dashboard-sync.embedded select{background:#ffffffd1}.apple-dashboard .dashboard-sync.embedded .sync-actions{grid-column:1/-1;gap:8px;margin:0}.apple-dashboard .dashboard-sync.embedded .sync-actions .button{border-radius:10px;min-height:38px}.apple-dashboard .dashboard-side{color:var(--text);background:radial-gradient(circle at 92% 2%, #64d2ff33, transparent 34%), radial-gradient(circle at 4% 105%, #0071e31a, transparent 32%), var(--surface);border:1px solid #0071e324;border-radius:26px;padding:26px;position:relative;overflow:hidden;box-shadow:0 18px 50px #004ba014}.apple-dashboard .dashboard-side:after{content:"";border:1px solid #0071e31a;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-72px;right:-54px}.apple-dashboard .dashboard-side .panel-title{z-index:1;margin-bottom:20px;position:relative}.apple-dashboard .dashboard-side .panel-title small{color:var(--muted)}.apple-dashboard .dashboard-side .panel-title h2{color:var(--text);margin-top:5px;font-size:21px}.apple-dashboard .dashboard-side .panel-title>svg{width:42px;height:42px;color:var(--primary);background:var(--primary-soft);border-radius:50%;padding:11px}.apple-dashboard .health-list{z-index:1;position:relative}.apple-dashboard .health-list>div{border-color:var(--border);min-height:58px}.apple-dashboard .health-list span{color:var(--muted);font-size:12px}.apple-dashboard .health-list strong{color:var(--text);text-align:right;font-size:13px}.apple-dashboard .health-list .good{color:var(--success)}.apple-dashboard .health-list .bad{color:var(--danger)}.apple-dashboard .dashboard-bottom{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.apple-dashboard .recent-panel{border-radius:22px;padding:0;overflow:hidden}.apple-dashboard .recent-panel .panel-title{border-bottom:1px solid var(--border);min-height:72px;margin:0;padding:18px 22px}.apple-dashboard .recent-panel .panel-title h2{font-size:19px}.apple-dashboard .recent-panel .link-button{font-size:12px;font-weight:650}.apple-dashboard .recent-row{border-color:var(--border);min-height:70px;margin:0;padding:12px 22px}.apple-dashboard .recent-row:hover{background:var(--primary-soft)}.apple-dashboard .recent-row strong{font-size:13px}.apple-dashboard .recent-row small{margin-top:5px;font-size:10px}.apple-dashboard .recent-row>svg{color:var(--muted)}.apple-dashboard .recent-panel>.empty{min-height:150px}@media (prefers-color-scheme:dark){.apple-dashboard .compact-package{background:radial-gradient(circle at 92% 2%,#0a84ff3d,transparent 34%),var(--surface);border-color:#0a84ff33}.apple-dashboard .package-facts>div{background:#2c2c2eb8;border-color:#ffffff1a}.apple-dashboard .dashboard-sync.embedded{background:#0a84ff1a;border-color:#0a84ff33}.apple-dashboard .dashboard-sync.embedded select{background:#1c1c1e}.apple-dashboard .dashboard-side{background:radial-gradient(circle at 92% 2%,#0a84ff3d,transparent 34%),var(--surface);border-color:#0a84ff33;box-shadow:0 18px 50px #00000038}.apple-dashboard .dashboard-side:after{border-color:#0a84ff2e}:root:not([data-theme=light]) .profile-card:before{background:linear-gradient(135deg,#0a84ff3d,#64d2ff14)}:root:not([data-theme=light]) .profile-grid .toggle-list input[type=checkbox]{background:#48484a}:root:not([data-theme=light]) .profile-grid .danger-zone{background:#ff453a14;border-color:#ff453a3d}:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#1c1c1eeb;--soft:#1c1c1e;--border:#ffffff1f;--text:#f5f5f7;--muted:#a1a1a6;--primary:#0a84ff;--primary-soft:#0a84ff29;--success:#30d158;--success-soft:#30d15824;--danger:#ff453a;--danger-soft:#ff453a26}.sidebar{background:#141416e6}.topbar{background:#000000bd}.sidebar nav button,.logout{color:#d2d2d7}.sidebar nav button:hover,.logout:hover{background:#ffffff12}.sidebar nav button.active{color:#64d2ff;background:#0a84ff2e}th{background:#ffffff0b}tbody tr:hover{background:#0a84ff14}.auth-page{background:radial-gradient(circle at 50% -20%,#10243b 0,#0000 42%),#000}}@media (width<=760px){.topbar{height:58px;padding-inline:12px}.content{padding:20px 12px 36px}.page-head{margin-bottom:18px}.page-head h1{font-size:28px}.page-head p{margin-top:6px;font-size:12px}.panel,.summary-grid article,.plan-card{border-radius:16px}.modal-backdrop{align-items:end;width:100vw;min-height:100dvh;padding:0;overflow:hidden}.modal{border-radius:22px 22px 0 0}.purchase-modal{width:100vw;max-height:100dvh;margin:0;padding:0}.purchase-modal-scroll{padding:20px 16px 16px}.purchase-submit{min-height:54px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-radius:0}.auth-page{padding:20px 14px}.auth-form{border-radius:22px}.profile-grid{grid-template-columns:1fr;gap:16px}.profile-card{border-radius:20px;padding:24px 18px;position:relative;top:auto}.profile-card:before{height:100px}.profile-card .avatar{width:76px;height:76px;margin-top:14px;font-size:30px}.profile-grid .form-panel{border-radius:18px}.profile-grid .form-panel>h2{padding:20px 18px 16px;font-size:19px}.profile-grid .toggle-list,.profile-grid .session-list{margin-left:18px;margin-right:18px}.profile-grid .form-panel>h3{padding-left:18px;padding-right:18px}.profile-grid .form-panel>.form-grid{grid-template-columns:1fr;padding-left:18px;padding-right:18px}.profile-grid .form-panel>label{margin-left:18px;margin-right:18px}.profile-grid .form-panel>.button{width:calc(100% - 36px);margin-left:18px;margin-right:18px}.profile-grid .danger-zone{align-items:stretch;padding:20px 18px}.profile-grid .danger-zone .button{width:100%}.summary-grid{gap:10px}.summary-grid article{gap:11px;min-height:92px;padding:14px}.summary-grid article>span{border-radius:12px;width:38px;height:38px}.summary-grid small{font-size:10px}.summary-grid strong{font-size:19px}.quick-actions{gap:10px}.quick-actions button{border-radius:15px;min-height:72px;padding:13px}.dashboard-grid>.panel,.recent-panel,.two-columns>.panel{border-radius:18px;padding:18px}.compact-package{border-radius:18px;padding:18px!important}.package-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.package-facts>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);min-height:62px}.package-facts>div:nth-child(2n){border-right:0}.package-facts>div:nth-last-child(-n+2){border-bottom:0}.plan-grid{gap:14px}.plan-card{border-radius:20px;min-height:auto;padding:22px 18px}.plan-price{margin:24px 0 16px}.plan-price strong{font-size:38px}.subscription-detail-card,.user-device-card{border-radius:18px;padding:18px}.subscription-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-stats>div{border-bottom:1px solid var(--border)}.subscription-stats>div:nth-child(2n){border-right:0}.subscription-stats>div:nth-last-child(-n+2){border-bottom:0}.device-facts{grid-template-columns:1fr}.device-facts>div{border-right:0;border-bottom:1px solid var(--border)}.device-facts>div:last-child{border-bottom:0}.setup-steps{padding:18px}.app-grid,.server-grid,.server-grid.pro{gap:12px}.app-card{border-radius:18px;min-height:auto;padding:18px}.server-card,.server-card.pro,.import-card,.sync-panel{border-radius:18px;padding:18px}.traffic-summary{gap:10px}.traffic-summary article{border-radius:16px;min-height:84px;padding:15px}.traffic-summary strong{font-size:19px}.traffic-chart{border-radius:18px;padding:18px 14px}.bars{height:180px}.balance-card,.deposit-form{border-radius:18px;padding:20px}.balance-card>strong{font-size:36px}.data-table{border-radius:16px}.ticket-row,.notice-row{border-radius:16px;min-height:70px;padding:13px 14px}.invite-intro,.invite-rules,.invite-balance,.invite-links,.invite-history{border-radius:18px;padding:18px}.invite-stat-grid{gap:10px}.invite-stat-grid article{min-height:90px;padding:14px}.invite-rules>div{grid-template-columns:1fr;gap:9px}.invite-rules article{min-height:64px}.modal{padding:24px 18px}.purchase-modal{padding:0}.order-detail{width:100vw;max-height:96dvh;padding:20px 16px}.apple-dashboard .page-head{min-height:74px;margin-bottom:14px;padding-inline:2px}.apple-dashboard .page-head h1{font-size:32px}.apple-dashboard .page-head p{font-size:12px}.apple-dashboard .dashboard-grid{grid-template-columns:1fr;gap:14px;margin-bottom:14px}.apple-dashboard .compact-package{border-radius:22px;padding:20px!important}.apple-dashboard .package-head{align-items:flex-start;gap:14px}.apple-dashboard .package-head .row-actions{justify-content:flex-start;width:100%}.apple-dashboard .package-head h2{font-size:22px}.apple-dashboard .subscription-owner{max-width:100%}.apple-dashboard .subscription-owner strong{max-width:min(54vw,280px)}.apple-dashboard .package-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 16px}.apple-dashboard .package-facts>div{border-radius:13px;min-height:72px;padding:12px;border:1px solid #0000000f!important}.apple-dashboard .package-facts small{font-size:11px}.apple-dashboard .package-facts strong{margin-top:7px;font-size:14px}.apple-dashboard .dashboard-sync.embedded{border-radius:16px;grid-template-columns:1fr;margin-top:18px;padding:14px}.apple-dashboard .dashboard-sync.embedded .sync-fields{flex-direction:column;grid-column:auto}.apple-dashboard .dashboard-sync.embedded .sync-fields label{flex-basis:auto;grid-template-columns:1fr;width:100%;max-width:none}.apple-dashboard .dashboard-sync.embedded .sync-actions{grid-column:auto}.apple-dashboard .dashboard-sync.embedded .sync-actions .button{flex:calc(50% - 8px)}.apple-dashboard .dashboard-sync.embedded .sync-actions .button:first-child{flex-basis:100%}.apple-dashboard .dashboard-side{border-radius:22px;padding:22px}.apple-dashboard .dashboard-bottom{grid-template-columns:1fr;gap:14px}.apple-dashboard .recent-panel{border-radius:20px}.apple-dashboard .recent-panel .panel-title{min-height:66px;padding:16px 18px}.apple-dashboard .recent-row{min-height:66px;padding:11px 18px}.content[class*=route-]:not(.route-dashboard) .page-head{min-height:74px;margin-bottom:16px;padding-inline:2px}.content[class*=route-]:not(.route-dashboard) .page-head h1{font-size:30px}.content[class*=route-]:not(.route-dashboard) .page-head p{font-size:12px}.route-ticket>.stack,.route-notice>.stack{border-radius:18px}.route-plan .plan-card,.route-subscription .subscription-detail-card,.route-device .user-device-card{border-radius:20px}}@media (width<=900px){.purchase-modal-backdrop{align-items:stretch;padding:0}.purchase-modal{border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh}.purchase-modal-scroll{flex:auto}}.account-delete-backdrop{z-index:160;padding:20px}.account-delete-modal{text-align:left;width:min(100%,460px);padding:30px}.account-delete-icon{color:#d92d20;background:#fff0ef;border:1px solid #ff453a3d;border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:16px;display:grid}.account-delete-modal h2{letter-spacing:-.04em;margin:0 0 8px;font-size:24px}.account-delete-modal p{color:var(--muted);margin:0 0 22px;line-height:1.55}.account-delete-modal label{color:var(--text);gap:8px;font-size:13px;font-weight:700;display:grid}.account-delete-modal input{border:1px solid var(--border);width:100%;min-height:46px;color:var(--text);background:var(--surface-soft);border-radius:13px;outline:0;margin-top:0;padding:0 13px}.account-delete-modal input:focus{border-color:#ff453a8c;box-shadow:0 0 0 4px #ff453a1a}.account-delete-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.account-delete-actions .button.danger:disabled{cursor:not-allowed;opacity:.45}:root[data-theme=dark] .account-delete-icon{color:#ffb4ab;background:#ff453a1f;border-color:#ff696147}:root[data-theme=dark] .account-delete-modal input{background:#ffffff12}@media (width<=600px){.account-delete-backdrop{align-items:end;padding:0}.account-delete-modal{width:100%;padding:26px 20px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.account-delete-actions{grid-template-columns:1fr;display:grid}.account-delete-actions .button{width:100%}}.topbar>span{visibility:hidden}.account-menu-wrap{position:relative}.account-button>span{color:#654fc4;background:linear-gradient(145deg,#eee8ff,#ddd2ff);border-radius:50%;place-items:center;width:22px;height:22px;font-size:10px;font-weight:750;display:grid}.account-button.active{border-color:#007aff47;box-shadow:0 0 0 4px #007aff14}.account-popover{z-index:70;color:#1d1d1f;-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);transform-origin:100% 0;background:#fffffff0;border:1px solid #3c3c4329;border-radius:14px;width:232px;position:absolute;top:44px;right:0;overflow:hidden;box-shadow:0 18px 55px #323d4f33,inset 0 1px #fff}.account-popover header{border-bottom:1px solid #3c3c431f;align-items:center;gap:9px;min-height:54px;padding:10px 12px;display:flex}.account-popover header>span{color:#515154;background:#e9e9ec;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.account-popover header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.account-popover>button{color:#343438;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #3c3c431a;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;font-size:12px;display:flex}.account-popover>button:hover{color:#0071e3;background:#007aff12}.account-popover>button:last-child{border-bottom:0}.account-popover>button span{flex:1}.account-popover>button small{color:#86868b;text-transform:uppercase;font-size:10px}.account-popover .account-signout:hover{color:#d70015;background:#ff3b3012}.language-options{background:#7676800b;border-bottom:1px solid #3c3c431a;padding:6px;display:grid}.language-options button{color:#3a3a3c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:44px;padding:0 9px;font-size:11px;display:flex}.language-options button:hover,.language-options button.active{color:#0071e3;background:#007aff17}.language-options button span{flex:1}.language-options button small{color:#86868b;font-size:9px}.language-switcher{position:relative}.language-switcher-button{color:#1d1d1f;cursor:pointer;background:#ffffffb8;border:1px solid #3c3c4324;border-radius:14px;justify-content:center;align-items:center;gap:6px;min-width:50px;height:40px;padding:0 10px;font-size:10px;font-weight:750;display:flex;box-shadow:0 7px 20px #323d4f0f,inset 0 1px #fff}.language-switcher-menu{z-index:90;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#fffffff2;border:1px solid #3c3c4324;border-radius:15px;width:190px;padding:6px;position:absolute;top:47px;right:0;box-shadow:0 20px 55px #323d4f33}.language-switcher-menu button{color:#3a3a3c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;font-size:11px;display:flex}.language-switcher-menu button:hover,.language-switcher-menu button.active{color:#0071e3;background:#007aff17}.language-switcher-menu button span{flex:1}.language-switcher-menu button small{color:#86868b;font-size:9px}.auth-language-toggle{z-index:5;position:absolute;top:24px;right:88px}.external-auth{gap:12px;display:grid}.auth-divider{color:#86868b;align-items:center;gap:10px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#3c3c431f;flex:1;height:1px}.external-auth-buttons{gap:10px;display:grid}.external-auth-buttons.count-1{grid-template-columns:1fr}.external-auth-buttons.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.external-auth-buttons.count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.external-auth-button{color:#1d1d1f;cursor:pointer;text-align:left;background:linear-gradient(135deg,#ffffffe6,#f6f8fcb8);border:1px solid #3c3c4321;border-radius:17px;justify-content:flex-start;align-items:center;gap:11px;min-height:58px;padding:8px 13px;font-size:12px;font-weight:650;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 8px 22px #323d4f0f,inset 0 1px #fffffff5}.external-auth-button:hover{background:linear-gradient(135deg,#fffffffa,#e7f2ffd1);border-color:#007aff59;transform:translateY(-1px);box-shadow:0 11px 27px #0060d221}.external-auth-button:disabled{opacity:.45;cursor:not-allowed}.external-auth-icon{color:#1d1d1f;background:#76768017;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.external-auth-button.google .external-auth-icon{color:#4285f4;background:#4285f41c;font-family:Arial,sans-serif}.external-auth-button.github .external-auth-icon{color:#fff;background:#1d1d1f}.external-auth-button.passkey .external-auth-icon{color:#0071e3;background:#007aff1a}.google-g{font-size:18px;font-weight:800}.external-auth-copy{flex:1;gap:2px;min-width:0;display:grid}.external-auth-copy strong{font-size:12px;line-height:1.2}.external-auth-copy small{color:#86868b;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.external-auth-arrow{color:#8e8e93;flex:none}.external-auth-note{color:#86868b;justify-content:center;align-items:center;gap:6px;font-size:10px;display:flex}.external-auth-note svg{color:#34a853}.passkey-panel .panel-title{align-items:center}.profile-passkey-section{margin-top:16px}.telegram-link-panel{background:linear-gradient(135deg,#ffffffeb,#e1f0ffb8);border-color:#007aff33;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:16px;display:grid}.telegram-link-panel>div:first-child{align-items:center;gap:11px;display:flex}.telegram-link-panel>div:first-child>span{color:#fff;background:linear-gradient(145deg,#34aadc,#007aff);border-radius:13px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px #007aff33}.telegram-link-panel h2{margin:0;font-size:14px}.telegram-link-panel p{color:var(--muted);margin:4px 0 0;font-size:11px}.telegram-link-panel .notice{grid-column:1/-1;margin:0}.telegram-link-panel>.button{grid-area:1/2}:root[data-theme=dark] .telegram-link-panel{background:linear-gradient(135deg,#232b37f0,#0f2d49cc)}@media (width<=540px){.telegram-link-panel{grid-template-columns:1fr}.telegram-link-panel>.button{grid-area:auto/1;width:100%}.telegram-link-panel .notice{grid-column:1}}.zalo-link-panel{grid-template-columns:minmax(0,1fr) auto}.zalo-link-panel>div:first-child>span{background:linear-gradient(145deg,#13a2ff,#0068ff)}.zalo-link-panel>.notice{grid-column:1/-1}.zalo-link-command{background:var(--soft);border:1px solid #007aff33;border-radius:14px;grid-column:1/-1;gap:8px;padding:12px;display:grid}.zalo-link-command small{color:var(--muted);font-size:10px}.zalo-link-command code{overflow-wrap:anywhere;white-space:normal;-webkit-user-select:all;user-select:all}.zalo-link-command>div{flex-wrap:wrap;gap:8px;display:flex}.zalo-link-actions{grid-area:1/2}.zalo-link-actions .button{white-space:nowrap}@media (width<=540px){.zalo-link-panel{grid-template-columns:1fr}.zalo-link-actions{grid-area:auto/1}.zalo-link-actions .button{width:100%}}.passkey-panel .panel-title h2{margin:0}.passkey-panel .panel-title p{color:var(--muted);margin:5px 0 0;font-size:11px}.passkey-heading{align-items:center;gap:10px;display:flex}.passkey-heading-icon{color:#0071e3;background:linear-gradient(145deg,#007aff29,#5856d624);border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.passkey-support-warning{color:#9a6700;background:#ff950014;border:1px solid #ff950033;border-radius:12px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 12px;font-size:11px;line-height:1.45;display:flex}.passkey-list{margin-top:14px;display:grid}.passkey-list>div:not(.empty){border-top:1px solid var(--border);align-items:center;gap:10px;min-height:58px;padding:9px 0;display:flex}.passkey-list>div>span{color:#0071e3;background:#007aff1a;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.passkey-list>div>div{flex:1;gap:3px;min-width:0;display:grid}.passkey-list small{color:var(--muted);font-size:10px}:root[data-theme=dark] .account-popover{color:#f5f5f7;background:#1c1c1ef0;border-color:#ffffff24;box-shadow:0 20px 65px #00000073,inset 0 1px #ffffff14}:root[data-theme=dark] .account-popover header,:root[data-theme=dark] .account-popover>button{border-color:#ffffff1c}:root[data-theme=dark] .account-popover header>span{color:#f5f5f7;background:#48484a}:root[data-theme=dark] .account-popover>button{color:#e5e5ea}:root[data-theme=dark] .language-options{background:#ffffff09;border-color:#ffffff1a}:root[data-theme=dark] .language-options button{color:#e5e5ea}:root[data-theme=dark] .language-switcher-button,:root[data-theme=dark] .language-switcher-menu{color:#f5f5f7;background:#1c1c1ee6;border-color:#ffffff24;box-shadow:0 20px 55px #00000059,inset 0 1px #ffffff14}:root[data-theme=dark] .language-switcher-menu button{color:#e5e5ea}:root[data-theme=dark] .external-auth-button{color:#f5f5f7;background:#2c2c2eb8;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff12}:root[data-theme=dark] .external-auth-icon{color:#f5f5f7;background:#ffffff17}:root[data-theme=dark] .external-auth-button.github .external-auth-icon{color:#1d1d1f;background:#f5f5f7}:root[data-theme=dark] .external-auth-button{background:linear-gradient(135deg,#2c2c2ee0,#23262cc7)}:root[data-theme=dark] .external-auth-button:hover{background:linear-gradient(135deg,#343d4cf2,#1f3753e0)}:root[data-theme=dark] .external-auth-copy small{color:#a1a1a6}:root[data-theme=dark] .passkey-support-warning{color:#ffb340;background:#ff9f0a1f;border-color:#ff9f0a47}:root[data-theme=dark] .auth-divider:before,:root[data-theme=dark] .auth-divider:after{background:#ffffff1f}@media (width<=540px){.external-auth-buttons.count-1,.external-auth-buttons.count-2,.external-auth-buttons.count-3{grid-template-columns:1fr}.external-auth-button{min-height:44px}.account-popover{width:min(232px,100vw - 24px);position:fixed;top:62px;right:12px}.auth-language-toggle{top:18px;right:62px}.auth-language-toggle .language-switcher-button{width:38px;min-width:38px;padding:0}.auth-language-toggle .language-switcher-button span{display:none}}@media (width<=440px){.summary-grid,.traffic-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid article{align-content:start;display:grid}.summary-grid article>span{margin-bottom:2px}.summary-grid strong{overflow-wrap:anywhere}.invite-stat-grid{grid-template-columns:1fr 1fr}.invite-stat-grid article{align-content:start;display:grid}.package-facts{grid-template-columns:1fr}.package-facts>div{border-right:0;border-bottom:1px solid var(--border)!important}.package-facts>div:last-child{border-bottom:0!important}.apple-dashboard .package-facts{grid-template-columns:1fr 1fr}.apple-dashboard .package-facts>div{border-bottom:1px solid #0000000f!important}.apple-dashboard .package-head .row-actions{grid-template-columns:1fr;display:grid}.apple-dashboard .package-head .row-actions>*{justify-content:center;width:100%}.apple-dashboard .subscription-owner{border-radius:14px;justify-content:space-between;width:100%}.apple-dashboard .subscription-owner strong{max-width:calc(100% - 82px)}.apple-dashboard .dashboard-sync.embedded .sync-actions{grid-template-columns:1fr;display:grid}.apple-dashboard .dashboard-sync.embedded .sync-actions .button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f7;--surface:#ffffffd1;--soft:#76768014;--border:#3c3c4324;--text:#1d1d1f;--muted:#6e6e73;--primary:#007aff;--primary-soft:#007aff1a;--success:#248a3d;--success-soft:#34c7591f;--danger:#d70015;--danger-soft:#ff3b301a}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--surface:#1c1c1ed6;--soft:#76768029;--border:#ffffff24;--text:#f5f5f7;--muted:#a1a1a6;--primary:#0a84ff;--primary-soft:#0a84ff29;--success:#30d158;--success-soft:#30d15824;--danger:#ff453a;--danger-soft:#ff453a26}:root[data-theme=light] .sidebar{background:#ffffffd1}:root[data-theme=light] .topbar{background:#f8f8facc}:root[data-theme=light] th{background:#7676800f}.auth-page{isolation:isolate;background:radial-gradient(circle at 14% 12%,#64d2ff61,#0000 28%),radial-gradient(circle at 86% 18%,#0a84ff24,#0000 26%),radial-gradient(circle at 50% 100%,#5ac8fa38,#0000 34%),linear-gradient(145deg,#fbfdff 0%,#eef6ff 48%,#f8fbff 100%);min-height:100dvh;padding:30px clamp(22px,5vw,72px) 22px;overflow:hidden auto}.auth-page:before,.auth-page:after{content:"";z-index:-1;filter:blur(2px);pointer-events:none;border-radius:999px;position:absolute}.auth-page:before{background:#0a84ff1a;width:310px;height:310px;top:12%;left:-110px}.auth-page:after{background:#5ac8fa1f;width:380px;height:380px;bottom:-120px;right:-150px}.auth-brand-top{z-index:2;width:min(100%,430px);color:var(--text);justify-content:center;gap:10px;position:relative}.auth-brand-top>span,.auth-brand-top>img{color:#fff;background:linear-gradient(145deg,#0a84ff,#5ac8fa);border:1px solid #ffffffb3;border-radius:11px;width:34px;height:34px;box-shadow:0 8px 24px #007aff33,inset 0 1px #ffffff73}.auth-brand-top strong{letter-spacing:-.015em;font-size:15px}.auth-actions{z-index:6;align-items:center;gap:8px;display:flex;position:absolute;top:24px;right:clamp(22px,5vw,72px)}.auth-actions .auth-theme-toggle,.auth-actions .auth-language-toggle{position:static;inset:auto}.auth-layout{z-index:2;grid-template-columns:1fr;gap:0;width:min(100%,430px);max-width:430px;margin:clamp(28px,6vh,64px) auto;position:relative}.auth-copy{display:none}.auth-panel{width:100%}.auth-form{-webkit-backdrop-filter:blur(34px)saturate(170%);backdrop-filter:blur(34px)saturate(170%);background:linear-gradient(145deg,#ffffffc7,#ffffff8a);border:1px solid #ffffffb8;border-radius:32px;gap:16px;width:100%;min-height:340px;padding:38px 34px 32px;position:relative;box-shadow:0 30px 80px #323d4f24,inset 0 1px #ffffffe6}.auth-icon{color:#007aff;background:linear-gradient(145deg,#fffffff2,#e1efffb8);border:1px solid #fffc;border-radius:19px;width:58px;height:58px;box-shadow:0 12px 30px #007aff29,inset 0 1px #ffffffe6}.auth-form h2{letter-spacing:-.045em;margin:2px 0 -9px;font-size:31px;font-weight:750}.auth-form>p{margin:0 0 8px;font-size:13px}.auth-form label{color:var(--text);gap:8px;font-size:12px;font-weight:650}.auth-form input{min-height:52px;color:var(--text);background:#ffffff9e;border:1px solid #3c3c4321;border-radius:16px;padding:0 16px;box-shadow:inset 0 1px 2px #00000006}.auth-form input:focus{border-color:#007aff8c;box-shadow:0 0 0 4px #007aff1a}.auth-form .button.primary{background:linear-gradient(#0a84ff,#0071e3);border:0;border-radius:16px;min-height:52px;font-size:14px;box-shadow:0 12px 26px #007aff3d,inset 0 1px #ffffff40}.auth-form .button.secondary{background:#ffffff94;border-radius:15px;min-height:46px}.auth-links{margin-top:2px}.auth-links button{color:#007aff;font-size:12px;font-weight:550}.auth-footer{width:min(100%,430px);font-size:11px}.auth-theme-toggle{-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:#ffffff94;border-color:#ffffffb8;border-radius:14px;box-shadow:0 8px 24px #323d4f14,inset 0 1px #ffffffbf}:root[data-theme=dark] .auth-page{background:radial-gradient(circle at 14% 10%,#0a84ff4d,#0000 30%),radial-gradient(circle at 86% 18%,#bf5af230,#0000 27%),radial-gradient(circle at 50% 100%,#32ade624,#0000 35%),#050507}:root[data-theme=dark] .auth-form{background:linear-gradient(145deg,#2c2c2ec7,#1c1c1ead);border-color:#ffffff24;box-shadow:0 30px 90px #0006,inset 0 1px #ffffff1f}:root[data-theme=dark] .auth-icon{color:#64d2ff;background:linear-gradient(145deg,#2c2c2ef5,#0a84ff38);border-color:#ffffff26;box-shadow:0 12px 32px #0a84ff33,inset 0 1px #ffffff21}:root[data-theme=dark] .auth-form input,:root[data-theme=dark] .auth-form .button.secondary{background:#76768021;border-color:#ffffff1f}:root[data-theme=dark] .auth-theme-toggle{background:#2c2c2e9e;border-color:#ffffff24;box-shadow:0 8px 28px #0000003d,inset 0 1px #ffffff1a}@media (width<=760px){.auth-page{padding:20px 16px 18px}.auth-actions{gap:7px;top:18px;right:16px}.auth-actions .auth-theme-toggle,.auth-actions .language-switcher-button{width:38px;min-width:38px;height:38px;padding:0}.auth-actions .theme-toggle span,.auth-actions .language-switcher-button span{display:none}.auth-brand-top{justify-content:flex-start;padding-right:48px}.auth-layout{width:min(100%,390px);max-width:390px;margin:clamp(34px,7vh,70px) auto 28px}.auth-form{border-radius:28px;padding:32px 22px 26px}.auth-form h2{font-size:29px}.auth-icon{border-radius:18px;width:54px;height:54px}.auth-links{align-items:center}}@media (width<=380px){.auth-form{padding:28px 18px 24px}.auth-links{flex-direction:column;gap:4px}}.apple-dashboard{isolation:isolate;position:relative}.apple-dashboard:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#5ac8fa29,#0000 67%);border-radius:50%;width:360px;height:360px;position:absolute;top:-90px;right:-80px}.apple-dashboard .page-head{min-height:88px;margin-bottom:18px;padding-inline:6px}.apple-dashboard .page-head h1{letter-spacing:-.055em;font-size:40px;font-weight:760}.apple-dashboard .page-head .icon-button{-webkit-backdrop-filter:blur(20px)saturate(160%);backdrop-filter:blur(20px)saturate(160%);background:#ffffff8f;border-color:#ffffffb3;box-shadow:0 10px 28px #323d4f14,inset 0 1px #ffffffc7}.apple-dashboard .dashboard-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:18px}.apple-dashboard .compact-package{-webkit-backdrop-filter:blur(34px)saturate(170%);backdrop-filter:blur(34px)saturate(170%);background:radial-gradient(circle at 94% 0,#64d2ff33,#0000 30%),radial-gradient(circle at 3% 110%,#af52de17,#0000 31%),linear-gradient(145deg,#ffffffc7,#ffffff85);border:1px solid #ffffffad;border-radius:30px;box-shadow:0 30px 80px #323d4f1c,inset 0 1px #ffffffe6;padding:30px!important}.apple-dashboard .compact-package:after{border-color:#ffffff9e;box-shadow:inset 0 1px #ffffff85}.apple-dashboard .package-head h2{font-size:27px}.apple-dashboard .subscription-owner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff80;border-color:#ffffffb8;box-shadow:0 8px 24px #323d4f0f,inset 0 1px #ffffffb3}.apple-dashboard .package-facts{gap:12px;margin:28px 0 20px}.apple-dashboard .package-facts>div{-webkit-backdrop-filter:blur(18px)saturate(145%);backdrop-filter:blur(18px)saturate(145%);background:#ffffff8a;border-color:#ffffffb3;border-radius:18px;min-height:86px;padding:16px;box-shadow:0 9px 26px #323d4f0b,inset 0 1px #ffffffb8}.apple-dashboard .package-facts .balance-fact{background:linear-gradient(145deg,#e6f4ffd1,#ffffff94);border-color:#007aff29}.apple-dashboard .package-facts .balance-fact strong{color:#007aff;font-size:18px}.apple-dashboard .package-facts .traffic-fact{isolation:isolate;position:relative;overflow:hidden}.apple-dashboard .package-facts .traffic-fact:before{content:"";z-index:-1;width:clamp(0%,var(--usage-percent),100%);background:linear-gradient(90deg,#0a84ff2e,#5ac8fa1f);border-right:1px solid #007aff2e;position:absolute;inset:0 auto 0 0}.apple-dashboard .package-facts .traffic-fact>span{color:#007aff;font-size:11px;font-weight:750;position:absolute;top:12px;right:13px}.apple-dashboard .compact-package.without-plan{overflow:hidden}.apple-dashboard .dashboard-empty-package{isolation:isolate;background:linear-gradient(135deg,#ffffffad,#e8f4ff94);border-color:#ffffffb3;border-radius:24px;min-height:230px;margin-top:28px;padding:34px;position:relative;box-shadow:0 18px 46px #323d4f12,inset 0 1px #ffffffd1}.apple-dashboard .dashboard-empty-package:before{content:"";z-index:-1;background:radial-gradient(circle,#0a84ff33,#0000 68%);border-radius:50%;width:220px;height:220px;position:absolute;top:-90px;right:-55px}.apple-dashboard .dashboard-empty-package:hover{border-color:#0a84ff6b;box-shadow:0 24px 58px #0a5dae24,inset 0 1px #ffffffe6}.apple-dashboard .dashboard-empty-package-icon{color:#007aff;background:linear-gradient(145deg,#0a84ff29,#5ac8fa1a);border-radius:22px;width:72px;height:72px;box-shadow:inset 0 1px #fffc}.apple-dashboard .dashboard-empty-package-copy strong{letter-spacing:-.04em;font-size:24px}.apple-dashboard .dashboard-empty-package-copy small{font-size:13px}.apple-dashboard .dashboard-empty-package-action{background:linear-gradient(135deg,#007aff,#0a84ff);border-radius:14px;min-height:48px;padding:0 18px;box-shadow:0 10px 24px #007aff40}.apple-dashboard .package-usage{padding:3px 4px 0}.apple-dashboard .package-usage progress{height:10px}.apple-dashboard .dashboard-sync.embedded{-webkit-backdrop-filter:blur(20px)saturate(150%);backdrop-filter:blur(20px)saturate(150%);background:#eef7ff94;border-color:#ffffffad;border-radius:21px;margin-top:24px;box-shadow:inset 0 1px #ffffffb3}.apple-dashboard .recent-panel{-webkit-backdrop-filter:blur(28px)saturate(160%);backdrop-filter:blur(28px)saturate(160%);background:linear-gradient(145deg,#ffffffbd,#ffffff80);border:1px solid #ffffffad;border-radius:26px;box-shadow:0 20px 60px #323d4f14,inset 0 1px #ffffffd1}.apple-dashboard .recent-panel .panel-title{border-color:#3c3c431a}:root[data-theme=dark] .apple-dashboard:before{background:radial-gradient(circle,#0a84ff33,#0000 68%)}:root[data-theme=dark] .apple-dashboard .page-head .icon-button,:root[data-theme=dark] .apple-dashboard .subscription-owner{background:#2c2c2e99;border-color:#ffffff21;box-shadow:0 12px 30px #00000038,inset 0 1px #ffffff1a}:root[data-theme=dark] .apple-dashboard .compact-package{background:radial-gradient(circle at 94% 0,#0a84ff3d,#0000 31%),radial-gradient(circle at 3% 110%,#bf5af21f,#0000 32%),linear-gradient(145deg,#2c2c2ecc,#1c1c1eb3);border-color:#ffffff24;box-shadow:0 30px 90px #00000057,inset 0 1px #ffffff1f}:root[data-theme=dark] .apple-dashboard .package-facts>div{background:#7676801f;box-shadow:inset 0 1px #ffffff12;border-color:#ffffff1c!important}:root[data-theme=dark] .apple-dashboard .package-facts .balance-fact{background:linear-gradient(145deg,#0a84ff2e,#7676801a);border-color:#0a84ff3d!important}:root[data-theme=dark] .apple-dashboard .package-facts .balance-fact strong{color:#64d2ff}:root[data-theme=dark] .apple-dashboard .package-facts .traffic-fact:before{background:linear-gradient(90deg,#0a84ff4d,#5ac8fa33)}:root[data-theme=dark] .apple-dashboard .package-facts .traffic-fact>span{color:#64d2ff}:root[data-theme=dark] .apple-dashboard .dashboard-empty-package{background:linear-gradient(135deg,#3a3a3cb3,#0a84ff1c);border-color:#ffffff21;box-shadow:0 20px 56px #0003,inset 0 1px #ffffff17}:root[data-theme=dark] .apple-dashboard .dashboard-empty-package:hover{border-color:#64d2ff66;box-shadow:0 24px 64px #0000004d,inset 0 1px #ffffff1f}:root[data-theme=dark] .apple-dashboard .dashboard-empty-package-icon{color:#64d2ff;background:linear-gradient(145deg,#0a84ff40,#5ac8fa1a);box-shadow:inset 0 1px #ffffff1a}:root[data-theme=dark] .apple-dashboard .dashboard-sync.embedded{background:#0a84ff1a;border-color:#ffffff1c}:root[data-theme=dark] .apple-dashboard .recent-panel{background:linear-gradient(145deg,#2c2c2ebd,#1c1c1e9e);border-color:#ffffff1f;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff17}@media (width<=760px){.apple-dashboard .page-head{min-height:76px}.apple-dashboard .page-head h1{font-size:34px}.apple-dashboard .compact-package{border-radius:26px;padding:22px 18px!important}.apple-dashboard .package-head h2{font-size:24px}.apple-dashboard .package-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:22px 0 17px}.apple-dashboard .package-facts>div{border-radius:16px;min-height:78px;padding:13px}.apple-dashboard .dashboard-empty-package{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:0;padding:28px 20px}.apple-dashboard .dashboard-empty-package-copy small{max-width:420px}.apple-dashboard .dashboard-empty-package-action{grid-column:auto;width:100%}.apple-dashboard .recent-panel{border-radius:22px}.apple-dashboard .compact-package:after{display:none}.apple-dashboard .package-head>div:first-child{width:100%;min-width:0}.apple-dashboard .subscription-owner{z-index:2;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;display:grid;position:relative}.apple-dashboard .subscription-owner strong{overflow-wrap:anywhere;white-space:normal;text-overflow:clip;max-width:none;line-height:1.35;overflow:visible}}@media (width<=390px){.apple-dashboard .package-facts{grid-template-columns:1fr}.apple-dashboard .package-facts>div{min-height:70px}.apple-dashboard .subscription-owner{gap:6px;padding-left:9px}.apple-dashboard .subscription-owner strong{font-size:11px}.apple-dashboard .subscription-owner span{padding-inline:7px}}:root[data-theme=dark] .sidebar{background:#141416f0;border-color:#ffffff1f}:root[data-theme=dark] .topbar{background:#141416db;border-color:#ffffff1f}:root[data-theme=dark] .brand,:root[data-theme=dark] .nav-group,:root[data-theme=dark] .logout{border-color:#ffffff1f}:root[data-theme=dark] .nav-group>small{color:#8e8e93}:root[data-theme=dark] .sidebar nav button,:root[data-theme=dark] .logout{color:#d1d1d6}:root[data-theme=dark] .sidebar nav button svg,:root[data-theme=dark] .logout svg{color:#a1a1a6}:root[data-theme=dark] .sidebar nav button:hover,:root[data-theme=dark] .logout:hover{color:#fff;background:#ffffff14}:root[data-theme=dark] .sidebar nav button.active{color:#64d2ff;background:#0a84ff33}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] .apple-dashboard .dashboard-sync.embedded select{color:#f5f5f7;background:#2c2c2e;border-color:#ffffff24}:root[data-theme=dark] select option{color:#f5f5f7;background:#1c1c1e}:root[data-theme=dark] input::placeholder,:root[data-theme=dark] textarea::placeholder{color:#8e8e93;opacity:1}:root[data-theme=dark] .button.secondary,:root[data-theme=dark] .account-button,:root[data-theme=dark] .icon-button,:root[data-theme=dark] .menu-button,:root[data-theme=dark] .mobile-close{color:#f5f5f7;background:#2c2c2ee6;border-color:#ffffff24}:root[data-theme=dark] .button.secondary:hover{color:#64d2ff;background:#0a84ff2e}:root[data-theme=dark] .data-table,:root[data-theme=dark] .modal{color:#f5f5f7;background:#1c1c1e}:root[data-theme=dark] th{color:#a1a1a6;background:#ffffff0f}:root[data-theme=dark] tbody tr:hover{background:#0a84ff1a}.apple-dashboard .package-usage{display:none!important}.route-plan .plan-grid{align-items:stretch;gap:20px}.route-plan .plan-card{-webkit-backdrop-filter:blur(30px)saturate(165%);backdrop-filter:blur(30px)saturate(165%);background:radial-gradient(circle at 100% 0,#64d2ff38,#0000 30%),radial-gradient(circle at 0 100%,#af52de14,#0000 32%),linear-gradient(145deg,#fffc,#ffffff8c);border:1px solid #ffffffb8;border-radius:30px;min-height:570px;padding:26px;box-shadow:0 24px 70px #323d4f1a,inset 0 1px #ffffffe6}.route-plan .plan-card:before{border-color:#ffffffa6;width:210px;height:210px;top:-92px;right:-88px}.route-plan .plan-card-head{min-height:42px;padding:0 60px}.route-plan .plan-card-head h2{letter-spacing:-.045em;font-size:24px;font-weight:760}.route-plan .plan-stock{border:1px solid #34c75926;min-height:28px;padding:6px 11px}.route-plan .plan-price{background:#ffffff6b;border-radius:20px;margin:24px -6px 18px;padding:20px 12px 18px;box-shadow:inset 0 1px #ffffffad}.route-plan .plan-price strong{color:var(--text);font-size:44px;font-weight:780}.route-plan .plan-price span{color:var(--muted);font-size:12px}.route-plan .plan-period-chips{align-content:flex-start;gap:8px;min-height:112px;margin-bottom:18px}.route-plan .plan-period-chips button{min-height:38px;color:var(--muted);background:#ffffff7a;border-color:#3c3c4324;padding:7px 11px;box-shadow:inset 0 1px #ffffff94}.route-plan .plan-period-chips button.available strong{color:#007aff}.route-plan .plan-benefits{color:var(--text);background:#76768012;border:1px solid #3c3c431a;border-radius:18px;margin-bottom:20px;padding:8px 16px;box-shadow:inset 0 1px #ffffff80}.route-plan .plan-benefits>div{border-color:#3c3c431a;min-height:51px}.route-plan .plan-benefits span{color:var(--muted);font-size:12px}.route-plan .plan-benefits strong{color:var(--text);font-size:12px;font-weight:700}.route-plan .plan-buy{background:linear-gradient(#0a84ff,#0071e3);border-radius:16px;min-height:50px;box-shadow:0 12px 28px #007aff3d,inset 0 1px #ffffff3d}:root[data-theme=dark] .route-plan .plan-card{background:radial-gradient(circle at 100% 0,#0a84ff3d,#0000 31%),radial-gradient(circle at 0 100%,#bf5af21a,#0000 33%),linear-gradient(145deg,#2c2c2ed1,#1c1c1eb8);border-color:#ffffff24;box-shadow:0 28px 80px #00000052,inset 0 1px #ffffff1c}:root[data-theme=dark] .route-plan .plan-card:before{border-color:#ffffff1f}:root[data-theme=dark] .route-plan .plan-price{background:#7676801a;box-shadow:inset 0 1px #ffffff12}:root[data-theme=dark] .route-plan .plan-period-chips button{color:#c7c7cc;background:#2c2c2eb8;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff12}:root[data-theme=dark] .route-plan .plan-period-chips button.available strong{color:#64d2ff}:root[data-theme=dark] .route-plan .plan-period-chips button.available.selected{color:#fff;background:linear-gradient(#0a84ff,#06c);border-color:#0a84ff}:root[data-theme=dark] .route-plan .plan-period-chips button.available.selected strong{color:#fff}:root[data-theme=dark] .route-plan .plan-benefits{color:#f5f5f7;background:#7676801f;border-color:#ffffff1f;box-shadow:inset 0 1px #ffffff0f}:root[data-theme=dark] .route-plan .plan-benefits>div{border-color:#ffffff1a}:root[data-theme=dark] .route-plan .plan-benefits span{color:#a1a1a6}:root[data-theme=dark] .route-plan .plan-benefits strong{color:#f5f5f7}@media (width<=760px){.route-plan .plan-grid{grid-template-columns:1fr}.route-plan .plan-card{border-radius:26px;min-height:auto;padding:22px 18px}.route-plan .plan-card-head{padding:0 56px}.route-plan .plan-price strong{font-size:40px}.route-plan .plan-period-chips{min-height:0}}:root[data-theme=light] body{color:#1d1d1f;background:radial-gradient(circle at 88% 4%,#64d2ff1c,#0000 25%),linear-gradient(#f8f9fb 0,#f5f5f7 38%,#f2f3f6 100%)}:root[data-theme=light] .app-shell>main{background:0 0}:root[data-theme=light] .sidebar{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);background:#ffffffc7;border-color:#3c3c431f;box-shadow:8px 0 28px #323d4f09}:root[data-theme=light] .topbar{-webkit-backdrop-filter:blur(26px)saturate(170%);backdrop-filter:blur(26px)saturate(170%);background:#f8f8fac2;border-color:#3c3c431f;box-shadow:0 1px #fffc}:root[data-theme=light] .brand,:root[data-theme=light] .nav-group,:root[data-theme=light] .logout{border-color:#3c3c431c}:root[data-theme=light] .brand small,:root[data-theme=light] .nav-group>small{color:#86868b}:root[data-theme=light] .sidebar nav button,:root[data-theme=light] .logout{color:#515154}:root[data-theme=light] .sidebar nav button svg,:root[data-theme=light] .logout svg{color:#6e6e73}:root[data-theme=light] .sidebar nav button:hover,:root[data-theme=light] .logout:hover{color:#1d1d1f;background:#76768014}:root[data-theme=light] .sidebar nav button.active{color:#0071e3;background:#007aff1c;box-shadow:inset 0 0 0 1px #007aff09}:root[data-theme=light] .content{width:100%}:root[data-theme=light] .page-head h1{color:#1d1d1f;font-weight:760}:root[data-theme=light] .page-head p{color:#6e6e73}:root[data-theme=light] input,:root[data-theme=light] select,:root[data-theme=light] textarea,:root[data-theme=light] .apple-dashboard .dashboard-sync.embedded select{color:#1d1d1f;background:#ffffffe0;border-color:#3c3c4329;box-shadow:inset 0 1px 2px #00000006}:root[data-theme=light] select option{color:#1d1d1f;background:#fff}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#98989d;opacity:1}:root[data-theme=light] input:focus,:root[data-theme=light] select:focus,:root[data-theme=light] textarea:focus{border-color:#007aff8c;box-shadow:0 0 0 4px #007aff1a}:root[data-theme=light] label{color:#3a3a3c}:root[data-theme=light] .button.primary{background:linear-gradient(#0a84ff,#0071e3);border-color:#0071e3;box-shadow:0 9px 22px #007aff2e,inset 0 1px #ffffff3d}:root[data-theme=light] .button.secondary,:root[data-theme=light] .account-button,:root[data-theme=light] .icon-button,:root[data-theme=light] .menu-button,:root[data-theme=light] .mobile-close,:root[data-theme=light] .theme-toggle{color:#1d1d1f;background:#fffc;border-color:#3c3c4324;box-shadow:0 6px 18px #323d4f0d,inset 0 1px #ffffffe6}:root[data-theme=light] .button.secondary:hover,:root[data-theme=light] .icon-button:hover{color:#0071e3;background:#007aff14;border-color:#007aff47}:root[data-theme=light] .data-table{background:#ffffffdb;border-color:#3c3c431f;box-shadow:0 18px 48px #323d4f0f}:root[data-theme=light] th{color:#6e6e73;background:#7676800e}:root[data-theme=light] td{border-color:#3c3c431a}:root[data-theme=light] tbody tr:hover{background:#007aff0e}:root[data-theme=light] .modal{color:#1d1d1f;-webkit-backdrop-filter:blur(32px)saturate(165%);backdrop-filter:blur(32px)saturate(165%);background:#ffffffe6;border-color:#ffffffc7;box-shadow:0 30px 90px #323d4f2e,inset 0 1px #fff}:root[data-theme=light] .modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1f1f2457}:root[data-theme=light] .status{color:#636366;background:#7676801a}:root[data-theme=light] .status.ok,:root[data-theme=light] .status-3{color:#198038;background:#34c75921}:root[data-theme=light] .filter-bar button,:root[data-theme=light] .amount-options button{color:#515154;background:#ffffffb8;border-color:#3c3c4321}:root[data-theme=light] .filter-bar button.active,:root[data-theme=light] .amount-options button.selected{color:#0071e3;background:#007aff1a;border-color:#007aff3d}:root[data-theme=light] .empty{color:#86868b}@media (width<=760px){:root[data-theme=light] .topbar{background:#f8f8fadb}:root[data-theme=light] .sidebar{background:#fffffff0}:root[data-theme=light] .content{padding-bottom:38px}.apple-dashboard:before{width:280px;height:280px;right:0}.apple-dashboard .dashboard-sync.embedded select{width:100%;max-width:100%}}:root[data-theme=light] body{background:radial-gradient(circle at 10% 0,#0a84ff21,#0000 28%),radial-gradient(circle at 92% 8%,#5ac8fa21,#0000 27%),linear-gradient(#fbfdff 0,#f1f7ff 46%,#f8fafc 100%)}:root[data-theme=light] .panel:not(.compact-package):not(.plan-card):not(.recent-panel){-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(145deg,#fffffffa,#f3f9fff0);border-color:#0a84ff1f;box-shadow:0 14px 38px #1a4d8c11,inset 0 1px #fffffff2}:root[data-theme=light] .data-table{background:#fffffff5;border-color:#0a84ff1f}@media (width<=760px){.page-head:not(.dashboard-head){min-height:auto;padding:18px 0}.page-head:not(.dashboard-head) h1{font-size:28px;line-height:1.08}:is(.button,button,input,select){min-height:44px}.auth-page{padding-bottom:max(24px,env(safe-area-inset-bottom))}}.landing-page{--landing-ink:#0b1d35;--landing-muted:#607188;--landing-blue:#087df5;--landing-blue-deep:#045fc7;--landing-cyan:#55c9f6;--landing-line:#164d891f;--landing-card:#ffffffc7;--landing-card-solid:#fff;--landing-soft:#eef7ff;--landing-shadow:0 22px 70px #215b971a;isolation:isolate;min-height:100dvh;color:var(--landing-ink);background:radial-gradient(circle at 8% 4%,#5ac8fa33,#0000 25%),radial-gradient(circle at 93% 10%,#0a84ff1f,#0000 24%),linear-gradient(#fbfdff 0,#f4f9ff 46%,#fff 100%);position:relative;overflow:clip}.landing-page *,.landing-page :before,.landing-page :after{box-sizing:border-box}.landing-page button{font-family:inherit}.landing-header{z-index:40;-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);background:#fafdffb3;border-bottom:1px solid #ffffffb8;padding:14px 24px;position:sticky;top:0;box-shadow:0 1px #184a7e0a}.landing-nav{align-items:center;gap:28px;width:min(100%,1240px);min-height:46px;margin:0 auto;display:flex;position:relative}.landing-brand,.landing-nav-links button,.landing-signin,.landing-menu-trigger,.landing-footer-links button{color:inherit;cursor:pointer;background:0 0;border:0}.landing-brand{color:var(--landing-ink);text-align:left;align-items:center;gap:10px;padding:0;display:flex}.landing-brand>span,.landing-brand>img,.landing-footer-brand>span,.landing-footer-brand>img{object-fit:contain;color:#fff;background:linear-gradient(145deg,#0a84ff,#55c8fa);border:1px solid #ffffffd1;border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 7px 20px #007aff38,inset 0 1px #ffffff80}.landing-brand strong{letter-spacing:-.025em;font-size:16px;font-weight:760}.landing-nav-links{align-items:center;gap:5px;margin-left:28px;display:flex}.landing-nav-links button,.landing-signin{color:#53657c;border-radius:10px;min-height:38px;padding:0 12px;font-size:12px;font-weight:620}.landing-nav-links button:hover,.landing-signin:hover{color:var(--landing-blue);background:#007aff12}.landing-nav-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.landing-nav-actions .theme-toggle{min-width:38px;height:38px;color:var(--landing-ink);background:#ffffffa8;border-color:#0d4c891f;border-radius:12px;padding:0 9px;box-shadow:0 6px 18px #1f4c800f,inset 0 1px #fff}.landing-nav-actions .theme-toggle span{display:none}.landing-nav-actions .language-switcher-button{min-width:43px;height:38px;color:var(--landing-ink);background:#ffffffa8;border-radius:12px}.landing-signin{white-space:nowrap}.landing-primary,.landing-secondary{cursor:pointer;border:1px solid #0000;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 20px;font-size:13px;font-weight:720;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.landing-primary{color:#fff;background:linear-gradient(#0a84ff,#006fdf);box-shadow:0 12px 28px #007aff40,inset 0 1px #ffffff47}.landing-primary:hover{transform:translateY(-2px);box-shadow:0 17px 34px #007aff4d,inset 0 1px #ffffff47}.landing-primary.compact{border-radius:12px;min-height:38px;padding:0 15px;font-size:11px}.landing-primary.wide,.landing-secondary.wide{width:100%}.landing-secondary{color:var(--landing-blue-deep);background:#ffffffa8;border-color:#0071e333;box-shadow:0 7px 20px #1f4c800f,inset 0 1px #ffffffe0}.landing-secondary:hover{background:#fff;border-color:#0071e361;transform:translateY(-2px);box-shadow:0 12px 26px #1f4c801a,inset 0 1px #fff}.landing-menu-trigger{width:40px;height:40px;color:var(--landing-ink);background:#ffffffb3;border:1px solid #0d4c891f;border-radius:12px;place-items:center;padding:0;display:none}.landing-mobile-menu{display:none}.landing-hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:36px;width:min(100%,1240px);min-height:650px;margin:0 auto;padding:76px 24px 86px;display:grid;position:relative}.landing-hero-copy{z-index:2;max-width:570px;position:relative}.landing-eyebrow,.landing-final-cta>span{color:var(--landing-blue-deep);letter-spacing:.04em;text-transform:uppercase;background:#ffffff9e;border:1px solid #007aff24;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;font-weight:760;display:inline-flex;box-shadow:inset 0 1px #fffffff2}.landing-eyebrow svg,.landing-final-cta>span svg{color:var(--landing-blue)}.landing-hero h1{color:var(--landing-ink);letter-spacing:-.065em;margin:21px 0 20px;font-size:clamp(42px,5.1vw,72px);font-weight:780;line-height:1.02}.landing-hero h1 em{color:var(--landing-blue);font-style:normal}.landing-hero-copy>p{max-width:510px;color:var(--landing-muted);letter-spacing:-.012em;margin:0;font-size:16px;line-height:1.65}.landing-hero-actions{flex-wrap:wrap;gap:11px;margin-top:30px;display:flex}.landing-hero-proof{color:#65778d;flex-wrap:wrap;gap:16px;margin-top:27px;font-size:11px;font-weight:630;display:flex}.landing-hero-proof span{align-items:center;gap:6px;display:inline-flex}.landing-hero-proof svg{color:#16a05d}.landing-trust{grid-template-columns:repeat(4,1fr);gap:12px;width:min(100%,1240px);margin:0 auto;padding:0 24px 30px;display:grid}.landing-trust>div{border:1px solid var(--landing-line);background:#ffffff94;border-radius:16px;align-items:center;gap:11px;min-width:0;padding:16px 15px;display:flex;box-shadow:0 10px 28px #285b8d0a,inset 0 1px #ffffffe6}.landing-trust>div>span{width:35px;height:35px;color:var(--landing-blue);background:#e8f4ff;border-radius:11px;flex:none;place-items:center;display:grid}.landing-trust strong,.landing-trust small{display:block}.landing-trust strong{color:#173250;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.landing-trust small{color:#8292a6;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.landing-section{width:min(100%,1240px);margin:0 auto;padding:112px 24px 0;scroll-margin-top:80px}.landing-section-heading{max-width:670px;margin-bottom:38px}.landing-section-heading.compact{max-width:710px}.landing-kicker{color:var(--landing-blue);letter-spacing:.13em;font-size:10px;font-weight:800}.landing-section-heading h2{color:var(--landing-ink);letter-spacing:-.06em;margin:13px 0 14px;font-size:clamp(32px,4vw,52px);font-weight:770;line-height:1.05}.landing-section-heading p{max-width:610px;color:var(--landing-muted);margin:0;font-size:14px;line-height:1.65}.landing-feature-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.landing-feature-card{border:1px solid var(--landing-line);background:var(--landing-card);min-height:425px;box-shadow:var(--landing-shadow),inset 0 1px #fffffff2;border-radius:25px;flex-direction:column;padding:25px;display:flex;position:relative;overflow:hidden}.landing-feature-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#0a84ff26,#0000 68%);border-radius:50%;width:230px;height:230px;position:absolute;bottom:-100px;right:-95px}.landing-feature-icon{width:49px;height:49px;color:var(--landing-blue);background:linear-gradient(145deg,#fff,#e5f3ff);border:1px solid #ffffffd9;border-radius:16px;place-items:center;margin-bottom:26px;display:grid;box-shadow:0 10px 22px #007aff1f,inset 0 1px #fff}.landing-feature-card small{color:#7f91a5;letter-spacing:.12em;font-size:9px;font-weight:800}.landing-feature-card h3{max-width:280px;color:var(--landing-ink);letter-spacing:-.045em;margin:9px 0 11px;font-size:23px;line-height:1.12}.landing-feature-card p{max-width:300px;color:var(--landing-muted);margin:0;font-size:12px;line-height:1.6}.feature-security{background:linear-gradient(145deg,#f4fafff5,#e0f1ffb8)}.feature-speed{background:linear-gradient(145deg,#fffffff5,#eff8ffb8)}.feature-sync{background:linear-gradient(145deg,#f9fdfff5,#e4f7ffb8)}.landing-security-visual{background:#ffffffa6;border:1px solid #0a84ff1f;border-radius:18px;width:155px;height:104px;padding:16px;position:absolute;bottom:25px;right:25px;box-shadow:0 12px 27px #225a8f17}.landing-security-visual>span{color:#0a84ff;background:#e5f3ff;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.landing-security-visual i{background:#d8e8f6;border-radius:99px;width:86px;height:5px;margin-top:9px;display:block}.landing-security-visual i:nth-child(3){width:61px}.landing-security-visual i:nth-child(4){background:#9ed8ff;width:73px}.landing-speed-visual{background:#ffffffad;border:1px solid #0a84ff1f;border-radius:18px;width:150px;height:133px;padding:17px;position:absolute;bottom:25px;right:25px;box-shadow:0 12px 27px #225a8f17}.landing-speed-visual span{color:#159255;font-size:9px;font-weight:760;display:block}.landing-speed-visual strong{color:#0b5fc1;letter-spacing:-.07em;margin-top:4px;font-size:42px;line-height:1;display:block}.landing-speed-visual small{color:#8292a6;font-size:8px}.landing-speed-visual i{border-top:2px solid #0a84ff;border-radius:50%;width:47px;height:26px;position:absolute;bottom:18px;right:18px;transform:rotate(-18deg)}.landing-speed-visual i:after{content:"";border-top:2px solid #0a84ff;border-right:2px solid #0a84ff;width:8px;height:8px;position:absolute;top:-7px;right:0;transform:rotate(35deg)}.landing-device-visual{width:180px;height:128px;position:absolute;bottom:22px;right:22px}.landing-device-visual>span{background:#ffffffc7;border:2px solid #b9d9f5;border-radius:8px;display:block;position:absolute;box-shadow:0 9px 20px #225a8f1a}.landing-device-visual i{background:linear-gradient(145deg,#e9f6ff,#b8e4ff);border-radius:4px;display:block;position:absolute;inset:7px}.landing-device-visual .phone{z-index:3;border-color:#76baf1;border-radius:8px;width:39px;height:75px;bottom:10px;right:7px}.landing-device-visual .tablet{z-index:2;width:91px;height:67px;bottom:20px;right:39px}.landing-device-visual .desktop{z-index:1;width:119px;height:76px;bottom:22px;left:4px}.landing-device-visual .desktop:after{content:"";background:#b9d9f5;border-radius:0 0 5px 5px;width:28px;height:8px;position:absolute;bottom:-12px;left:46px}.landing-step-grid{border-top:1px solid var(--landing-line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.landing-step-grid article{border-right:1px solid var(--landing-line);min-height:230px;padding:26px 30px 20px 0;position:relative}.landing-step-grid article:not(:first-child){padding-left:30px}.landing-step-grid article:last-child{border-right:0}.landing-step-grid article>span{color:#96a9bc;letter-spacing:.11em;font-size:10px;font-weight:800}.landing-step-grid article>i{width:44px;height:44px;color:var(--landing-blue);background:#eaf5ff;border:1px solid #007aff24;border-radius:14px;place-items:center;margin:23px 0 17px;font-style:normal;display:grid}.landing-step-grid h3{color:var(--landing-ink);letter-spacing:-.03em;margin:0 0 8px;font-size:17px}.landing-step-grid p{max-width:250px;color:var(--landing-muted);margin:0;font-size:11px;line-height:1.6}.landing-plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:15px;display:grid}.landing-plan-grid.count-1{grid-template-columns:minmax(0,390px)}.landing-plan-grid.count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-plan-card{border:1px solid var(--landing-line);background:#ffffffc2;border-radius:24px;flex-direction:column;min-height:380px;padding:25px;display:flex;position:relative;box-shadow:0 17px 50px #215b9714,inset 0 1px #fffffff2}.landing-plan-card.featured{background:linear-gradient(145deg,#ebf7fffa,#ffffffd1);border-color:#007aff47;transform:translateY(-10px);box-shadow:0 24px 65px #007aff29,inset 0 1px #fff}.landing-plan-popular{color:#fff;background:#0a84ff;border-radius:999px;align-items:center;gap:5px;padding:6px 10px;font-size:9px;font-weight:760;display:inline-flex;position:absolute;top:-12px;left:22px;box-shadow:0 8px 18px #007aff33}.landing-plan-head{align-items:center;gap:11px;display:flex}.landing-plan-head>span{width:40px;height:40px;color:var(--landing-blue);background:#e8f4ff;border-radius:13px;place-items:center;display:grid}.landing-plan-head small{color:#8798ab;letter-spacing:.11em;font-size:8px;font-weight:800;display:block}.landing-plan-head h3{color:var(--landing-ink);letter-spacing:-.035em;margin:4px 0 0;font-size:18px}.landing-plan-price{flex-wrap:wrap;align-items:baseline;gap:5px;margin:29px 0 22px;display:flex}.landing-plan-price strong{color:var(--landing-ink);letter-spacing:-.055em;font-size:34px;line-height:1}.landing-plan-price span{color:#8191a4;font-size:10px}.landing-plan-benefits{border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line);gap:11px;padding:17px 0;display:grid}.landing-plan-benefits span{color:#63758a;align-items:center;gap:8px;font-size:11px;display:flex}.landing-plan-benefits svg{color:#20a05a;flex:none}.landing-plan-card .landing-secondary,.landing-plan-card .landing-primary{border-radius:13px;min-height:45px;margin-top:auto;font-size:11px}.landing-plan-empty{background:#ffffff85;border:1px dashed #007aff40;border-radius:20px;align-items:center;gap:16px;padding:24px;display:flex}.landing-plan-empty>span{width:48px;height:48px;color:var(--landing-blue);background:#e8f4ff;border-radius:15px;flex:none;place-items:center;display:grid}.landing-plan-empty h3{color:var(--landing-ink);margin:0;font-size:15px}.landing-plan-empty p{color:var(--landing-muted);margin:5px 0 0;font-size:11px;line-height:1.5}.landing-plan-empty .landing-primary{white-space:nowrap;margin-left:auto}.landing-plan-skeleton{border:1px solid var(--landing-line);background:#ffffff8c;border-radius:24px;min-height:380px;padding:25px}.landing-plan-skeleton i{background:linear-gradient(90deg,#edf3f8,#fff,#edf3f8) 0 0/200% 100%;border-radius:8px;height:15px;margin-bottom:17px;animation:1.5s ease-in-out infinite landing-shimmer;display:block}.landing-plan-skeleton i:first-child{width:42%;height:38px;margin-bottom:30px}.landing-plan-skeleton i:nth-child(2){width:68%;height:42px}.landing-plan-skeleton i:nth-child(3){width:100%;height:1px;margin-top:28px}.landing-plan-skeleton i:nth-child(4){width:100%;height:45px;margin-top:75px}@keyframes landing-shimmer{50%{background-position:-200% 0}}.landing-final-cta{color:#fff;text-align:center;background:linear-gradient(145deg,#087ff2,#005fc8 58%,#004da9);border-radius:34px;flex-direction:column;justify-content:center;align-items:center;width:min(100% - 48px,1192px);min-height:390px;margin:140px auto 0;padding:50px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 28px 75px #005dc040,inset 0 1px #ffffff47}.landing-final-glow{pointer-events:none;background:radial-gradient(#ffffff47,#0000 68%);border-radius:50%;width:620px;height:320px;position:absolute;top:-175px}.landing-final-cta>span{color:#e5f4ff;background:#ffffff1f;border-color:#ffffff38;position:relative}.landing-final-cta h2{letter-spacing:-.065em;margin:18px 0 12px;font-size:clamp(35px,4.4vw,57px);line-height:1.04;position:relative}.landing-final-cta p{color:#ffffffc2;max-width:470px;margin:0;font-size:13px;line-height:1.55;position:relative}.landing-final-cta button{color:#075fbd;cursor:pointer;background:#fff;border:1px solid #ffffffb3;border-radius:14px;align-items:center;gap:8px;min-height:48px;margin-top:25px;padding:0 20px;font-size:12px;font-weight:750;display:inline-flex;position:relative;box-shadow:0 10px 24px #002d7333}.landing-final-cta button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #002d7345}.landing-footer{color:#788ba0;align-items:center;gap:25px;width:min(100%,1240px);margin:0 auto;padding:38px 24px 30px;display:flex}.landing-footer-brand{align-items:center;gap:9px;display:flex}.landing-footer-brand>span,.landing-footer-brand>img{border-radius:9px;width:29px;height:29px}.landing-footer-brand div{gap:2px;display:grid}.landing-footer-brand strong{color:var(--landing-ink);font-size:12px}.landing-footer-brand small{font-size:9px}.landing-footer-links{gap:5px;margin-left:auto;display:flex}.landing-footer-links button{color:#74869a;border-radius:8px;padding:7px 10px;font-size:10px}.landing-footer-links button:hover{color:var(--landing-blue);background:#007aff12}.landing-footer>small{white-space:nowrap;font-size:9px}:root[data-theme=dark] .landing-page{--landing-ink:#f5f8ff;--landing-muted:#aab8c9;--landing-blue:#55b8ff;--landing-blue-deep:#64c4ff;--landing-line:#ffffff1f;--landing-card:#1d2735c7;--landing-card-solid:#1d2735;--landing-soft:#172b40;--landing-shadow:0 24px 70px #00000047;background:radial-gradient(circle at 8% 3%,#0a84ff3b,#0000 25%),radial-gradient(circle at 92% 10%,#32ade624,#0000 24%),linear-gradient(#07111e,#081421 55%,#07111e)}:root[data-theme=dark] .landing-header{background:#07111eb8;border-color:#ffffff1a;box-shadow:0 1px #ffffff0d}:root[data-theme=dark] .landing-brand,:root[data-theme=dark] .landing-hero h1,:root[data-theme=dark] .landing-section-heading h2,:root[data-theme=dark] .landing-feature-card h3,:root[data-theme=dark] .landing-plan-head h3,:root[data-theme=dark] .landing-plan-price strong,:root[data-theme=dark] .landing-trust strong,:root[data-theme=dark] .landing-step-grid h3,:root[data-theme=dark] .landing-plan-empty h3,:root[data-theme=dark] .landing-footer-brand strong{color:var(--landing-ink)}:root[data-theme=dark] .landing-nav-links button,:root[data-theme=dark] .landing-signin,:root[data-theme=dark] .landing-footer-links button{color:#aebdd0}.landing-page .language-switcher-menu{z-index:70}:root[data-theme=dark] .landing-nav-actions .theme-toggle,:root[data-theme=dark] .landing-nav-actions .language-switcher-button,:root[data-theme=dark] .landing-menu-trigger{color:var(--landing-ink);background:#223042bf;border-color:#ffffff24;box-shadow:0 8px 24px #0000002e,inset 0 1px #ffffff14}:root[data-theme=dark] .landing-eyebrow,:root[data-theme=dark] .landing-final-cta>span{color:#8dd5ff;background:#0a84ff1f;border-color:#64c4ff33}:root[data-theme=dark] .landing-trust>div,:root[data-theme=dark] .landing-feature-card,:root[data-theme=dark] .landing-plan-card,:root[data-theme=dark] .landing-plan-empty,:root[data-theme=dark] .landing-plan-skeleton{background:var(--landing-card);box-shadow:var(--landing-shadow),inset 0 1px #ffffff0f}:root[data-theme=dark] .landing-page :is(.landing-security-visual,.landing-speed-visual,.landing-device-visual>span){background:#21364bb8;border-color:#64c4ff2e}:root[data-theme=dark] .landing-speed-visual strong{color:#75caff}:root[data-theme=dark] .landing-plan-card.featured{background:linear-gradient(145deg,#113654f2,#192737e0);border-color:#64c4ff66}.route-plan .plan-region-switch{-webkit-backdrop-filter:blur(24px)saturate(170%);scrollbar-width:none;background:#ffffffb8;border:1px solid #007aff21;border-radius:18px;align-items:center;gap:9px;margin:0 0 22px;padding:7px;display:flex;overflow-x:auto;box-shadow:0 12px 38px #004ba011,inset 0 1px #fffffff2}.route-plan .plan-region-switch::-webkit-scrollbar{display:none}.route-plan .plan-region-switch button{color:#52657b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:9px;min-width:max-content;min-height:46px;padding:6px 12px 6px 8px;font-size:12px;font-weight:720;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s;display:inline-flex}.route-plan .plan-region-switch button:hover{background:#f2f8ff;border-color:#007aff26}.route-plan .plan-region-switch button.active{color:#0757a7;background:linear-gradient(145deg,#e7f4ff,#f7fbff);border-color:#007aff38;box-shadow:0 7px 18px #0071e31a,inset 0 1px #fff}.route-plan .plan-region-switch button>span{color:#60748a;text-align:center;background:#7896b91c;border-radius:999px;min-width:22px;padding:3px 6px;font-size:9px}.route-plan .plan-region-switch button.active>span{color:#0071e3;background:#007aff1c}.route-plan .region-flag{border-radius:5px;flex:none;width:34px;height:23px;overflow:hidden;box-shadow:0 2px 5px #002a5a24}.route-plan .plan-card-title{gap:7px;min-width:0;display:grid}.route-plan .plan-card-title h2{margin:0}.route-plan .plan-region-badge{color:#39709f;text-overflow:ellipsis;white-space:nowrap;background:#f2f8ff;border:1px solid #007aff21;border-radius:999px;align-items:center;gap:6px;width:max-content;max-width:100%;padding:4px 8px 4px 5px;font-size:9px;font-weight:750;display:inline-flex;overflow:hidden}.route-plan .plan-region-badge .region-flag{width:23px;height:15px;box-shadow:none;border-radius:3px}.route-plan .plan-region-no-results{background:#fff9;border:1px dashed #007aff3d;border-radius:22px;align-items:center;gap:14px;min-height:150px;padding:22px;display:flex}.route-plan .plan-region-no-results>.region-flag{width:48px;height:32px}.route-plan .plan-region-no-results>div{flex:1;gap:5px;min-width:0;display:grid}.route-plan .plan-region-no-results strong{color:var(--text);font-size:14px}.route-plan .plan-region-no-results small{color:var(--muted);font-size:11px;line-height:1.45}.route-plan .purchase-modal-region{color:#39709f;align-items:center;gap:7px;min-height:20px;margin:0 42px 9px 0;font-size:11px;font-weight:720;display:flex}.route-plan .purchase-modal-region .region-flag{width:27px;height:18px}:root[data-theme=dark] .route-plan .plan-region-switch{background:#1b202ad1;border-color:#64c4ff33;box-shadow:0 14px 42px #00000038,inset 0 1px #ffffff12}:root[data-theme=dark] .route-plan .plan-region-switch button{color:#b7c5d7}:root[data-theme=dark] .route-plan .plan-region-switch button:hover{background:#0a84ff1a;border-color:#64c4ff3b}:root[data-theme=dark] .route-plan .plan-region-switch button.active{color:#d8f1ff;background:linear-gradient(145deg,#0a84ff3d,#64d2ff14);border-color:#64c4ff52;box-shadow:0 8px 22px #0003,inset 0 1px #ffffff14}:root[data-theme=dark] .route-plan .plan-region-switch button>span{color:#b7c5d7;background:#ffffff14}:root[data-theme=dark] .route-plan .plan-region-switch button.active>span{color:#64d2ff;background:#64d2ff1c}:root[data-theme=dark] .route-plan .plan-region-badge{color:#bdeaff;background:#0a84ff1a;border-color:#64c4ff33}:root[data-theme=dark] .route-plan .plan-region-no-results{background:#1c1c1ea3;border-color:#64c4ff47}:root[data-theme=dark] .route-plan .purchase-modal-region{color:#bdeaff}@media (width<=700px){.route-plan .plan-region-switch{border-radius:16px;margin-inline:-2px;padding:6px}.route-plan .plan-region-switch button{min-height:43px;padding-right:10px;font-size:11px}.route-plan .plan-region-switch .region-flag{width:30px;height:20px}.route-plan .plan-region-no-results{flex-wrap:wrap;align-items:flex-start;padding:18px}.route-plan .plan-region-no-results>div{min-width:calc(100% - 70px)}.route-plan .plan-region-no-results .button{width:100%}}:root[data-theme=dark] .landing-page :is(.landing-plan-benefits,.landing-step-grid,.landing-step-grid article){border-color:#ffffff1a}:root[data-theme=dark] .landing-page :is(.landing-plan-benefits span,.landing-step-grid p,.landing-trust small){color:#adbdcf}:root[data-theme=dark] .landing-secondary{color:#9fddff;background:#1d3044b3;border-color:#64c4ff40}:root[data-theme=dark] .landing-secondary:hover{background:#26445de6}:root[data-theme=dark] .landing-plan-empty p{color:#adbdcf}:root[data-theme=dark] .landing-footer{color:#94a8bd}:root[data-theme=dark] .landing-hero-proof{color:#a9b9ca}:root[data-theme=dark] .landing-page :is(.landing-feature-icon,.landing-trust>div>span,.landing-plan-head>span,.landing-plan-empty>span,.landing-step-grid article>i){color:#64c4ff;background:#0a84ff29;border-color:#64c4ff26;box-shadow:inset 0 1px #ffffff12}:root[data-theme=dark] .landing-mobile-menu{background:#14202ff0;border-color:#ffffff21;box-shadow:0 24px 60px #00000061,inset 0 1px #ffffff14}:root[data-theme=dark] .landing-mobile-menu button{color:#edf5ff}@media (width<=1000px){.landing-nav{gap:15px}.landing-nav-links{margin-left:8px}.landing-hero{grid-template-columns:1fr;gap:20px;padding-top:65px}.landing-hero-copy{max-width:720px}.landing-product-preview{width:min(100%,680px);min-height:460px;margin:0 auto}.landing-trust{grid-template-columns:repeat(2,1fr)}.landing-feature-card{min-height:400px}.landing-float-shield{left:0}.landing-float-speed{right:0}}@media (width<=720px){.landing-header{padding:10px 14px}.landing-nav{min-height:43px}.landing-brand>span,.landing-brand>img{border-radius:10px;width:32px;height:32px}.landing-brand strong{font-size:14px}.landing-nav-links,.landing-signin,.landing-primary.compact{display:none}.landing-nav-actions{gap:6px}.landing-nav-actions .language-switcher-button{width:36px;min-width:36px;padding:0}.landing-nav-actions .language-switcher-button span{display:none}.landing-menu-trigger{display:grid}.landing-mobile-menu{-webkit-backdrop-filter:blur(25px)saturate(160%);backdrop-filter:blur(25px)saturate(160%);background:#ffffffeb;border:1px solid #007aff21;border-radius:17px;gap:4px;padding:9px;display:grid;position:absolute;top:53px;left:0;right:0;box-shadow:0 22px 55px #1a4d852b,inset 0 1px #fff}.landing-mobile-menu button{min-height:43px;color:var(--landing-ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;justify-content:space-between;align-items:center;padding:0 13px;font-size:12px;font-weight:650;display:flex}.landing-mobile-menu button:hover{background:#007aff14}.landing-mobile-menu button.primary{color:#fff;background:#087df5;margin-top:4px;padding:0 15px}.landing-hero{min-height:auto;padding:57px 18px 52px}.landing-hero h1{margin-top:18px;font-size:clamp(40px,12vw,56px)}.landing-hero-copy>p{font-size:14px;line-height:1.6}.landing-hero-actions{grid-template-columns:1fr;margin-top:24px;display:grid}.landing-hero-actions>*{width:100%}.landing-hero-proof{gap:9px;margin-top:21px;display:grid}.landing-product-preview{min-height:350px;margin:14px -10px 0;transform:scale(.92)}.landing-preview-window{border-radius:22px;transform:perspective(1000px)rotateY(-3deg)rotateX(2deg)}.landing-preview-body{grid-template-columns:42px minmax(0,1fr);min-height:310px}.landing-preview-sidebar{gap:16px;padding-top:14px}.landing-preview-content{padding:20px 16px 18px}.landing-preview-heading strong{font-size:15px}.landing-preview-metrics{gap:5px;margin-top:17px}.landing-preview-metrics article{padding:8px 7px}.landing-preview-metrics small{font-size:7px}.landing-preview-metrics strong{font-size:12px}.landing-preview-panel{padding:11px}.landing-preview-nodes{display:none}.landing-float-card{transform:scale(.86)}.landing-float-shield{bottom:27px;left:-15px}.landing-float-speed{top:38px;right:-17px}.landing-trust{grid-template-columns:1fr;gap:8px;padding:0 18px 15px}.landing-trust>div{padding:13px}.landing-section{padding:81px 18px 0}.landing-section-heading{margin-bottom:27px}.landing-section-heading h2{font-size:36px}.landing-section-heading p{font-size:13px}.landing-feature-grid,.landing-plan-grid,.landing-plan-grid.count-1,.landing-plan-grid.count-2{grid-template-columns:1fr;gap:11px}.landing-feature-card{border-radius:21px;min-height:365px;padding:21px}.landing-feature-card h3{font-size:21px}.landing-how,.landing-plans{padding-top:91px}.landing-step-grid{grid-template-columns:1fr}.landing-step-grid article,.landing-step-grid article:not(:first-child){border-right:0;border-bottom:1px solid var(--landing-line);min-height:0;padding:23px 0}.landing-step-grid article:last-child{border-bottom:0}.landing-step-grid article>i{margin:14px 0 12px}.landing-plan-card{min-height:355px;padding:21px}.landing-plan-card.featured{transform:none}.landing-plan-empty{flex-wrap:wrap;align-items:flex-start;padding:19px}.landing-plan-empty .landing-primary{width:100%;margin-left:0}.landing-final-cta{border-radius:26px;width:calc(100% - 28px);min-height:350px;margin-top:91px;padding:35px 20px}.landing-final-cta h2{font-size:38px}.landing-footer{flex-wrap:wrap;align-items:flex-start;gap:19px 12px;padding:29px 18px 24px}.landing-footer-links{order:3;width:100%;margin-left:0}.landing-footer>small{margin-left:auto}}@media (width<=380px){.landing-product-preview{margin-inline:-24px;transform:scale(.84)}.landing-hero h1{font-size:39px}.landing-footer>small{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.landing-page *,.landing-page :before,.landing-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.landing-preview-window,.landing-plan-card.featured,.landing-primary:hover,.landing-secondary:hover,.landing-final-cta button:hover{transform:none}}.landing-page{--landing-ink:#0a1b31;--landing-muted:#5f7187;--landing-blue:#087df5;--landing-blue-deep:#075dbd;--landing-line:#134b8521;--landing-card:#ffffffd1;--landing-shadow:0 24px 70px #1d528b18}.landing-header{padding:15px 24px}.landing-nav{gap:23px;width:min(100%,1280px);min-height:48px}.landing-nav-links button,.landing-signin{min-height:40px;padding-inline:13px;font-size:11px}.landing-primary.compact{border-radius:13px;min-height:40px;padding-inline:16px}.landing-hero{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:44px;width:min(100%,1280px);min-height:700px;padding:88px 32px 100px}.landing-hero-copy{max-width:590px}.landing-eyebrow{letter-spacing:.08em;padding:8px 12px;font-size:9px}.landing-hero h1{letter-spacing:-.07em;margin:24px 0 22px;font-size:clamp(48px,5.15vw,70px);line-height:.99}.landing-hero-copy>p{max-width:520px;font-size:15px;line-height:1.7}.landing-hero-actions{margin-top:32px}.landing-hero-actions .landing-primary,.landing-hero-actions .landing-secondary{border-radius:16px;min-height:52px;padding-inline:21px}.landing-hero-proof{gap:18px;margin-top:29px;font-size:10px}.landing-trust{gap:14px;width:min(100%,1280px);padding:0 32px 38px}.landing-trust>div{border-radius:17px;min-height:73px;padding:15px 16px}.landing-trust>div>span{width:37px;height:37px}.landing-trust strong{font-size:10px}.landing-trust small{font-size:8px}.landing-apps{padding-top:88px}.landing-app-showcase{border:1px solid var(--landing-line);box-shadow:var(--landing-shadow),inset 0 1px #fffffff2;background:linear-gradient(145deg,#ffffffdb,#ebf7ffb3);border-radius:30px;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:center;gap:62px;padding:46px;display:grid}.landing-app-copy h2{color:var(--landing-ink);letter-spacing:-.06em;margin:13px 0 14px;font-size:clamp(31px,3.3vw,45px);line-height:1.05}.landing-app-copy>p{max-width:420px;color:var(--landing-muted);margin:0;font-size:13px;line-height:1.68}.landing-app-points{gap:10px;margin:23px 0;display:grid}.landing-app-points span{color:#435d78;align-items:center;gap:8px;font-size:11px;font-weight:650;display:flex}.landing-app-points svg{color:#1b9d59}.landing-text-action{color:var(--landing-blue-deep);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:11px;font-weight:760;display:inline-flex}.landing-text-action:hover{color:var(--landing-blue)}.landing-app-console{background:#ffffffc7;border:1px solid #0a84ff24;border-radius:23px;padding:22px;box-shadow:0 20px 50px #1f558b1a,inset 0 1px #fff}.landing-app-console-head{border-bottom:1px solid var(--landing-line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:17px;display:flex}.landing-app-console-head>div{align-items:center;gap:10px;display:flex}.landing-app-console-head>div>span{width:37px;height:37px;color:var(--landing-blue);background:#e7f3ff;border-radius:12px;place-items:center;display:grid}.landing-app-console-head strong,.landing-app-console-head small{display:block}.landing-app-console-head strong{color:var(--landing-ink);font-size:12px}.landing-app-console-head small{color:#8495a8;margin-top:4px;font-size:9px}.landing-app-console-head em{color:#16854a;white-space:nowrap;background:#e8f8ee;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:8px;font-style:normal;font-weight:750;display:inline-flex}.landing-app-console-head em i{background:#29ad61;border-radius:50%;width:5px;height:5px}.landing-app-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:17px 0;display:grid}.landing-app-list article{min-width:0;animation:.5s both landing-app-in;animation-delay:calc(var(--app-index) * 45ms);background:#f7fbffcc;border:1px solid #134b851a;border-radius:13px;align-items:center;gap:9px;padding:10px 11px;display:flex}.landing-app-list article>span{color:#fff;background:linear-gradient(145deg,#0a84ff,#55c8fa);border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:800;display:grid}.landing-app-list article:nth-child(2n)>span{background:linear-gradient(145deg,#1474d4,#8bcfff)}.landing-app-list article div{flex:1;min-width:0}.landing-app-list strong,.landing-app-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.landing-app-list strong{color:#1d3855;font-size:10px}.landing-app-list small{color:#8999ab;margin-top:3px;font-size:8px}.landing-app-list article>svg{color:#28a662;flex:none}.landing-app-console-foot{border-top:1px solid var(--landing-line);color:#7c8ea2;align-items:center;gap:7px;padding-top:15px;font-size:9px;display:flex}.landing-app-console-foot svg{color:var(--landing-blue)}@keyframes landing-app-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.landing-features{padding-top:118px}.landing-features .landing-section-heading{margin-bottom:42px}.landing-feature-grid{grid-template-rows:minmax(276px,1fr) minmax(276px,1fr);grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:16px}.landing-feature-card{min-height:0;box-shadow:var(--landing-shadow),inset 0 1px #fffffff2;border-radius:27px;padding:29px}.landing-feature-card h3{letter-spacing:-.055em;max-width:390px;margin:10px 0 12px;font-size:25px}.landing-feature-card p{max-width:390px;font-size:12px;line-height:1.65}.landing-feature-card.feature-security{background:linear-gradient(145deg,#f0f9fffa,#d6edffb3);grid-row:1/span 2;min-height:568px}.landing-feature-card.feature-speed,.landing-feature-card.feature-sync{min-height:276px}.landing-feature-card.feature-speed h3,.landing-feature-card.feature-sync h3{max-width:260px;font-size:21px}.landing-feature-card.feature-speed p,.landing-feature-card.feature-sync p{max-width:300px}.landing-feature-foot{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:25px;left:29px;right:29px}.landing-feature-foot span{color:#47718e;background:#ffffff9e;border:1px solid #0a84ff21;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:8px;font-weight:700;display:inline-flex}.landing-feature-foot svg{color:var(--landing-blue)}.landing-security-map{width:360px;height:255px;position:absolute;bottom:74px;right:28px}.landing-security-map .map-core{z-index:3;color:#fff;background:linear-gradient(145deg,#0a84ff,#56c9f8);border:1px solid #ffffffeb;border-radius:26px;place-items:center;width:76px;height:76px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 17px 34px #007aff47,inset 0 1px #ffffff80}.landing-security-map .map-node{z-index:4;color:#0874dc;background:#ffffffd4;border:1px solid #ffffffe6;border-radius:13px;align-items:center;gap:6px;padding:9px 10px;font-size:8px;font-weight:760;display:flex;position:absolute;box-shadow:0 10px 25px #215b971f,inset 0 1px #fff}.landing-security-map .map-node small{color:#758da3;white-space:nowrap;font-size:7px;font-weight:650}.landing-security-map .node-phone{top:15px;left:14px}.landing-security-map .node-laptop{top:18px;right:5px}.landing-security-map .node-cloud{bottom:13px;right:44px}.landing-security-map .map-line{z-index:1;transform-origin:0;border-top:1px dashed #0a84ff52;width:150px;height:1px;position:absolute;top:50%;left:50%}.landing-security-map .line-one{transform:rotate(211deg)}.landing-security-map .line-two{transform:rotate(-31deg)}.landing-security-map .line-three{width:121px;transform:rotate(76deg)}.landing-security-map:before,.landing-security-map:after{content:"";border:1px solid #0a84ff26;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.landing-security-map:before{width:162px;height:162px}.landing-security-map:after{opacity:.65;border-style:dashed;width:252px;height:252px}.landing-route-visual{background:#ffffffb8;border:1px solid #0a84ff1f;border-radius:16px;align-items:center;gap:7px;padding:14px;display:flex;position:absolute;bottom:24px;right:25px;box-shadow:0 12px 27px #225a8f17}.landing-route-visual>span{color:#7492ae;background:#eef5fb;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.landing-route-visual>span.active{color:#fff;background:#0a84ff;box-shadow:0 7px 16px #007aff40}.landing-route-visual>i{border-top:1px dashed #a5c9e8;width:28px;height:1px}.landing-device-visual{transform-origin:100% 100%;bottom:20px;right:25px;transform:scale(.9)}.landing-how-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);align-items:start;gap:72px;display:grid}.landing-how-layout .landing-section-heading{margin:0;position:sticky;top:110px}.landing-how-layout .landing-section-heading h2{font-size:clamp(31px,3.5vw,46px)}.landing-how-note{border:1px solid var(--landing-line);color:var(--landing-blue);background:#ffffff9e;border-radius:14px;align-items:center;gap:10px;margin-top:28px;padding:13px 14px;display:flex}.landing-how-note div{gap:3px;display:grid}.landing-how-note strong{color:var(--landing-ink);font-size:10px}.landing-how-note small{color:#8294a7;font-size:8px}.landing-step-stack{gap:10px;display:grid}.landing-step-stack article{border:1px solid var(--landing-line);background:#ffffffb3;border-radius:19px;grid-template-columns:30px 48px minmax(0,1fr) 20px;align-items:center;gap:15px;min-height:108px;padding:18px 20px;display:grid;box-shadow:0 10px 28px #2356890b,inset 0 1px #ffffffe6}.landing-step-stack article>span{color:#92a5b8;letter-spacing:.08em;font-size:10px;font-weight:800}.landing-step-stack article>i{width:46px;height:46px;color:var(--landing-blue);background:#e9f5ff;border:1px solid #007aff26;border-radius:14px;place-items:center;font-style:normal;display:grid}.landing-step-stack h3{color:var(--landing-ink);letter-spacing:-.03em;margin:0 0 5px;font-size:15px}.landing-step-stack p{color:var(--landing-muted);margin:0;font-size:10px;line-height:1.5}.landing-step-stack article>svg{color:#29a35e}.landing-plans .landing-section-heading{justify-content:space-between;align-items:flex-end;gap:35px;max-width:none;display:flex}.landing-plans .landing-section-heading>div{max-width:710px}.landing-plan-grid{gap:16px}.landing-plan-card{border-radius:25px;min-height:410px;padding:27px}.landing-plan-card.featured{transform:translateY(-13px)}.landing-plan-price{margin:33px 0 24px}.landing-plan-price strong{font-size:38px}.landing-plan-benefits{padding:19px 0}.landing-faq{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);align-items:start;gap:80px;padding-top:137px;display:grid}.landing-faq-heading{position:sticky;top:110px}.landing-faq-heading h2{color:var(--landing-ink);letter-spacing:-.06em;margin:13px 0 14px;font-size:clamp(32px,3.7vw,48px);line-height:1.03}.landing-faq-heading p{max-width:300px;color:var(--landing-muted);margin:0 0 22px;font-size:12px;line-height:1.6}.landing-faq-list{border-top:1px solid var(--landing-line)}.landing-faq-list details{border-bottom:1px solid var(--landing-line)}.landing-faq-list summary{min-height:65px;color:var(--landing-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:15px;font-size:13px;font-weight:680;list-style:none;display:flex}.landing-faq-list summary::-webkit-details-marker{display:none}.landing-faq-list summary svg{color:#7d91a6;flex:none;transition:transform .2s}.landing-faq-list details[open] summary svg{color:var(--landing-blue);transform:rotate(180deg)}.landing-faq-list details p{max-width:630px;color:var(--landing-muted);margin:0 35px 19px 0;font-size:11px;line-height:1.65}.landing-footer{grid-template-columns:minmax(190px,.65fr) minmax(360px,1.35fr) auto;align-items:start;gap:40px;width:min(100%,1280px);padding:65px 32px 35px;display:grid}.landing-footer-columns{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.landing-footer-columns div{align-content:start;justify-items:start;gap:8px;display:grid}.landing-footer-columns strong{color:var(--landing-ink);margin-bottom:4px;font-size:10px}.landing-footer-columns button{appearance:none;color:#788ca2;width:auto;min-width:0;min-height:0;box-shadow:none;cursor:pointer;text-align:left;white-space:normal;background:0 0;border:0;border-radius:0;margin:0;padding:2px 0;font-size:10px;line-height:1.45}.landing-footer-columns button:hover{color:var(--landing-blue);background:0 0}.landing-footer-columns button:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #0a84ff47}.landing-footer-meta{white-space:nowrap;justify-items:end;gap:13px;display:grid}.landing-footer-meta span{color:#208e53;align-items:center;gap:6px;font-size:9px;font-weight:700;display:inline-flex}.landing-footer-meta span i{background:#2aad63;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #2aad631a}.landing-footer-meta small{color:#899bad;font-size:9px}:root[data-theme=dark] .landing-app-showcase,:root[data-theme=dark] .landing-app-console,:root[data-theme=dark] .landing-step-stack article,:root[data-theme=dark] .landing-how-note{background:#182737c7;border-color:#ffffff1f;box-shadow:0 24px 70px #00000047,inset 0 1px #ffffff12}:root[data-theme=dark] .landing-app-points span,:root[data-theme=dark] .landing-step-stack p,:root[data-theme=dark] .landing-app-console-foot{color:#afc0d2}:root[data-theme=dark] .landing-app-console-head strong,:root[data-theme=dark] .landing-step-stack h3,:root[data-theme=dark] .landing-how-note strong,:root[data-theme=dark] .landing-faq-list summary{color:#f3f7ff}:root[data-theme=dark] .landing-app-list article{background:#26394cb8;border-color:#ffffff1a}:root[data-theme=dark] .landing-app-list article strong{color:var(--landing-ink)}:root[data-theme=dark] .landing-app-list article small{color:#9eafc2}:root[data-theme=dark] .landing-app-console-head>div>span,:root[data-theme=dark] .landing-how-note{color:#72caff;background:#0a84ff24}:root[data-theme=dark] .landing-feature-foot span{color:#b5d4eb;background:#1f384eb3;border-color:#64c4ff2e}:root[data-theme=dark] .landing-security-map .map-node{color:#71caff;background:#23394ce0;border-color:#ffffff24;box-shadow:0 13px 28px #00000040}:root[data-theme=dark] .landing-security-map .map-node small{color:#a5b7c9}:root[data-theme=dark] .landing-route-visual{background:#23394cc7;border-color:#ffffff1f}:root[data-theme=dark] .landing-route-visual>span{color:#a8bbce;background:#2b435b}:root[data-theme=dark] .landing-route-visual>span.active{color:#fff;background:#0a84ff}:root[data-theme=dark] .landing-faq-list details,:root[data-theme=dark] .landing-faq-list{border-color:#ffffff1f}:root[data-theme=dark] .landing-faq-heading p,:root[data-theme=dark] .landing-faq-list details p{color:#adbdcf}:root[data-theme=dark] .landing-footer-columns strong{color:var(--landing-ink)}:root[data-theme=dark] .landing-footer-columns button{color:#9cadbf}@media (width<=1000px){.landing-hero{grid-template-columns:1fr;padding-top:69px}.landing-hero-copy{max-width:720px}.landing-product-preview{width:min(100%,720px);margin:0 auto}.landing-app-showcase{gap:35px;padding:35px}.landing-how-layout{gap:42px}.landing-faq{gap:45px}}@media (width<=760px){.landing-header{padding:10px 14px}.landing-nav{gap:10px}.landing-brand>span,.landing-brand>img{width:34px;height:34px}.landing-brand strong{font-size:14px}.landing-nav-actions{gap:6px}.landing-hero{min-height:0;padding:57px 18px 55px}.landing-hero h1{font-size:clamp(41px,12vw,56px)}.landing-hero-copy>p{font-size:14px}.landing-hero-actions{margin-top:25px}.landing-hero-proof{gap:9px;margin-top:22px}.landing-product-preview{min-height:355px;margin-top:13px;transform:scale(.93)}.landing-trust{padding:0 18px 20px}.landing-trust>div{min-height:65px}.landing-apps,.landing-features,.landing-how,.landing-plans,.landing-faq{padding-top:91px}.landing-app-showcase{border-radius:24px;grid-template-columns:1fr;gap:34px;padding:25px 20px}.landing-app-copy h2{font-size:31px}.landing-app-console{border-radius:19px;padding:15px}.landing-app-list{gap:6px}.landing-app-list article{padding:9px 8px}.landing-app-list article>span{width:25px;height:25px;font-size:10px}.landing-feature-grid{grid-template-rows:none;grid-template-columns:1fr;gap:11px;display:grid}.landing-feature-card.feature-security{grid-row:auto;min-height:540px}.landing-feature-card.feature-speed,.landing-feature-card.feature-sync{min-height:355px}.landing-feature-card{border-radius:22px;padding:22px}.landing-feature-card h3{font-size:22px}.landing-security-map{transform-origin:100% 100%;bottom:68px;right:12px;transform:scale(.86)}.landing-feature-foot{bottom:20px;left:22px;right:22px}.landing-how-layout{grid-template-columns:1fr;gap:29px}.landing-how-layout .landing-section-heading,.landing-faq-heading{position:static}.landing-how-layout .landing-section-heading h2{font-size:36px}.landing-step-stack article{grid-template-columns:26px 43px minmax(0,1fr) 18px;gap:11px;min-height:96px;padding:14px 13px}.landing-step-stack article>i{width:41px;height:41px}.landing-step-stack h3{font-size:13px}.landing-step-stack p{font-size:9px}.landing-plans .landing-section-heading{display:block}.landing-plan-grid,.landing-plan-grid.count-1,.landing-plan-grid.count-2{grid-template-columns:1fr}.landing-plan-card,.landing-plan-card.featured{min-height:370px;transform:none}.landing-faq{grid-template-columns:1fr;gap:30px;display:grid}.landing-faq-heading h2{font-size:37px}.landing-faq-list summary{min-height:61px;font-size:12px}.landing-faq-list details p{margin-right:0;font-size:10px}.landing-final-cta{margin-top:94px}.landing-footer{grid-template-columns:1fr;gap:30px;padding:43px 18px 27px}.landing-footer-columns{grid-template-columns:repeat(3,1fr);gap:15px}.landing-footer-meta{justify-content:space-between;align-items:center;gap:10px;display:flex}}@media (width<=420px){.landing-app-list{grid-template-columns:1fr}.landing-app-console-head{flex-direction:column;align-items:flex-start}.landing-security-map{right:-1px;transform:scale(.78)}.landing-feature-card.feature-security{min-height:510px}.landing-footer-columns{gap:10px}.landing-footer-meta{flex-direction:column;align-items:flex-start}}.route-loader{min-height:100dvh;color:var(--muted);background:var(--bg);place-content:center;justify-items:center;gap:13px;padding:24px;display:grid}.route-loader>span{color:#0a84ff;background:#007aff1a;border:1px solid #007aff24;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.route-loader strong{font-size:12px}@supports (content-visibility:auto){.landing-page :is(.landing-apps,.landing-features,.landing-how,.landing-plans,.landing-faq,.landing-final-cta,.landing-footer){content-visibility:auto;contain-intrinsic-size:auto 720px}}@media (width<=760px){@supports (content-visibility:auto){.landing-page :is(.landing-apps,.landing-features,.landing-how,.landing-plans,.landing-faq,.landing-final-cta,.landing-footer){contain-intrinsic-size:auto 960px}}}.landing-hero>*{min-width:0}.landing-app-showcase{background:linear-gradient(135deg,#ffffffeb,#e0f3ffab);border-radius:40px 18px;position:relative;overflow:hidden}.landing-app-showcase:before{content:"";opacity:.4;pointer-events:none;background-image:linear-gradient(#0a84ff12 1px,#0000 1px),linear-gradient(90deg,#0a84ff12 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 70%);mask-image:linear-gradient(90deg,#000,#0000 70%)}.landing-app-showcase>*{z-index:1;position:relative}.landing-app-console{border-radius:28px;transform:rotate(1.2deg)}.landing-app-copy h2{letter-spacing:-.075em}.landing-feature-card.feature-security{border-radius:38px 20px}.landing-feature-card.feature-speed{border-radius:20px 38px 20px 20px}.landing-feature-card.feature-sync{border-radius:20px 20px 38px 38px}.landing-feature-card.feature-speed:after,.landing-feature-card.feature-sync:after{content:"";border:1px solid #0a84ff1f;border-radius:50%;width:140px;height:140px;position:absolute;top:-48px;right:-48px;box-shadow:0 0 0 18px #0a84ff08,0 0 0 36px #0a84ff06}.landing-final-cta{background:linear-gradient(120deg,#075dbd,#087df5 58%,#53c9f4);border-radius:48px 48px 120px;box-shadow:0 30px 80px #0062ca40,inset 0 1px #ffffff47}.landing-final-cta:before{content:"ZB / 26";color:#ffffff6b;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;position:absolute;top:24px;right:31px}:root[data-theme=dark] .landing-app-showcase{background:linear-gradient(135deg,#162b40eb,#0d3558c2)}:root[data-theme=dark] .landing-app-showcase:before{opacity:.22}:root[data-theme=dark] .landing-app-console{background:#15283bdb;transform:rotate(1.2deg)}:root[data-theme=dark] .landing-final-cta{box-shadow:0 30px 80px #00000059,inset 0 1px #ffffff2e}@media (width<=760px){.landing-app-showcase{border-radius:28px 14px}.landing-app-console{transform:none}.landing-final-cta{border-radius:32px 32px 76px}}.landing-motion-ready [data-reveal]{opacity:0;transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.landing-motion-ready [data-reveal=left]{transform:translate(-28px)}.landing-motion-ready [data-reveal=right]{transform:translate(28px)}.landing-motion-ready [data-reveal].is-revealed{opacity:1;transform:translate(0,0)}.landing-feature-grid [data-reveal]:nth-child(2){--reveal-delay:80ms}.landing-feature-grid [data-reveal]:nth-child(3){--reveal-delay:.16s}.landing-primary{background-position:0;background-size:160% 100%;transition:background-position .45s,transform .2s,box-shadow .2s}.landing-nav-links button{position:relative;overflow:hidden}.landing-nav-links button:after{content:"";transform-origin:0;background:#0a84ff;height:1px;transition:transform .24s;position:absolute;bottom:4px;left:12px;right:12px;transform:scaleX(0)}.landing-faq-list details[open] p{animation:.28s cubic-bezier(.22,1,.36,1) both landing-faq-open}.landing-final-cta.is-revealed .landing-final-glow{animation:7s ease-in-out infinite alternate landing-glow-drift}@media (hover:hover) and (pointer:fine){.landing-nav-links button:hover:after{transform:scaleX(1)}.landing-primary:hover{background-position:100%}.landing-spatial-rail>div,.landing-app-list article,.landing-step-stack article,.landing-feature-card,.landing-plan-card{transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .28s,box-shadow .28s,background-color .28s}.landing-spatial-rail>div:hover{z-index:1;background:#fffc;border-color:#0a84ff3d;transform:translateY(-4px);box-shadow:0 13px 28px #18589617}.landing-app-list article:hover{border-color:#0a84ff3d;transform:translate(4px,-2px);box-shadow:0 10px 22px #1f558b17}.landing-step-stack article:hover{border-color:#0a84ff38;transform:translate(7px);box-shadow:0 15px 32px #1f558b14}.landing-feature-card:hover,.landing-motion-ready .landing-feature-card.is-revealed:hover{border-color:#0a84ff3d;transform:translateY(-7px);box-shadow:0 30px 75px #1d528b24,inset 0 1px #fffffff2}.landing-plan-card:hover{border-color:#0a84ff47;transform:translateY(-6px);box-shadow:0 25px 62px #215b9721,inset 0 1px #fff}.landing-plan-card.featured:hover{transform:translateY(-18px)}.landing-final-cta button{transition:transform .24s,box-shadow .24s}}@media (prefers-reduced-motion:no-preference){.landing-hero-copy>*{animation:.68s cubic-bezier(.22,1,.36,1) both landing-hero-enter}.landing-hero-copy>:nth-child(2){animation-delay:55ms}.landing-hero-copy>:nth-child(3){animation-delay:.11s}.landing-hero-copy>:nth-child(4){animation-delay:.165s}.landing-hero-copy>:nth-child(5){animation-delay:.22s}.landing-spatial-stage{animation:.85s cubic-bezier(.22,1,.36,1) .12s both landing-stage-enter}}@keyframes landing-faq-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translate(0,0)}}@keyframes landing-glow-drift{0%{transform:translate(-35px)scale(.96)}to{transform:translate(35px,12px)scale(1.05)}}@keyframes landing-hero-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@keyframes landing-stage-enter{0%{opacity:0;transform:translate(22px,14px)scale(.985)}to{opacity:1;transform:translate(0,0)scale(1)}}:root[data-theme=dark] .landing-spatial-rail>div:hover{background:#19344ce6}@media (width<=760px){.landing-feature-card:hover,.landing-plan-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){.landing-final-glow{animation:none!important}.landing-motion-ready [data-reveal]{opacity:1;transform:none}}.landing-hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.landing-hero-proof article{background:#ffffffa3;border:1px solid #0a84ff1c;border-radius:12px;grid-template-columns:28px minmax(0,1fr);align-content:center;gap:7px;min-width:0;min-height:84px;padding:10px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffe6}.landing-hero-proof article>span{color:#087df5;background:#e7f3ff;border:0;border-radius:9px;place-items:center;width:28px;height:28px;padding:0;display:grid}.landing-hero-proof article>div{grid-column:1/-1;min-width:0}.landing-hero-proof article small,.landing-hero-proof article strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.landing-hero-proof article small{color:#7791aa;letter-spacing:.08em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px}.landing-hero-proof article strong{color:#244966;margin-top:4px;font-size:8px}.landing-hero-proof article>em{color:#1b9454;letter-spacing:.06em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:6px;font-style:normal;font-weight:800;position:absolute;top:11px;right:10px}:root[data-theme=dark] .landing-hero-proof article{background:#132b42d1;border-color:#7ec5ff29;box-shadow:inset 0 1px #ffffff0f}:root[data-theme=dark] .landing-hero-proof article>span{color:#7bd0ff;background:#0a84ff29}:root[data-theme=dark] .landing-hero-proof article small{color:#8caac2}:root[data-theme=dark] .landing-hero-proof article strong{color:#e4f1fc}@media (hover:hover) and (pointer:fine){.landing-hero-proof article{transition:transform .26s cubic-bezier(.22,1,.36,1),border-color .26s,background-color .26s}.landing-hero-proof article:hover{background:#ffffffdb;border-color:#0a84ff3d;transform:translateY(-3px)}}.landing-spatial-hero{text-align:center;background:radial-gradient(circle at 50% 43%,#4ebefc30,#0000 31%),radial-gradient(circle at 18% 28%,#0a84ff17,#0000 22%),radial-gradient(circle at 84% 30%,#62def51a,#0000 21%),linear-gradient(#fbfdff 0%,#f1f8ff 58%,#fff 100%);grid-template-columns:1fr;align-content:start;justify-items:center;gap:0;width:100%;max-width:none;min-height:980px;padding:92px 24px 78px;display:grid;overflow:hidden}.landing-spatial-hero:before{background-image:linear-gradient(#0a84ff0b 1px,#0000 1px),linear-gradient(90deg,#0a84ff0b 1px,#0000 1px);background-size:72px 72px;border:0;inset:0;-webkit-mask-image:linear-gradient(#000000a6,#0000 72%);mask-image:linear-gradient(#000000a6,#0000 72%)}.landing-spatial-hero .landing-hero-copy{z-index:10;text-align:center;width:min(100%,920px);max-width:none;margin:0 auto}.landing-spatial-hero .landing-eyebrow{letter-spacing:.04em;border-radius:999px;font-family:inherit;font-size:10px;display:inline-flex}.landing-spatial-hero .landing-eyebrow svg{color:#0a84ff}.landing-spatial-hero h1{letter-spacing:-.082em;max-width:980px;margin:24px auto 20px;font-size:clamp(64px,7.2vw,104px);line-height:.92}.landing-spatial-hero h1 em{color:#0000;background:linear-gradient(105deg,#087df5 5%,#42bdec 48%,#73d9f4 78%);-webkit-background-clip:text;background-clip:text}.landing-spatial-hero .landing-hero-copy>p{color:#61758c;max-width:650px;margin:0 auto;font-size:16px;line-height:1.7}.landing-spatial-hero .landing-hero-actions{justify-content:center;margin-top:27px}.landing-spatial-hero .landing-primary,.landing-spatial-hero .landing-secondary{min-width:170px}.landing-spatial-stage{isolation:isolate;contain:layout paint style;width:min(100%,1060px);height:510px;margin:4px auto 0;position:relative}.landing-spatial-sky{z-index:-4;background:radial-gradient(#fffffffa 0%,#ddf2ffc2 47%,#b8e0fa2e 68%,#0000 70%);border:1px solid #0a84ff14;border-radius:50%;width:780px;height:360px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 45px 100px #1f6dae24,inset 0 1px #fff}.landing-spatial-sky:before,.landing-spatial-sky:after{content:"";border:1px solid #0a84ff1f;border-radius:50%;position:absolute;inset:12%}.landing-spatial-sky:after{border-style:dashed;inset:25%}.landing-spatial-sky i{background:#2ba9f5;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 6px #2ba9f51a}.landing-spatial-sky i:first-child{top:50%;left:13%}.landing-spatial-sky i:nth-child(2){top:28%;right:16%}.landing-spatial-sky i:nth-child(3){bottom:13%;right:24%}.landing-spatial-ribbon{z-index:-2;border-radius:50%;width:86%;height:125px;position:absolute;top:48%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-7deg)}.landing-spatial-ribbon:before{content:"";background:linear-gradient(90deg,#0000,#8bd8ff 13%,#0a84ff 48%,#58c8f3 74%,#0000);height:2px;position:absolute;inset:49% 0 auto;box-shadow:0 0 22px #0a84ff47}.landing-spatial-ribbon:after{content:"";border-top:1px solid #0a84ff2e;border-radius:50%;height:54%;position:absolute;top:23%;left:12%;right:12%}.landing-spatial-ribbon>i{z-index:2;background:#0a84ff;border:2px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:calc(49% - 4px);left:11%;box-shadow:0 0 0 7px #0a84ff1f}.landing-spatial-ring{z-index:-1;border:1px solid #0a84ff26;border-radius:50%;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)rotate(-7deg)}.ring-one{width:520px;height:245px}.ring-two{border-style:dashed;width:350px;height:350px;transform:translate(-50%,-50%)rotate(18deg)}.landing-spatial-core{z-index:5;color:#0d3456;background:#fffffff0;border:1px solid #fffffff2;border-radius:50%;align-content:center;place-items:center;gap:4px;width:184px;height:184px;display:grid;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:0 30px 70px #1a68aa30,0 0 0 12px #ffffff5c,inset 0 1px #fff}.landing-spatial-core>span{color:#fff;background:linear-gradient(145deg,#087df5,#58cdf4);border-radius:25px;place-items:center;width:72px;height:72px;margin-bottom:5px;display:grid;box-shadow:0 14px 30px #007aff47,inset 0 1px #ffffff73}.landing-spatial-core small{color:#7895ad;letter-spacing:.11em;font-size:7px;font-weight:800}.landing-spatial-core strong{letter-spacing:-.035em;font-size:16px}.landing-spatial-core em{color:#1c9354;align-items:center;gap:5px;margin-top:4px;font-size:7px;font-style:normal;font-weight:750;display:inline-flex}.landing-spatial-core em i{background:#2dbb6c;border-radius:50%;width:5px;height:5px}.landing-spatial-device{z-index:6;color:#1d4668;text-align:left;background:#ffffffe8;border:1px solid #fffffff0;border-radius:19px;align-items:center;gap:10px;min-width:180px;padding:13px;display:flex;position:absolute;box-shadow:0 18px 42px #1f619924,inset 0 1px #fff}.landing-spatial-device>span{color:#087df5;background:#e8f4ff;border-radius:13px;flex:none;place-items:center;width:39px;height:39px;display:grid}.landing-spatial-device>div{gap:3px;min-width:0;display:grid}.landing-spatial-device small{color:#879bad;letter-spacing:.08em;font-size:7px;font-weight:800}.landing-spatial-device strong{color:#1c405f;font-size:11px}.landing-spatial-device em{color:#26955a;font-size:7px;font-style:normal}.spatial-phone{top:25%;left:8%;transform:rotate(-3deg)}.spatial-desktop{top:20%;right:7%;transform:rotate(3deg)}.spatial-cloud{bottom:9%;right:16%;transform:rotate(-2deg)}.landing-spatial-app{z-index:7;color:#fff;background:linear-gradient(145deg,#0a84ff,#62cdf5);border:1px solid #fffffff2;border-radius:15px;place-items:center;width:43px;height:43px;font-size:12px;font-weight:850;display:grid;position:absolute;box-shadow:0 14px 28px #007aff33,inset 0 1px #ffffff6b}.app-happ{bottom:14%;left:23%;transform:rotate(-7deg)}.app-shadow{top:8%;right:24%;transform:rotate(8deg)}.app-clash{top:8%;left:29%;transform:rotate(-4deg)}.landing-spatial-dock{z-index:8;color:#607a91;background:#fffffff0;border:1px solid #fffffff2;border-radius:16px;align-items:center;gap:13px;min-height:48px;padding:0 18px;font-size:8px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 18px 42px #1f61991f,inset 0 1px #fff}.landing-spatial-dock span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.landing-spatial-dock span:first-child{color:#178a4d}.landing-spatial-dock span:last-child svg{color:#21a05a}.landing-spatial-dock>i{background:#1f58891f;width:1px;height:18px}.landing-spatial-stage.effects-active .landing-spatial-ribbon>i{animation:5.2s linear infinite spatial-packet}.landing-spatial-stage.effects-active .landing-spatial-core{animation:5.8s ease-in-out infinite spatial-core-float}.landing-spatial-stage.effects-active .spatial-phone{animation:6.2s ease-in-out infinite spatial-phone-float}.landing-spatial-stage.effects-active .spatial-desktop{animation:6.8s ease-in-out -2.1s infinite spatial-desktop-float}.landing-spatial-stage.effects-active .spatial-cloud{animation:6.5s ease-in-out -3.4s infinite spatial-cloud-float}.landing-spatial-stage.effects-active .app-happ,.landing-spatial-stage.effects-active .app-shadow,.landing-spatial-stage.effects-active .app-clash{animation:4.8s ease-in-out infinite spatial-app-float}.landing-spatial-stage.effects-active .app-shadow{animation-delay:-1.6s}.landing-spatial-stage.effects-active .app-clash{animation-delay:-3.1s}@keyframes spatial-packet{0%{transform:translate(0,0)}to{transform:translate(780px)}}@keyframes spatial-core-float{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 8px))}}@keyframes spatial-phone-float{0%,to{transform:translate(0,0)rotate(-3deg)}50%{transform:translateY(-8px)rotate(-1deg)}}@keyframes spatial-desktop-float{0%,to{transform:translate(0,0)rotate(3deg)}50%{transform:translateY(-9px)rotate(1deg)}}@keyframes spatial-cloud-float{0%,to{transform:translate(0,0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(0)}}@keyframes spatial-app-float{0%,to{translate:0}50%{translate:0 -9px}}.landing-spatial-hero>.landing-hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:min(100%,860px);margin:2px auto 0}.landing-spatial-hero .landing-hero-proof article{text-align:left;background:#fffc;border-radius:16px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;min-height:66px;padding:10px 12px;box-shadow:0 12px 30px #1e5c9312,inset 0 1px #fff}.landing-spatial-hero .landing-hero-proof article>span{width:32px;height:32px}.landing-spatial-hero .landing-hero-proof article>div{grid-column:2}.landing-spatial-hero .landing-hero-proof article>em{grid-area:1/3;position:static}.landing-spatial-hero .landing-hero-proof article small{font-family:inherit;font-size:7px}.landing-spatial-hero .landing-hero-proof article strong{font-size:9px}.landing-spatial-rail{border:0;gap:8px;width:min(100%,1120px);margin-top:36px;padding:0 24px 30px}.landing-spatial-rail>div,.landing-spatial-rail>div:first-child,.landing-spatial-rail>div:last-child{background:#f7fbffc2;border:1px solid #0a84ff1a;border-radius:18px;min-height:88px;padding:16px}.landing-spatial-rail>div>span{border-radius:12px}:root[data-theme=dark] .landing-spatial-hero{background:radial-gradient(circle at 50% 43%,#0a84ff38,#0000 32%),linear-gradient(#07121f,#0b1e31 62%,#07111d)}:root[data-theme=dark] .landing-spatial-hero .landing-hero-copy>p{color:#afc0d0}:root[data-theme=dark] .landing-spatial-sky{background:radial-gradient(#1f394ff5,#0f263cdb 50%,#0000 70%);border-color:#7ec5ff29;box-shadow:0 45px 100px #0000004d}:root[data-theme=dark] :is(.landing-spatial-core,.landing-spatial-device,.landing-spatial-dock){color:#edf7ff;background:#162b3ef5;border-color:#ffffff24;box-shadow:0 20px 50px #00000047,inset 0 1px #ffffff14}:root[data-theme=dark] .landing-spatial-device strong,:root[data-theme=dark] .landing-spatial-core strong{color:#f1f8ff}:root[data-theme=dark] .landing-spatial-hero .landing-hero-proof article,:root[data-theme=dark] .landing-spatial-rail>div{background:#122b41d1;border-color:#7ec5ff26}@media (width<=1000px){.landing-spatial-hero{min-height:930px;padding-top:72px}.landing-spatial-hero h1{font-size:clamp(58px,9vw,86px)}.landing-spatial-stage{width:min(100%,850px)}.spatial-phone{left:3%}.spatial-desktop{right:3%}.spatial-cloud{right:10%}}@media (width<=760px){.landing-spatial-hero{min-height:auto;padding:58px 18px 50px}.landing-spatial-hero .landing-eyebrow{font-size:8px}.landing-spatial-hero h1{margin-top:20px;font-size:clamp(48px,14vw,64px);line-height:.94}.landing-spatial-hero .landing-hero-copy>p{font-size:14px}.landing-spatial-stage{width:100%;height:430px;margin-top:18px}.landing-spatial-sky{width:490px;height:270px}.landing-spatial-ribbon{width:118%}.ring-one{width:390px;height:210px}.ring-two{width:250px;height:250px}.landing-spatial-core{width:140px;height:140px}.landing-spatial-core>span{border-radius:19px;width:54px;height:54px}.landing-spatial-core>span svg{width:28px;height:28px}.landing-spatial-core strong{font-size:13px}.landing-spatial-device{border-radius:15px;min-width:134px;padding:9px}.landing-spatial-device>span{width:31px;height:31px}.landing-spatial-device small{font-size:6px}.landing-spatial-device strong{font-size:9px}.spatial-phone{top:25%;left:-2px}.spatial-desktop{top:20%;right:-3px}.spatial-cloud{bottom:14%;right:2%}.landing-spatial-app{border-radius:12px;width:36px;height:36px;font-size:10px}.app-happ{bottom:16%;left:14%}.app-shadow{top:7%;right:17%}.app-clash{top:8%;left:22%}.landing-spatial-dock{gap:8px;max-width:100%;min-height:43px;padding:0 11px;font-size:6px;bottom:0}.landing-spatial-hero>.landing-hero-proof{grid-template-columns:1fr;width:100%;margin-top:16px}.landing-spatial-hero .landing-hero-proof article{min-height:52px}.landing-spatial-rail{grid-template-columns:repeat(2,1fr);margin-top:22px;padding-inline:18px}.landing-spatial-rail>div,.landing-spatial-rail>div:first-child,.landing-spatial-rail>div:last-child{min-height:76px;padding:12px}}@media (width<=420px){.landing-spatial-stage{height:400px}.spatial-cloud{display:none}.landing-spatial-device{min-width:126px}.landing-spatial-dock span:nth-of-type(2),.landing-spatial-dock>i:nth-of-type(2){display:none}}@media (prefers-reduced-motion:reduce){.landing-spatial-stage *,.landing-spatial-stage :before,.landing-spatial-stage :after{animation:none!important}}.landing-header{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:10px 18px 0;top:10px}.landing-nav{background:#fffffff0;border:1px solid #164d891c;border-radius:20px;width:min(100%,1180px);min-height:58px;padding:6px 9px;box-shadow:0 16px 42px #1f558b1a,inset 0 1px #fff}:root[data-theme=dark] .landing-nav{background:#081829f2;border-color:#ffffff1f;box-shadow:0 18px 46px #00000047,inset 0 1px #ffffff0f}@media (width<=760px){.landing-header{padding:6px 8px 0;top:6px}.landing-nav{border-radius:17px;min-height:54px;padding:5px 7px}}.landing-header{background:#f7fbfff0;border-bottom:1px solid #234c751a;padding:0;top:0;box-shadow:0 1px #fffc}.landing-nav{width:min(100%,1320px);min-height:48px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 18px}.landing-nav-links{margin-left:12px}.landing-primary.compact{border-radius:9px;min-height:34px}.landing-os-hero{background:radial-gradient(circle at 77% 27%,#45bff940,#0000 29%),radial-gradient(circle at 14% 76%,#0a84ff1f,#0000 28%),linear-gradient(145deg,#f8fcff 0%,#eaf6ff 47%,#dff1ff 100%);grid-template-columns:minmax(330px,.72fr) minmax(610px,1.28fr);align-items:center;gap:34px;width:100%;max-width:none;min-height:820px;padding:68px max(32px,50vw - 640px) 115px;display:grid;position:relative;overflow:hidden}.landing-os-hero:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#ffffff8c,#0000 38%),radial-gradient(circle at 50% 120%,#fffc,#0000 42%);border:0;position:absolute;inset:0}.landing-os-hero .landing-hero-copy{z-index:5;text-align:left;background:#ffffffdb;border:1px solid #fffffff2;border-radius:28px;max-width:520px;margin:0;padding:52px 38px 38px;position:relative;box-shadow:0 30px 80px #29649d29,inset 0 1px #fff}.landing-os-hero .landing-hero-copy:before{content:"";background:#ff5f57;border-radius:50%;width:10px;height:10px;position:absolute;top:20px;left:22px;box-shadow:17px 0 #febc2e,34px 0 #28c840}.landing-os-hero .landing-hero-copy:after{content:"ZBoard Welcome";color:#8699aa;font-size:8px;font-weight:700;position:absolute;top:18px;left:50%;transform:translate(-50%)}.landing-os-hero .landing-eyebrow{letter-spacing:.07em;border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:7px}.landing-os-hero h1 em{color:#0000;background:linear-gradient(105deg,#087df5,#4abdec 62%,#62d3f4);-webkit-background-clip:text;background-clip:text}.landing-os-hero .landing-hero-copy>p{color:#61758a;max-width:440px;font-size:13px;line-height:1.65}.landing-os-hero .landing-primary,.landing-os-hero .landing-secondary{border-radius:11px;min-height:44px;padding-inline:16px;font-size:11px}.landing-os-stage{z-index:4;contain:layout paint style;width:min(100%,760px);height:610px;position:relative}.landing-os-window{background:#fafdfff0;border:1px solid #fffffff0;border-radius:28px;width:650px;height:520px;position:absolute;top:42px;left:0;overflow:hidden;box-shadow:0 36px 95px #20599133,0 10px 28px #1057991a,inset 0 1px #fff}.landing-os-titlebar{background:#ffffffbf;border-bottom:1px solid #27537d17;grid-template-columns:1fr auto 1fr;align-items:center;height:52px;padding:0 18px;display:grid}.landing-os-titlebar>strong{color:#34536d;align-items:center;gap:6px;font-size:9px;display:flex}.landing-os-titlebar>strong svg{color:#0a84ff}.landing-os-traffic{gap:7px;display:flex}.landing-os-traffic i{background:#ff5f57;border-radius:50%;width:10px;height:10px;box-shadow:inset 0 0 0 1px #0000000f}.landing-os-traffic i:nth-child(2){background:#febc2e}.landing-os-traffic i:nth-child(3){background:#28c840}.landing-os-tools{color:#7890a5;justify-self:end;align-items:center;gap:12px;display:flex}.landing-os-body{grid-template-columns:62px minmax(0,1fr);height:calc(100% - 52px);display:grid}.landing-os-sidebar{background:#ebf6ffad;border-right:1px solid #27537d14;flex-direction:column;align-items:center;gap:11px;padding:16px 0 13px;display:flex}.landing-os-sidebar>span{color:#7892a9;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.landing-os-sidebar>span.active{color:#fff;background:linear-gradient(145deg,#0a84ff,#55c9f6);box-shadow:0 8px 18px #007aff38}.landing-os-sidebar>i{background:#2e5a831f;width:26px;height:1px;margin-top:auto}.landing-os-sidebar>b{color:#fff;background:#7595af;border-radius:50%;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.landing-os-content>header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.landing-os-content>header small{color:#8aa0b3;letter-spacing:.08em;font-size:7px;font-weight:800;display:block}.landing-os-content>header h2{color:#183953;letter-spacing:-.05em;margin:6px 0 0;font-size:22px}.landing-os-content>header>em{color:#198b4f;background:#e7f8ed;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:7px;font-style:normal;font-weight:800;display:inline-flex}.landing-os-content>header>em i{background:#2bb869;border-radius:50%;width:5px;height:5px}.landing-os-widgets{grid-template-rows:160px 155px;grid-template-columns:1.12fr .88fr;gap:11px;margin-top:20px;display:grid}.landing-os-widgets>article{background:#ffffffe0;border:1px solid #1c508017;border-radius:19px;min-width:0;overflow:hidden;box-shadow:0 10px 26px #2a5c8c0e,inset 0 1px #fff}.os-widget-protection{align-items:center;gap:17px;padding:18px;display:flex}.os-protection-ring{border:9px solid #0a84ff;border-color:#0a84ff #4fc9f4 #dff2ff #dff2ff;border-radius:50%;flex:none;place-items:center;width:104px;height:104px;display:grid;transform:rotate(18deg)}.os-protection-ring>span{color:#fff;background:linear-gradient(145deg,#0a84ff,#55c9f6);border-radius:50%;place-items:center;width:67px;height:67px;display:grid;transform:rotate(-18deg);box-shadow:0 9px 22px #007aff33}.os-widget-protection small,.os-widget-traffic small,.os-widget-devices small{color:#8ba0b2;letter-spacing:.07em;font-size:7px;font-weight:800}.os-widget-protection strong{color:#1e4868;margin-top:5px;font-size:19px;display:block}.os-widget-protection p{color:#7890a4;max-width:120px;margin:5px 0 0;font-size:8px;line-height:1.4}.os-widget-traffic{padding:17px}.os-widget-traffic>div:first-child{justify-content:space-between;align-items:flex-end;gap:10px;display:flex}.os-widget-traffic>div strong{color:#1b4566;letter-spacing:-.05em;font-size:24px}.os-mini-bars{align-items:end;gap:5px;height:58px;margin:15px 0 9px;display:flex}.os-mini-bars i{width:9px;height:var(--os-bar,40%);background:linear-gradient(#5bd2f5,#0a84ff);border-radius:4px 4px 2px 2px}.os-mini-bars i:nth-child(2){--os-bar:65%}.os-mini-bars i:nth-child(3){--os-bar:48%}.os-mini-bars i:nth-child(4){--os-bar:82%}.os-mini-bars i:nth-child(5){--os-bar:58%}.os-mini-bars i:nth-child(6){--os-bar:92%}.os-mini-bars i:nth-child(7){--os-bar:72%}.os-mini-bars i:nth-child(8){--os-bar:88%}.os-widget-traffic>span{color:#7590a5;font-size:7px}.os-widget-devices{grid-column:1/-1;padding:15px 17px}.os-widget-devices>header{justify-content:space-between;align-items:center;display:flex}.os-widget-devices>header strong{color:#234a68;margin-top:3px;font-size:12px;display:block}.os-widget-devices>header em{color:#0a84ff;font-size:21px;font-style:normal;font-weight:800}.os-widget-devices>div{border-top:1px solid #20507b14;grid-template-columns:31px 1fr 7px;align-items:center;gap:9px;min-height:43px;display:grid}.os-widget-devices>div>span{color:#0a84ff;background:#e9f5ff;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.os-widget-devices p{margin:0}.os-widget-devices p strong,.os-widget-devices p small{display:block}.os-widget-devices p strong{color:#34546d;font-size:9px}.os-widget-devices p small{margin-top:2px;font-size:7px}.os-widget-devices>div>i{background:#2dbb6c;border-radius:50%;width:6px;height:6px}.landing-os-control-center{z-index:8;color:#294c68;background:#fffffff2;border:1px solid #fffffff0;border-radius:21px;width:218px;padding:13px;position:absolute;top:0;right:0;box-shadow:0 24px 58px #1f578f2e,inset 0 1px #fff}.os-control-network{grid-template-columns:37px 1fr 32px;align-items:center;gap:8px;padding-bottom:11px;display:grid}.os-control-network>span{color:#fff;background:#0a84ff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.os-control-network>span:last-child{color:#0a84ff;background:#e8f4ff;width:30px;height:30px}.os-control-network p{margin:0}.os-control-network strong,.os-control-network small{display:block}.os-control-network strong{font-size:9px}.os-control-network small{color:#8297aa;margin-top:2px;font-size:7px}.landing-os-control-center>label{color:#688399;border-top:1px solid #23537e14;grid-template-columns:18px 1fr;align-items:center;gap:6px;min-height:37px;display:grid}.landing-os-control-center>label>i{background:#dfebf4;border-radius:999px;height:5px;overflow:hidden}.landing-os-control-center>label b{border-radius:inherit;background:linear-gradient(90deg,#0a84ff,#56cdf5);width:72%;height:100%;display:block}.landing-os-control-center>label:nth-of-type(2) b{width:48%}.landing-os-control-center>footer{color:#70899e;border-top:1px solid #23537e14;justify-content:space-between;padding-top:9px;font-size:7px;display:flex}.landing-os-control-center>footer span{align-items:center;gap:4px;display:flex}.landing-os-notification{z-index:9;color:#2a4a64;background:#fffffff5;border:1px solid #fffffff2;border-radius:17px;grid-template-columns:36px 1fr auto;align-items:center;gap:9px;min-width:248px;padding:11px;display:grid;position:absolute;bottom:7px;right:8px;box-shadow:0 20px 48px #23578929,inset 0 1px #fff}.landing-os-notification>span{color:#fff;background:linear-gradient(145deg,#0a84ff,#55c9f6);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.landing-os-notification strong,.landing-os-notification small{display:block}.landing-os-notification strong{font-size:9px}.landing-os-notification small{color:#7890a4;margin-top:3px;font-size:7px}.landing-os-notification em{color:#9aabba;align-self:start;font-size:6px;font-style:normal}.landing-os-stage.effects-active .os-mini-bars i{transform-origin:bottom;animation:2.7s ease-in-out infinite alternate os-bar-pulse}.landing-os-stage.effects-active .os-mini-bars i:nth-child(2n){animation-delay:-1s}.landing-os-stage.effects-active .landing-os-notification{animation:.6s cubic-bezier(.22,1,.36,1) .3s both os-notification-in}@keyframes os-bar-pulse{0%{opacity:.65;transform:scaleY(.65)}to{opacity:1;transform:scaleY(1)}}@keyframes os-notification-in{0%{opacity:0;transform:translate(20px,12px)scale(.96)}to{opacity:1;transform:none}}@keyframes os-panel-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-5px)}}.landing-os-dock{z-index:12;background:#ffffffe6;border:1px solid #fffffff2;border-radius:20px;align-items:end;gap:8px;padding:9px;display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 22px 55px #205b942b,inset 0 1px #fff}.landing-os-dock button{color:#fff;cursor:pointer;background:linear-gradient(145deg,#0a84ff,#55c9f6);border:1px solid #ffffffe6;border-radius:15px;place-items:center;width:48px;height:48px;padding:0;transition:transform .2s cubic-bezier(.22,1,.36,1);display:grid;position:relative;box-shadow:0 9px 19px #007aff33,inset 0 1px #ffffff73}.landing-os-dock button:nth-of-type(2){background:linear-gradient(145deg,#ff9f0a,#ffcc54)}.landing-os-dock button:nth-of-type(3){background:linear-gradient(145deg,#5856d6,#8c8aff)}.landing-os-dock button:nth-of-type(4){background:linear-gradient(145deg,#32ade6,#64d2ff)}.landing-os-dock button:nth-of-type(5){background:linear-gradient(145deg,#34c759,#72dc88)}.landing-os-dock>i{background:#1f4e761f;width:1px;height:40px;margin:0 2px}.landing-os-dock button:after{content:attr(data-label);opacity:0;color:#fff;white-space:nowrap;pointer-events:none;background:#142637e0;border-radius:7px;padding:5px 7px;font-size:7px;transition:opacity .18s,transform .18s;position:absolute;bottom:58px;left:50%;transform:translate(-50%,5px)}.landing-os-dock button:hover{transform:translateY(-8px)scale(1.12)}.landing-os-dock button:hover:after{opacity:1;transform:translate(-50%)}.landing-os-status-strip{gap:10px;width:min(100%,1180px);margin:28px auto 0;padding:0 24px 36px}.landing-os-status-strip>div,.landing-os-status-strip>div:first-child,.landing-os-status-strip>div:last-child{background:#fafdffe0;border:1px solid #1a4e7e1a;border-radius:20px;min-height:92px;padding:16px;box-shadow:0 14px 34px #2457890f,inset 0 1px #fff}.landing-os-status-strip>div>span{border-radius:12px}:root[data-theme=dark] .landing-os-hero .landing-hero-copy,:root[data-theme=dark] :is(.landing-os-window,.landing-os-control-center,.landing-os-notification,.landing-os-dock){background:#142536f5;border-color:#ffffff21;box-shadow:0 32px 85px #00000059,inset 0 1px #ffffff12}:root[data-theme=dark] .landing-os-hero .landing-hero-copy>p{color:#afbfce}:root[data-theme=dark] .landing-os-titlebar{background:#1b2e40e6;border-color:#ffffff17}:root[data-theme=dark] .landing-os-sidebar{background:#0f2234e6;border-color:#ffffff14}:root[data-theme=dark] .landing-os-content>header h2,:root[data-theme=dark] .landing-os-titlebar>strong,:root[data-theme=dark] :is(.os-widget-protection strong,.os-widget-traffic strong,.os-widget-devices strong),:root[data-theme=dark] .landing-os-control-center,:root[data-theme=dark] .landing-os-notification{color:#eff7ff}:root[data-theme=dark] .landing-os-widgets>article{background:#1f3345eb;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0d}:root[data-theme=dark] .landing-os-dock button:after{color:#14283a;background:#ffffffeb}:root[data-theme=dark] .landing-os-status-strip>div{background:#142b41d1;border-color:#7ec5ff24}@media (width<=1080px){.landing-os-hero{grid-template-columns:1fr;min-height:auto;padding:60px 24px 125px}.landing-os-hero .landing-hero-copy{width:min(100%,720px);max-width:none;margin:0 auto}.landing-os-stage{width:min(100%,760px);margin:10px auto 0}}@media (width<=760px){.landing-header{padding:0;top:0}.landing-nav{border-radius:0;min-height:48px;padding-inline:10px}.landing-os-hero{padding:38px 14px 108px}.landing-os-hero .landing-hero-copy{border-radius:23px;padding:49px 21px 25px}.landing-os-hero h1{font-size:clamp(43px,13vw,58px)}.landing-os-hero .landing-hero-copy>p{font-size:12px}.landing-os-hero .landing-hero-actions{grid-template-columns:1fr;display:grid}.landing-os-stage{height:510px}.landing-os-window{border-radius:23px;width:100%;height:455px;top:28px}.landing-os-titlebar{height:46px;padding-inline:14px}.landing-os-body{grid-template-columns:48px minmax(0,1fr);height:calc(100% - 46px)}.landing-os-sidebar{gap:8px;padding-top:12px}.landing-os-sidebar>span{width:31px;height:31px}.landing-os-content{padding:18px 13px}.landing-os-content>header h2{font-size:18px}.landing-os-widgets{grid-template-rows:135px 139px;grid-template-columns:1fr 1fr;gap:7px;margin-top:15px}.os-widget-protection{gap:9px;padding:10px}.os-protection-ring{border-width:7px;width:76px;height:76px}.os-protection-ring>span{width:48px;height:48px}.os-protection-ring svg{width:22px}.os-widget-protection p{display:none}.os-widget-protection strong{font-size:14px}.os-widget-traffic{padding:11px}.os-widget-traffic>div strong{font-size:19px}.os-mini-bars{gap:3px;height:45px;margin:10px 0 6px}.os-mini-bars i{width:6px}.os-widget-devices{padding:10px 12px}.os-widget-devices>div{min-height:36px}.landing-os-control-center{transform-origin:100% 0;border-radius:17px;width:170px;padding:9px;top:4px;right:-4px;transform:scale(.88)}.landing-os-stage.effects-active .landing-os-control-center{animation:none}.landing-os-notification{transform-origin:100% 100%;min-width:210px;bottom:0;right:4px;transform:scale(.9)}.landing-os-dock{border-radius:17px;gap:6px;padding:7px;bottom:19px}.landing-os-dock button{border-radius:13px;width:42px;height:42px}.landing-os-dock button:after{display:none}.landing-os-dock>i{height:34px}.landing-os-status-strip{grid-template-columns:repeat(2,1fr);padding-inline:14px}.landing-os-status-strip>div,.landing-os-status-strip>div:first-child,.landing-os-status-strip>div:last-child{min-height:80px;padding:12px}}@media (width<=420px){.landing-os-control-center{display:none}.landing-os-stage{height:490px}.landing-os-notification{bottom:5px}.landing-os-dock button{width:39px;height:39px}.landing-os-dock button svg{width:20px}.landing-os-dock{max-width:calc(100% - 20px)}}@media (prefers-reduced-motion:reduce){.landing-os-stage *,.landing-os-stage :before,.landing-os-stage :after{animation:none!important}.landing-os-dock button:hover{transform:none}}.landing-header{-webkit-backdrop-filter:blur(28px)saturate(180%);backdrop-filter:blur(28px)saturate(180%);background:#fafdffd1;border-bottom:1px solid #375b7d21;height:42px;box-shadow:0 1px #ffffffb8}.landing-nav{width:100%;max-width:none;min-height:42px;padding:0 14px}.landing-brand strong{letter-spacing:-.025em;font-size:12px}.landing-nav-links button,.landing-signin{border-radius:6px;min-height:27px;padding:0 8px;font-size:9px;font-weight:650}.landing-menubar-status{color:#39566f;align-items:center;gap:8px;margin-right:2px;display:flex}.landing-menubar-status b{font-variant-numeric:tabular-nums;font-size:9px}.landing-os-hero{isolation:isolate;background:radial-gradient(at 82% 12%,#75e0ff9e,#0000 28%),radial-gradient(at 15% 86%,#3688ff3d,#0000 31%),linear-gradient(138deg,#f9fdff 0%,#e9f5ff 40%,#d7eeff 74%,#cbe8ff 100%);width:100%;height:calc(100svh - 42px);min-height:700px;max-height:900px;padding:0;display:block;overflow:hidden}.landing-os-hero:before{z-index:-2;filter:blur(1px);background:radial-gradient(at 71% 35%,#0000 0 23%,#ffffffa1 24% 35%,#0000 36%),radial-gradient(at 69% 44%,#0000 0 30%,#329ef71f 31% 42%,#0000 43%),radial-gradient(at 20% 28%,#ffffffdb,#0000 31%);border:0;inset:-22% -8%;transform:rotate(-6deg)scale(1.08)}.landing-os-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(125deg,#fffc,#45b2ff14 55%,#ffffff7a);border-radius:50%;height:78%;position:absolute;inset:auto -8% -42% 24%;transform:rotate(-8deg);box-shadow:inset 0 1px #fffc}.landing-os-hero .landing-hero-copy{z-index:10;-webkit-backdrop-filter:blur(34px)saturate(155%);backdrop-filter:blur(34px)saturate(155%);text-align:left;background:#fcfeffd1;border:1px solid #ffffffeb;border-radius:24px;width:min(475px,100% - 56px);max-width:none;margin:0;padding:66px 38px 37px;position:absolute;top:84px;left:max(28px,50vw - 672px);box-shadow:0 38px 90px #1c548b30,0 8px 26px #2168a91a,inset 0 1px #fffffff2}.landing-os-hero .landing-hero-copy:before{width:10px;height:10px;top:19px;left:20px;box-shadow:17px 0 #febc2e,34px 0 #28c840}.landing-os-hero .landing-hero-copy:after{content:"ZBoard Welcome";font-size:8px;top:19px}.landing-os-hero .landing-eyebrow{font-size:7px}.landing-os-hero h1{letter-spacing:-.077em;max-width:410px;margin:20px 0 17px;font-size:clamp(48px,4.25vw,64px);line-height:.94}.landing-os-hero .landing-hero-copy>p{max-width:390px;font-size:12px;line-height:1.62}.landing-os-hero .landing-hero-actions{margin-top:22px}.landing-os-hero .landing-primary,.landing-os-hero .landing-secondary{border-radius:11px;min-height:42px;font-size:10px}.landing-os-stage{z-index:4;contain:layout paint style;width:min(760px,67vw);height:650px;margin:0;position:absolute;top:46px;right:max(0px,50vw - 710px)}.landing-os-window{-webkit-backdrop-filter:blur(30px)saturate(150%);backdrop-filter:blur(30px)saturate(150%);background:#fafdffe0;border-radius:25px;width:min(675px,100% - 72px);height:545px;top:58px;left:0;box-shadow:0 42px 100px #1d548b3b,0 9px 30px #1763a81c,inset 0 1px #fff}.landing-os-titlebar{background:#ffffffb8;height:50px}.landing-os-body{height:calc(100% - 50px)}.landing-os-desktop-icons{z-index:3;gap:17px;display:grid;position:absolute;top:244px;right:2px}.landing-os-desktop-icons>span{color:#31526d;text-shadow:0 1px #fffc;justify-items:center;gap:5px;width:62px;display:grid}.landing-os-desktop-icons i{color:#fff;background:linear-gradient(145deg,#0a84ff,#5dd2f5);border:1px solid #ffffffd6;border-radius:13px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 10px 24px #1269b52e,inset 0 1px #ffffff73}.landing-os-desktop-icons span:nth-child(2) i{background:linear-gradient(145deg,#5856d6,#8f8cff)}.landing-os-desktop-icons span:nth-child(3) i{background:linear-gradient(145deg,#34c759,#6fdb88)}.landing-os-desktop-icons small{font-size:7px;font-weight:750}.landing-os-control-center{top:0;right:4px}.landing-os-notification{bottom:4px;right:16px}@keyframes os-window-breathe{0%,to{transform:translate(0,0)}50%{transform:translateY(-4px)}}.landing-os-dock{-webkit-backdrop-filter:blur(28px)saturate(170%);backdrop-filter:blur(28px)saturate(170%);background:#f8fcffc2;border-radius:19px;padding:8px;bottom:18px}.landing-os-status-strip{margin-top:22px}:root[data-theme=dark] .landing-header{background:#08121ecc}:root[data-theme=dark] .landing-menubar-status{color:#d8e8f5}:root[data-theme=dark] .landing-os-hero{background:radial-gradient(at 80% 8%,#137fc854,#0000 31%),radial-gradient(at 13% 84%,#0a5bb740,#0000 32%),linear-gradient(138deg,#06111d,#0a1f34 46%,#0b3452 100%)}:root[data-theme=dark] .landing-os-hero:before{background:radial-gradient(at 71% 35%,#0000 0 23%,#48a0de1f 24% 35%,#0000 36%),radial-gradient(at 20% 28%,#2d699d2b,#0000 31%)}:root[data-theme=dark] .landing-os-hero:after{background:linear-gradient(125deg,#184a7152,#0a84ff14 55%,#13304940)}:root[data-theme=dark] .landing-os-hero .landing-hero-copy{background:#101f2fc7}:root[data-theme=dark] .landing-os-desktop-icons>span{color:#e6f3fc;text-shadow:0 1px 2px #00101d}@media (width<=1180px) and (width>=901px){.landing-os-hero .landing-hero-copy{width:430px;padding-inline:32px;top:88px;left:24px}.landing-os-hero h1{font-size:50px}.landing-os-stage{width:710px;right:0}.landing-os-window{width:630px}.landing-os-control-center{transform-origin:100% 0;right:3px;transform:scale(.92)}.landing-os-stage.effects-active .landing-os-control-center{animation:none}}@media (width<=900px){.landing-header{height:48px}.landing-nav{min-height:48px;padding-inline:10px}.landing-menubar-status{display:none}.landing-os-hero{height:auto;min-height:0;max-height:none;padding:42px 14px 105px;display:grid}.landing-os-hero .landing-hero-copy{width:min(100%,680px);margin:0 auto;padding:61px 28px 31px;position:relative;top:auto;left:auto}.landing-os-stage{width:min(100%,720px);height:590px;margin:12px auto 0;position:relative;top:auto;right:auto}.landing-os-window{width:calc(100% - 42px);height:505px;top:42px}.landing-os-desktop-icons{top:230px;right:-3px}.landing-os-control-center{right:0}.landing-os-notification{bottom:2px;right:8px}}@media (width<=760px){.landing-os-hero{padding:28px 12px 98px}.landing-os-hero .landing-hero-copy{border-radius:22px;padding:56px 20px 24px}.landing-os-hero h1{font-size:clamp(42px,12.8vw,56px)}.landing-os-stage{height:505px;margin-top:8px}.landing-os-window{width:100%;height:450px;top:30px}.landing-os-desktop-icons{display:none}.landing-os-control-center{top:2px;right:-3px}.landing-os-notification{bottom:0}.landing-os-dock{bottom:17px}}@media (width<=420px){.landing-os-hero h1{font-size:43px}.landing-os-stage{height:475px}.landing-os-window{height:430px}.landing-os-notification{right:0}}@media (prefers-reduced-motion:reduce){.landing-os-stage.effects-active .landing-os-window{animation:none}}.landing-os-hero{height:calc(100svh - 42px);min-height:720px;max-height:900px;padding:0}.landing-os-stage{width:min(1180px,100% - 36px);height:675px;margin:0;position:absolute;inset:26px auto auto 50%;transform:translate(-50%)}.landing-os-window{-webkit-backdrop-filter:blur(32px)saturate(145%);backdrop-filter:blur(32px)saturate(145%);background:#f7fcffe0;border-color:#ffffffeb;border-radius:25px;width:calc(100% - 92px);max-width:1080px;height:610px;top:34px;left:0;box-shadow:0 38px 100px #174a7e33,0 8px 25px #1f5c961a,inset 0 1px #fff}.landing-os-stage.effects-active .landing-os-window{animation:none}.landing-os-titlebar{background:#ffffffc7;height:49px;padding:0 17px}.landing-os-titlebar>strong{font-size:9px}.landing-os-body{grid-template-columns:59px minmax(0,1fr);height:calc(100% - 49px)}.landing-os-sidebar{background:#e4f2fd94;gap:10px;padding-top:15px}.landing-os-sidebar>span{width:34px;height:34px}.landing-os-content{min-width:0;padding:22px 128px 20px 22px}.landing-os-content>header{align-items:center}.landing-os-content>header small{font-size:7px}.landing-os-content>header h2{margin-top:4px;font-size:19px}.landing-os-content>header>em{padding:6px 9px}.landing-os-workspace{grid-template-rows:150px 121px 112px;grid-template-columns:minmax(0,1.28fr) minmax(205px,.72fr);gap:10px;margin-top:15px;display:grid}.landing-os-workspace>article,.landing-os-intro{background:#ffffffe0;border:1px solid #1c508017;border-radius:19px;min-width:0;overflow:hidden;box-shadow:0 9px 24px #2a5c8c0d,inset 0 1px #fff}.landing-os-hero .landing-os-intro{-webkit-backdrop-filter:none;backdrop-filter:none;text-align:left;background:radial-gradient(circle at 92% 12%,#56caf733,#0000 33%),linear-gradient(145deg,#fafdfff7,#e6f4ffdb);border-color:#0a84ff1a;border-radius:19px;grid-area:1/1/span 2;width:auto;max-width:none;margin:0;padding:24px 25px 22px;position:relative;top:auto;left:auto;box-shadow:0 10px 25px #1c5a930f,inset 0 1px #fff}.landing-os-hero .landing-os-intro:before,.landing-os-hero .landing-os-intro:after{display:none}.landing-os-hero .landing-os-intro .landing-eyebrow{padding:6px 9px;font-size:6px}.landing-os-hero .landing-os-intro h1{letter-spacing:-.074em;max-width:520px;margin:15px 0 12px;font-size:clamp(36px,3.45vw,49px);line-height:.91}.landing-os-hero .landing-os-intro>p{max-width:470px;font-size:10px;line-height:1.55}.landing-os-hero .landing-os-intro .landing-hero-actions{gap:8px;margin-top:16px}.landing-os-hero .landing-os-intro .landing-primary,.landing-os-hero .landing-os-intro .landing-secondary{border-radius:10px;min-height:36px;padding-inline:13px;font-size:9px}.landing-os-workspace .os-widget-protection{grid-area:1/2;gap:12px;padding:14px}.landing-os-workspace .os-protection-ring{border-width:7px;width:80px;height:80px}.landing-os-workspace .os-protection-ring>span{width:51px;height:51px}.landing-os-workspace .os-protection-ring svg{width:23px}.landing-os-workspace .os-widget-protection strong{font-size:15px}.landing-os-workspace .os-widget-protection p{font-size:7px}.landing-os-workspace .os-widget-traffic{grid-area:2/2;padding:13px 14px}.landing-os-workspace .os-widget-traffic>div strong{font-size:21px}.landing-os-workspace .os-mini-bars{gap:4px;height:34px;margin:9px 0 6px}.landing-os-workspace .os-mini-bars i{width:7px}.landing-os-workspace .os-widget-devices{grid-area:3/1/auto/-1;grid-template-columns:minmax(130px,.55fr) 1fr 1fr;align-items:center;gap:0;padding:12px 15px;display:grid}.landing-os-workspace .os-widget-devices>header{align-items:center;padding-right:14px}.landing-os-workspace .os-widget-devices>header em{font-size:20px}.landing-os-workspace .os-widget-devices>div{border-top:0;border-left:1px solid #20507b14;min-height:52px;padding:0 13px}.landing-os-control-center{border-radius:19px;width:216px;top:18px;right:0;box-shadow:0 22px 55px #1b4e8029,inset 0 1px #fff}.landing-os-stage.effects-active .landing-os-control-center{animation:none}.landing-os-notification{min-width:226px;bottom:64px;right:4px}.landing-os-dock{background:#f8fcffc9;border-radius:18px;padding:7px;bottom:15px}.landing-os-dock button{border-radius:13px;width:44px;height:44px}.landing-os-dock>i{height:36px}:root[data-theme=dark] .landing-os-workspace>article,:root[data-theme=dark] .landing-os-hero .landing-os-intro{background:linear-gradient(145deg,#1d3143f5,#162b3de6);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0e}:root[data-theme=dark] .landing-os-hero .landing-os-intro>p{color:#b3c2d0}@media (width<=1100px) and (width>=901px){.landing-os-stage{width:calc(100% - 28px)}.landing-os-window{width:calc(100% - 72px)}.landing-os-content{padding-right:116px}.landing-os-workspace{grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr)}.landing-os-hero .landing-os-intro{padding-inline:21px}.landing-os-hero .landing-os-intro h1{font-size:38px}.landing-os-control-center{width:202px}}@media (width<=900px){.landing-os-hero{height:auto;min-height:0;max-height:none;padding:18px 10px 92px}.landing-os-stage{width:min(100%,760px);height:665px;margin:0 auto;position:relative;inset:auto;transform:none}.landing-os-window{width:100%;height:600px;top:18px}.landing-os-content{padding:20px}.landing-os-control-center{display:none}.landing-os-notification{bottom:4px;right:7px}.landing-os-dock{bottom:16px}}@media (width<=700px){.landing-os-hero{padding:12px 8px 88px}.landing-os-stage{height:900px}.landing-os-window{border-radius:21px;height:845px;top:12px}.landing-os-titlebar{height:46px}.landing-os-body{grid-template-columns:44px minmax(0,1fr);height:calc(100% - 46px)}.landing-os-sidebar{gap:7px;padding-top:11px}.landing-os-sidebar>span{width:30px;height:30px}.landing-os-content{padding:16px 11px}.landing-os-content>header h2{font-size:16px}.landing-os-workspace{grid-template-rows:285px 126px 115px 160px;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.landing-os-hero .landing-os-intro{grid-area:1/1/auto/-1;padding:18px}.landing-os-hero .landing-os-intro h1{margin-top:13px;font-size:35px}.landing-os-hero .landing-os-intro>p{font-size:9px}.landing-os-workspace .os-widget-protection{grid-area:2/1;gap:7px;padding:9px}.landing-os-workspace .os-protection-ring{border-width:6px;width:65px;height:65px}.landing-os-workspace .os-protection-ring>span{width:41px;height:41px}.landing-os-workspace .os-widget-protection p{display:none}.landing-os-workspace .os-widget-traffic{grid-area:2/2;padding:10px}.landing-os-workspace .os-mini-bars{gap:3px;height:31px}.landing-os-workspace .os-mini-bars i{width:5px}.landing-os-workspace .os-widget-devices{grid-area:3/1/span 2/-1;padding:12px;display:block}.landing-os-workspace .os-widget-devices>header{padding:0 0 7px}.landing-os-workspace .os-widget-devices>div{border-top:1px solid #20507b14;border-left:0;min-height:48px;padding:0}.landing-os-notification{display:none}}@media (width<=420px){.landing-os-stage{height:880px}.landing-os-window{height:825px}.landing-os-hero .landing-os-intro h1{font-size:32px}.landing-os-hero .landing-os-intro .landing-primary,.landing-os-hero .landing-os-intro .landing-secondary{padding-inline:10px}}@media (width>=901px) and (height<=650px){.landing-os-hero{height:560px;min-height:560px}.landing-os-stage{height:520px;top:8px}.landing-os-window{height:475px;top:18px}.landing-os-content{padding-top:14px;padding-bottom:12px}.landing-os-workspace{grid-template-rows:118px 92px 90px;gap:7px;margin-top:10px}.landing-os-hero .landing-os-intro{padding:16px 20px}.landing-os-hero .landing-os-intro h1{margin:11px 0 8px;font-size:34px}.landing-os-hero .landing-os-intro>p{font-size:8px}.landing-os-hero .landing-os-intro .landing-hero-actions{margin-top:11px}.landing-os-hero .landing-os-intro .landing-primary,.landing-os-hero .landing-os-intro .landing-secondary{min-height:30px;font-size:8px}.landing-os-workspace .os-widget-protection{padding:10px}.landing-os-workspace .os-protection-ring{border-width:6px;width:62px;height:62px}.landing-os-workspace .os-protection-ring>span{width:40px;height:40px}.landing-os-workspace .os-widget-traffic{padding:10px}.landing-os-workspace .os-mini-bars{height:24px;margin:6px 0 4px}.landing-os-workspace .os-widget-devices{padding:8px 12px}.landing-os-workspace .os-widget-devices>div{min-height:40px}.landing-os-control-center{transform-origin:100% 0;top:3px;transform:scale(.88)}.landing-os-notification{transform-origin:100% 100%;bottom:53px;transform:scale(.88)}.landing-os-dock{transform-origin:bottom;bottom:9px;transform:translate(-50%)scale(.88)}}.landing-page{--landing-font-display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue","Segoe UI",sans-serif;--landing-font-text:"SF Pro Text",-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue","Segoe UI",sans-serif;font-synthesis:none;font-kerning:normal;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-weight:400;font-family:var(--landing-font-text)!important}.landing-page *,.landing-page :before,.landing-page :after{font-family:var(--landing-font-text)!important}.landing-page :is(h1,h2,h3),.landing-brand strong,.landing-os-content>header h2,.landing-plan-price strong,.landing-final-cta h2,.landing-os-workspace .os-widget-traffic>div strong{font-family:var(--landing-font-display)!important}.landing-page :is(h1,h2,h3,p){font-style:normal}.landing-page :is(h1,h2,h3){text-wrap:balance}.landing-page p{letter-spacing:-.008em;font-weight:400}.landing-page strong{font-weight:600}.landing-page button{letter-spacing:-.008em;font-weight:600}.landing-brand strong{letter-spacing:-.025em;font-weight:650}.landing-nav-links button,.landing-signin{letter-spacing:-.012em;font-weight:550}.landing-primary,.landing-secondary{letter-spacing:-.015em;font-weight:650}.landing-kicker,.landing-eyebrow,.landing-final-cta>span{letter-spacing:.095em;font-weight:700}.landing-section-heading h2,.landing-app-copy h2,.landing-faq-heading h2,.landing-final-cta h2{letter-spacing:-.047em;font-weight:700;line-height:1.02}.landing-feature-card h3,.landing-step-stack h3,.landing-plan-head h3,.landing-plan-empty h3{letter-spacing:-.032em;font-weight:650}.landing-section-heading p,.landing-app-copy>p,.landing-feature-card p,.landing-step-stack p,.landing-faq-heading p,.landing-faq-list details p,.landing-final-cta p{letter-spacing:-.006em;font-weight:400}.landing-app-points span,.landing-plan-benefits span,.landing-text-action,.landing-faq-list summary{letter-spacing:-.012em;font-weight:550}.landing-faq-list summary{font-weight:600}.landing-plan-price strong{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-weight:700}.landing-plan-price span,.landing-footer-columns button{font-weight:450}.landing-footer-brand strong,.landing-footer-columns strong{letter-spacing:-.018em;font-weight:600}.landing-os-titlebar>strong{letter-spacing:-.015em;font-weight:600}.landing-os-content>header small,.landing-os-workspace small,.landing-os-status-strip small{letter-spacing:.075em;font-weight:650}.landing-os-content>header h2{letter-spacing:-.04em;font-weight:650}.landing-os-content>header>em{letter-spacing:-.005em;font-weight:650}.landing-os-hero .landing-os-intro h1{letter-spacing:-.047em;font-weight:700;line-height:.97}.landing-os-hero .landing-os-intro h1 em{font-weight:700}.landing-os-hero .landing-os-intro .landing-eyebrow{letter-spacing:.095em;font-size:7px;font-weight:700}.landing-os-hero .landing-os-intro>p{letter-spacing:-.004em;font-weight:400}.landing-os-workspace .os-widget-protection strong,.landing-os-workspace .os-widget-devices>header strong,.landing-os-workspace .os-widget-devices p strong{letter-spacing:-.022em;font-weight:650}.landing-os-workspace .os-widget-traffic>div strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-weight:700}.landing-os-workspace .os-widget-devices>header em,.landing-os-control-center footer,.landing-menubar-status b{font-variant-numeric:tabular-nums}.landing-os-control-center strong,.landing-os-notification strong{letter-spacing:-.015em;font-weight:600}.landing-os-control-center small,.landing-os-notification small{letter-spacing:-.005em;font-weight:450}.landing-os-status-strip strong,.landing-app-console-head strong,.landing-app-list strong{letter-spacing:-.018em;font-weight:600}@media (width<=700px){.landing-os-hero .landing-os-intro h1{letter-spacing:-.043em;line-height:.98}.landing-os-hero .landing-os-intro .landing-eyebrow{font-size:6px}}.landing-page{background:radial-gradient(circle at 5% 20%,#5cc8fa21,#0000 23%),radial-gradient(circle at 96% 45%,#0a84ff14,#0000 26%),linear-gradient(#fbfdff 0,#f4f9ff 38%,#fff 100%)}.landing-trust{padding-top:10px;position:relative}.landing-trust:before{content:"SYSTEM STATUS";color:#9ab0c3;letter-spacing:.13em;font-size:7px;font-weight:700;position:absolute;top:-2px;left:32px}.landing-trust>div{background:linear-gradient(145deg,#ffffffe0,#f0f8ffb3);border-color:#0a84ff1f;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,box-shadow .24s;position:relative;box-shadow:0 12px 30px #215b970e,inset 0 1px #fff}.landing-trust>div>span{border:1px solid #0a84ff1a;box-shadow:inset 0 1px #ffffffe6}@media (hover:hover) and (pointer:fine){.landing-trust>div:hover{border-color:#0a84ff3d;transform:translateY(-4px);box-shadow:0 18px 36px #215b971a,inset 0 1px #fff}}.landing-apps,.landing-features,.landing-how,.landing-plans,.landing-faq{position:relative}.landing-apps:before,.landing-features:before,.landing-how:before,.landing-plans:before,.landing-faq:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#6fd3f71f,#0000 68%);border-radius:50%;width:420px;height:260px;position:absolute}.landing-apps:before{top:40px;left:-180px}.landing-features:before{top:120px;right:-190px}.landing-how:before{opacity:.72;top:80px;left:-170px}.landing-plans:before{opacity:.65;top:80px;right:-160px}.landing-faq:before{opacity:.55;top:120px;left:-190px}.landing-app-showcase{border-color:#0a84ff24;box-shadow:0 28px 72px #1f558b1a,inset 0 1px #fff}.landing-app-showcase:after{content:"ZBOARD / APP CENTER";color:#075dbd6b;letter-spacing:.13em;font-size:7px;font-weight:700;position:absolute;top:18px;right:28px}.landing-app-console{border-color:#0a84ff29;box-shadow:0 25px 55px #1f558b21,inset 0 1px #fff}.landing-app-list article{transition:transform .2s,border-color .2s,box-shadow .2s}@media (hover:hover) and (pointer:fine){.landing-app-list article:hover{border-color:#0a84ff3d;transform:translateY(-2px);box-shadow:0 8px 18px #1f558b14}}.landing-feature-card{border-color:#0a84ff21;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s;box-shadow:0 24px 65px #1d528b17,inset 0 1px #fff}@media (hover:hover) and (pointer:fine){.landing-feature-card:hover{border-color:#0a84ff3d;transform:translateY(-5px);box-shadow:0 31px 78px #1d528b24,inset 0 1px #fff}.landing-feature-card.feature-security:hover{transform:translateY(-5px)}}.landing-feature-card.feature-security:before{content:"01";color:#075dbd33;letter-spacing:.08em;font-size:10px;font-weight:700;position:absolute;top:27px;right:29px}.landing-feature-card.feature-speed:before,.landing-feature-card.feature-sync:before{color:#075dbd33;letter-spacing:.08em;font-size:9px;font-weight:700;position:absolute;top:25px;right:26px}.landing-feature-card.feature-speed:before{content:"02"}.landing-feature-card.feature-sync:before{content:"03"}.landing-how{padding-top:112px}.landing-how-layout{position:relative}.landing-how-layout:before{content:"";pointer-events:none;border-left:1px dashed #0a84ff24;position:absolute;top:0;bottom:0;left:calc(78% - 36px)}.landing-step-stack article{border-color:#0a84ff21;transition:transform .23s cubic-bezier(.22,1,.36,1),border-color .23s,box-shadow .23s;box-shadow:0 14px 32px #2356890f,inset 0 1px #fff}@media (hover:hover) and (pointer:fine){.landing-step-stack article:hover{border-color:#0a84ff40;transform:translate(5px);box-shadow:0 18px 38px #2356891a,inset 0 1px #fff}}.landing-step-stack article>span{color:#6e9bc0;background:#edf7ff;border:1px solid #0a84ff1f;border-radius:9px;place-items:center;width:27px;height:27px;font-size:8px;display:grid}.landing-plans{padding-top:112px}.landing-plans .landing-section-heading{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);align-items:end;column-gap:58px;max-width:none;display:grid}.landing-plans .landing-section-heading .landing-kicker{grid-area:1/1}.landing-plans .landing-section-heading h2{grid-area:2/1;margin-top:12px}.landing-plans .landing-section-heading p{grid-area:1/2/span 2;align-self:end;max-width:460px;margin:0 0 3px}.landing-plan-empty{background:radial-gradient(circle at 90% 0,#59caf733,#0000 30%),linear-gradient(145deg,#f7fcfff5,#e7f4ffc7);border-style:solid;border-color:#0a84ff29;min-height:156px;position:relative;overflow:hidden;box-shadow:0 20px 55px #215b9714,inset 0 1px #fff}.landing-plan-empty:before{content:"PLAN CATALOG · LIVE";color:#075dbd61;letter-spacing:.12em;font-size:7px;font-weight:700;position:absolute;top:18px;right:23px}.landing-plan-empty:after{content:"";pointer-events:none;border:1px solid #0a84ff1f;border-radius:50%;width:270px;height:200px;position:absolute;bottom:-100px;right:-70px;box-shadow:0 0 0 22px #0a84ff09,0 0 0 44px #0a84ff06}.landing-plan-empty>*{z-index:1;position:relative}.landing-plan-empty>span{box-shadow:0 9px 20px #007aff1f,inset 0 1px #fff}.landing-plan-empty h3{font-size:17px}.landing-plan-empty p{max-width:510px;font-size:12px}.landing-faq{padding-top:112px}.landing-faq-list{background:#ffffff94;border:1px solid #0a84ff21;border-radius:24px;padding:0 22px;box-shadow:0 20px 55px #215b970f,inset 0 1px #fff}.landing-faq-list details:last-child{border-bottom:0}.landing-faq-list summary{min-height:68px}.landing-faq-list details p{margin-bottom:21px}.landing-footer{border-top:1px solid #0a84ff1a;margin-top:35px;position:relative}:root[data-theme=dark] .landing-page{background:radial-gradient(circle at 5% 20%,#0a84ff24,#0000 24%),linear-gradient(#07121f,#0b1e31 58%,#07111d)}:root[data-theme=dark] .landing-trust>div,:root[data-theme=dark] .landing-plan-empty,:root[data-theme=dark] .landing-faq-list{background:#142b41c7;border-color:#7ec5ff29;box-shadow:0 20px 55px #0000003d,inset 0 1px #ffffff0f}:root[data-theme=dark] .landing-faq-list summary{color:#f2f7fc}:root[data-theme=dark] .landing-plan-empty:before,:root[data-theme=dark] .landing-app-showcase:after{color:#7ec5ff8c}@media (width<=760px){.landing-trust{padding-top:8px}.landing-trust:before{left:18px}.landing-trust>div{align-items:flex-start;gap:8px;min-height:78px;padding:12px}.landing-trust>div>span{width:31px;height:31px}.landing-trust strong,.landing-trust small{white-space:normal;line-height:1.25}.landing-app-showcase:after{font-size:6px;top:14px;right:19px}.landing-how{padding-top:91px}.landing-how-layout:before{display:none}.landing-plans,.landing-faq{padding-top:91px}.landing-plans .landing-section-heading{display:block}.landing-plan-empty{min-height:205px;padding:20px}.landing-plan-empty:before{top:14px;right:17px}.landing-plan-empty p{font-size:11px}.landing-faq-list{border-radius:20px;padding:0 15px}.landing-faq-list summary{min-height:60px}.landing-footer{margin-top:25px}}.landing-header{-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);background:#fafdffd1;border-bottom:1px solid #1c4d7e14;height:auto;padding:11px 24px;box-shadow:0 1px #ffffffe6}.landing-nav{width:min(100%,1280px);min-height:50px;padding:0}.landing-brand{gap:9px}.landing-brand>span,.landing-brand>img{border-radius:12px;width:36px;height:36px}.landing-brand>span svg{width:20px}.landing-brand strong{font-size:15px}.landing-nav-links{gap:3px;margin-left:23px}.landing-nav-links button,.landing-signin{border-radius:10px;min-height:36px;padding-inline:11px;font-size:11px}.landing-nav-actions{gap:8px}.landing-nav-actions .theme-toggle,.landing-nav-actions .language-switcher-button{border-radius:11px;min-width:36px;height:36px}.landing-primary.compact{border-radius:12px;min-height:38px;padding-inline:15px;font-size:10px}.landing-modern-hero{background:0 0;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);align-items:center;gap:54px;width:min(100%,1280px);min-height:690px;margin:0 auto;padding:78px 32px 86px;display:grid;overflow:visible}.landing-modern-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#67cffa29,#0a84ff0b 42%,#0000 70%);border:0;border-radius:50%;width:min(1180px,92vw);height:540px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.landing-modern-copy{max-width:570px}.landing-modern-copy .landing-eyebrow{padding:8px 12px;font-size:9px}.landing-modern-copy h1{max-width:620px;color:var(--landing-ink);letter-spacing:-.052em;margin:23px 0 20px;font-size:clamp(54px,5.55vw,76px);font-weight:700;line-height:.97}.landing-modern-copy h1 em{color:#0000;background:linear-gradient(105deg,#087df5,#45b9ec 64%,#63cef3);-webkit-background-clip:text;background-clip:text;font-style:normal}.landing-modern-copy>p{max-width:530px;color:var(--landing-muted);font-size:15px;line-height:1.68}.landing-modern-copy .landing-hero-actions{margin-top:28px}.landing-modern-copy .landing-primary,.landing-modern-copy .landing-secondary{border-radius:14px;min-height:49px;padding-inline:19px;font-size:12px}.landing-modern-proof{flex-wrap:wrap;gap:9px 16px;margin-top:25px;display:flex}.landing-modern-proof span{color:#587189;align-items:center;gap:6px;font-size:10px;font-weight:550;display:inline-flex}.landing-modern-proof svg{color:#20a05a}.landing-product-stage{isolation:isolate;contain:layout paint style;width:min(100%,620px);height:555px;position:relative}.landing-product-halo{z-index:-2;filter:blur(4px);background:radial-gradient(#78d8fd47,#0a84ff14 46%,#0000 70%);border-radius:50%;position:absolute;inset:7% 1% 5%}.landing-product-card{z-index:3;background:linear-gradient(145deg,#fffffff5,#ebf7ffe0);border:1px solid #fffffff0;border-radius:31px;width:min(500px,100% - 55px);min-height:455px;padding:22px;position:absolute;top:42px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 38px 90px #1e568f2e,0 9px 28px #125b9c14,inset 0 1px #fff}.landing-product-card:before{content:"";pointer-events:none;border:1px solid #0a84ff14;border-radius:50%;width:300px;height:300px;position:absolute;top:-125px;right:-110px;box-shadow:0 0 0 28px #0a84ff06,0 0 0 56px #0a84ff05}.landing-product-card-head{border-bottom:1px solid #1a4d7e17;justify-content:space-between;align-items:center;gap:15px;padding-bottom:18px;display:flex;position:relative}.landing-product-card-head>div{align-items:center;gap:10px;display:flex}.landing-product-card-head>div>span{color:#fff;background:linear-gradient(145deg,#087df5,#55c9f6);border-radius:13px;place-items:center;width:39px;height:39px;display:grid;box-shadow:0 9px 20px #007aff38,inset 0 1px #ffffff73}.landing-product-card-head p{margin:0}.landing-product-card-head strong,.landing-product-card-head small{display:block}.landing-product-card-head strong{color:#173a57;font-size:11px}.landing-product-card-head small{color:#8397aa;margin-top:3px;font-size:8px}.landing-product-card-head>em{color:#198b4f;background:#e7f8ed;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:8px;font-style:normal;font-weight:650;display:inline-flex}.landing-product-card-head>em i{background:#2bb869;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #2bb8691a}.landing-product-connection{align-items:center;gap:25px;min-height:205px;padding:24px 16px;display:flex;position:relative}.landing-product-ring{border:11px solid #0a84ff;border-color:#0a84ff #52cdf5 #dff2ff #dff2ff;border-radius:50%;flex:none;place-items:center;width:132px;height:132px;display:grid;transform:rotate(16deg)}.landing-product-ring>span{color:#fff;background:linear-gradient(145deg,#087df5,#55c9f6);border-radius:50%;place-items:center;width:82px;height:82px;display:grid;transform:rotate(-16deg);box-shadow:0 14px 30px #007aff33}.landing-product-connection small{color:#8499ad;letter-spacing:.08em;font-size:8px;font-weight:650}.landing-product-connection strong{color:#173d5d;letter-spacing:-.045em;margin-top:6px;font-size:28px;display:block}.landing-product-connection p{color:#7890a4;max-width:180px;margin:6px 0 0;font-size:9px;line-height:1.5}.landing-product-stats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.landing-product-stats article{background:#ffffffd1;border:1px solid #1c508017;border-radius:18px;align-content:space-between;min-width:0;min-height:116px;padding:14px;display:grid;box-shadow:0 8px 20px #2a5c8c0a,inset 0 1px #fff}.landing-product-stats article>div{justify-content:space-between;align-items:flex-end;gap:8px;display:flex}.landing-product-stats small{color:#8a9eb0;letter-spacing:.07em;font-size:7px;font-weight:650}.landing-product-stats strong{color:#1a4567;letter-spacing:-.045em;font-size:22px}.landing-product-stats article:first-child>span{align-items:end;gap:5px;height:41px;display:flex}.landing-product-stats article:first-child>span i{width:8px;height:var(--bar);background:linear-gradient(#61d3f5,#0a84ff);border-radius:4px 4px 2px 2px}.landing-product-avatars{align-items:center;padding-left:4px;display:flex}.landing-product-avatars i{color:#0a84ff;background:#e9f5ff;border:2px solid #fff;border-radius:10px;place-items:center;width:32px;height:32px;margin-left:-4px;display:grid}.landing-product-device{z-index:5;background:#fffffff0;border:1px solid #fffffff2;border-radius:17px;align-items:center;gap:10px;min-width:210px;padding:11px;display:flex;position:absolute;box-shadow:0 18px 42px #1f578f24,inset 0 1px #fff}.landing-product-device>span{color:#087df5;background:#e7f3ff;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.landing-product-device>div{gap:3px;min-width:0;display:grid}.landing-product-device small{color:#8a9eaf;letter-spacing:.07em;font-size:7px;font-weight:650}.landing-product-device strong{color:#234a68;white-space:nowrap;font-size:9px}.landing-product-device>i{background:#2dbb6c;border-radius:50%;width:7px;height:7px;margin-left:auto;box-shadow:0 0 0 4px #2dbb6c1a}.device-phone{top:112px;left:0}.device-laptop{bottom:38px;right:0}.landing-product-stage.effects-active .landing-product-ring{animation:4.8s ease-in-out infinite landing-ring-breathe}.landing-product-stage.effects-active .device-phone{animation:5.8s ease-in-out infinite landing-device-float}.landing-product-stage.effects-active .device-laptop{animation:6.2s ease-in-out -2s infinite landing-device-float}@keyframes landing-ring-breathe{0%,to{transform:rotate(16deg)scale(1)}50%{transform:rotate(16deg)scale(1.035)}}@keyframes landing-device-float{0%,to{translate:0}50%{translate:0 -6px}}.landing-status-strip{margin-top:0}:root[data-theme=dark] .landing-header{background:#081524db;border-color:#ffffff17}:root[data-theme=dark] .landing-modern-hero:before{background:radial-gradient(#0a84ff2e,#0a84ff0d 43%,#0000 70%)}:root[data-theme=dark] .landing-product-card,:root[data-theme=dark] .landing-product-device{background:linear-gradient(145deg,#1c3043f5,#12283bed);border-color:#ffffff21;box-shadow:0 38px 90px #00000057,inset 0 1px #ffffff0f}:root[data-theme=dark] .landing-product-card-head{border-color:#ffffff17}:root[data-theme=dark] .landing-product-card-head strong,:root[data-theme=dark] .landing-product-connection strong,:root[data-theme=dark] .landing-product-stats strong,:root[data-theme=dark] .landing-product-device strong{color:#eff7ff}:root[data-theme=dark] .landing-product-card-head small,:root[data-theme=dark] .landing-product-connection p,:root[data-theme=dark] .landing-product-device small{color:#a9bccd}:root[data-theme=dark] .landing-product-stats article{background:#23384ad1;border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff0d}:root[data-theme=dark] .landing-product-avatars i{color:#75cbff;background:#294a66;border-color:#243e56}@media (width<=1080px){.landing-modern-hero{grid-template-columns:1fr;gap:30px;padding-top:70px}.landing-modern-copy{max-width:760px}.landing-product-stage{width:min(100%,680px);margin:0 auto}}@media (width>=921px) and (width<=1080px){.landing-modern-hero{grid-template-columns:minmax(0,.84fr) minmax(430px,1.16fr);gap:34px;padding:64px 28px 76px}.landing-modern-copy{max-width:510px}.landing-modern-copy h1{font-size:clamp(51px,5.5vw,61px)}.landing-modern-copy>p{font-size:14px}.landing-product-stage{width:100%;margin:0}.landing-product-card{width:calc(100% - 32px)}.landing-product-device{min-width:190px}}@media (width<=760px){.landing-header{height:auto;padding:7px 10px}.landing-nav{min-height:46px}.landing-brand>span,.landing-brand>img{border-radius:10px;width:32px;height:32px}.landing-brand strong{font-size:14px}.landing-modern-hero{min-height:0;padding:56px 18px 65px}.landing-modern-copy h1{margin-top:19px;font-size:clamp(46px,13vw,59px)}.landing-modern-copy>p{font-size:14px}.landing-modern-copy .landing-hero-actions{grid-template-columns:1fr;display:grid}.landing-modern-copy .landing-hero-actions>*{width:100%}.landing-modern-proof{grid-template-columns:1fr 1fr;gap:9px;display:grid}.landing-product-stage{height:500px;margin-top:4px}.landing-product-card{border-radius:25px;width:calc(100% - 20px);min-height:420px;padding:17px;top:30px}.landing-product-connection{gap:16px;min-height:178px;padding:18px 7px}.landing-product-ring{border-width:9px;width:104px;height:104px}.landing-product-ring>span{width:65px;height:65px}.landing-product-ring svg{width:28px}.landing-product-connection strong{font-size:22px}.landing-product-stats article{min-height:105px;padding:11px}.landing-product-device{min-width:185px;padding:9px;transform:scale(.9)}.device-phone{transform-origin:0;top:88px;left:-7px}.device-laptop{transform-origin:100%;bottom:2px;right:-7px}}@media (width<=420px){.landing-modern-proof{grid-template-columns:1fr}.landing-product-stage{height:470px}.landing-product-card{width:100%;min-height:408px}.landing-product-device{display:none}.landing-product-connection{justify-content:center}.landing-product-connection p{max-width:145px}.landing-product-stats strong{font-size:19px}}@media (prefers-reduced-motion:reduce){.landing-product-stage.effects-active .landing-product-ring,.landing-product-stage.effects-active .landing-product-device{animation:none}}.traffic-chart{padding:22px 24px 20px;overflow:hidden}.traffic-chart-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.traffic-chart-kicker{color:var(--primary);letter-spacing:.12em;font-size:9px;font-weight:800;display:block}.traffic-chart-head h2{letter-spacing:-.035em;margin:4px 0 3px;font-size:20px}.traffic-chart-head p{color:var(--muted);margin:0;font-size:11px}.traffic-chart-insights{gap:8px;display:flex}.traffic-chart-insights span{border:1px solid var(--border);background:color-mix(in srgb,var(--surface) 82%,var(--primary-soft));border-radius:12px;gap:4px;min-width:92px;padding:9px 11px;display:grid}.traffic-chart-insights small{color:var(--muted);font-size:9px}.traffic-chart-insights strong{color:var(--text);font-size:12px}.traffic-chart-legend{color:var(--muted);align-items:center;gap:14px;margin:20px 0 4px 46px;font-size:10px;display:flex}.traffic-chart-legend span{align-items:center;gap:5px;display:inline-flex}.traffic-chart-legend i,.traffic-tooltip i{border-radius:50%;width:7px;height:7px;display:inline-block}.traffic-chart-legend .upload i,.traffic-tooltip i.upload{background:#48b9f2}.traffic-chart-legend .download i,.traffic-tooltip i.download{background:#1478e6}.traffic-chart-legend em{color:var(--muted);margin-left:auto;font-style:normal}.traffic-chart-body{grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:248px;display:grid}.traffic-y-axis{color:var(--muted);text-align:right;flex-direction:column;justify-content:space-between;padding:13px 0 27px;font-size:9px;display:flex}.traffic-plot{min-width:0;padding:12px 8px 0;position:relative}.traffic-grid-lines{pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:12px 8px 28px}.traffic-grid-lines i{background:var(--border);opacity:.7;height:1px;display:block}.traffic-bars{z-index:1;grid-template-columns:repeat(var(--traffic-columns),minmax(42px,1fr));border-bottom:1px solid var(--border);justify-content:space-around;align-items:end;gap:clamp(5px,1.2vw,16px);height:220px;padding:0 3px;display:grid;position:relative}.traffic-bar-item{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;height:100%;padding:0;display:flex;position:relative}.traffic-bar-stack{width:min(100%,42px);min-height:7px;box-shadow:0 8px 18px color-mix(in srgb,var(--primary) 16%,transparent);border-radius:9px 9px 4px 4px;flex-direction:column;transition:filter .18s,transform .18s;display:flex;overflow:hidden}.traffic-bar-stack i{width:100%;min-height:1px;display:block}.traffic-bar-stack i.upload{background:linear-gradient(#7df,#43b8f3)}.traffic-bar-stack i.download{background:linear-gradient(#3e9cf5,#146ed9)}.traffic-bar-item small{color:var(--muted);white-space:nowrap;font-size:9px}.traffic-bar-item:hover .traffic-bar-stack,.traffic-bar-item:focus-visible .traffic-bar-stack{filter:saturate(1.15)brightness(1.08);transform:translateY(-3px)}.traffic-bar-item:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:8px}.traffic-tooltip{z-index:3;color:#fff;opacity:0;pointer-events:none;text-align:left;background:#141b27f0;border:1px solid #ffffff26;border-radius:11px;gap:5px;min-width:145px;padding:10px 11px;font-style:normal;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:calc(100% - 20px);left:50%;transform:translate(-50%,4px);box-shadow:0 12px 28px #0003}.traffic-bar-item:hover .traffic-tooltip,.traffic-bar-item:focus-visible .traffic-tooltip{opacity:1;transform:translate(-50%)}.traffic-tooltip strong{font-size:10px}.traffic-tooltip b{font-size:13px}.traffic-tooltip span{color:#dbeafe;align-items:center;gap:5px;font-size:9px;display:flex}[data-theme=dark] .traffic-chart-insights span{background:#1a283fb8;border-color:#6fb1ff33}[data-theme=dark] .traffic-tooltip{background:#0c121ef5}@media (width<=680px){.traffic-chart{padding:18px 14px 16px}.traffic-chart-head{display:block}.traffic-chart-insights{margin-top:12px}.traffic-chart-insights span{flex:1;min-width:0}.traffic-chart-legend{margin-left:38px}.traffic-chart-body{grid-template-columns:34px minmax(0,1fr);gap:5px;min-height:218px}.traffic-bars{grid-template-columns:repeat(var(--traffic-columns),minmax(38px,1fr));gap:6px;height:190px;overflow-x:auto}.traffic-bar-stack{width:min(100%,30px)}}.app-shell main>.content{animation:.14s cubic-bezier(.2,.7,.3,1) both customer-route-in}.sidebar nav button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sidebar nav button:active{transform:scale(.985)}@keyframes customer-route-in{0%{opacity:.72}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app-shell main>.content{animation:none}}.route-plan .plan-card{background:var(--surface);border-color:#0071e324;box-shadow:0 12px 34px #004ba012}.route-plan .plan-card:hover{border-color:#0071e357;box-shadow:0 20px 48px #004ba01f}.route-plan .plan-card.featured{border-color:#0071e36b;box-shadow:0 18px 48px #0071e324,inset 0 1px #ffffffe6}.route-plan .plan-card-title{text-align:left}.route-plan .plan-card-title h2{color:var(--text)}.route-plan .plan-featured-badge{color:#0757a7;background:#e7f4ff;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:760;display:inline-flex;position:absolute;top:31px;left:0}.route-plan .plan-period-chips button{min-height:44px;color:var(--muted);background:var(--surface);border-radius:12px}.route-plan .plan-period-chips button.available.selected{color:#fff;background:#0071e3;border-color:#0071e3;box-shadow:0 7px 16px #0071e32e}.route-plan .plan-period-chips button.available.selected strong{color:#fff}.route-plan .plan-buy{background:#0071e3;border-color:#0071e3;min-height:46px}.route-plan .plan-buy:hover{background:#06c}.purchase-stepper,.payment-stepper{background:var(--soft);border:1px solid #0071e31f;border-radius:15px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.purchase-step,.payment-step{min-height:42px;color:var(--muted);justify-content:center;align-items:center;gap:7px;font-size:11px;font-weight:650;display:flex}.purchase-step:first-child,.payment-step:first-child{justify-content:flex-start;padding-left:8px}.purchase-step:last-child,.payment-step:last-child{justify-content:flex-end;padding-right:8px}.purchase-step>span,.payment-step>span{width:24px;height:24px;color:var(--muted);background:var(--surface);border-radius:50%;place-items:center;font-size:10px;display:grid}.purchase-step.active,.payment-step.active,.purchase-step.done,.payment-step.done{color:#0071e3}.purchase-step.active>span,.payment-step.active>span,.purchase-step.done>span,.payment-step.done>span{color:#fff;background:#0071e3}.purchase-modal-heading{gap:4px;margin-top:18px;display:grid}.purchase-modal-heading h2{color:var(--text);letter-spacing:-.035em;margin:0}.purchase-modal-heading p{color:var(--muted);margin:0}.purchase-modal-kicker{color:#0071e3;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:760}.purchase-modal-alert{min-height:0;margin:12px 0 2px}.purchase-modal-alert:empty{display:none}.purchase-modal .modal-close,.order-detail .modal-close{border-color:var(--border);width:44px;height:44px;color:var(--muted);background:var(--surface);border-radius:50%}.purchase-modal .modal-close:disabled,.order-detail .modal-close:disabled{opacity:.42;cursor:wait}.purchase-modal .modal-close:hover{color:#0071e3;background:#eef7ff;border-color:#0071e347}.purchase-modal .periods button{background:var(--surface);border-radius:14px;min-height:58px}.purchase-modal .periods button.selected{color:#fff;background:#0071e3;border-color:#0071e3;box-shadow:0 8px 18px #0071e32b}.purchase-modal .periods button.selected span,.purchase-modal .periods button.selected strong{color:#fff}.purchase-coupon>span small{color:var(--muted);font-size:10px;font-weight:500}.checkout-summary{border:1px solid var(--border);background:var(--soft);border-radius:15px;padding:14px}.checkout-total strong{color:#0071e3}.order-detail{gap:16px}.order-detail h2{letter-spacing:-.035em}.order-detail .purchase-modal-alert{margin:0}.order-detail .detail-list{border-radius:15px}.order-detail .detail-list .detail-total{background:#eef7ff}.payment-method-summary{background:#eef7ff;border:1px solid #0071e32e;border-radius:14px;gap:8px;padding:13px 14px;display:grid}.payment-method-summary>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.payment-method-summary span{color:#5b6e82;font-size:11px}.payment-method-summary strong{color:#0757a7;font-size:13px}:root[data-theme=dark] .route-plan .plan-featured-badge{color:#bdeaff;background:#12314e}:root[data-theme=dark] .route-plan .plan-period-chips button.available.selected,:root[data-theme=dark] .route-plan .plan-buy,:root[data-theme=dark] .purchase-modal .periods button.selected,:root[data-theme=dark] .purchase-step.active>span,:root[data-theme=dark] .payment-step.active>span,:root[data-theme=dark] .purchase-step.done>span,:root[data-theme=dark] .payment-step.done>span{color:#071522;background:#64b5ff}:root[data-theme=dark] .purchase-step.active,:root[data-theme=dark] .payment-step.active,:root[data-theme=dark] .purchase-step.done,:root[data-theme=dark] .payment-step.done,:root[data-theme=dark] .purchase-modal-kicker{color:#64b5ff}:root[data-theme=dark] .order-detail .detail-list .detail-total,:root[data-theme=dark] .payment-method-summary{background:#12314e;border-color:#64b5ff38}:root[data-theme=dark] .payment-method-summary span{color:#b7c5d7}:root[data-theme=dark] .payment-method-summary strong{color:#bdeaff}@media (width<=760px){.purchase-step,.payment-step{min-height:44px;font-size:10px}.purchase-step small,.payment-step small{white-space:nowrap}.purchase-modal .periods{grid-template-columns:1fr 1fr}.purchase-modal .purchase-modal-scroll{padding:18px 16px 16px}.purchase-modal .purchase-submit{background:#0071e3;min-height:56px}.order-detail{width:100%;max-height:100dvh}}@media (width<=440px){.purchase-step,.payment-step{gap:4px;padding-inline:3px!important}.purchase-step>span,.payment-step>span{width:22px;height:22px}.purchase-modal .periods{grid-template-columns:1fr}}
