:root{--bg:#060606;--bg2:#0b0b0c;--card:#0e0e10;--line:#202024;--muted:#8c8c94;--text:#f5f5f6;--red:#e31827;--red2:#ff3441;--green:#4ade80;--amber:#fbbf24;--danger:#fb7185;--max:1180px;--nav:78px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}body.modal-lock{overflow:hidden}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}.hidden{display:none!important}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.ambient{position:fixed;width:520px;height:520px;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.15}.ambient-a{background:#7a0b16;left:-250px;top:-160px}.ambient-b{background:#3a050b;right:-220px;top:520px}.maintenance{position:relative;z-index:40;padding:10px 16px;text-align:center;background:#2b1115;border-bottom:1px solid #60202b;color:#ffb7c0;font-size:12px;font-weight:700}.nav-shell{position:sticky;top:0;z-index:30;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(6,6,6,.78);backdrop-filter:blur(18px)}.nav{height:var(--nav);display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.brand-mark{width:34px;height:34px;border:1px solid #2b2b30;border-radius:9px;display:grid;place-items:center;transform:rotate(45deg);background:#0c0c0f}.brand-mark span{width:13px;height:13px;border-left:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(-45deg)}.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:12px;letter-spacing:.22em}.brand-copy small{font-size:7px;color:#66666d;letter-spacing:.18em}.nav-links{display:flex;gap:26px;margin-left:auto}.nav-links a,.footer a{color:#818188;text-decoration:none;font-size:11px}.nav-links a:hover,.footer a:hover{color:#fff}.nav-actions{display:flex;gap:9px}.button{border:0;border-radius:10px;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;text-decoration:none;font-size:11px;font-weight:750;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.48;cursor:not-allowed;transform:none}.button-primary{background:linear-gradient(180deg,#ef2838,#bf111e);box-shadow:0 10px 35px rgba(227,24,39,.13)}.button-dark{background:#111114;border:1px solid #26262b}.button-ghost{background:transparent;border:1px solid #25252a}.button-danger{background:#271014;border:1px solid #68202b;color:#ff9aaa}.button-success{background:#0e2217;border:1px solid #245b3b;color:#9ae9b8}.full{width:100%}.hero{padding:108px 0 0;text-align:center}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.2em;color:#7d7d84;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 11px;border:1px solid #222227;border-radius:999px;background:#0b0b0d}.pulse{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(74,222,128,.65)}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.94;letter-spacing:-.065em;margin:26px auto 24px;max-width:920px}.hero h1 span{background:linear-gradient(90deg,#fff,#9d9da5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:660px;margin:0 auto;color:#777780;line-height:1.75;font-size:14px}.hero-actions{display:flex;gap:10px;justify-content:center;margin-top:30px}.hero-card{height:510px;max-width:920px;margin:72px auto 0;border:1px solid #28282d;border-radius:18px;background:#0b0b0d;position:relative;overflow:hidden;box-shadow:0 35px 110px rgba(0,0,0,.45)}.hero-card-glow{position:absolute;width:520px;height:240px;left:50%;bottom:-180px;transform:translateX(-50%);background:#a91420;filter:blur(90px);opacity:.22}.window-top{height:52px;border-bottom:1px solid #202024;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:8px;letter-spacing:.13em;color:#5f5f66}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#29292e}.live{display:flex;align-items:center;gap:7px;color:#888}.live i{width:6px;height:6px;background:var(--green);border-radius:50%;box-shadow:0 0 12px rgba(74,222,128,.6)}.product-ui{display:grid;grid-template-columns:76px 1fr;height:calc(100% - 52px);text-align:left}.mini-sidebar{border-right:1px solid #202024;display:flex;align-items:center;flex-direction:column;padding-top:28px;gap:28px}.mini-logo{width:31px;height:31px;border:1px solid #2d2d31;border-radius:8px;display:grid;place-items:center;transform:rotate(45deg);margin-bottom:17px}.mini-logo span{width:13px;height:13px;border-left:2px solid var(--red2);border-bottom:2px solid var(--red2);transform:rotate(-45deg)}.mini-sidebar>i{width:19px;height:3px;border-radius:2px;background:#333337}.mini-sidebar>i.active{background:var(--red);box-shadow:0 0 12px rgba(227,24,39,.35)}.mini-main{padding:68px 78px}.mini-kicker{font-size:9px;letter-spacing:.24em;color:var(--red2);font-weight:800}.mini-title{font-size:31px;letter-spacing:-.035em;font-weight:750;margin-top:12px}.mini-sub{color:#696971;font-size:12px;margin-top:8px}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:42px}.mini-grid div{height:74px;background:#0b0b0d;border:1px solid #212125;border-radius:10px;padding:16px}.mini-grid b,.mini-grid span{display:block}.mini-grid b{font-size:8px;letter-spacing:.18em;color:#62626a;margin-bottom:10px}.mini-grid span{font-size:11px;color:#b8b8bd}.mini-grid .green{color:var(--green)}.mini-action{height:54px;border-radius:10px;background:linear-gradient(180deg,#ed2735,#bd111c);margin-top:12px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:11px;font-weight:750;letter-spacing:.11em}.mini-action b{font-size:20px;font-weight:400}.trust-row{height:88px;display:flex;align-items:center;justify-content:center;gap:28px;color:#595960;font-size:9px;letter-spacing:.19em;font-weight:750}.trust-row i{width:3px;height:3px;background:#343438;border-radius:50%}.section{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.section-head.compact{align-items:center}.section-head h2,.status-card h2,.cta h2,.page-head h1{font-size:clamp(34px,4vw,52px);letter-spacing:-.045em;margin:10px 0 0}.section-head p{max-width:470px;color:#85858d;line-height:1.7;font-size:13px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{min-height:260px;border:1px solid #202024;background:linear-gradient(150deg,#0d0d0f,#09090a);border-radius:16px;padding:28px;position:relative;overflow:hidden}.feature-large{grid-column:span 2}.feature-accent:after{content:"";position:absolute;width:250px;height:250px;background:rgba(227,24,39,.16);right:-140px;bottom:-160px;filter:blur(50px)}.feature-icon{font-size:10px;color:#707078;border:1px solid #29292e;width:34px;height:28px;display:grid;place-items:center;border-radius:7px;background:#101012}.feature h3{font-size:20px;letter-spacing:-.025em;margin:44px 0 10px}.feature p{color:#77777f;font-size:13px;line-height:1.7;max-width:520px}.license-demo{height:54px;border:1px solid #27272c;background:#09090b;border-radius:10px;margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:#8b8b92}.license-demo b,.secure-chip{color:var(--green);font-size:9px;letter-spacing:.13em}.secure-chip{display:inline-flex;margin-top:20px;padding:7px 9px;border:1px solid rgba(74,222,128,.18);border-radius:6px;background:rgba(74,222,128,.05)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}.price-card{border:1px solid #202024;background:#0c0c0e;border-radius:17px;padding:28px;position:relative;display:flex;flex-direction:column}.price-card.featured{border-color:#5f161c;background:linear-gradient(180deg,rgba(227,24,39,.085),#0d0d0f 27%);box-shadow:0 20px 70px rgba(227,24,39,.06)}.popular{position:absolute;top:0;right:24px;transform:translateY(-50%);background:var(--red);padding:7px 9px;border-radius:6px;font-size:8px;letter-spacing:.14em;font-weight:800}.price-top{display:flex;justify-content:space-between;align-items:center;color:#cfcfd3;font-size:11px;font-weight:750;letter-spacing:.13em}.price-top small{font-size:8px;color:#5c5c63;letter-spacing:.12em}.price{display:flex;align-items:flex-end;gap:10px;margin-top:30px}.price b{font-size:54px;letter-spacing:-.055em;line-height:.9}.price span{color:#73737b;font-size:11px;margin-bottom:6px}.price-card>p{color:#77777f;font-size:12px;line-height:1.6}.price-card ul{padding:0;margin:28px 0;list-style:none;display:grid;gap:13px;color:#aaaab0;font-size:12px}.price-card li:before{content:"✓";color:#d9d9dc;margin-right:10px}.price-card .button{margin-top:auto}.loading-card{grid-column:1/-1;min-height:220px;display:grid;place-items:center;border:1px solid #202024;border-radius:16px;color:#6f6f76;background:#0b0b0d}.status-card{border:1px solid #202024;border-radius:18px;background:linear-gradient(120deg,#0d0d0f,#09090a);padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.status-card p{color:#77777f;font-size:13px;line-height:1.7;max-width:500px}.status-list{border:1px solid #242429;border-radius:12px;overflow:hidden}.status-list div{height:58px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#0a0a0c;border-bottom:1px solid #202024;font-size:11px;color:#8b8b92}.status-list div:last-child{border-bottom:0}.status-list b{color:#bdbdc2;font-weight:600;display:flex;align-items:center;gap:8px}.status-list b i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(74,222,128,.5)}.status-list b.degraded i{background:var(--amber);box-shadow:none}.status-list b.maintenance i,.status-list b.offline i{background:var(--danger);box-shadow:none}.faq-list{border-top:1px solid #232327}.faq-list details{border-bottom:1px solid #232327}.faq-list summary{list-style:none;cursor:pointer;padding:25px 2px;display:flex;justify-content:space-between;font-size:14px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#77777e;font-size:20px;font-weight:300;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{color:#7d7d85;line-height:1.7;font-size:13px;max-width:820px;margin:-7px 0 25px}.cta{padding:60px 0 100px}.cta-inner{text-align:center;border:1px solid #2a1e20;border-radius:22px;padding:84px 20px;background:radial-gradient(circle at 50% 110%,rgba(227,24,39,.17),transparent 45%),linear-gradient(#0e0e10,#09090a)}.cta h2{font-size:58px;margin:11px 0}.cta p{color:#7d7d85;margin:0 0 28px}.footer{min-height:130px;border-top:1px solid #1e1e22;display:flex;align-items:center;gap:30px;color:#5f5f66;font-size:10px}.footer p{margin:auto}.footer>div{display:flex;gap:18px}.modal{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(12px)}.modal-card{width:min(460px,100%);max-height:min(720px,calc(100vh - 40px));overflow:auto;position:relative;z-index:1;border:1px solid #2b2b30;background:#0d0d0f;border-radius:18px;padding:32px;box-shadow:0 30px 100px rgba(0,0,0,.7)}.modal-card h3{font-size:28px;letter-spacing:-.035em;margin:10px 0}.modal-lead{color:#818188;font-size:13px;line-height:1.7}.modal-close{position:absolute;right:16px;top:14px;width:32px;height:32px;border:0;background:transparent;color:#777;font-size:24px;cursor:pointer}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#09090b;border:1px solid #25252a;border-radius:10px;padding:4px;margin:22px 0 18px}.auth-tabs button{border:0;background:transparent;color:#6d6d74;padding:10px;border-radius:7px;cursor:pointer;font-size:11px;font-weight:750}.auth-tabs button.active{background:#17171a;color:#fff}.field{display:grid;gap:7px;margin-top:14px}.field span{color:#8c8c94;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.field input,.field select,.field textarea,.admin-input{width:100%;border:1px solid #29292e;border-radius:10px;background:#09090b;color:#fff;padding:12px 13px;outline:none}.field input:focus,.field select:focus,.field textarea:focus,.admin-input:focus{border-color:#6e1b24;box-shadow:0 0 0 3px rgba(227,24,39,.06)}.form-error{margin-top:14px;border:1px solid #61212a;background:#261014;color:#ff9eaa;border-radius:9px;padding:11px 12px;font-size:12px}.order-reference{margin:18px 0;padding:14px;border:1px solid #29292e;border-radius:10px;background:#09090b;color:#d8d8dc;font:700 13px/1 ui-monospace,monospace;letter-spacing:.08em;text-align:center}.payment-instructions{white-space:pre-line;color:#85858d;font-size:12px;line-height:1.7;margin-bottom:18px}.modal-actions{display:grid;gap:9px}.toast{position:fixed;z-index:90;right:22px;bottom:22px;max-width:360px;padding:13px 15px;border:1px solid #2b2b30;border-radius:10px;background:#111114;color:#d9d9dd;font-size:12px;box-shadow:0 20px 70px #000a;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:#67222b;color:#ffacb6}.toast.success{border-color:#23583a;color:#9de6b8}
/* shared dashboard */.dashboard-body{background:#070708}.dashboard-nav{position:sticky;top:0;z-index:30;height:76px;border-bottom:1px solid #1f1f23;background:rgba(7,7,8,.88);backdrop-filter:blur(16px)}.dashboard-nav .container{height:100%;display:flex;align-items:center;gap:14px}.dashboard-nav .spacer{margin-left:auto}.dashboard-main{padding:58px 0 100px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.page-head p{color:#74747c;margin:8px 0 0;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.panel-card{grid-column:span 12;border:1px solid #202024;border-radius:16px;background:#0d0d0f;padding:24px}.panel-card.half{grid-column:span 6}.panel-card.third{grid-column:span 4}.panel-card h2,.panel-card h3{margin:0 0 8px;letter-spacing:-.025em}.panel-card>p{color:#77777f;font-size:12px;line-height:1.6}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.stat{border:1px solid #242429;background:#0a0a0c;border-radius:13px;padding:18px}.stat small{display:block;color:#67676f;font-size:9px;letter-spacing:.12em}.stat b{display:block;margin-top:10px;font-size:26px;letter-spacing:-.04em}.empty{border:1px dashed #29292e;border-radius:12px;padding:28px;text-align:center;color:#66666e;font-size:12px}.license-list,.order-list,.admin-list{display:grid;gap:10px}.license-row,.order-row,.admin-row{border:1px solid #242429;background:#0a0a0c;border-radius:12px;padding:17px;display:grid;gap:12px}.license-row{grid-template-columns:1.3fr .8fr auto;align-items:center}.order-row{grid-template-columns:1.2fr .8fr .8fr auto;align-items:center}.row-title{font-size:13px;font-weight:750}.row-sub{font-size:10px;color:#66666e;margin-top:5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.badge{display:inline-flex;align-items:center;gap:6px;width:max-content;border-radius:999px;padding:6px 9px;border:1px solid #303036;color:#a2a2aa;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.badge.active,.badge.paid,.badge.operational{border-color:#214d34;background:#0d1e15;color:#8ee1ad}.badge.pending,.badge.degraded{border-color:#5b481b;background:#211b0c;color:#ebca68}.badge.revoked,.badge.expired,.badge.cancelled,.badge.offline,.badge.maintenance{border-color:#62232c;background:#251014;color:#f39aa5}.row-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.mini-button{border:1px solid #29292e;background:#121215;color:#c6c6cc;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:700;cursor:pointer}.mini-button:hover{border-color:#434349}.mini-button.danger{border-color:#542029;color:#ff96a3}.mini-button.success{border-color:#24543a;color:#91dfad}.user-meta{display:flex;gap:9px;align-items:center;color:#72727a;font-size:11px}.tabs{display:flex;gap:8px;margin:22px 0}.tab{border:1px solid #25252a;background:#0c0c0e;color:#72727a;border-radius:9px;padding:10px 13px;font-size:10px;font-weight:750;cursor:pointer}.tab.active{color:#fff;border-color:#4b181e;background:#211014}.admin-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.admin-toolbar .search{max-width:340px}.table-head{display:grid;grid-template-columns:1.1fr .9fr .8fr .8fr auto;gap:12px;padding:0 17px 8px;color:#5e5e66;font-size:9px;letter-spacing:.1em}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.setting-card{border:1px solid #242429;background:#0a0a0c;border-radius:12px;padding:18px}.setting-card h3{font-size:14px;margin:0 0 14px}.plan-editor{display:grid;gap:10px}.plan-edit-row{display:grid;grid-template-columns:1fr .7fr .7fr .7fr auto;gap:8px;align-items:end}.check{display:flex;align-items:center;gap:8px;color:#8e8e96;font-size:11px}.check input{accent-color:var(--red)}.setup-warning{border:1px solid #6c4d1d;background:#241c0c;color:#e9c46c;border-radius:12px;padding:14px;font-size:12px;margin-bottom:18px}.admin-login-wrap{min-height:calc(100vh - 76px);display:grid;place-items:center;padding:24px}.admin-login-card{width:min(430px,100%);border:1px solid #25252a;border-radius:18px;background:#0d0d0f;padding:30px}
@media(max-width:900px){.nav-links{display:none}.hero{padding-top:82px}.hero-card{height:410px}.mini-main{padding:55px 35px}.feature-grid,.pricing-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:span 2}.pricing-grid .price-card:last-child{grid-column:span 2}.status-card{grid-template-columns:1fr;gap:28px}.section-head{align-items:flex-start;flex-direction:column}.section-head p{max-width:620px}.stat-grid{grid-template-columns:1fr 1fr}.panel-card.half,.panel-card.third{grid-column:span 12}.license-row,.order-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}.settings-grid{grid-template-columns:1fr}.plan-edit-row{grid-template-columns:1fr 1fr}.page-head{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.container{width:min(calc(100% - 24px),var(--max))}.nav{height:70px}.nav .button-ghost{display:none}.hero{padding-top:66px}.hero h1{font-size:52px}.hero-copy{font-size:13px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-card{height:350px;margin-top:48px}.product-ui{grid-template-columns:52px 1fr}.mini-sidebar{padding-top:20px;gap:21px}.mini-main{padding:38px 19px}.mini-title{font-size:23px}.mini-grid{grid-template-columns:1fr;margin-top:28px}.mini-grid div:nth-child(2),.mini-grid div:nth-child(3){display:none}.trust-row{overflow:hidden;justify-content:flex-start;white-space:nowrap}.section{padding:75px 0}.feature-grid,.pricing-grid{grid-template-columns:1fr}.feature-large,.pricing-grid .price-card:last-child{grid-column:auto}.feature{min-height:230px}.status-card{padding:26px}.cta-inner{padding:58px 18px}.cta h2{font-size:42px}.footer{padding:28px 0;flex-direction:column;justify-content:center}.footer p{margin:0}.footer .brand{margin:0}.stat-grid{grid-template-columns:1fr}.page-head h1{font-size:38px}.panel-card{padding:18px}.plan-edit-row{grid-template-columns:1fr}.dashboard-nav .brand-copy{display:none}}
