:root{
  --navy:#06172b;
  --navy-2:#081e38;
  --navy-3:#0b2d52;
  --ink:#0a1730;
  --blue:#118cff;
  --blue-2:#40b5ff;
  --sky:#76ccff;
  --ice:#eaf5ff;
  --line:rgba(129,170,210,.22);
  --muted:#8da6c0;
  --light-muted:#5d6f82;
  --white:#f8fbff;
  --panel:rgba(9,29,53,.72);
  --shadow:0 30px 80px rgba(0,9,24,.34);
  --radius:24px;
  --radius-sm:16px;
  --mx:50%; --my:25%;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef6ff;background:#06172b;line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:50;background:radial-gradient(520px circle at var(--mx) var(--my),rgba(35,151,255,.07),transparent 62%);mix-blend-mode:screen}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section{padding:112px 0;position:relative}
.section-tight{padding:78px 0;position:relative}
.light{background:#f4f8fc;color:var(--ink)}
.light .eyebrow{color:#087ce7}
.light .section-copy,.light .muted{color:#66788a}
.dark{background:linear-gradient(180deg,#071a30 0%,#06172b 100%)}
.surface{position:relative;isolation:isolate}
.surface::before{content:"";position:absolute;inset:auto auto 5% -15%;width:560px;height:560px;background:radial-gradient(circle,rgba(17,140,255,.12),transparent 68%);filter:blur(10px);z-index:-1}
.eyebrow{font-size:.76rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#62bdff;margin-bottom:14px;display:inline-block}
h1,h2,h3,h4{font-family:Inter,"Avenir Next",system-ui,sans-serif;line-height:1.05;margin:0;letter-spacing:-.035em}
h1{font-size:clamp(3.35rem,6.8vw,6.4rem);font-weight:800;max-width:920px}
h2{font-size:clamp(2.35rem,4.3vw,4.1rem);font-weight:800}
h3{font-size:1.22rem;font-weight:800;letter-spacing:-.02em}
p{margin:0}
.gradient-text{background:linear-gradient(90deg,#63c7ff 0%,#168bff 52%,#62d3ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.muted{color:#91a8bf}
.section-copy{font-size:1.06rem;color:#98aec3;max-width:650px}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
.section-head>div:first-child{max-width:790px}.section-head .section-copy{max-width:430px}

/* progress + nav */
.scroll-progress{position:fixed;z-index:1000;inset:0 auto auto 0;height:2px;width:0;background:linear-gradient(90deg,#38b9ff,#087fff,#7fdcff);box-shadow:0 0 16px rgba(35,153,255,.8)}
.site-header{position:fixed;inset:0 0 auto 0;z-index:900;transition:.35s ease;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(4,17,31,.78);backdrop-filter:blur(22px);border-bottom-color:rgba(136,184,226,.13);box-shadow:0 8px 45px rgba(0,7,18,.16)}
.nav{height:78px;display:flex;align-items:center;gap:30px}
.brand{display:flex;align-items:center;gap:9px;flex:0 0 auto}
.brand img{width:184px;height:auto}
.nav-links{display:flex;align-items:center;gap:24px;margin-left:auto}
.nav-links a{font-size:.82rem;color:#b7c9db;font-weight:650;transition:.25s ease;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:#32a7ff;transition:.25s ease}
.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover::after,.nav-links a.active::after{right:0}
.nav-actions{display:flex;align-items:center;gap:10px;margin-left:8px}
.login-link{font-size:.8rem;color:#d1deeb;padding:10px 12px}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:13px 18px;font-size:.84rem;font-weight:800;letter-spacing:-.01em;border:1px solid transparent;transition:transform .24s ease,border .24s ease,background .24s ease,box-shadow .24s ease;overflow:hidden;isolation:isolate}
.btn::before{content:"";position:absolute;top:-40%;left:-65%;width:42%;height:180%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transform:rotate(18deg);transition:left .55s ease;z-index:-1}.btn:hover::before{left:125%}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#1999ff,#0877f2);box-shadow:0 12px 34px rgba(4,119,241,.28);color:white}
.btn-primary:hover{box-shadow:0 17px 40px rgba(4,119,241,.38)}
.btn-secondary{border-color:rgba(145,190,230,.26);background:rgba(4,18,33,.38);backdrop-filter:blur(12px);color:#eff7ff}
.light .btn-secondary{background:#fff;color:var(--ink);border-color:#d7e4ee;box-shadow:0 10px 28px rgba(31,78,117,.08)}
.nav-toggle{display:none;width:42px;height:42px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.2rem}

/* hero */
.hero{min-height:900px;padding:150px 0 90px;position:relative;overflow:hidden;background:linear-gradient(180deg,#041324 0%,#072541 69%,#06172b 100%)}
.hero::before{content:"";position:absolute;inset:0;background:
 radial-gradient(850px 440px at 84% 18%,rgba(24,139,245,.17),transparent 68%),
 radial-gradient(680px 520px at 11% 54%,rgba(32,121,211,.13),transparent 70%)}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}
.hero-copy{padding-top:30px}
.hero-copy .tagline{font-size:.78rem;text-transform:uppercase;letter-spacing:.22em;color:#7dbce8;font-weight:700;margin-bottom:18px}
.hero-copy .lede{font-size:1.12rem;color:#b7c9d9;max-width:650px;margin:28px 0 30px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.hero-meta{display:flex;gap:25px;flex-wrap:wrap;color:#8aa3ba;font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.hero-meta span{display:flex;gap:8px;align-items:center}.hero-meta i{width:5px;height:5px;border-radius:50%;background:#2199ff;box-shadow:0 0 10px #2199ff}
.hero-visual{position:relative;min-height:560px;perspective:1200px}
.dashboard-float{position:absolute;top:58px;left:4%;width:95%;border:1px solid rgba(122,182,232,.28);border-radius:21px;background:linear-gradient(180deg,rgba(8,29,53,.95),rgba(5,22,40,.92));box-shadow:0 48px 90px rgba(0,3,12,.48),0 0 0 1px rgba(255,255,255,.02) inset;overflow:hidden;transform:rotateY(-6deg) rotateX(2deg);transform-style:preserve-3d;transition:transform .18s ease}
.dashboard-float::before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.045),transparent 34%,transparent 65%,rgba(48,160,255,.06));pointer-events:none}
.window-bar{height:48px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(140,184,220,.12);gap:12px}.dots{display:flex;gap:6px}.dots i{width:7px;height:7px;border-radius:50%;background:#33516e}.search-pill{height:25px;width:180px;border:1px solid rgba(125,169,207,.14);border-radius:6px;background:rgba(255,255,255,.025);margin-left:auto}.mini-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#5ac7ff,#1358a5)}
.app-shell{display:grid;grid-template-columns:82px 1fr;min-height:430px}.app-nav{border-right:1px solid rgba(139,182,219,.12);padding:14px 10px;background:rgba(2,15,28,.33)}.app-logo{height:28px;border-radius:6px;background:linear-gradient(135deg,rgba(31,154,255,.24),rgba(31,154,255,.04));margin-bottom:18px}.nav-dot{height:31px;border-radius:6px;margin:7px 0;background:rgba(255,255,255,.025);position:relative}.nav-dot::before{content:"";width:8px;height:8px;border:1px solid #7895ad;border-radius:2px;position:absolute;left:11px;top:11px}.nav-dot.active{background:linear-gradient(90deg,rgba(25,144,255,.24),rgba(25,144,255,.04));box-shadow:inset 2px 0 #1a92ff}.nav-dot.active::before{border-color:#4cb4ff}
.app-content{padding:18px}.mock-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.mock-head strong{font-family:Inter,"Avenir Next",system-ui,sans-serif;font-size:1.25rem}.mock-head small{color:#7792aa}.mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.mock-kpi{padding:13px;border:1px solid rgba(124,175,217,.12);background:rgba(255,255,255,.026);border-radius:10px}.mock-kpi small{display:block;color:#7893ab;font-size:.56rem;text-transform:uppercase}.mock-kpi b{font-size:1.1rem}.mock-kpi em{display:block;font-size:.55rem;color:#5be48e;font-style:normal;margin-top:2px}.mock-main{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:10px}.map-card,.tech-card{border:1px solid rgba(124,175,217,.12);background:rgba(255,255,255,.024);border-radius:12px;min-height:210px;position:relative;overflow:hidden}.map-card{background-image:linear-gradient(rgba(62,101,133,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(62,101,133,.08) 1px,transparent 1px);background-size:28px 28px}.map-road{position:absolute;height:2px;background:rgba(84,135,178,.35);transform-origin:left center}.map-road.r1{width:280px;left:18px;top:98px;transform:rotate(18deg)}.map-road.r2{width:240px;left:55px;top:142px;transform:rotate(-16deg)}.map-road.r3{width:200px;left:110px;top:50px;transform:rotate(72deg)}.pin{position:absolute;width:12px;height:12px;border:3px solid #57beff;border-radius:50%;background:#0b3d69;box-shadow:0 0 0 5px rgba(41,158,255,.12),0 0 18px rgba(41,158,255,.55)}.pin.p1{left:28%;top:34%}.pin.p2{left:64%;top:55%}.pin.p3{left:48%;top:70%;border-color:#62e49b}.pin.p4{left:78%;top:26%;border-color:#ffb86b}.tech-card{padding:12px}.tech-row{display:flex;align-items:center;gap:9px;padding:9px;border-bottom:1px solid rgba(133,173,207,.08)}.tech-row:last-child{border:0}.tech-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#335c84,#6cc6ff)}.tech-row span{font-size:.65rem;flex:1}.tech-row b{font-size:.54rem;color:#62e49b;font-weight:700}
.float-card{position:absolute;border:1px solid rgba(133,186,231,.2);background:rgba(5,25,45,.78);backdrop-filter:blur(17px);border-radius:13px;padding:12px 14px;box-shadow:0 20px 45px rgba(0,6,17,.35);animation:float 5.5s ease-in-out infinite}.float-card strong{display:block;font-size:.92rem}.float-card small{font-size:.62rem;color:#91a9be}.fc1{right:-2%;top:15px}.fc2{left:-5%;bottom:35px;animation-delay:-1.7s}.fc3{right:5%;bottom:12px;animation-delay:-3s}.float-positive{color:#64e79a!important}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.hero-mountain{position:absolute;left:0;right:0;bottom:-2px;height:260px;opacity:.9;pointer-events:none}.hero-mountain svg{width:100%;height:100%}
.hero-city{position:absolute;left:0;right:0;bottom:0;height:72px;background:linear-gradient(180deg,transparent,rgba(2,9,17,.65)),repeating-linear-gradient(90deg,transparent 0 12px,rgba(119,188,238,.16) 13px 14px,transparent 15px 26px);mask-image:linear-gradient(to top,#000,transparent);opacity:.38}

/* trust strip */
.trustbar{background:#041222;border-top:1px solid rgba(136,181,220,.1);border-bottom:1px solid rgba(136,181,220,.1);padding:27px 0;position:relative;z-index:3}.trustbar .container{display:flex;align-items:center;gap:34px}.trust-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.16em;color:#6f8aa4;white-space:nowrap}.trust-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);flex:1}.marquee-track{display:flex;width:max-content;gap:20px;animation:marquee 34s linear infinite}.marquee-track:hover{animation-play-state:paused}.logo-chip{height:38px;min-width:135px;padding:0 17px;border:1px solid rgba(124,173,212,.12);border-radius:9px;background:rgba(255,255,255,.025);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.76rem;color:#a9bfd2}.logo-chip b{color:white}.logo-chip span{color:#37a7ff}
@keyframes marquee{to{transform:translateX(-50%)}}

/* feature grid */
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{position:relative;min-height:214px;border:1px solid #dfeaf3;background:#fff;border-radius:18px;padding:24px;box-shadow:0 13px 38px rgba(25,69,108,.07);overflow:hidden;transition:.35s ease}.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(25,69,108,.13);border-color:#bcdcff}.feature-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-48px;bottom:-55px;background:radial-gradient(circle,rgba(31,147,255,.15),transparent 70%)}.icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#e4f4ff,#f7fbff);border:1px solid #d7eaf8;color:#1589f7;margin-bottom:18px}.icon svg{width:21px;height:21px}.feature-card h3{margin-bottom:8px}.feature-card p{font-size:.84rem;color:#6d7c8a}.text-link{display:inline-flex;align-items:center;gap:6px;margin-top:16px;font-size:.76rem;font-weight:800;color:#0b82ef}.text-link span{transition:.25s}.text-link:hover span{transform:translateX(4px)}

/* solution tiles */
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution-card{min-height:255px;border-radius:18px;position:relative;overflow:hidden;border:1px solid rgba(137,186,229,.16);background:#0a223d;padding:18px;display:flex;align-items:flex-end;transition:.35s ease}.solution-card:hover{transform:translateY(-6px);border-color:rgba(61,164,255,.55);box-shadow:0 26px 60px rgba(0,7,18,.3)}.solution-card::before{content:"";position:absolute;inset:0;background:var(--bg,linear-gradient(135deg,#11385c,#071a2f));transition:transform .6s ease}.solution-card:hover::before{transform:scale(1.07)}.solution-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(4,15,27,.26) 50%,rgba(3,13,24,.96) 100%)}.solution-card>*{position:relative;z-index:2}.solution-card h3{font-size:1.05rem}.solution-card p{font-size:.74rem;color:#b3c4d3;margin-top:7px}.solution-card .arrow{position:absolute;right:17px;bottom:18px;color:#49b4ff;font-size:1.1rem}.scene-access{--bg:radial-gradient(circle at 60% 30%,rgba(39,162,255,.36),transparent 24%),linear-gradient(135deg,#15436b,#081b30)}.scene-access::before{background-image:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),var(--bg);background-size:60px 60px,60px 60px,auto}.scene-video{--bg:radial-gradient(circle at 70% 25%,rgba(105,177,220,.3),transparent 25%),linear-gradient(140deg,#163a56,#071a2d)}.scene-fire{--bg:radial-gradient(circle at 63% 30%,rgba(255,75,37,.30),transparent 23%),linear-gradient(140deg,#3a2530,#081a2f)}.scene-cable{--bg:repeating-linear-gradient(100deg,transparent 0 12px,rgba(45,152,255,.18) 13px 14px),linear-gradient(145deg,#0b3458,#07192d)}.scene-service{--bg:radial-gradient(circle at 72% 28%,rgba(39,162,255,.22),transparent 28%),linear-gradient(140deg,#173854,#06182a)}.scene-project{--bg:linear-gradient(140deg,#183e5f,#081a2e)}.scene-public{--bg:radial-gradient(circle at 50% 25%,rgba(137,185,224,.20),transparent 25%),linear-gradient(140deg,#263a4e,#08192d)}.scene-security{--bg:radial-gradient(circle at 60% 25%,rgba(60,164,255,.28),transparent 28%),linear-gradient(140deg,#0f3558,#07172a)}

/* showcase */
.showcase{display:grid;grid-template-columns:.88fr 1.12fr;gap:50px;align-items:center}.check-list{display:grid;gap:14px;margin-top:28px}.check-item{display:flex;gap:12px;align-items:flex-start;color:#33475a;font-size:.9rem}.check-item i{width:21px;height:21px;border-radius:50%;background:#168cf7;color:#fff;display:grid;place-items:center;font-size:.68rem;font-style:normal;flex:0 0 auto;margin-top:1px}.showcase-dark .check-item{color:#b8c8d6}
.phone-stage{min-height:520px;position:relative}.phone{position:absolute;width:190px;height:388px;border-radius:38px;background:#0b1420;border:7px solid #07111c;box-shadow:0 28px 55px rgba(15,49,78,.28);padding:8px;transform:rotate(var(--r,0deg));transition:.45s ease}.phone:hover{transform:rotate(var(--r,0deg)) translateY(-10px)}.phone.p1{left:8%;top:62px;--r:-5deg}.phone.p2{left:37%;top:20px;--r:1deg;z-index:2}.phone.p3{right:4%;top:72px;--r:6deg}.phone-screen{height:100%;border-radius:29px;background:#f8fbfe;color:#13213a;overflow:hidden;padding:14px 12px}.phone-notch{width:62px;height:12px;border-radius:10px;background:#0a1018;margin:-8px auto 12px}.phone-title{display:flex;justify-content:space-between;font-size:.6rem;font-weight:800;margin-bottom:13px}.job-card{border:1px solid #dce7f1;border-radius:10px;padding:10px;margin:8px 0;background:#fff;box-shadow:0 5px 15px rgba(20,56,91,.05)}.job-card small{font-size:.47rem;color:#7f91a4;display:block}.job-card b{font-size:.6rem}.phone-btn{height:30px;border-radius:8px;background:linear-gradient(135deg,#1b97ff,#067af0);color:white;display:grid;place-items:center;font-size:.55rem;font-weight:800;margin-top:14px}.mini-map{height:145px;border-radius:12px;background:linear-gradient(rgba(105,154,195,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(105,154,195,.13) 1px,transparent 1px),#edf5fb;background-size:24px 24px;position:relative;margin-top:10px}.mini-map::after{content:"";position:absolute;left:52%;top:48%;width:18px;height:18px;border-radius:50% 50% 50% 0;background:#168cf7;transform:rotate(-45deg);box-shadow:0 0 0 5px rgba(22,140,247,.12)}.signature{font-family:cursive;font-size:1.8rem;text-align:center;margin:58px 0 0;transform:rotate(-6deg)}

/* lifecycle + browser mockup */
.lifecycle{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:28px}.life-step{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;min-width:72px}.life-step i{width:36px;height:36px;border-radius:12px;background:#eaf5ff;border:1px solid #d4e8f8;display:grid;place-items:center;color:#0e85ef;font-style:normal;font-weight:800}.life-step b{font-size:.65rem}.life-arrow{height:1px;background:#add7f4;flex:1;position:relative}.life-arrow::after{content:"";position:absolute;right:0;top:-3px;border-left:5px solid #77bff0;border-top:3px solid transparent;border-bottom:3px solid transparent}
.browser{border-radius:18px;border:1px solid #d7e5ef;background:white;box-shadow:0 28px 70px rgba(30,77,116,.15);overflow:hidden}.browser.dark-browser{background:#081c33;border-color:rgba(120,177,225,.16);box-shadow:0 34px 75px rgba(0,7,19,.38)}.browser-bar{height:43px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid #e6eef5}.dark-browser .browser-bar{border-color:rgba(128,174,211,.12)}.browser-body{display:grid;grid-template-columns:74px 1fr;min-height:340px}.browser-side{background:#07182b;padding:12px 9px}.side-pill{height:29px;border-radius:6px;margin:6px 0;background:rgba(255,255,255,.035)}.side-pill.active{background:linear-gradient(90deg,rgba(27,148,255,.28),rgba(27,148,255,.03));box-shadow:inset 2px 0 #1590ff}.browser-content{padding:17px;background:#f8fbfe;color:#0d1e35}.browser-content h4{font-size:1rem;margin-bottom:13px}.project-tabs{display:flex;gap:16px;font-size:.58rem;color:#71869a;border-bottom:1px solid #dce8f1;padding-bottom:9px}.project-tabs b{color:#0e82ec}.project-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:12px}.project-kpi{border:1px solid #e0eaf2;border-radius:8px;padding:10px;background:#fff}.project-kpi small{font-size:.48rem;color:#8294a5;display:block}.project-kpi strong{font-size:.82rem}.progressbar{height:5px;border-radius:5px;background:#e7edf2;margin-top:7px;overflow:hidden}.progressbar i{display:block;height:100%;width:var(--w,68%);background:#188ff8}.project-lower{display:grid;grid-template-columns:1.2fr .8fr;gap:9px;margin-top:10px}.project-box{border:1px solid #e0eaf2;border-radius:8px;min-height:120px;padding:10px;background:#fff}.project-box .chartline{height:70px;margin-top:8px;position:relative;background:linear-gradient(rgba(44,129,199,.08) 1px,transparent 1px);background-size:100% 18px}.project-box .chartline svg{position:absolute;inset:0;width:100%;height:100%}

/* integrations */
.integration-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.integration-card{height:74px;border-radius:13px;border:1px solid #dce8f1;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:#18334e;box-shadow:0 9px 24px rgba(34,78,113,.04);transition:.3s ease;text-align:center;padding:10px}.integration-card:hover{transform:translateY(-4px);border-color:#abd7f6;box-shadow:0 18px 38px rgba(34,78,113,.1)}.integration-card span{color:#1389f3}.integration-note{font-size:.74rem;color:#75879a;margin-top:17px}

/* portal mock */
.portal-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:44px;align-items:center}.portal-ui{display:grid;grid-template-columns:90px 1fr;min-height:390px;border-radius:20px;overflow:hidden;border:1px solid rgba(126,180,226,.22);box-shadow:0 38px 75px rgba(0,6,18,.4);background:#fff;color:#10223c}.portal-side{background:#07182c;padding:14px 10px}.portal-side .app-logo{height:34px}.portal-main{padding:18px;background:#f6fafe}.portal-hero{height:110px;border-radius:12px;background:linear-gradient(135deg,#dbeefe,#b8d8ef);position:relative;overflow:hidden;padding:18px}.portal-hero::after{content:"";position:absolute;right:-20px;bottom:-25px;width:170px;height:120px;background:linear-gradient(135deg,#8aa9be,#567b98);clip-path:polygon(0 100%,40% 45%,58% 62%,77% 25%,100% 100%)}.portal-hero b{font-size:1.02rem}.portal-hero small{display:block;color:#52697c;font-size:.62rem}.portal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}.portal-stat{background:#fff;border:1px solid #e0eaf2;padding:10px;border-radius:9px}.portal-stat small{font-size:.49rem;color:#7f92a3}.portal-stat strong{display:block;font-size:1.1rem}.activity-list{margin-top:10px;background:#fff;border:1px solid #e0eaf2;border-radius:9px;padding:10px}.activity-row{display:flex;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #eef3f7}.activity-row:last-child{border:0}.activity-dot{width:22px;height:22px;border-radius:50%;background:#e6f4ff;color:#188cf5;display:grid;place-items:center;font-size:.55rem}.activity-row span{font-size:.57rem}.activity-row small{display:block;color:#8295a6}

/* quote + CTA */
.testimonial-band{display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.quote-card{min-height:260px;border-radius:20px;border:1px solid rgba(130,180,222,.13);background:linear-gradient(145deg,rgba(13,42,70,.86),rgba(5,23,41,.95));padding:30px;position:relative;overflow:hidden}.quote-card::after{content:"“";position:absolute;right:22px;top:-30px;font-family:Georgia,serif;font-size:12rem;color:rgba(42,157,255,.08);line-height:1}.quote-card blockquote{font-family:Inter,"Avenir Next",system-ui,sans-serif;font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.35;margin:0;max-width:800px}.quote-card footer{margin-top:28px;color:#6ebeff;font-size:.78rem;text-transform:uppercase;letter-spacing:.13em}.mountain-card{min-height:260px;border-radius:20px;position:relative;overflow:hidden;border:1px solid rgba(130,180,222,.13);background:linear-gradient(180deg,#184665,#07172a)}.mountain-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 10%,rgba(77,185,255,.32),transparent 27%)}.mountain-card svg{position:absolute;inset:auto 0 0;width:100%;height:82%}.mountain-card .mountain-copy{position:absolute;z-index:2;top:28px;left:28px;font-family:Inter,"Avenir Next",system-ui,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}
.cta-panel{border-radius:26px;border:1px solid rgba(130,184,228,.18);background:linear-gradient(135deg,#0d3358 0%,#071b31 64%,#0a2643 100%);padding:45px 48px;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 30px 65px rgba(0,7,19,.23);position:relative;overflow:hidden}.cta-panel::after{content:"";position:absolute;right:-70px;top:-90px;width:360px;height:360px;background:radial-gradient(circle,rgba(27,149,255,.27),transparent 70%)}.cta-panel h2{font-size:clamp(2rem,3.8vw,3.4rem);max-width:760px}.cta-panel p{margin-top:13px;color:#a8bdce;max-width:650px}.cta-panel>*{position:relative;z-index:2}

/* footer */
.footer{padding:62px 0 26px;background:#03101e;border-top:1px solid rgba(131,180,220,.1)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.footer .brand img{width:170px}.footer-blurb{color:#778ea4;font-size:.76rem;margin-top:15px;max-width:290px}.footer h4{font-size:.78rem;letter-spacing:0;margin-bottom:13px}.footer a:not(.brand){display:block;color:#7f96ab;font-size:.73rem;margin:8px 0;transition:.2s}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:42px;padding-top:20px;border-top:1px solid rgba(126,176,216,.09);font-size:.68rem;color:#617a91}.footer-social{display:flex;gap:11px}.social{width:28px;height:28px;border-radius:7px;border:1px solid rgba(126,176,216,.13);display:grid!important;place-items:center;margin:0!important;color:#8ca3b9!important}

/* internal page heroes */
.page-hero{padding:156px 0 80px;position:relative;overflow:hidden;background:linear-gradient(180deg,#041324,#072440 78%,#06172b)}.page-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 330px at 78% 26%,rgba(26,145,250,.2),transparent 67%)}.page-hero .container{position:relative;z-index:2}.page-hero h1{font-size:clamp(3rem,6vw,5.5rem);max-width:990px}.page-hero p{font-size:1.08rem;color:#a8bdce;max-width:690px;margin-top:22px}.page-hero .hero-actions{margin-top:28px}.page-hero-mini{min-height:480px}.page-mountain{position:absolute;right:-3%;bottom:-25px;width:55%;height:330px;opacity:.66}

/* tabs */
.tabbar{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 30px}.tab-btn{border:1px solid #d9e7f1;background:#fff;border-radius:10px;padding:10px 15px;font-size:.74rem;font-weight:800;color:#52697c}.tab-btn.active{background:#1089f7;color:#fff;border-color:#1089f7;box-shadow:0 8px 20px rgba(16,137,247,.22)}.tab-panel{display:none}.tab-panel.active{display:block;animation:panelIn .35s ease}.dark .tab-btn{background:rgba(255,255,255,.03);border-color:rgba(127,177,218,.15);color:#97aec2}.dark .tab-btn.active{background:#168cf7;color:white;border-color:#168cf7}@keyframes panelIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* pricing */
.pricing-toggle{display:flex;width:max-content;margin:26px auto 40px;padding:4px;border-radius:11px;background:#e6eef5}.pricing-toggle button{border:0;background:transparent;color:#62768a;padding:9px 15px;border-radius:8px;font-size:.73rem;font-weight:800}.pricing-toggle button.active{background:#118af8;color:#fff;box-shadow:0 5px 14px rgba(17,138,248,.25)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin-inline:auto}.price-card{border:1px solid #dce8f1;background:#fff;border-radius:19px;padding:28px;box-shadow:0 17px 45px rgba(27,73,111,.07);position:relative}.price-card.featured{border-color:#79c4ff;box-shadow:0 25px 60px rgba(14,129,231,.15);transform:translateY(-8px)}.popular{position:absolute;top:-13px;left:50%;transform:translateX(-50%);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:#118af8;color:white;padding:6px 13px;border-radius:99px}.price-card h3{font-size:1.2rem}.price-card .for{font-size:.74rem;color:#7b8c9c;margin-top:5px}.price{font-size:2.3rem;font-family:Inter,"Avenir Next",system-ui,sans-serif;font-weight:800;margin:22px 0 3px}.price small{font-size:.7rem;font-family:Inter,sans-serif;color:#76889a}.price-note{font-size:.66rem;color:#8294a5}.price-features{margin:22px 0;display:grid;gap:10px}.price-features span{font-size:.76rem;color:#43566a;display:flex;gap:8px}.price-features span::before{content:"✓";color:#118af8;font-weight:900}

/* forms */
.form-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}.form-card{background:#fff;color:var(--ink);border-radius:22px;padding:30px;border:1px solid #dce8f1;box-shadow:0 26px 65px rgba(0,15,31,.22)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-size:.7rem;font-weight:800;color:#40556a}.field input,.field select,.field textarea{width:100%;border:1px solid #d7e3ec;border-radius:10px;padding:12px 13px;background:#f9fbfd;color:#13233a;outline:none;transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#76c1f8;box-shadow:0 0 0 3px rgba(17,140,255,.10)}.field textarea{min-height:115px;resize:vertical}.form-note{font-size:.67rem;color:#8394a4;margin-top:11px}.success-message{display:none;margin-top:14px;padding:12px;border-radius:10px;background:#edf9f2;color:#187844;font-size:.75rem}.success-message.show{display:block}.contact-points{display:grid;gap:15px;margin-top:28px}.contact-point{display:flex;gap:13px;align-items:flex-start}.contact-point i{width:36px;height:36px;border-radius:10px;background:rgba(35,151,255,.13);border:1px solid rgba(63,166,255,.22);color:#60beff;display:grid;place-items:center;font-style:normal}.contact-point b{display:block;font-size:.82rem}.contact-point p{color:#8ba2b7;font-size:.75rem;margin-top:3px}

/* FAQs */
.faq{max-width:880px;margin:0 auto}.faq-item{border-bottom:1px solid #dce7ef}.faq-q{width:100%;border:0;background:transparent;padding:20px 0;display:flex;justify-content:space-between;gap:20px;text-align:left;color:var(--ink);font-weight:800}.faq-q span:last-child{font-size:1.2rem;color:#0f86ef;transition:.25s}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:#657789;font-size:.86rem}.faq-a p{padding:0 0 20px}.faq-item.open .faq-a{max-height:180px}.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}

/* resources */
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-card{background:#fff;border:1px solid #dbe7f0;border-radius:18px;overflow:hidden;color:var(--ink);transition:.35s}.resource-card:hover{transform:translateY(-6px);box-shadow:0 24px 52px rgba(24,69,105,.12)}.resource-art{height:150px;background:linear-gradient(135deg,#0e3d67,#071a30);position:relative;overflow:hidden}.resource-art::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-80px;top:-70px;background:radial-gradient(circle,rgba(52,174,255,.5),transparent 68%)}.resource-card:nth-child(2) .resource-art{background:linear-gradient(135deg,#082848,#0a4b78)}.resource-card:nth-child(3) .resource-art{background:linear-gradient(135deg,#0f3151,#12213e)}.resource-copy{padding:20px}.resource-copy small{font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#138af4;font-weight:800}.resource-copy h3{margin-top:8px}.resource-copy p{font-size:.78rem;color:#718293;margin-top:8px}

/* security */
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.security-card{border:1px solid #dbe7f0;background:#fff;border-radius:18px;padding:24px}.security-card h3{margin:14px 0 8px}.security-card p{font-size:.8rem;color:#718395}.architecture{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:10px;margin-top:35px}.arch-node{padding:18px 12px;border:1px solid #dbe7f0;background:#fff;border-radius:14px;text-align:center}.arch-node b{font-size:.75rem;display:block}.arch-node small{font-size:.6rem;color:#778a9b}.arch-arrow{text-align:center;color:#289af8;font-size:1.2rem}

/* reveal/tilt */
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.js .reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}[data-tilt]{transform-style:preserve-3d;will-change:transform}

/* responsive */
@media(max-width:1050px){
  .nav-links{display:none}.nav-toggle{display:grid;place-items:center}.login-link{display:none}
  .nav.open{position:relative}.nav.open .nav-links{display:flex;position:absolute;top:70px;left:20px;right:20px;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:rgba(4,17,31,.97);border:1px solid rgba(131,181,223,.16);border-radius:16px;box-shadow:var(--shadow)}.nav.open .nav-links a{padding:12px 10px;border-bottom:1px solid rgba(131,181,223,.08)}
  .hero{min-height:auto}.hero-grid{grid-template-columns:1fr}.hero-copy{padding-top:0;max-width:820px}.hero-visual{min-height:520px;max-width:760px;margin:auto;width:100%}
  .feature-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:repeat(4,1fr)}
  .showcase,.portal-wrap,.form-shell{grid-template-columns:1fr}.showcase>div:first-child{max-width:780px}.phone-stage{max-width:660px;margin:auto;width:100%}.portal-ui{max-width:760px;width:100%;margin:auto}
  .footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}.footer-grid>div:nth-child(4),.footer-grid>div:nth-child(5){margin-top:10px}
  .pricing-grid{grid-template-columns:1fr;max-width:620px}.price-card.featured{transform:none}
}
@media(max-width:740px){
  .container{width:min(100% - 28px,1180px)}.section{padding:78px 0}.section-tight{padding:58px 0}.nav{height:68px}.brand img{width:150px}.nav-actions .btn{display:none}.nav-toggle{display:grid}
  .hero{padding-top:118px;padding-bottom:50px}.hero-grid{gap:10px}.hero-copy .lede{font-size:1rem;margin:22px 0}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .btn{width:100%}.hero-meta{gap:13px;font-size:.62rem}
  .hero-visual{min-height:385px}.dashboard-float{top:35px;left:0;width:100%;transform:none}.app-shell{grid-template-columns:58px 1fr;min-height:300px}.app-nav{padding:8px 7px}.nav-dot{height:25px}.nav-dot::before{left:8px;top:8px}.app-content{padding:11px}.mock-kpis{grid-template-columns:repeat(2,1fr)}.mock-kpi:nth-child(3),.mock-kpi:nth-child(4){display:none}.mock-main{grid-template-columns:1fr}.tech-card{display:none}.map-card{min-height:160px}.float-card{display:none}.hero-mountain{height:160px}
  .trustbar .container{gap:16px}.trust-label{display:none}.logo-chip{min-width:112px}.section-head{display:block;margin-bottom:30px}.section-head .section-copy{margin-top:15px}.feature-grid,.solution-grid,.integration-grid,.resource-grid,.security-grid{grid-template-columns:1fr 1fr}.feature-card{min-height:190px;padding:20px}.solution-card{min-height:220px}
  .showcase{gap:28px}.phone-stage{min-height:440px}.phone{width:154px;height:316px;border-radius:31px}.phone.p1{left:0}.phone.p2{left:29%}.phone.p3{right:0}.portal-ui{grid-template-columns:62px 1fr}.portal-main{padding:11px}.portal-hero{height:90px;padding:13px}.portal-stats{gap:5px}.portal-stat{padding:7px}.testimonial-band{grid-template-columns:1fr}.mountain-card{min-height:220px}.cta-panel{display:block;padding:32px 26px}.cta-panel .btn{margin-top:24px;width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom>div:last-child{margin-top:8px}
  .lifecycle{overflow:auto;justify-content:flex-start;padding-bottom:6px}.life-arrow{min-width:35px}.browser-body{grid-template-columns:54px 1fr}.project-kpis{grid-template-columns:1fr 1fr}.project-lower{grid-template-columns:1fr}.project-box:nth-child(2){display:none}
  .field-grid{grid-template-columns:1fr}.architecture{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg)}
}
@media(max-width:520px){
  h1{font-size:3.15rem}.page-hero h1{font-size:2.9rem}.feature-grid,.solution-grid,.integration-grid,.resource-grid,.security-grid{grid-template-columns:1fr}.phone.p1{left:4%}.phone.p2{left:auto;right:4%}.phone.p3{display:none}.phone-stage{min-height:390px}.integration-card{height:64px}.section-copy{font-size:.96rem}.portal-ui{grid-template-columns:1fr}.portal-side{display:none}.portal-stats{grid-template-columns:1fr 1fr}.portal-stat:nth-child(3){display:none}.cta-panel{border-radius:19px}.footer-grid{grid-template-columns:1fr 1fr}.footer{padding-top:46px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* ========================================================================== */
/* Signature polish layer                                                     */
/* ========================================================================== */
:root{
  --electric:#1aa1ff;
  --cyan:#73d8ff;
  --deep:#03101f;
  --glass:rgba(8,29,52,.62);
  --glass-line:rgba(149,204,244,.18);
  --ease-premium:cubic-bezier(.16,1,.3,1);
}
body{background:
  radial-gradient(1000px 600px at 50% -250px,rgba(35,148,255,.08),transparent 70%),
  var(--navy)}
body::after{content:"";position:fixed;inset:0;z-index:49;pointer-events:none;opacity:.035;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
::selection{background:#168fff;color:#fff}

/* refined header */
.site-header{padding-top:8px}.site-header .nav{height:70px;border:1px solid transparent;border-radius:17px;padding:0 14px;transition:background .35s var(--ease-premium),border .35s var(--ease-premium),box-shadow .35s var(--ease-premium)}
.site-header.scrolled{background:transparent;border:0;box-shadow:none;backdrop-filter:none}.site-header.scrolled .nav{background:rgba(3,15,29,.76);border-color:rgba(140,195,236,.13);box-shadow:0 12px 45px rgba(0,4,14,.26);backdrop-filter:blur(24px) saturate(135%)}
.brand img{filter:drop-shadow(0 4px 18px rgba(0,130,255,.12))}
.nav-links a{letter-spacing:-.01em}.login-link{border:1px solid rgba(150,196,233,.12);border-radius:10px;background:rgba(255,255,255,.018)}
.nav-actions .btn-primary{box-shadow:0 8px 30px rgba(11,128,245,.28),inset 0 1px rgba(255,255,255,.22)}

/* luxury button treatment */
.btn{min-height:45px;padding-inline:20px;transition:transform .35s var(--ease-premium),box-shadow .35s var(--ease-premium),border-color .35s ease,background .35s ease}
.btn-primary{background:linear-gradient(135deg,#29a7ff 0%,#0a81f6 58%,#0567df 100%);border-color:rgba(125,210,255,.26)}
.btn-primary::after{content:"";position:absolute;inset:1px;border-radius:9px;border:1px solid rgba(255,255,255,.1);pointer-events:none}
.btn-secondary:hover{border-color:rgba(93,190,255,.45);background:rgba(15,47,76,.64)}

/* hero atmosphere */
.hero{min-height:940px;padding-top:155px;background:
  radial-gradient(900px 520px at 76% 24%,rgba(8,130,255,.18),transparent 70%),
  radial-gradient(700px 430px at 10% 38%,rgba(28,105,181,.12),transparent 72%),
  linear-gradient(180deg,#020d19 0%,#051a30 56%,#082642 100%)}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(94,158,211,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(94,158,211,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%)}
.hero-copy{position:relative;z-index:4}.hero-copy h1{font-size:clamp(4rem,7vw,6.75rem);line-height:.92;text-wrap:balance;text-shadow:0 8px 45px rgba(0,5,20,.22)}
.hero-copy .lede{font-size:1.15rem;line-height:1.7;color:#bdd0e1;max-width:625px}
.hero-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 11px 8px 10px;margin-bottom:22px;border:1px solid rgba(100,191,255,.18);border-radius:999px;background:linear-gradient(90deg,rgba(20,103,170,.17),rgba(10,32,56,.4));box-shadow:inset 0 1px rgba(255,255,255,.05);font-size:.61rem;letter-spacing:.12em;font-weight:800;color:#a8d9fb;text-transform:uppercase;backdrop-filter:blur(10px)}
.hero-badge .live-dot{width:6px;height:6px;border-radius:50%;background:#59e7a5;box-shadow:0 0 0 4px rgba(89,231,165,.09),0 0 14px rgba(89,231,165,.7);animation:livePulse 2.1s ease-in-out infinite}.hero-badge .badge-arrow{color:#62c7ff;font-size:.8rem}
@keyframes livePulse{50%{opacity:.62;transform:scale(.78)}}
.hero-meta{margin-top:2px}.hero-meta span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.025);border:1px solid rgba(137,187,228,.08)}
.hero-visual{z-index:3}.hero-gridlines{position:absolute;inset:28px -6% 0 0;border-radius:36px;background-image:linear-gradient(rgba(92,166,225,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(92,166,225,.05) 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(circle at 52% 48%,black,transparent 70%);transform:rotate(-3deg)}
.hero-orbit{position:absolute;border:1px solid rgba(68,176,255,.12);border-radius:50%;filter:drop-shadow(0 0 22px rgba(33,151,255,.08));pointer-events:none}.orbit-one{width:530px;height:530px;right:-100px;top:12px;animation:orbitSpin 26s linear infinite}.orbit-two{width:390px;height:390px;right:-22px;top:86px;border-style:dashed;animation:orbitSpin 20s linear reverse infinite}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#48baff;box-shadow:0 0 18px rgba(72,186,255,.9)}.hero-orbit::before{top:20%;left:5%}.hero-orbit::after{bottom:13%;right:12%}@keyframes orbitSpin{to{transform:rotate(360deg)}}
.dashboard-float{top:70px;left:2%;width:97%;border-color:rgba(113,193,246,.25);background:linear-gradient(180deg,rgba(7,27,49,.97),rgba(3,16,30,.95));box-shadow:0 55px 130px rgba(0,4,16,.58),0 0 0 1px rgba(255,255,255,.025) inset,0 0 70px rgba(15,125,220,.08)}
.dashboard-float::after{content:"";position:absolute;inset:-1px;border-radius:21px;padding:1px;background:linear-gradient(130deg,rgba(109,204,255,.45),transparent 25%,transparent 70%,rgba(20,124,236,.24));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.signal-chip{position:absolute;z-index:7;display:flex;align-items:center;gap:10px;min-width:185px;padding:11px 13px;border:1px solid rgba(113,193,246,.2);border-radius:13px;background:rgba(4,21,38,.78);box-shadow:0 18px 45px rgba(0,6,18,.32);backdrop-filter:blur(18px);animation:chipFloat 5.5s ease-in-out infinite}.signal-chip small{display:block;font-size:.48rem;letter-spacing:.13em;color:#6ba8d3;font-weight:800}.signal-chip strong{display:block;font-size:.67rem;margin-top:2px}.signal-icon{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,rgba(41,161,255,.28),rgba(29,95,177,.12));border:1px solid rgba(70,178,255,.22);display:grid;place-items:center;color:#64c8ff}.signal-chip-a{left:-5%;top:18px}.signal-chip-b{right:-5%;bottom:22px;animation-delay:-2.5s}@keyframes chipFloat{50%{transform:translateY(-8px)}}

/* value principles */
.principles-bar{position:relative;z-index:5;background:linear-gradient(180deg,#071b31,#051628);border-top:1px solid rgba(117,182,230,.11);border-bottom:1px solid rgba(117,182,230,.11)}
.principles-grid{display:grid;grid-template-columns:repeat(4,1fr)}.principle{display:flex;align-items:center;gap:14px;padding:24px 18px;border-right:1px solid rgba(120,178,220,.1)}.principle:first-child{padding-left:0}.principle:last-child{border-right:0;padding-right:0}.principle>span{font-size:.64rem;font-weight:900;letter-spacing:.12em;color:#279fff}.principle b{display:block;font-size:.78rem}.principle small{display:block;margin-top:3px;font-size:.62rem;color:#7290a9}

/* trust rail */
.trustbar{background:#f5f9fc;color:#0c1c32;border-top:0}.trustbar .container{padding-block:19px}.trust-label{color:#617990}.logo-chip{background:#fff;border-color:#dbe9f2;box-shadow:0 7px 22px rgba(22,68,104,.05);font-weight:800;letter-spacing:-.02em;color:#17314d}

/* high-end light surfaces */
.light{background:
  radial-gradient(900px 420px at 9% 0%,rgba(84,177,255,.055),transparent 70%),
  #f5f9fc}
.light .section-head h2,.light h2{color:#0a1830}.section-head h2{text-wrap:balance}
.feature-card,.security-card,.resource-card,.price-card{position:relative;overflow:hidden;isolation:isolate}
.feature-card::before,.security-card::before,.resource-card::before,.price-card::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(420px circle at var(--card-x,50%) var(--card-y,50%),rgba(56,168,255,.12),transparent 42%);opacity:0;transition:opacity .35s ease}
.feature-card:hover::before,.security-card:hover::before,.resource-card:hover::before,.price-card:hover::before{opacity:1}
.feature-card{border-color:#dce8f1;box-shadow:0 12px 35px rgba(20,61,96,.045);transition:transform .45s var(--ease-premium),box-shadow .45s var(--ease-premium),border-color .35s ease}.feature-card:hover{transform:translateY(-8px);border-color:#b9ddf8;box-shadow:0 28px 65px rgba(20,73,114,.13)}
.feature-card .icon,.security-card .icon{box-shadow:inset 0 1px rgba(255,255,255,.7),0 8px 22px rgba(22,138,241,.11)}
.text-link span{transition:transform .3s var(--ease-premium)}.feature-card:hover .text-link span,.resource-card:hover .text-link span{transform:translateX(4px)}

/* showcase polish */
.browser{border-color:#d8e8f3;box-shadow:0 34px 80px rgba(18,58,91,.12),0 1px 0 #fff inset}.phone{box-shadow:0 30px 70px rgba(3,27,52,.28),inset 0 0 0 1px rgba(255,255,255,.5)}
.phone-stage::before{content:"";position:absolute;left:10%;right:8%;bottom:20px;height:120px;border-radius:50%;background:radial-gradient(ellipse,rgba(22,136,245,.2),transparent 67%);filter:blur(22px)}
.lifecycle{position:relative}.life-step i{box-shadow:0 8px 22px rgba(19,143,248,.18)}

/* intelligence command center */
.intelligence-section{position:relative;overflow:hidden;padding:125px 0;background:
 radial-gradient(900px 500px at 78% 50%,rgba(17,138,255,.13),transparent 67%),
 radial-gradient(600px 500px at 0% 100%,rgba(26,103,172,.11),transparent 70%),
 linear-gradient(180deg,#06172b,#04111f);border-top:1px solid rgba(118,180,227,.08);border-bottom:1px solid rgba(118,180,227,.09)}
.intelligence-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(77,150,207,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(77,150,207,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,black 25%,black 78%,transparent)}
.intelligence-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:74px;align-items:center;position:relative}.intelligence-copy h2{font-size:clamp(2.7rem,4.3vw,4.5rem);max-width:620px}.intelligence-copy .section-copy{margin-top:20px;line-height:1.7}.intelligence-points{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:30px 0}.intelligence-points>div{display:flex;align-items:flex-start;gap:11px;padding:12px 0}.intelligence-points i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(29,147,255,.1);border:1px solid rgba(65,172,255,.17);font-style:normal;color:#52bdff}.intelligence-points b{display:block;font-size:.77rem}.intelligence-points small{display:block;font-size:.64rem;color:#7692aa;margin-top:3px;line-height:1.45}
.command-center{position:relative;border:1px solid rgba(113,192,246,.2);border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(10,37,65,.9),rgba(4,19,35,.94));box-shadow:0 45px 100px rgba(0,5,18,.48),inset 0 1px rgba(255,255,255,.035);overflow:hidden}.command-center::before{content:"";position:absolute;inset:-30% 30% auto -10%;height:350px;background:radial-gradient(circle,rgba(43,159,255,.13),transparent 68%);pointer-events:none}.command-top{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:4px 4px 18px;border-bottom:1px solid rgba(125,182,224,.11)}.command-top small,.score-copy>small{font-size:.53rem;letter-spacing:.14em;color:#6c9fc4;font-weight:900}.command-top strong{display:block;font-size:1.05rem;margin-top:3px}.command-live{display:flex;gap:7px;align-items:center;font-size:.55rem;font-weight:900;letter-spacing:.12em;color:#77e8b3;padding:7px 9px;border:1px solid rgba(84,231,166,.14);border-radius:999px;background:rgba(84,231,166,.05)}.command-live i{width:6px;height:6px;border-radius:50%;background:#58e7a6;box-shadow:0 0 12px #58e7a6}.command-score{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:center;padding:25px 5px}.score-ring{width:124px;height:124px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,#071b31 54%,transparent 55%),conic-gradient(#36bbff 0 76%,#29e09a 76% 88%,rgba(255,255,255,.07) 88%);box-shadow:0 0 40px rgba(31,151,239,.09)}.score-ring span{font-size:2.05rem;font-weight:900;line-height:1}.score-ring small{font-size:.47rem;letter-spacing:.11em;color:#78a0bd;margin-top:4px}.score-copy strong{display:block;font-size:1.2rem;margin:4px 0 6px}.score-copy p{font-size:.69rem;color:#7892a7;max-width:350px}.command-signals{display:grid;gap:9px}.command-signal{display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid rgba(128,180,219,.1);border-radius:12px;background:rgba(255,255,255,.023)}.command-signal>i{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:.52rem;font-weight:900;background:rgba(255,255,255,.04);color:#7ebeea}.command-signal b{display:block;font-size:.67rem}.command-signal small{display:block;font-size:.55rem;color:#6f8da5;margin-top:2px}.command-signal em{font-style:normal;font-size:.53rem;font-weight:800;border-radius:999px;padding:6px 8px}.command-signal.warning em{background:rgba(245,157,71,.1);color:#ffc17b}.command-signal.good em{background:rgba(72,218,150,.1);color:#75e8ae}.command-signal.info em{background:rgba(51,158,255,.1);color:#68c2ff}.command-footer{display:flex;justify-content:space-between;gap:15px;padding:15px 5px 0;color:#6e8ba2;font-size:.57rem}.command-footer span:last-child{color:#56baff}

/* dark surfaces */
.dark{background:
 radial-gradient(650px 430px at 95% 10%,rgba(27,130,219,.07),transparent 70%),
 linear-gradient(180deg,#071a30 0%,#041321 100%)}
.portal-ui,.mountain-card,.quote-card,.cta-panel{box-shadow:0 32px 80px rgba(0,6,17,.28)}
.cta-panel{position:relative;overflow:hidden;background:linear-gradient(125deg,rgba(13,48,81,.92),rgba(5,22,39,.96));border-color:rgba(107,187,240,.18)}.cta-panel::before{content:"";position:absolute;width:440px;height:440px;right:-120px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(33,158,255,.19),transparent 68%)}

/* page heroes become more cinematic */
.page-hero{background:
 radial-gradient(820px 420px at 72% 24%,rgba(24,139,245,.15),transparent 67%),
 linear-gradient(180deg,#03111f,#082440);border-bottom:1px solid rgba(126,189,234,.1)}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,160,213,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(91,160,213,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 78%);pointer-events:none}.page-hero .container{position:relative;z-index:2}

/* spotlight + motion hooks */
[data-spotlight]{--card-x:50%;--card-y:50%}.page-enter{animation:pageEnter .7s var(--ease-premium) both}@keyframes pageEnter{from{opacity:.01;transform:translateY(8px)}to{opacity:1;transform:none}}
.js .reveal{transform:translateY(30px) scale(.992);transition:opacity .85s var(--ease-premium),transform .85s var(--ease-premium)}
.js .reveal.in{transform:none}

@media(max-width:1050px){
 .site-header{padding-top:4px}.site-header .nav{height:66px}.hero{padding-top:130px}.principles-grid{grid-template-columns:1fr 1fr}.principle:nth-child(2){border-right:0}.principle:nth-child(-n+2){border-bottom:1px solid rgba(120,178,220,.1)}
 .intelligence-grid{grid-template-columns:1fr;gap:48px}.command-center{max-width:760px}.signal-chip-a{left:0}.signal-chip-b{right:0}
}
@media(max-width:740px){
 .site-header{padding-top:0}.site-header .nav{border-radius:0;padding-inline:0}.site-header.scrolled .nav{border-left:0;border-right:0;border-radius:0}
 .hero{padding-top:120px;min-height:auto}.hero-copy h1{font-size:clamp(3.5rem,15vw,5rem)}.hero-badge{font-size:.53rem;max-width:100%;letter-spacing:.08em}.hero-visual{min-height:425px}.hero-gridlines,.hero-orbit,.signal-chip{display:none}.dashboard-float{top:30px}
 .principles-grid{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid rgba(120,178,220,.1);padding:16px 0}.principle:nth-child(2){border-bottom:1px solid rgba(120,178,220,.1)}.principle:last-child{border-bottom:0}
 .intelligence-section{padding:88px 0}.intelligence-points{grid-template-columns:1fr}.command-score{grid-template-columns:105px 1fr;gap:14px}.score-ring{width:94px;height:94px}.score-ring span{font-size:1.6rem}.command-signal{grid-template-columns:30px 1fr}.command-signal em{display:none}.command-footer{display:block}.command-footer span{display:block;margin-top:4px}
}
@media(max-width:520px){
 .hero-copy h1{font-size:3.4rem}.hero-meta span{padding:6px 8px}.command-center{padding:15px}.command-top strong{font-size:.91rem}.command-score{grid-template-columns:1fr}.score-ring{margin:auto}.score-copy{text-align:center}.score-copy p{margin:auto}.command-signal b{font-size:.62rem}
}
@media(prefers-reduced-motion:reduce){.hero-badge .live-dot,.hero-orbit,.signal-chip,.page-enter{animation:none!important}}