*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061018;color:#f6f8fa;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.topbar{height:83px;position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;padding:0 4%;gap:28px;background:transparent}.brand{display:flex;align-items:center;gap:12px;min-width:420px}.brand-symbol{width:52px;height:50px;display:grid;place-items:center;clip-path:polygon(16% 0,100% 0,82% 100%,0 100%);background:linear-gradient(135deg,#00cfff 0 45%,#dfe7e9 46% 58%,#0b78ad 59%)}.brand-symbol span{background:#071017;clip-path:inherit;width:42px;height:40px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:22px;font-style:italic}.brand-text b{font-size:21px;letter-spacing:1px}.brand-text b span{color:#00cfff}.brand-text small{display:block;font-size:9px;letter-spacing:3px;margin-top:4px;color:#e2e7e9}.topbar nav{display:flex;justify-content:center;gap:31px;flex:1}.topbar nav a{font-size:13px;font-weight:800;color:#cbd6db}.topbar nav a.active{color:#00d5ff;border-bottom:2px solid #00d5ff;padding-bottom:12px}.top-contact b{font-size:18px;margin-left:10px}.hamburger{display:none}
.hero{height:810px;position:relative;overflow:hidden;background:#061018 url("../assets/hero-background.png") center center/cover no-repeat}.sunset,.mountain,.city-lights,.ground{display:none}.plant{display:none}
.hero-copy{position:absolute;z-index:10;left:4.6%;top:17%;width:43%;max-width:690px}.eyebrow,.kicker{font-size:12px;letter-spacing:3px;font-weight:900;color:#c0f9ff}.eyebrow i{display:inline-block;width:8px;height:8px;background:#54ffad;border-radius:50%;box-shadow:0 0 13px #54ffad;margin-right:11px}.hero h1{font-size:75px;line-height:.99;letter-spacing:-3.6px;margin:28px 0 27px}.hero h1 em,h2 em{font-style:normal;color:#00d4ff}.hero-copy>p{font-size:18px;line-height:1.55;color:#d7e0e4;max-width:620px}.buttons{display:flex;gap:20px;margin-top:29px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:17px 28px;font-weight:900;font-size:12px;border:1px solid #00d5ff}.btn.blue{background:#05c8f3;color:#031017}.btn.glass{background:rgba(4,17,24,.75);color:#fff}.callout{position:absolute;z-index:12;background:rgba(4,19,27,.9);border:1px solid #23677e;padding:13px 15px;color:#d8e4e8;backdrop-filter:blur(8px);font-size:12px;line-height:1.3;box-shadow:0 10px 25px rgba(0,0,0,.25)}.callout strong{display:block;font-size:15px;color:#baf7ff}.callout small{display:block;font-weight:800;color:#b9cbd1}.callout p{margin:4px 0}.callout p em{color:#20ff8c;font-style:normal;font-weight:800}.callout p b{color:#ffb05d}.p04{right:40%;top:14%}.j17{right:4%;top:10%;width:260px}.monitor{right:3.5%;bottom:28%;width:218px}.monitor h3,.model h3{font-size:13px;color:#81eaff;margin:0 0 10px}.monitor span{color:#7ea0ab}.online{color:#1dff8c!important}.model{right:3.5%;bottom:10%;width:218px}.services{position:absolute;z-index:15;left:4%;right:4%;bottom:22px;height:108px;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(5,19,27,.93);border:1px solid #355564;border-radius:10px;backdrop-filter:blur(10px)}.services>div{padding:22px 22px;border-right:1px solid #35505a}.services>div:last-child{border:0}.services b{float:left;color:#00d5ff;font-size:29px;margin-right:14px}.services strong,.services small{display:block}.services strong{font-size:13px}.services small{color:#9eb1b9;font-size:10px;margin-top:7px}.metrics{background:#02090e;min-height:116px;padding:26px 8%;display:grid;grid-template-columns:1.65fr 1fr 1fr 1fr;gap:20px}.metrics>div{display:flex;align-items:center;gap:16px;border-right:1px solid #21343b}.metrics>div:last-child{border:0}.metrics>div>span{font-size:31px;color:#bcefff}.metrics b,.metrics strong{display:block;font-size:18px}.metrics small{display:block;color:#8ea4ad;margin-top:6px}.content-section{padding:110px 8.5%;max-width:1500px;margin:auto}.content-section.dark{max-width:none;background:#07141c}.content-section h2,.contact h2{font-size:57px;line-height:1.04;letter-spacing:-2.5px;margin:18px 0}.lead{color:#a8bbc2;max-width:780px;font-size:18px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.cards article{background:#081720;border:1px solid #1c3a46;padding:30px;min-height:240px}.cards article>b{color:#00d5ff}.cards article h3{font-size:20px}.cards article p{color:#9eb2b9;line-height:1.6}.cards article a{color:#00d5ff;font-weight:800;font-size:13px}.process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px}.process>div{border-top:1px solid #2b5969;padding:26px 18px}.process b{color:#00d5ff}.process h3{font-size:27px}.process p{color:#9eb2b9}.contact{padding:100px 8.5%;display:grid;grid-template-columns:1fr 1fr;gap:80px;background:linear-gradient(115deg,#071b24,#061017)}.contact p{color:#a8bbc2;font-size:18px;line-height:1.6}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact input,.contact select,.contact textarea{background:#061017;border:1px solid #274653;color:#fff;padding:16px;font:inherit}.contact textarea,.contact button{grid-column:1/-1}.hp{display:none}footer{padding:32px 8.5%;border-top:1px solid #162b34;display:flex;justify-content:space-between;color:#81959e;font-size:12px}footer strong{color:#fff}footer strong span{color:#00d5ff}.reveal{opacity:0;transform:translateY(18px);transition:.65s}.reveal.show{opacity:1;transform:none}
@media(max-width:1100px){.topbar nav{display:none}.hamburger{display:block;margin-left:auto;background:#061018;border:1px solid #00d5ff;color:#fff;padding:10px}.topbar nav.open{display:flex;position:absolute;top:75px;right:4%;background:#061018;flex-direction:column;padding:20px;width:220px}.hero-copy{width:54%}.hero h1{font-size:58px}.services{grid-template-columns:repeat(3,1fr)}.services>div:nth-child(n+4){display:none}.cards{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}}
@media(max-width:700px){.topbar{padding:0 5%}.brand{min-width:0}.brand-text b{font-size:16px}.brand-text small{font-size:7px}.hero{height:900px}.hero-copy{left:7%;top:15%;width:86%}.hero h1{font-size:46px}.hero-copy>p{font-size:15px}.plant{width:105%;right:-34%;bottom:115px}.callout{transform:scale(.78);transform-origin:right top}.p04{right:31%;top:42%}.j17{right:-3%;top:29%}.monitor{right:1%;bottom:29%}.model{right:1%;bottom:18%}.services{left:5%;right:5%;height:72px;grid-template-columns:1fr}.services>div{display:none;padding:15px}.services>div:first-child{display:block;border:0}.metrics{padding:24px 6%;grid-template-columns:1fr 1fr}.metrics>div{border:0}.content-section{padding:75px 7%}.content-section h2,.contact h2{font-size:39px}.cards,.process{grid-template-columns:1fr}.contact{padding:75px 7%;gap:35px}.contact form{grid-template-columns:1fr}.contact textarea,.contact button{grid-column:auto}footer{padding:25px 7%;flex-wrap:wrap;gap:12px}}

.hero > .sunset,.hero > .mountain,.hero > .city-lights,.hero > .ground,.hero > .plant{display:none!important}

html{scroll-padding-top:92px}
section[id]{scroll-margin-top:92px}

.hero > .sunset,.hero > .mountain,.hero > .city-lights,.hero > .ground,.hero > .plant{display:none!important}
html{scroll-padding-top:92px}section[id]{scroll-margin-top:92px}

.hero > .p04,.hero > .j17,.hero > .monitor,.hero > .model{display:none!important}

.hero > .sunset,.hero > .mountain,.hero > .city-lights,.hero > .ground,.hero > .plant{display:none!important}

html{scroll-padding-top:92px}section[id]{scroll-margin-top:92px}

.hero > .p04,.hero > .j17,.hero > .monitor,.hero > .model{display:none!important}

.hero > .sunset,.hero > .mountain,.hero > .city-lights,.hero > .ground,.hero > .plant{display:none!important}

html{scroll-padding-top:92px}section[id]{scroll-margin-top:92px}

.hero-copy .buttons{display:none!important}

.topbar nav a{white-space:nowrap}