*{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:#030a12;color:#eef7ff}a{text-decoration:none;color:inherit}button,input{font:inherit}:root{--blue:#19a7ff;--blue2:#006bd6;--cyan:#5ddcff;--panel:#071421;--panel2:#0a1b2a;--border:#153650;--muted:#8da4b7;--green:#42dc8b}
.site-nav,.dash-nav{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:relative;z-index:5;border-bottom:1px solid rgba(90,190,255,.14);background:rgba(3,10,18,.92);backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:19px}.logo b{color:var(--blue)}.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#0aa8ff,#075bb9);box-shadow:0 0 24px rgba(25,167,255,.28);font-weight:950;color:white}.site-nav nav{display:flex;align-items:center;gap:24px;color:#a8bdcc;font-size:14px;font-weight:700}.site-nav nav>a:hover{color:white}.nav-login{border:1px solid #23506e;padding:10px 16px;border-radius:9px;color:#dff4ff!important}.nav-cta{padding:11px 17px;border-radius:9px;background:linear-gradient(135deg,#159eff,#0870d5);color:white!important;box-shadow:0 8px 28px rgba(0,122,230,.2)}
.landing-hero{min-height:650px;max-width:1180px;margin:auto;padding:90px 24px 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center;position:relative}.landing-hero:before{content:"";position:absolute;width:600px;height:600px;left:-250px;top:-170px;background:radial-gradient(circle,rgba(0,138,255,.14),transparent 65%);pointer-events:none}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:900;color:#55c9ff;margin-bottom:18px}.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#42dc8b;margin-right:8px;box-shadow:0 0 10px #42dc8b}.hero-copy h1{font-size:64px;line-height:1.02;letter-spacing:-.045em;margin:0 0 24px}.hero-copy h1 span{background:linear-gradient(90deg,#23adff,#72e7ff);-webkit-background-clip:text;color:transparent}.hero-copy>p{max-width:650px;font-size:18px;line-height:1.7;color:#9fb3c3}.hero-actions{display:flex;gap:12px;margin:31px 0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;font-weight:850}.btn.primary{background:linear-gradient(135deg,#17a6ff,#0871d7);box-shadow:0 12px 35px rgba(0,123,230,.24)}.btn.secondary{background:#081827;border:1px solid #1b4563;color:#d9f1ff}.trust-row{display:flex;flex-wrap:wrap;gap:20px;color:#819aad;font-size:13px;font-weight:750}
.network-card{background:linear-gradient(145deg,#071827,#04101b);border:1px solid #175077;border-radius:20px;padding:22px;box-shadow:0 30px 80px rgba(0,0,0,.38),0 0 50px rgba(0,139,255,.07)}.card-top{display:flex;justify-content:space-between;color:#8ba6b9;font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:.08em;padding-bottom:18px;border-bottom:1px solid #14344c}.online{color:#4ee69a}.network-flow{display:flex;align-items:center;justify-content:center;padding:42px 0 34px}.node{text-align:center;min-width:86px}.node-icon{width:64px;height:64px;margin:0 auto 11px;border-radius:16px;display:grid;place-items:center;font-size:27px;background:#0b2132;border:1px solid #1a5278}.node.cloud .node-icon{background:linear-gradient(145deg,#0b83dc,#0759ad);box-shadow:0 0 30px rgba(0,139,255,.22)}.node b,.node small{display:block}.node b{font-size:11px}.node small{color:#708b9e;font-size:10px;margin-top:3px}.flow-line{width:95px;position:relative;text-align:center}.flow-line i{display:block;height:1px;background:linear-gradient(90deg,#1d587e,#24aef8,#1d587e)}.flow-line span{display:block;font-size:8px;color:#537b96;margin-top:7px;letter-spacing:.1em}.remote-demo{background:#05111c;border:1px solid #123b57;border-radius:12px;padding:17px}.remote-demo small,.remote-demo strong,.remote-demo span{display:block}.remote-demo small{color:#5c8199;font-size:9px;letter-spacing:.12em}.remote-demo strong{font-family:ui-monospace,monospace;color:#61d6ff;font-size:18px;margin:5px 0}.remote-demo span{color:#49d88d;font-size:11px}
.section{max-width:1180px;margin:auto;padding:85px 24px}.section-head{text-align:center;max-width:680px;margin:0 auto 42px}.section-head>span{color:#3ebcff;font-size:11px;font-weight:900;letter-spacing:.17em}.section-head h2{font-size:39px;margin:10px 0 12px;letter-spacing:-.025em}.section-head p{color:#849daf;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-grid article,.public-plan,.steps article{background:linear-gradient(145deg,#071522,#05101a);border:1px solid #123852;border-radius:16px;padding:25px}.feature-icon,.plan-icon,.step-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#0a2538;border:1px solid #155175;font-size:21px}.feature-grid h3{font-size:17px;margin:20px 0 9px}.feature-grid p,.public-plan p,.steps p{color:#7891a4;font-size:13px;line-height:1.65}.plans-section{max-width:none;background:#04101a;border-top:1px solid #0d2b40;border-bottom:1px solid #0d2b40}.plans-section>.section-head,.plans-section>.public-plans{max-width:1180px;margin-left:auto;margin-right:auto}.public-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.public-plan{position:relative}.public-plan.featured{border-color:#1789ce;box-shadow:0 0 35px rgba(0,139,255,.08)}.popular{position:absolute;right:14px;top:14px;background:#0b74c7;color:#dff5ff;padding:5px 8px;border-radius:20px;font-size:8px;font-weight:950;letter-spacing:.08em}.public-plan h3{margin:18px 0 7px}.public-price{font-size:25px;font-weight:950;color:#5ddcff}.public-plan>a,.public-plan button{display:block;width:100%;margin-top:20px;text-align:center;padding:11px;border-radius:9px;background:#0b78ce;border:1px solid #159af2;color:white;font-weight:850}.public-plan button:disabled{opacity:.55}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.steps article{position:relative}.steps article>b{position:absolute;right:18px;top:16px;font-size:25px;color:#123852}.steps h3{margin:18px 0 8px}.cta-band{max-width:1132px;margin:20px auto 90px;padding:38px 42px;border-radius:20px;border:1px solid #146398;background:linear-gradient(110deg,#08253b,#071522);display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 0 55px rgba(0,139,255,.08)}.cta-band span{color:#42bfff;font-size:10px;font-weight:900;letter-spacing:.15em}.cta-band h2{margin:7px 0;font-size:30px}.cta-band p{margin:0;color:#819caf}footer{border-top:1px solid #102b3e;padding:35px 24px;text-align:center;color:#668095}footer .logo{justify-content:center;color:#e8f7ff}footer p{font-size:13px}footer small{font-size:11px}
.auth-body{min-height:100vh;background:radial-gradient(circle at 15% 20%,rgba(0,139,255,.12),transparent 35%),#030a12;padding:70px 24px}.auth-home{position:absolute;top:24px;left:28px;color:#78a2bd;font-size:13px;font-weight:750}.auth-shell{width:min(100%,1000px);margin:auto;display:grid;grid-template-columns:1fr 1fr;border:1px solid #17405c;border-radius:22px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.4)}.auth-promo{padding:55px;background:linear-gradient(145deg,#08243a,#04111d);display:flex;flex-direction:column;justify-content:center}.auth-promo h1{font-size:39px;line-height:1.1;margin:0 0 18px}.auth-promo>p{color:#8ca6b8;line-height:1.7}.auth-benefits{display:grid;gap:11px;margin-top:26px;color:#b6d0df;font-size:13px}.auth-card{padding:48px;background:#07131e}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:34px}.auth-brand div b,.auth-brand div small{display:block}.auth-brand div small{color:#607d91;font-size:10px;margin-top:2px}.auth-card h2{font-size:30px;margin:0 0 5px}.muted{color:#7892a5}.auth-card label{display:block;color:#9ab1c1;font-size:11px;font-weight:850;margin:18px 0 7px}.auth-card label em{font-weight:500;color:#526f82}.input-wrap{display:flex;align-items:center;background:#04101a;border:1px solid #173b55;border-radius:10px;padding:0 13px}.input-wrap span{opacity:.55}.input-wrap input{width:100%;padding:13px 11px;border:0;outline:0;background:transparent;color:white}.form-btn{width:100%;margin-top:24px;border:0;border-radius:10px;padding:14px;background:linear-gradient(135deg,#17a6ff,#0871d7);color:white;font-weight:900;cursor:pointer}.foot{text-align:center;color:#6f899b;font-size:13px;margin-top:22px}.foot a{color:#49c4ff;font-weight:800}.alert,.success{padding:11px 13px;border-radius:9px;font-size:12px;margin:14px 0}.alert{background:rgba(255,73,91,.1);border:1px solid rgba(255,73,91,.3);color:#ff9aa5}.success{background:rgba(55,213,132,.1);border:1px solid rgba(55,213,132,.3);color:#75e5aa}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dash-body{background:#030a12}.dash-nav>div{display:flex;align-items:center;gap:15px}.welcome{color:#8fa8ba;font-size:13px}.dash-wrap{max-width:1180px;margin:auto;padding:42px 24px 80px}.dash-hero{padding:30px;border:1px solid #164766;border-radius:18px;background:linear-gradient(120deg,#08243a,#06131f);display:flex;justify-content:space-between;align-items:center}.dash-hero h1{font-size:34px;margin:4px 0}.dash-hero p{margin:0;color:#829caf}.portal-badge{padding:12px 16px;border:1px solid #1c5a7e;border-radius:10px;color:#5ccfff;font-weight:850}.dash-title{margin:38px 0 16px}.dash-title span{color:#3dbaff;font-size:10px;letter-spacing:.15em;font-weight:900}.dash-title h2{margin:4px 0;font-size:24px}.service-grid{display:grid;gap:15px}.empty-service{text-align:center;padding:50px;border:1px dashed #17405b;border-radius:16px;background:#06121d}.empty-service>div{font-size:35px}.empty-service h3{margin:12px 0 5px}.empty-service p{color:#748fa2}.service-card{padding:24px;border:1px solid #17405b;border-radius:16px;background:#071522}.service-head{display:flex;justify-content:space-between;gap:20px}.service-head small{color:#58778c}.service-head h3{margin:5px 0}.status{font-size:10px;font-weight:900;padding:7px 10px;border-radius:20px;height:max-content;background:#122535}.status.active{color:#4ee69a;background:rgba(52,214,128,.1)}.status.expired,.status.revoked{color:#ff7f8b;background:rgba(255,70,90,.1)}.service-info{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.service-info>div{padding:13px;background:#04101a;border-radius:9px}.service-info small,.service-info b{display:block}.service-info small{color:#55748a;font-size:9px}.service-info b{font-size:12px;margin-top:5px;overflow-wrap:anywhere}
@media(max-width:900px){.site-nav nav>a:not(.nav-login):not(.nav-cta){display:none}.landing-hero{grid-template-columns:1fr;padding-top:55px}.hero-copy h1{font-size:49px}.feature-grid,.public-plans,.steps{grid-template-columns:repeat(2,1fr)}.auth-shell{grid-template-columns:1fr}.auth-promo{display:none}.service-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.site-nav{height:66px;padding:0 14px}.site-nav nav{gap:7px}.nav-login,.nav-cta{padding:8px 10px;font-size:11px}.landing-hero{padding:46px 17px}.hero-copy h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{gap:10px}.network-card{padding:14px}.network-flow{padding:30px 0}.node-icon{width:49px;height:49px}.flow-line{width:45px}.flow-line span{font-size:6px}.section{padding:60px 16px}.section-head h2{font-size:30px}.feature-grid,.public-plans,.steps{grid-template-columns:1fr}.cta-band{margin:10px 16px 60px;padding:28px;display:block}.cta-band .btn{margin-top:20px}.auth-body{padding:60px 14px 25px}.auth-card{padding:28px 20px}.form-two{grid-template-columns:1fr}.dash-nav{padding:0 13px}.welcome{display:none}.dash-wrap{padding:25px 13px 60px}.dash-hero{padding:22px;display:block}.portal-badge{display:inline-block;margin-top:18px}.service-info{grid-template-columns:1fr}.logo{font-size:15px}.logo-mark{width:34px;height:34px}}


/* TKedz Remote - keep Chrome/Edge autofill consistent with dark theme */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-text-fill-color: #eef7ff !important;
  -webkit-box-shadow: 0 0 0 1000px #04101a inset !important;
  box-shadow: 0 0 0 1000px #04101a inset !important;
  caret-color: #eef7ff !important;
  transition: background-color 9999s ease-out 0s;
}

/* Customer portal compact presentation */
.landing-hero{min-height:560px;padding-top:64px;padding-bottom:58px}.section{padding-top:64px;padding-bottom:64px}.section-head{margin-bottom:30px}.cta-band{margin-bottom:65px}
.auth-home+.auth-shell{max-width:920px}.auth-home+.auth-shell.auth-shell-compact{max-width:850px}.auth-home+.auth-shell .auth-promo{padding:42px}.auth-home+.auth-shell .auth-card{padding:38px}.auth-home+.auth-shell .auth-brand{margin-bottom:24px}.auth-home+.auth-shell .auth-card label{margin-top:14px}.auth-home+.auth-shell .form-btn{margin-top:20px}.support-button{display:flex}.form-help{text-align:right;margin-top:9px}.form-help a{color:#55c9ff;font-size:12px;font-weight:800}
.dash-wrap{padding-top:30px}.dash-hero{padding:24px}.dash-title{margin-top:28px}.service-card{padding:20px}.service-info-customer{grid-template-columns:repeat(4,minmax(0,1fr))}.service-info-customer>div{border:1px solid #102f44}.service-info-customer b{color:#eef9ff;font-size:13px}.service-info-customer>div:nth-child(2) b,.service-info-customer>div:nth-child(3) b{color:#62d8ff;font-family:ui-monospace,monospace;font-size:14px}.expiry-note{display:block;margin-top:5px;color:#69e8a7;font-size:11px;font-weight:800}.expiry-note.expired{color:#ff8795}.expiry-note.expiring-soon{color:#ffd06b}.service-actions{display:flex;gap:10px;grid-column:1/-1;margin-top:4px}.service-actions .btn{flex:1;border:0;cursor:pointer}.setup-copy{font:inherit}.setup-note{grid-column:1/-1;margin:0;padding:11px 13px;border-radius:9px;background:#082137;color:#abc9da;font-size:12px;line-height:1.5}.setup-note b{color:#fff}.compact-page{max-width:1000px}.compact-hero{margin-top:14px}.back-link{color:#82aabd;font-size:13px;font-weight:800}.renew-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.renew-summary>div{padding:17px;background:#071522;border:1px solid #17405b;border-radius:12px}.renew-summary small,.renew-summary b,.renew-summary span{display:block}.renew-summary small{color:#5f8095;font-size:9px;font-weight:900}.renew-summary b{margin-top:7px;color:#eaf8ff}.renew-summary span{margin-top:5px;color:#76a4bc;font-size:12px}.renew-plans{grid-template-columns:repeat(4,1fr)}.renew-notice{margin-top:18px;padding:20px;border:1px solid #195379;border-radius:14px;background:#071a29}.renew-notice h3{margin-top:0}.renew-notice p{color:#8ca8b9;line-height:1.55}.renew-notice .btn{margin-top:7px}
@media(max-width:900px){.service-info-customer{grid-template-columns:repeat(2,1fr)}.renew-summary{grid-template-columns:1fr}.renew-plans{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.landing-hero{min-height:auto}.section{padding-top:48px;padding-bottom:48px}.auth-home+.auth-shell .auth-card{padding:25px 19px}.service-info-customer,.renew-plans{grid-template-columns:1fr}.service-actions{flex-direction:column}.dash-hero h1{font-size:28px}.renew-summary>div{padding:14px}}

/* Existing-service renewal workflow */
.renew-option{display:block;cursor:pointer;user-select:none;transition:.18s ease;position:relative}.renew-option input{position:absolute;opacity:0;pointer-events:none}.renew-option:hover{border-color:#2799d5;transform:translateY(-2px)}.renew-option.selected{border-color:#5ddcff;box-shadow:0 0 0 2px rgba(93,220,255,.22),0 12px 34px rgba(0,116,190,.16)}.renew-check{position:absolute;right:14px;top:14px;width:25px;height:25px;border:1px solid #28607e;border-radius:50%;display:grid;place-items:center;color:transparent;background:#061725;font-size:13px;font-weight:950}.renew-option.selected .renew-check{background:#159eea;border-color:#5ddcff;color:#fff}.renew-continue{width:min(100%,420px);margin:18px auto 0;border:0;cursor:pointer}.renew-continue:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.renew-pay-wrap{max-width:920px;margin:0 auto;padding:28px 18px 70px}.renew-pay-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:18px 0}.renew-pay-head span{color:#53c9ff;font-size:10px;font-weight:900;letter-spacing:.14em}.renew-pay-head h1{margin:6px 0}.renew-pay-head p{color:#829daf;margin:0}.renew-price{text-align:right;padding:14px 17px;border:1px solid #195273;border-radius:12px;background:#071a29}.renew-price small,.renew-price b{display:block}.renew-price small{color:#7295aa;font-size:9px}.renew-price b{color:#5ddcff;font-size:28px}.renew-payment-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.renew-payment-summary>div{padding:14px;background:#071522;border:1px solid #17405b;border-radius:11px}.renew-payment-summary small,.renew-payment-summary b{display:block}.renew-payment-summary small{color:#628297;font-size:9px;font-weight:900}.renew-payment-summary b{color:#eef9ff;margin-top:6px}.renew-pay-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.renew-pay-card{padding:21px;background:#071522;border:1px solid #17405b;border-radius:14px}.renew-pay-card h2{margin-top:0}.renew-pay-card .qr-crop{width:240px;height:240px;overflow:hidden;position:relative;margin:12px auto;border-radius:14px;background:#fff}.renew-pay-card .qr-crop img{position:absolute;width:528px;max-width:none;left:50%;top:-292px;transform:translateX(-50%)}.payment-account{text-align:center}.renew-pay-card label{display:block;margin:14px 0 6px;color:#9bb4c5;font-size:11px;font-weight:850}.renew-pay-card input[type=text],.renew-pay-card input:not([type]){width:100%;padding:12px;border:1px solid #24506b;border-radius:9px;background:#04101a;color:#fff}.renew-pay-card input[type=file]{width:100%;color:#b7cddd}.renew-pay-card form .btn{width:100%;margin-top:18px;border:0;cursor:pointer}.renew-help{color:#7892a5;font-size:12px}.renew-admin{display:grid;gap:4px;margin:12px 0;padding:12px;border:1px solid #4d4827;border-radius:10px;background:#19170c}.renew-admin b{color:#fff}.renew-admin small{color:#c2b98b}
@media(max-width:700px){.renew-pay-head{align-items:flex-start;flex-direction:column}.renew-price{text-align:left}.renew-payment-summary,.renew-pay-grid{grid-template-columns:1fr}.renew-pay-card .qr-crop{width:220px;height:220px}.renew-pay-card .qr-crop img{width:484px;top:-268px}}
.temporary-password{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0}.temporary-password code{display:block;padding:13px 16px;border:1px solid #38a9d5;border-radius:9px;background:#03101a;color:#fff;font-size:18px;letter-spacing:.06em}.reset-result{border-color:#36ce83}.dashboard-notice{max-width:760px;margin:0 auto 18px}
.grace-warning,.lifecycle-message{display:flex;flex-direction:column;gap:4px;padding:12px 14px;margin-top:12px;border:1px solid #8b6d2d;border-radius:10px;background:rgba(255,193,74,.1);color:#ffe0a1}.grace-warning span,.lifecycle-message span{color:#b6c7d0;font-size:13px}.lifecycle-message{border-color:#34556b;background:#071a28}.lifecycle-message b{color:#dcebf3}
.olt-topology{display:flex;align-items:center;justify-content:center;gap:18px;margin:20px 0;padding:22px;border:1px solid #17405b;border-radius:14px;background:#071522}.olt-topology span{color:#5ddcff}.olt-topology span:before,.olt-topology span:after{content:'  —  '}.olt-form{max-width:720px;margin:0 auto}.olt-form label{display:block;margin:14px 0;color:#a9c4d5;font-weight:800}.olt-form input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #24506b;border-radius:9px;background:#04101a;color:#fff}.olt-card .service-actions{flex-wrap:wrap}.status.waiting-support,.status.ready-to-install{color:#ffd06b}@media(max-width:620px){.olt-topology{flex-direction:column}.olt-topology span:before,.olt-topology span:after{content:' ↓ '}}