:root {
  color-scheme: dark;
  --bg:#070b10;--bg-soft:#0b1118;--panel:#101822;--panel-2:#14202b;--panel-3:#192733;
  --text:#f5f8fa;--muted:#91a0ae;--line:rgba(168,194,211,.14);--line-strong:rgba(168,194,211,.26);
  --brand:#00d6c7;--brand-2:#19a7ff;--brand-ink:#001b1a;--success:#36df98;--warning:#ffbc57;--danger:#ff667d;
  --shadow:0 28px 80px rgba(0,0,0,.36);
}
html[data-theme="light"] {
  color-scheme:light;--bg:#eef4f6;--bg-soft:#e5eef1;--panel:#fff;--panel-2:#f4f8fa;--panel-3:#e8f1f4;
  --text:#10212b;--muted:#5e707b;--line:rgba(22,54,70,.12);--line-strong:rgba(22,54,70,.22);
  --brand:#00a99f;--brand-2:#087fce;--brand-ink:#efffff;--shadow:0 24px 60px rgba(31,60,73,.14);
}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 84% -8%,rgba(25,167,255,.13),transparent 30rem),radial-gradient(circle at -8% 30%,rgba(0,214,199,.09),transparent 28rem),var(--bg);color:var(--text);font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 70%)}
button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.muted{color:var(--muted)}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;padding:10px 16px;border-radius:10px;background:var(--brand);color:var(--brand-ink);font-weight:800}.skip-link:focus{top:16px}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(20px) saturate(140%)}
.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:inline-flex;align-items:center;gap:12px;min-width:max-content}
.logo-mark,.logo-image-wrap{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:14px 7px 14px 7px;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:var(--brand-ink);box-shadow:0 10px 28px rgba(0,214,199,.22);font-size:17px;font-weight:950}.logo-image-wrap img{width:100%;height:100%;object-fit:contain}.logo-copy{display:grid;line-height:1.15}.logo-copy strong{font-size:16px;letter-spacing:-.02em}.logo-copy small{max-width:230px;margin-top:4px;overflow:hidden;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.nav-links{display:flex;align-items:center;gap:7px}.nav-links>a:not(.btn){padding:9px 10px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:700}.nav-links>a:not(.btn):hover{background:var(--panel);color:var(--text)}.nav-actions{display:none;align-items:center;gap:8px}
.theme-toggle,.menu-btn{width:42px;height:42px;display:inline-grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer}.theme-toggle svg,.menu-btn svg{width:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}.theme-toggle .sun,html[data-theme="light"] .theme-toggle .moon{display:none}html[data-theme="light"] .theme-toggle .sun{display:block}
.btn{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:1px solid var(--line-strong);border-radius:12px 5px 12px 5px;background:transparent;color:var(--text);font-weight:800;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.btn:hover{transform:translateY(-2px);border-color:var(--brand)}.btn.primary{border-color:transparent;background:linear-gradient(120deg,var(--brand),#4be4d7);color:var(--brand-ink);box-shadow:0 14px 35px rgba(0,214,199,.18)}.btn.ghost,.btn.glass{background:color-mix(in srgb,var(--panel) 78%,transparent)}.btn.success{border-color:transparent;background:var(--success);color:#032217}
.hero{position:relative;min-height:680px;overflow:hidden;border-bottom:1px solid var(--line)}.hero::after{content:"SYSTEM / READY";position:absolute;right:3.4vw;bottom:24px;color:var(--muted);font:700 10px/1 ui-monospace,monospace;letter-spacing:.18em;writing-mode:vertical-rl}.hero-slider{padding:0}.hero-slide{position:absolute;inset:0;min-height:680px;visibility:hidden;opacity:0;transform:scale(1.015);transition:opacity .6s ease,transform 1s ease,visibility .6s}.hero-slide.active{position:relative;visibility:visible;opacity:1;transform:scale(1)}.hero-slide:not(.default-banner){background:var(--bg-soft) var(--banner-image) center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,13,.96) 0%,rgba(4,9,13,.78) 42%,rgba(4,9,13,.28) 75%,rgba(4,9,13,.46) 100%)}html[data-theme="light"] .hero-overlay{background:linear-gradient(90deg,rgba(238,244,246,.96),rgba(238,244,246,.80) 44%,rgba(238,244,246,.20))}
.hero-slide-content,.hero-grid{min-height:680px;position:relative;z-index:2;display:grid;align-items:center}.hero-grid{grid-template-columns:1.04fr .96fr;gap:66px;padding-block:80px}.hero-slide-content .hero-copy{width:min(680px,68%);padding-block:94px}.hero-slide.align-center .hero-copy{width:min(760px,90%);margin:auto;text-align:center}.hero-slide.align-center .actions{justify-content:center}.hero-slide.align-right .hero-copy{margin-left:auto;text-align:right}.hero-slide.align-right .actions{justify-content:flex-end}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--brand);font:800 11px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow::before{content:"";width:27px;height:1px;background:currentColor;box-shadow:0 0 12px currentColor}.hero h1{max-width:780px;margin:20px 0 22px;font-size:clamp(44px,6.2vw,78px);font-weight:850;letter-spacing:-.055em;line-height:.98}.hero p{max-width:680px;margin:0;color:color-mix(in srgb,var(--muted) 90%,var(--text));font-size:clamp(16px,1.8vw,19px)}.gradient{background:linear-gradient(90deg,var(--brand),#87f4e9 48%,var(--brand-2));background-clip:text;-webkit-background-clip:text;color:transparent}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.trust{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.trust span{min-width:118px;padding:12px 15px;border-left:1px solid var(--brand);background:linear-gradient(90deg,rgba(0,214,199,.08),transparent);color:var(--muted);font-size:11px;text-transform:uppercase}.trust b{display:block;margin-bottom:2px;color:var(--text);font-size:19px}
.app-window{position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px 38px 12px 38px;background:linear-gradient(145deg,color-mix(in srgb,var(--panel-3) 88%,transparent),var(--panel));box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-3deg)}.app-window::after{content:"";position:absolute;right:-60px;bottom:-90px;width:210px;height:210px;border-radius:50%;background:var(--brand);opacity:.08;filter:blur(5px)}.window-top{min-height:48px;display:flex;align-items:center;gap:7px;padding:0 17px;border-bottom:1px solid var(--line);color:var(--muted);font:700 10px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.dot{width:8px;height:8px;border-radius:50%;background:var(--danger)}.dot:nth-child(2){background:var(--warning)}.dot:nth-child(3){background:var(--success);margin-right:8px}.app-body{padding:22px}.app-stat{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{padding:15px;border:1px solid var(--line);border-radius:13px 5px 13px 5px;background:rgba(255,255,255,.025)}.mini-card small{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mini-card strong{display:block;margin-top:5px;font-size:18px}.log{min-height:202px;margin-top:12px;padding:16px;border:1px solid rgba(0,214,199,.13);border-radius:7px;background:#03090d;color:#71eadf;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:inset 0 0 42px rgba(0,214,199,.04)}
.slider-arrow{position:absolute;z-index:5;top:50%;width:44px;height:62px;border:1px solid rgba(255,255,255,.18);background:rgba(5,12,17,.64);color:#fff;font-size:30px;cursor:pointer;transform:translateY(-50%);backdrop-filter:blur(12px)}.slider-arrow.prev{left:0;border-radius:0 14px 14px 0}.slider-arrow.next{right:0;border-radius:14px 0 0 14px}.slider-dots{position:absolute;z-index:6;left:50%;bottom:24px;display:flex;gap:7px;transform:translateX(-50%)}.slider-dots button{width:24px;height:4px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.35);cursor:pointer;transition:width .2s,background .2s}.slider-dots button.active{width:46px;background:var(--brand)}
.brand-strip{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 70%,transparent)}.brand-strip .container{min-height:74px;display:grid;grid-template-columns:1.1fr repeat(5,1fr);align-items:center;gap:20px;color:var(--muted);font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.08em}.brand-strip span{color:var(--brand)}
.section{position:relative;padding:92px 0}.section:nth-of-type(even){background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent)}.section-head{max-width:720px;margin:0 auto 42px;text-align:center}.section-head .eyebrow{justify-content:center}.section-head h2{margin:12px 0 10px;font-size:clamp(32px,4.2vw,48px);letter-spacing:-.045em;line-height:1.05}.section-head p{margin:0;color:var(--muted);font-size:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature,.package,.status-card,.dashboard-card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel),color-mix(in srgb,var(--panel-2) 82%,transparent));box-shadow:0 20px 45px rgba(0,0,0,.10)}.feature{min-height:260px;padding:26px;border-radius:8px 26px 8px 26px;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-5px);border-color:rgba(0,214,199,.4)}.icon{width:51px;height:51px;display:grid;place-items:center;border:1px solid rgba(0,214,199,.3);border-radius:15px 5px 15px 5px;background:rgba(0,214,199,.08);color:var(--brand);font-size:21px}.feature h3{margin:24px 0 8px;font-size:20px}.feature p{margin:0;color:var(--muted)}
.packages{align-items:stretch}.package{position:relative;display:flex;flex-direction:column;padding:29px;overflow:hidden;border-radius:9px 29px 9px 29px}.package::before{content:"";position:absolute;top:0;right:0;width:78px;height:4px;background:var(--brand-2)}.package.popular{border-color:rgba(0,214,199,.52);box-shadow:0 25px 70px rgba(0,214,199,.11);transform:translateY(-9px)}.package h3{margin:18px 0 0;font-size:23px}.price{margin:13px 0;font-size:38px;font-weight:900;letter-spacing:-.04em}.price small{color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0}.package ul{flex:1;padding:0;list-style:none;color:var(--muted)}.package li{margin:11px 0}.package li::before{content:"✓";margin-right:9px;color:var(--brand);font-weight:900}
.badge{display:inline-flex;width:max-content;padding:5px 9px;border:1px solid var(--line);border-radius:99px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.badge.success{border-color:rgba(54,223,152,.3);background:rgba(54,223,152,.10);color:var(--success)}.badge.warning{border-color:rgba(255,188,87,.3);background:rgba(255,188,87,.10);color:var(--warning)}.badge.danger{border-color:rgba(255,102,125,.3);background:rgba(255,102,125,.10);color:var(--danger)}
.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.status-card{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:9px 20px 9px 20px}.status-card strong{display:block;margin-bottom:2px}.pulse{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:var(--success);box-shadow:0 0 0 7px rgba(54,223,152,.10),0 0 20px rgba(54,223,152,.65);animation:pulse 2s infinite}.pulse.offline{background:var(--danger);box-shadow:0 0 0 7px rgba(255,102,125,.10);animation:none}@keyframes pulse{50%{box-shadow:0 0 0 12px transparent,0 0 22px rgba(54,223,152,.45)}}
.timeline{width:min(830px,100%);margin:auto}.update{position:relative;margin-left:8px;padding:0 0 34px 29px;border-left:1px solid var(--line-strong)}.update::before{content:"";position:absolute;left:-6px;top:6px;width:11px;height:11px;border-radius:3px;background:var(--brand);box-shadow:0 0 18px rgba(0,214,199,.45);transform:rotate(45deg)}.update h3{margin:0 0 3px}.update time{color:var(--brand);font:700 11px/1.5 ui-monospace,monospace}.update p{color:var(--muted)}
.cta{position:relative;overflow:hidden;padding:62px 34px;border:1px solid rgba(0,214,199,.25);border-radius:10px 42px 10px 42px;background:linear-gradient(125deg,rgba(0,214,199,.12),var(--panel) 52%,rgba(25,167,255,.12));text-align:center;box-shadow:var(--shadow)}.cta::before{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0 38px,var(--line) 39px 40px)}.cta>*{position:relative}.cta h2{margin:0 0 9px;font-size:clamp(31px,4vw,48px);letter-spacing:-.04em}.cta p{color:var(--muted)}
.form-shell{width:min(540px,calc(100% - 34px));margin:70px auto;padding:34px;border:1px solid var(--line-strong);border-radius:9px 30px 9px 30px;background:var(--panel);box-shadow:var(--shadow)}.form-shell::before{content:"SECURE ACCESS";display:block;margin-bottom:22px;color:var(--brand);font:800 10px/1 ui-monospace,monospace;letter-spacing:.16em}.form-shell h1{margin:0 0 6px;font-size:32px;letter-spacing:-.04em}.form-shell>p{margin-top:0;color:var(--muted)}.field{margin:17px 0}.field label{display:block;margin-bottom:7px;font-size:12px;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:47px;padding:11px 13px;border:1px solid var(--line);border-radius:9px;outline:0;background:var(--bg-soft);color:var(--text);transition:border .2s,box-shadow .2s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(0,214,199,.09)}.alert{margin:15px 0;padding:12px 14px;border:1px solid var(--line);border-radius:10px}.alert.danger{border-color:rgba(255,102,125,.34);background:rgba(255,102,125,.09);color:color-mix(in srgb,var(--danger) 72%,var(--text))}.alert.success{border-color:rgba(54,223,152,.34);background:rgba(54,223,152,.09);color:color-mix(in srgb,var(--success) 72%,var(--text))}
.dashboard{padding:42px 0 86px}.dash-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.dash-head h1{margin:0;font-size:clamp(30px,4vw,45px);letter-spacing:-.045em}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dashboard-card{padding:23px;border-radius:8px 23px 8px 23px}.dashboard-card small{color:var(--muted);font:800 10px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.dashboard-card strong{display:block;margin-top:8px;font-size:26px}.panel{margin-top:18px;overflow:hidden;border-radius:10px 27px 10px 27px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 23px;border-bottom:1px solid var(--line)}.panel-head h2,.panel-head h3{margin:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{color:var(--muted);font:800 10px/1.3 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase}tbody tr:hover{background:rgba(0,214,199,.035)}
.account-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:30px;border:1px solid var(--line);border-radius:10px 32px 10px 32px;background:linear-gradient(120deg,var(--panel),rgba(0,214,199,.08))}.account-identity{display:flex;align-items:center;gap:17px}.account-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:17px 6px 17px 6px;background:var(--brand);color:var(--brand-ink);font-size:20px;font-weight:950}.account-identity h1{margin:0}.dashboard-actions{display:flex;flex-wrap:wrap;gap:10px}.profile-grid,.account-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-list{padding:6px 22px 18px}.detail-row{display:flex;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.detail-row span{color:var(--muted)}
footer{border-top:1px solid var(--line);background:#05090d;color:#f2f7fa}html[data-theme="light"] footer{background:#13232d}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:60px;padding:58px 0 40px}.footer-grid p{max-width:460px;color:#93a4af}.footer-grid h4{margin:0 0 13px;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.footer-grid>div>a{display:block;margin:8px 0;color:#93a4af}.footer-grid>div>a:hover{color:var(--brand)}.copyright{padding:17px 20px;border-top:1px solid rgba(255,255,255,.08);color:#768994;font-size:12px;text-align:center}
@media(max-width:980px){.nav-actions{display:flex;margin-left:auto}.nav-links{position:fixed;top:79px;right:18px;left:18px;display:none;max-height:calc(100vh - 100px);align-items:stretch;padding:15px;overflow:auto;border:1px solid var(--line-strong);border-radius:12px 24px 12px 24px;background:var(--panel);box-shadow:var(--shadow)}.nav-links.open{display:grid}.nav-links>a:not(.btn){padding:12px}.hero-grid{grid-template-columns:1fr;gap:35px}.app-window{width:min(680px,100%);transform:none}.hero-slide-content .hero-copy{width:min(760px,86%)}.brand-strip .container{grid-template-columns:repeat(3,1fr);padding-block:20px}.grid-3,.status-grid,.dashboard-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr 1fr}}
@media(max-width:680px){.container{width:min(100% - 28px,1180px)}.logo-copy small{max-width:160px}.theme-toggle,.menu-btn{width:39px;height:39px}.hero,.hero-slide,.hero-slide-content,.hero-grid{min-height:610px}.hero-grid{padding-block:58px}.hero-slide-content .hero-copy{width:100%;padding:76px 0}.hero h1{font-size:clamp(40px,14vw,58px)}.hero::after,.slider-arrow{display:none}.app-window{display:none}.trust{display:grid;grid-template-columns:1fr 1fr}.brand-strip .container{grid-template-columns:repeat(2,1fr)}.grid-3,.status-grid,.dashboard-grid,.profile-grid,.account-details-grid,.footer-grid{grid-template-columns:1fr}.package.popular{transform:none}.section{padding:70px 0}.section-head{text-align:left}.section-head .eyebrow{justify-content:flex-start}.form-shell{margin:35px auto;padding:25px 20px}.dash-head,.account-banner{align-items:flex-start;flex-direction:column}.account-identity{align-items:flex-start}.footer-grid{gap:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.form-shell p a{color:var(--brand)!important}
@media(min-width:981px){.nav-actions{display:flex;margin-left:auto}.menu-btn{display:none}}