:root{color-scheme:dark;--bg:#050b16;--panel:#0a1629;--ink:#f5f7fa;--muted:#91a4bd;--line:rgba(143,190,255,.14);--accent:#147bff;--cyan:#00d4ff;--orange:#ff8a00;--danger:#ff5f6d;--ok:#2de2a6;--shadow:0 24px 70px rgba(0,0,0,.36)}
html{scroll-behavior:smooth;background:var(--bg)}body{min-height:100vh;background:radial-gradient(circle at 85% -10%,rgba(20,123,255,.18),transparent 28rem),radial-gradient(circle at 0 45%,rgba(0,212,255,.07),transparent 30rem),var(--bg)!important;color:var(--ink)!important;font-family:Montserrat,ui-sans-serif,system-ui,sans-serif!important}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;background-image:radial-gradient(rgba(255,255,255,.45) .6px,transparent .6px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 55%)}::selection{background:rgba(0,212,255,.3);color:#fff}a{transition:.2s ease}.shell{position:relative;isolation:isolate}
.topbar{position:sticky;top:0;z-index:40;background:rgba(5,11,22,.78)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(22px) saturate(145%)}.topbar-inner{max-width:1320px!important;padding:12px 24px!important}.brand{gap:12px!important;color:#fff;font-weight:750!important;letter-spacing:-.02em!important;text-decoration:none}.brand-logo{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(0,212,255,.24))}.brand-name{font-size:1.04rem}.brand-name strong{color:var(--cyan)}.nav a,.nav button{border-radius:999px!important;color:#a9bad0!important;font-size:13px!important;font-weight:600!important;transition:.2s ease!important}.nav a.active,.nav a:hover,.nav button:hover{background:rgba(20,123,255,.13)!important;box-shadow:inset 0 0 0 1px rgba(0,212,255,.18);color:#fff!important}.language-switcher{border-color:var(--line)!important;background:rgba(255,255,255,.03);border-radius:999px!important}.main{max-width:1320px!important;padding:34px 24px 64px!important}
h1,h2,h3{color:var(--ink);letter-spacing:-.035em!important}h1{font-weight:750!important}h2,h3{font-weight:680!important}p,.muted{color:var(--muted)!important}.panel,.card,.feature-box,.faq-item,.pricing-card,.setup-app-card,.setup-download{background:linear-gradient(145deg,rgba(14,32,57,.92),rgba(7,19,36,.9))!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:var(--shadow)!important;backdrop-filter:blur(16px)}.card,.feature-box,.pricing-card,.setup-app-card,.setup-download{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.card:hover,.feature-box:hover,.pricing-card:hover,.setup-app-card:hover,.setup-download:hover{transform:translateY(-4px);border-color:rgba(0,212,255,.35)!important;box-shadow:0 28px 80px rgba(0,0,0,.46),0 0 38px rgba(20,123,255,.08)!important}
.metric-label,.small-label,.field label{color:#8296b1!important}.metric-value{color:#fff;font-weight:700!important;letter-spacing:-.03em}.input,.copy-value,select,textarea{background:rgba(2,10,22,.72)!important;border:1px solid rgba(143,190,255,.17)!important;border-radius:13px!important;color:#fff!important;outline:none;transition:.2s ease}.input:focus,select:focus,textarea:focus{border-color:var(--cyan)!important;box-shadow:0 0 0 4px rgba(0,212,255,.11)!important}.btn{min-height:44px!important;border:0!important;border-radius:999px!important;padding-inline:18px!important;background:linear-gradient(135deg,#147bff,#00aeea)!important;box-shadow:0 12px 30px rgba(20,123,255,.26);color:#fff!important;font-weight:650!important;transition:.2s ease!important}.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 38px rgba(20,123,255,.38)}.btn.secondary{background:rgba(255,255,255,.04)!important;border:1px solid var(--line)!important;box-shadow:none}.btn.danger{background:rgba(255,95,109,.1)!important;color:#ff9ba4!important;border:1px solid rgba(255,95,109,.22)!important;box-shadow:none}
.badge{background:rgba(20,123,255,.12)!important;color:#8fc5ff!important;border:1px solid rgba(20,123,255,.2)}.badge.ok{background:rgba(45,226,166,.1)!important;color:#5ff0bd!important;border-color:rgba(45,226,166,.2)}.badge.bad{background:rgba(255,95,109,.1)!important;color:#ff9ba4!important;border-color:rgba(255,95,109,.2)}.alert{background:rgba(10,26,51,.86)!important;border-color:var(--line)!important;border-radius:15px!important;color:var(--ink)}.alert.ok{border-color:rgba(45,226,166,.3)!important;color:#5ff0bd!important}.alert.warn,.alert.error{border-color:rgba(255,138,0,.3)!important;color:#ffb45c!important}table{border-collapse:separate!important;border-spacing:0}th{color:#6f86a5!important;border-color:var(--line)!important}td{color:#dce7f5;border-color:var(--line)!important}tbody tr{transition:background .2s ease}tbody tr:hover{background:rgba(20,123,255,.05)}
.public-hero{position:relative;min-height:min(760px,82vh)!important;margin:-34px -24px 0;padding:88px max(24px,calc((100vw - 1272px)/2)) 64px!important;grid-template-columns:minmax(0,.9fr) minmax(360px,.7fr)!important;overflow:hidden;background:linear-gradient(90deg,rgba(5,11,22,.98),rgba(5,11,22,.72) 48%,rgba(5,11,22,.1)),linear-gradient(0deg,#050b16,transparent 35%),url('/images/earth-horizon-hero.png') center bottom/cover no-repeat}.public-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#00d4ff,transparent);opacity:.35}.public-hero-copy{position:relative;z-index:2;max-width:710px;animation:as-fade-up .75s ease both}.public-logo{gap:14px!important;color:#fff!important;font-weight:700!important;letter-spacing:-.03em}.public-logo img{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(0,212,255,.25))}.public-logo span{font-size:1.25rem}.public-hero h1{margin:34px 0 22px!important;color:#fff;font-size:clamp(54px,8vw,108px)!important;line-height:.9!important;font-weight:750!important}.gradient-word{color:transparent;background:linear-gradient(100deg,#f5f7fa 5%,#7edcff 52%,#147bff);background-clip:text}.hero-lead{max-width:620px;color:#aabbd0!important;font-size:clamp(17px,2vw,21px)}.public-kicker{color:var(--cyan)!important}.public-hero-panel{position:relative;z-index:2;background:rgba(7,19,36,.62)!important;border:1px solid rgba(143,190,255,.17)!important;border-radius:26px!important;padding:24px!important;backdrop-filter:blur(18px);box-shadow:var(--shadow);animation:as-fade-up .75s .12s ease both}.public-hero-panel p,.public-stat span{color:#91a4bd!important}.public-stat{background:rgba(255,255,255,.035)!important;border-color:var(--line)!important;border-radius:16px!important}.public-stat strong{color:#fff}
.public-section{padding:82px 0}.public-section-head{max-width:720px;margin-bottom:32px}.public-section-head h2{font-size:clamp(32px,4vw,54px)}.feature-band{gap:18px!important}.feature-box{padding:24px!important}.feature-icon{width:48px!important;height:48px!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(20,123,255,.2),rgba(0,212,255,.06))!important;color:var(--cyan)!important}.live-preview{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.preview-screen{min-height:380px;position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(0deg,rgba(5,11,22,.96),transparent 70%),url('/images/earth-horizon-hero.png') center/cover!important}.preview-live{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:rgba(255,95,109,.16);color:#ff9ba4;border:1px solid rgba(255,95,109,.28);font-size:12px;font-weight:700}.preview-live:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff5f6d;box-shadow:0 0 12px #ff5f6d}.preview-channel-list{display:grid;gap:10px}.preview-channel{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.preview-channel-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#147bff,#00aeea);color:#fff;font-weight:750}
.pricing-card{padding:26px!important}.pricing-card.featured{border-color:rgba(0,212,255,.42)!important;background:linear-gradient(150deg,rgba(20,123,255,.18),rgba(7,19,36,.94))!important}.monthly-price,.price-row{background:rgba(255,255,255,.03)!important;border-color:var(--line)!important;border-radius:14px!important}.monthly-price strong,.price-row strong{color:#fff}.setup-link-grid a,.setup-chip-row span{background:rgba(255,255,255,.035)!important;border-color:var(--line)!important;color:#c3d1e2!important}.trial-strip{border-radius:22px!important;background:linear-gradient(135deg,#0d2b59,#071426)!important;border-color:rgba(0,212,255,.22)!important}.auth-shell{min-height:calc(100vh - 110px);display:grid;place-items:center;padding:34px 0;position:relative}.auth-shell:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(5,11,22,.55),#050b16),url('/images/earth-horizon-hero.png') center/cover;opacity:.62}.auth-card{width:min(100%,480px);padding:34px!important;background:rgba(7,19,36,.74)!important;backdrop-filter:blur(24px)!important}.auth-card-logo{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 10px;filter:drop-shadow(0 0 25px rgba(0,212,255,.22))}.auth-card h1,.auth-card>p{text-align:center}
@keyframes as-fade-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:920px){.public-hero{grid-template-columns:1fr!important;min-height:700px!important}.public-hero-panel{max-width:560px}.live-preview{grid-template-columns:1fr}}@media(max-width:680px){.topbar-inner{padding:10px 16px!important}.main{padding:24px 16px 44px!important}.brand-name{display:none}.public-hero{margin:-24px -16px 0;padding:64px 18px 52px!important;min-height:720px!important}.public-logo img{width:58px;height:58px}.public-hero h1{font-size:52px!important}.public-section{padding:56px 0}.preview-screen{min-height:300px}}
.hero-logo{width:clamp(88px,10vw,140px);height:clamp(88px,10vw,140px);object-fit:contain;filter:drop-shadow(0 0 34px rgba(0,212,255,.28))}.hero-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-trust span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:#8397b2;font-size:11px;font-weight:650}.btn.ghost{background:transparent!important;border:0!important;box-shadow:none;color:#91a4bd!important}.header-cta{min-height:36px!important;padding-inline:14px!important;font-size:12px!important}.premium-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.premium-feature-grid .feature-box{position:relative;min-height:220px}.premium-feature-grid h3{margin:4px 0 0;font-size:1.05rem}.feature-arrow{position:absolute;right:20px;top:20px;color:#526b89;transition:.2s ease}.feature-box:hover .feature-arrow{color:var(--cyan);transform:translate(2px,-2px)}.preview-channel small{display:block;margin-top:4px;color:var(--muted)}.trial-strip .public-actions{margin:0}.site-footer{margin-top:auto;border-top:1px solid var(--line);background:rgba(3,9,19,.7)}.site-footer-inner{max-width:1320px;margin:auto;padding:34px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.footer-links{display:flex;justify-content:center;gap:24px}.footer-links a{color:#8296b1;text-decoration:none;font-size:13px}.footer-links a:hover{color:var(--cyan)}.site-footer p{margin:0;font-size:12px}.auth-form{margin-top:22px}.auth-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px}.auth-meta a{color:#8fc5ff;text-decoration:none}.remember{display:flex!important;align-items:center;gap:8px;color:#91a4bd!important;font-weight:500!important}.remember input{accent-color:var(--accent)}.auth-divider{display:flex;align-items:center;gap:12px;margin:24px 0 16px;color:#637a98;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}.auth-actions{justify-content:center}.auth-actions .btn{flex:1}.panel-orbit{height:82px;position:relative}.panel-orbit:before{content:"";position:absolute;inset:18px 8%;border:1px solid rgba(0,212,255,.3);border-radius:50%;transform:rotate(-8deg)}.panel-orbit span{position:absolute;left:48%;top:35%;width:16px;height:16px;border-radius:50%;background:var(--orange);box-shadow:0 0 24px rgba(255,138,0,.7)}
@media(max-width:980px){.premium-feature-grid{grid-template-columns:repeat(2,1fr)}.public-nav{display:none!important}.site-footer-inner{grid-template-columns:1fr;text-align:center}.site-footer-inner .brand,.footer-links{justify-content:center}}@media(max-width:600px){.premium-feature-grid{grid-template-columns:1fr}.hero-logo{width:84px;height:84px}.site-footer-inner{padding-inline:16px}.footer-links{flex-wrap:wrap;gap:14px}.auth-card{padding:24px!important}}
.approved-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);align-items:center;gap:64px;padding:82px 0 74px}.approved-hero-copy{max-width:690px;animation:as-fade-up .6s ease both}.approved-hero h1{margin:18px 0 24px;font-size:clamp(54px,7vw,92px);line-height:.92;font-weight:700;letter-spacing:-.065em!important}.approved-hero h1 span{color:transparent;background:linear-gradient(100deg,#f5f7fa 5%,#7edcff 56%,#147bff);background-clip:text}.approved-hero-description{max-width:650px;font-size:18px;line-height:1.75}.approved-hero-actions{gap:10px;margin-top:30px}.approved-hero-visual{position:relative;min-height:470px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(5,11,22,.12),rgba(5,11,22,.55)),url('/images/earth-horizon-hero.png') center/cover;box-shadow:var(--shadow)}.approved-hero-visual:after{content:"";position:absolute;inset:auto 10% 8%;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 28px var(--cyan)}.approved-hero-visual img{position:relative;z-index:2;width:min(44%,210px);height:auto;filter:drop-shadow(0 0 26px rgba(0,212,255,.25))}.approved-earth-glow{position:absolute;inset:auto 8% 5%;height:36%;border-radius:50%;background:rgba(20,123,255,.2);filter:blur(54px)}
.approved-features{padding:68px 0}.approved-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.approved-feature-card{min-height:156px;display:flex;align-items:flex-start;gap:15px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(14,32,57,.78),rgba(7,19,36,.88));box-shadow:0 16px 48px rgba(0,0,0,.22);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.approved-feature-card:hover{transform:translateY(-3px);border-color:rgba(0,212,255,.34);box-shadow:0 22px 58px rgba(0,0,0,.34),0 0 28px rgba(20,123,255,.08)}.approved-feature-card .feature-icon{flex:0 0 44px;width:44px!important;height:44px!important;font-size:12px}.approved-feature-card h3{margin:3px 0 8px;font-size:15px;letter-spacing:-.02em!important}.approved-feature-card p{margin:0;font-size:12px;line-height:1.6}.approved-info-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:32px 0 62px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--line)}.approved-info-bar article{display:flex;align-items:center;justify-content:center;gap:10px;min-height:92px;background:linear-gradient(145deg,#0d203a,#071426)}.approved-info-bar strong{color:#fff;font-size:22px}.approved-info-bar span{color:#8296b1;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:980px){.approved-hero{grid-template-columns:1fr;gap:34px}.approved-hero-visual{min-height:360px}.approved-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.approved-hero{padding:54px 0}.approved-hero h1{font-size:54px}.approved-hero-description{font-size:15px}.approved-hero-actions .btn{width:100%}.approved-hero-visual{min-height:300px}.approved-hero-visual img{width:150px}.approved-feature-grid,.approved-info-bar{grid-template-columns:1fr}.approved-feature-card{min-height:140px}.approved-info-bar{gap:1px}.approved-info-bar article{min-height:70px}}

/* Approved landing layout v3 — dimensions are intentional. */
.topbar{height:72px!important;background:#08111f!important}.topbar-inner{height:72px!important;max-width:1280px!important;padding:0 24px!important}.brand-logo{width:36px!important;height:36px!important}.brand-name{font-size:15px!important;font-weight:650!important;color:#f5f7fa}.brand-name strong{color:inherit}.public-nav{gap:32px!important}.public-nav a{padding:8px 0!important;background:transparent!important;box-shadow:none!important}.public-nav a:hover{color:#f5f7fa!important}.header-cta{height:42px!important;min-height:42px!important;padding:0 18px!important;border-radius:12px!important}.language-switcher{height:34px}.main{max-width:1280px!important}
.approved-hero{height:760px;min-height:760px;grid-template-columns:45% 55%;gap:0;padding:0;margin:0;align-items:stretch;position:relative}.approved-hero:before{content:"";position:absolute;z-index:-2;inset:0 calc(50% - 50vw);background:radial-gradient(circle at 78% 42%,rgba(20,123,255,.13),transparent 25rem),linear-gradient(180deg,#08111f 0%,#08111f 65%,#07101d 100%)}.approved-hero:after{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);opacity:.28;background-image:radial-gradient(rgba(245,247,250,.55) .55px,transparent .7px);background-size:44px 44px;mask-image:linear-gradient(#000 0 68%,transparent 92%)}.approved-hero-copy{padding-top:80px;align-self:start;max-width:560px}.approved-hero .public-kicker{margin:0 0 18px;font-size:12px;line-height:1;font-weight:700;letter-spacing:.14em}.approved-hero h1{margin:0 0 28px;font-size:72px;line-height:.95;font-weight:800;letter-spacing:-.055em!important}.approved-hero-description{max-width:520px;margin:0;font-size:16px;line-height:1.62}.approved-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,190px));gap:12px;margin-top:32px}.approved-hero-actions .btn{height:52px!important;min-height:52px!important;border-radius:14px!important;margin:0}.approved-hero-visual{min-height:760px;border:0;border-radius:0;background:url('/images/earth-horizon-hero.png') center bottom/100% auto no-repeat;box-shadow:none;overflow:visible;align-content:start;padding-top:112px}.approved-hero-visual:before{content:"";position:absolute;inset:auto 5% 9%;height:28%;border-radius:50%;background:rgba(0,128,255,.16);filter:blur(48px)}.approved-hero-visual:after{inset:auto 8% 14%;box-shadow:0 0 22px var(--cyan);opacity:.5}.approved-hero-visual img{width:32%;max-width:380px;min-width:220px;filter:drop-shadow(0 0 22px rgba(0,212,255,.22))}.approved-earth-glow{inset:auto 10% 11%;height:23%;opacity:.65}
.approved-features{padding:72px 0}.approved-features .public-section-head{margin-bottom:28px}.approved-feature-grid{grid-template-columns:repeat(4,280px);justify-content:space-between;gap:22px 18px}.approved-feature-card{width:280px;height:180px;min-height:180px;padding:20px;border-radius:18px;background:#0f1b2d}.approved-info-bar{grid-template-columns:repeat(4,1fr);margin:8px 0 64px}.approved-info-bar article{min-height:82px;background:#0f1b2d}
@media(max-width:1200px){.public-nav{gap:20px!important}.approved-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.approved-feature-card{width:auto}.approved-hero{grid-template-columns:45% 55%}.approved-hero h1{font-size:64px}}
@media(max-width:900px){.public-nav{display:none!important}.approved-hero{height:auto;min-height:760px;grid-template-columns:1fr}.approved-hero-copy{padding-top:64px}.approved-hero-visual{min-height:380px;padding-top:42px}.approved-hero-visual img{width:220px}.approved-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approved-feature-card{width:auto}}
@media(max-width:600px){.topbar-inner{padding:0 16px!important}.approved-hero{min-height:auto}.approved-hero-copy{padding-top:52px}.approved-hero h1{font-size:52px}.approved-hero-actions{grid-template-columns:1fr}.approved-hero-visual{min-height:320px}.approved-hero-visual img{min-width:0;width:160px}.approved-feature-grid{grid-template-columns:1fr}.approved-feature-card{width:100%;height:180px}.approved-info-bar{grid-template-columns:1fr 1fr}}
