:root{
  --bg:#07111f;--bg2:#0b1729;--panel:#0d1b2e;--panel2:#10243d;--line:#1c3657;
  --text:#f7fbff;--muted:#9eb1c7;--blue:#5eb2ff;--blue2:#2c78e7;--gold:#f0bf67;--green:#49d19c;
  --danger:#ff6b7a;--white:#fff;--shadow:0 24px 80px rgba(0,0,0,.32);--radius:24px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#06101c,#081523 55%,#06101b);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,5vw,80px);background:rgba(5,13,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(94,178,255,.12)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#203b5e,#0f2037);border:1px solid #31567e;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 30px rgba(26,116,217,.18);display:grid;place-items:center}.brand-mark span{font-weight:950;font-size:24px;background:linear-gradient(180deg,#fff,#8cc9ff);-webkit-background-clip:text;color:transparent}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{letter-spacing:.2em;font-size:18px}.brand-copy small{font-size:9px;letter-spacing:.25em;color:var(--blue);margin-top:5px}.site-nav{display:flex;align-items:center;gap:24px;font-size:14px;color:#d5e1ee}.site-nav a{padding:10px 2px;border-bottom:2px solid transparent;transition:.2s}.site-nav a:hover,.site-nav a.active{color:#fff;border-color:var(--blue)}.mobile-menu{display:none;background:#10243d;border:1px solid #25496e;color:#fff;border-radius:12px;padding:10px 13px}
.hero{position:relative;overflow:hidden;padding:96px clamp(20px,6vw,96px) 86px;background:radial-gradient(circle at 70% 20%,rgba(53,125,215,.25),transparent 35%),radial-gradient(circle at 15% 5%,rgba(240,191,103,.09),transparent 28%),linear-gradient(150deg,#07111e,#09182a 62%,#07111f)}.hero:after{content:"";position:absolute;inset:auto -10% -45% 35%;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(81,171,255,.15),transparent 67%);filter:blur(20px)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:60px;align-items:center;max-width:1380px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--blue);font-weight:800}.hero h1{font-size:clamp(46px,7vw,88px);line-height:.98;margin:16px 0 24px;letter-spacing:-.055em}.hero h1 span{display:block;background:linear-gradient(90deg,#fff 15%,#89c7ff 58%,#f4c97f);-webkit-background-clip:text;color:transparent}.hero p{max-width:700px;color:#b9c9da;font-size:18px;line-height:1.75}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid #294b70;border-radius:14px;padding:13px 20px;background:#10233b;color:#fff;font-weight:800;transition:.2s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{transform:translateY(-1px);border-color:#4a83bb}.btn.primary{background:linear-gradient(135deg,#65baff,#367ee9);color:#04111d;border-color:#72c2ff}.btn.gold{background:linear-gradient(135deg,#f5cf85,#d89c3d);color:#1b1305;border-color:#f5cf85}.btn.success{background:linear-gradient(135deg,#5be0ad,#2ca975);color:#041610;border-color:#65e5b6}.btn.danger{background:#331824;border-color:#6f2a3d;color:#ffbbc4}.btn.wide{width:100%}.btn.small{padding:9px 13px;border-radius:10px;font-size:13px}.hero-note{margin-top:22px;color:#7890aa;font-size:13px}.device-mock{background:linear-gradient(145deg,#0b1727,#0d2037);border:1px solid #254a72;border-radius:30px;padding:18px;box-shadow:var(--shadow);transform:perspective(900px) rotateY(-4deg) rotateX(2deg)}.device-screen{border:1px solid #1a3b5f;border-radius:22px;overflow:hidden;background:#07111f}.device-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #183453}.device-status{padding:7px 10px;border-radius:999px;background:rgba(73,209,156,.12);border:1px solid rgba(73,209,156,.35);color:#68e0b2;font-size:11px;font-weight:900;letter-spacing:.12em}.device-hero{padding:30px 22px;background:radial-gradient(circle at 80% 0,rgba(68,149,240,.22),transparent 40%)}.device-hero h3{font-size:32px;margin:4px 0 8px}.device-hero p{font-size:13px;margin:0;color:#89a1b9}.device-menu{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:18px}.device-tile{padding:18px;border-radius:16px;background:linear-gradient(145deg,#10233a,#0a192a);border:1px solid #1c3b5e;min-height:100px}.device-tile strong{display:block;margin-top:26px;font-size:14px}.device-tile span{font-size:20px;color:var(--blue)}
.section{padding:84px clamp(20px,6vw,96px)}.section.light{background:#f4f8fc;color:#132235}.section.white{background:#fff;color:#132235}.section-title{max-width:820px;margin:0 auto 44px;text-align:center}.section-title h2{font-size:clamp(34px,5vw,54px);letter-spacing:-.04em;margin:8px 0 14px}.section-title p{color:var(--muted);line-height:1.7}.light .section-title p,.white .section-title p{color:#63758a}.grid{display:grid;gap:20px;max-width:1380px;margin:auto}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,#0d1c30,#0a1727);border:1px solid #1d3b5e;border-radius:20px;padding:26px;box-shadow:0 16px 44px rgba(0,0,0,.14)}.light .card,.white .card{background:#fff;border-color:#dce7f2;box-shadow:0 15px 40px rgba(30,67,102,.08)}.card-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#102b49;color:var(--blue);font-size:21px;border:1px solid #244d76}.light .card-icon,.white .card-icon{background:#eaf5ff;border-color:#c6e3fb}.card h3{margin:18px 0 9px;font-size:20px}.card p{margin:0;color:#93a8be;line-height:1.65;font-size:14px}.light .card p,.white .card p{color:#66798e}.price-card{position:relative;overflow:hidden}.price-card .price{font-size:52px;font-weight:950;letter-spacing:-.05em}.price-card .price small{font-size:16px;color:#8aa0b6;letter-spacing:0}.price-card ul{list-style:none;padding:0;margin:24px 0}.price-card li{padding:10px 0;border-bottom:1px solid #1b3552;color:#b4c5d5}.price-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:10px}
.portal-shell{padding:56px clamp(18px,5vw,72px) 82px;min-height:680px;background:radial-gradient(circle at 80% 10%,rgba(53,125,215,.16),transparent 35%),#07111f}.portal-head{max-width:1180px;margin:0 auto 24px}.portal-head h1{font-size:clamp(34px,5vw,56px);margin:9px 0}.portal-head p{color:#95aac0}.portal-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:280px 1fr;gap:20px}.account-card,.workspace{background:#0b1829;border:1px solid #1a395b;border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.2)}.account-card{padding:22px;height:max-content}.account-card .mac{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#c6d7e7;font-size:13px;word-break:break-all}.status-badge{display:inline-flex;padding:7px 10px;border-radius:999px;font-weight:900;font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin:10px 0}.status-badge.trial{background:#132e4d;border:1px solid #2d6497;color:#7ec3ff}.status-badge.active{background:#103226;border:1px solid #2b795c;color:#6be1ae}.status-badge.expired{background:#3a1921;border:1px solid #7b3345;color:#ff9aaa}.status-badge.blocked,.status-badge.suspended{background:#351b26;border:1px solid #734154;color:#ffb3c0}.account-list{display:grid;gap:14px;margin-top:18px}.account-list div{padding:12px 0;border-top:1px solid #183451}.account-list span{display:block;color:#6f87a0;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.account-list strong{display:block;margin-top:4px}.account-nav{display:grid;gap:8px;margin-top:18px}.account-nav button{width:100%;text-align:left;border-radius:12px;padding:12px 14px;background:#0e2035;color:#dce9f5;border:1px solid #1d3c5d}.account-nav button.active{border-color:#4e9ee8;background:#123159}.workspace{padding:24px}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.workspace-head h2{margin:0}.workspace-head p{margin:5px 0 0;color:#7f96ad;font-size:13px}.table-wrap{overflow:auto;border:1px solid #1a3858;border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{padding:14px 16px;border-bottom:1px solid #183452;text-align:left;font-size:13px}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#7089a4;background:#0b1728}.table td{color:#c9d8e7}.table tr:last-child td{border-bottom:0}.login-card{max-width:560px;margin:20px auto;background:#0b1829;border:1px solid #1c3a5c;border-radius:24px;padding:30px;box-shadow:var(--shadow)}.login-card h2{font-size:34px;margin:10px 0}.login-card p{color:#8ea4ba;line-height:1.65}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid .full{grid-column:1/-1}.field{display:grid;gap:8px}.field label,.field-label{color:#9fb1c3;font-size:12px;font-weight:800;letter-spacing:.06em}.field input,.field textarea,.field select,.form-control{width:100%;background:#071322;color:#edf7ff;border:1px solid #234361;border-radius:12px;padding:13px 14px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#5aacfa;box-shadow:0 0 0 3px rgba(90,172,250,.11)}.field textarea{resize:vertical}.check-row{display:flex;align-items:center;gap:10px;color:#9fb2c4;font-size:13px}.check-row input{width:auto}.form-note{padding:14px 16px;border-radius:12px;background:#0d2238;border:1px solid #1d4166;color:#94abc0;font-size:13px;line-height:1.6}.form-note.warning{background:#2e2212;border-color:#705126;color:#e8c990}.form-note.danger{background:#301821;border-color:#6e3445;color:#f2aab7}.form-error{color:#ff9dab;font-size:13px;margin-top:10px}.form-success{color:#67dda9;font-size:13px;margin-top:10px}
.wholesale{max-width:1180px;margin:auto}.wholesale .table{min-width:760px}.wholesale .table th{background:#edf4fb;color:#4b627a}.wholesale .table td{color:#23384d;background:#fff;border-color:#e4edf5}.wholesale .table tr.highlight td{background:#eff9ff;font-weight:800}.pricing-note{max-width:1180px;margin:16px auto 0;padding:16px 18px;border-radius:14px;background:#eef9f6;border:1px solid #c8ebdf;color:#365c51;font-size:13px}.application-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;max-width:1180px;margin:40px auto 0}.application-copy{padding:30px;border-radius:22px;background:linear-gradient(145deg,#0d1d31,#0b1727);border:1px solid #1f3f62}.application-copy h3{font-size:30px;margin-top:0}.application-copy p,.application-copy li{color:#91a7bd;line-height:1.7}.application-form{background:#fff;border:1px solid #dce7f0;border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(36,68,100,.08)}.application-form .field input,.application-form .field textarea,.application-form .field select{background:#f8fbfe;color:#17283a;border-color:#d8e3ed}.application-form .field label{color:#52677e}.application-form .check-row{color:#52677e}
.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;max-width:1180px;margin:auto}.contact-card{background:#fff;border:1px solid #dce7ef;border-radius:22px;padding:28px}.contact-item{padding:18px 0;border-bottom:1px solid #e4edf5}.contact-item:last-child{border:0}.contact-item span{display:block;color:#7b8fa3;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.contact-item strong{display:block;margin-top:6px;font-size:17px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:auto}.blog-card{border-radius:20px;overflow:hidden;background:#fff;border:1px solid #dce8f2;box-shadow:0 15px 40px rgba(30,67,102,.08)}.blog-cover{height:160px;background:radial-gradient(circle at 20% 20%,rgba(90,182,255,.5),transparent 30%),linear-gradient(145deg,#0c1e33,#153c65)}.blog-body{padding:22px}.blog-body small{color:#65809a}.blog-body h3{font-size:22px;color:#182b3f}.blog-body p{color:#667b90;line-height:1.6}.legal{max-width:900px;margin:auto}.legal h2{margin-top:34px}.legal p,.legal li{color:#5f7388;line-height:1.8}
.footer{padding:60px clamp(20px,6vw,96px) 24px;background:#040b12;border-top:1px solid #10243a}.footer-grid{max-width:1380px;margin:auto;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:38px}.footer-brand{margin-bottom:18px}.footer p{color:#6f8499;line-height:1.65;max-width:480px}.footer h4{margin:0 0 18px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer-grid a{color:#8ea2b7;font-size:14px}.footer-grid a:hover{color:#fff}.footer-bottom{max-width:1380px;margin:44px auto 0;padding-top:22px;border-top:1px solid #101e2d;display:flex;justify-content:space-between;color:#586c81;font-size:12px}.toast{position:fixed;right:24px;top:82px;z-index:1000;padding:13px 16px;border-radius:12px;background:#143451;border:1px solid #2c6597;color:#fff;box-shadow:0 14px 40px rgba(0,0,0,.28);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s;max-width:min(460px,calc(100vw - 40px))}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#3a1823;border-color:#7a3246}.toast.success{background:#123226;border-color:#2f795d}.modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px}.modal.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:rgba(1,7,12,.78);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(650px,100%);max-height:90vh;overflow:auto;background:#0b1829;border:1px solid #274968;border-radius:22px;padding:24px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-head h3{margin:4px 0}.modal-close{width:38px;height:38px;border-radius:12px;background:#10233a;color:#fff;border:1px solid #24425f}
@media(max-width:1050px){.site-nav{gap:14px;font-size:13px}.hero-grid,.application-layout,.contact-grid{grid-template-columns:1fr}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.three,.blog-grid{grid-template-columns:repeat(2,1fr)}.portal-grid{grid-template-columns:1fr}.account-card{display:grid;grid-template-columns:1fr 1fr;gap:14px}.account-nav{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.mobile-menu{display:block}.site-nav{display:none;position:absolute;top:74px;left:16px;right:16px;padding:16px;background:#0a1727;border:1px solid #1f3c5b;border-radius:16px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:12px}.hero{padding-top:68px}.hero-grid{gap:34px}.device-mock{transform:none}.grid.three,.grid.four,.blog-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.account-card{display:block}.account-nav{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:8px}.section{padding:64px 20px}.portal-shell{padding:40px 16px 60px}}
@media(max-width:560px){.site-header{padding:12px 16px}.brand-copy strong{font-size:15px}.brand-mark{width:40px;height:40px}.hero h1{font-size:46px}.footer-grid{grid-template-columns:1fr}.actions .btn{width:100%}.workspace{padding:16px}.workspace-head{align-items:flex-start;flex-direction:column}}