*{box-sizing:border-box} :root{--navy:#071a3d;--navy2:#0b2856;--blue:#1769b1;--electric:#2b8bd0;--gold:#c6a66a;--ink:#101e35;--muted:#647188;--paper:#f5f7fa;--line:#dce3eb} html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.topline{height:34px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#06142f;color:#b9c6d8;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.topline-right{color:#e2c58f}.topline-right i{display:inline-block;width:5px;height:5px;margin-left:8px;border-radius:50%;background:var(--gold)}.header{height:88px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 5px 24px #06142f0b}.brand img{width:168px;height:65px;object-fit:contain}.nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:700;color:#27364c}.nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff;padding:14px 20px;border-radius:2px}.nav-cta b{color:var(--gold);margin-left:15px}.menu-toggle{display:none}.hero{min-height:650px;background:linear-gradient(112deg,#061632 0%,#0a2853 64%,#0d3768 100%);color:white;position:relative;overflow:hidden;padding:92px 8% 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;}.hero-grid,.contact-pattern{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(#8cb3d522 1px,transparent 1px),linear-gradient(90deg,#8cb3d522 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,black)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#1b76bc26;filter:blur(65px);right:5%;top:8%}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--gold);display:flex;align-items:center;gap:11px}.eyebrow span{height:1px;width:27px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(48px,6vw,82px);line-height:1.03;margin:27px 0 23px;font-weight:700}h1 em{font-style:normal;color:#82bce9}.hero-lead{font-size:15px;line-height:1.85;color:#c4d1e2;max-width:490px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;align-items:center;gap:25px;padding:17px 21px;font-size:11px;font-weight:700;letter-spacing:.04em;transition:.2s}.button span{font-size:17px}.button-gold{background:var(--gold);color:#101e35}.button-gold:hover{background:#e0c48d;transform:translateY(-2px)}.text-link{font-size:11px;color:#e3eaf3}.text-link span{color:var(--gold);margin-left:9px}.hero-proof{display:flex;align-items:center;gap:15px;margin-top:70px}.proof-mark{font-family:Manrope;font-size:23px;font-weight:800;letter-spacing:.08em}.proof-mark span{font-size:9px;color:var(--gold);vertical-align:top;margin-left:4px}.hero-proof p{font-size:10px;line-height:1.6;color:#aebdd0;margin:0}.hero-proof strong{color:#fff}.hero-visual{min-height:400px;display:flex;align-items:center;justify-content:center}.visual-card{width:min(100%,490px);height:380px;background:linear-gradient(145deg,#f4f7fa,#dbe4ed);box-shadow:25px 30px 70px #0005;position:relative;transform:perspective(900px) rotateY(-7deg) rotateX(2deg);border:8px solid #e7edf2;color:var(--navy)}.visual-card-head,.visual-card-foot{height:38px;padding:0 17px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;font-weight:700}.live-dot{color:#267c70}.panel-art{height:290px;position:relative;display:flex;align-items:center;justify-content:center;gap:16px;background:linear-gradient(135deg,#e7edf2,#f9fbfc)}.cabinet{position:relative;background:linear-gradient(90deg,#aebbc7,#f7f9fb 14%,#d2dce5 88%,#8797a7);border:2px solid #8798a9;box-shadow:9px 12px 18px #20344a35}.cabinet-back{width:130px;height:225px;transform:skewY(-2deg);padding:30px 10px}.cabinet-front{width:145px;height:245px;padding:20px 13px;background:linear-gradient(90deg,#899baa,#f9fbfc 15%,#d6e0e8 92%,#8394a3)}.cabinet-top{position:absolute;top:8px;left:12px;right:12px;height:10px;border:1px solid #9baaba}.rail{height:4px;background:#71869b;margin:12px 0}.breaker-row{display:flex;gap:5px;justify-content:center}.breaker-row b{width:20px;height:36px;background:linear-gradient(90deg,#33475e,#8da0b2,#34475d);border:1px solid #52667b;border-radius:2px}.breaker-row.small b{height:25px;width:14px}.cabinet-screen{width:60px;height:31px;background:#0c2848;border:4px solid #8193a5;margin:0 auto 14px}.cabinet-label{height:5px;width:42px;background:#73869a;margin:0 auto 10px}.cabinet-vent{height:4px;margin:12px 0;background:repeating-linear-gradient(90deg,#8799a9 0 3px,transparent 3px 7px)}.cabinet-lock{position:absolute;right:9px;top:110px;width:5px;height:19px;background:#566b80}.wire{position:absolute;bottom:12px;left:15px;width:70px;height:15px;border-bottom:2px solid #347ab0;border-radius:50%}.spark{position:absolute;color:var(--gold);font-size:28px}.spark-a{top:30px;right:22%}.spark-b{bottom:24px;left:18%;font-size:16px}.visual-orbit{position:absolute;border:1px solid #d2b77b55;border-radius:50%;width:440px;height:440px}.orbit-two{width:510px;height:510px;border-style:dashed;opacity:.4}.floating-note{position:absolute;bottom:7px;right:-13px;display:flex;align-items:center;gap:12px;padding:15px 20px;background:#fff;color:var(--navy);box-shadow:0 15px 35px #0003}.note-icon{width:36px;height:36px;background:#e8eff7;color:var(--blue);display:grid;place-items:center;font-size:25px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:11px}.floating-note small{font-size:9px;color:var(--muted);margin-top:4px}.hero-bottom{position:absolute;bottom:24px;left:8%;right:8%;display:flex;justify-content:space-between;color:#91a6c0;font-size:8px;letter-spacing:.18em}.hero-bottom b{color:var(--gold);margin-left:8px}.section-wrap{padding:115px 9%}.intro{background:#fff}.intro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:10%;margin-top:28px}.intro h2,.section-heading h2,.process h2{font-size:clamp(38px,4.5vw,58px);line-height:1.12;margin:0}.intro h2 span,.section-heading h2 span,.process h2 span{color:var(--blue)}.intro-text p{font-size:13px;line-height:1.9;color:#657287}.under-link{display:inline-block;margin-top:12px;font-size:11px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:9px}.under-link b{color:var(--gold);margin-left:12px}.values-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.values-strip>div{padding:24px 25px;border-right:1px solid var(--line)}.values-strip>div:first-child{padding-left:0}.values-strip>div:last-child{border:0}.values-strip span{display:block;color:var(--gold);font-size:10px;margin-bottom:15px}.values-strip strong,.values-strip small{display:block}.values-strip strong{font-family:Manrope;font-size:14px}.values-strip small{font-size:10px;color:var(--muted);margin-top:7px}.services{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:48px}.section-heading h2{margin-top:22px}.section-heading>p{max-width:275px;color:var(--muted);font-size:12px;line-height:1.8;margin-bottom:7px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{position:relative;min-height:280px;background:#fff;padding:27px 23px;border:1px solid #e8edf2;transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0b285615}.service-card.featured{background:var(--navy);color:#fff}.service-number{font-size:9px;color:var(--gold);letter-spacing:.1em}.service-icon{font-size:32px;color:var(--blue);margin:37px 0 20px}.featured .service-icon{color:#a8d1f1}.service-card h3{font-family:Manrope;font-size:19px;margin-bottom:12px}.service-card p{font-size:11px;line-height:1.8;color:#748095}.featured p{color:#b9c7d8}.service-card>a{position:absolute;bottom:22px;right:23px;color:var(--gold);font-size:18px}.feature-band{display:grid;grid-template-columns:1fr 1fr;background:#081c40;color:white;min-height:510px}.feature-image{position:relative;overflow:hidden;background:linear-gradient(135deg,#102c51,#06142e);min-height:450px}.blueprint-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#9bb5d52b 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#9bb5d52b 50%,transparent 50.2%);background-size:55px 55px;transform:perspective(400px) rotateY(-17deg) scale(1.3)}.blueprint-lines:before,.blueprint-lines:after{content:"";position:absolute;border:1px solid #c1d0df80;transform:skewY(-15deg);width:45%;height:60%;left:27%;top:18%;box-shadow:0 0 0 12px #c1d0df0b,0 0 0 28px #c1d0df0b}.blueprint-lines:after{width:27%;height:44%;left:37%;top:26%;border-color:#c6a66a99}.feature-stamp{position:absolute;bottom:40px;left:45px;font:800 25px Manrope;letter-spacing:.13em;color:#fff}.feature-stamp small{font:500 8px "DM Sans";letter-spacing:.3em;color:var(--gold)}.feature-copy{padding:85px 12%;align-self:center}.light{color:var(--gold)}.feature-copy h2,.contact h2{font:700 clamp(38px,4.5vw,58px)/1.1 Manrope;letter-spacing:-.05em;margin:25px 0}.feature-copy h2 span,.contact h2 span{color:#86bce5}.feature-copy p,.contact p{font-size:12px;line-height:1.9;color:#bdc9d9;max-width:430px;margin-bottom:30px}.button-outline{border:1px solid #ffffff55;color:white}.button-outline:hover{background:#fff;color:var(--navy)}.projects{background:white}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.project-placeholder{height:245px;position:relative;overflow:hidden;background:#dce4ed}.project-a{background:linear-gradient(145deg,#132c4c,#7590a8)}.project-b{background:linear-gradient(145deg,#dce3e9,#8396aa)}.project-c{background:linear-gradient(145deg,#152b49,#4e718f)}.project-placeholder:before{content:"";position:absolute;width:45%;height:75%;left:27%;top:15%;border:3px solid #d9e3ec;box-shadow:12px 10px 0 #061b3b55, inset 0 0 0 8px #ffffff12}.project-b:before{border-color:#4a6077;box-shadow:12px 10px 0 #152b4933}.project-c:before{border-color:#c5d2df}.project-tag{position:absolute;top:17px;left:18px;color:#fff;font-size:8px;letter-spacing:.17em}.project-b .project-tag{color:#243b57}.line-panel{position:absolute;left:35%;top:31%;width:28%;height:37%;border:1px solid #e1eaf2;z-index:1;background:repeating-linear-gradient(0deg,transparent 0 13px,#e1eaf288 14px 15px)}.project-b .line-panel{border-color:#536c84;background:repeating-linear-gradient(0deg,transparent 0 13px,#536c8488 14px 15px)}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 0}.project-caption h3{font:700 13px Manrope;margin:0 0 6px}.project-caption p{font-size:9px;color:var(--muted);margin:0}.project-caption>span{color:var(--gold);font-size:18px}.project-note{font-size:9px;color:#8a96a8;margin-top:16px}.process{background:#f5f7fa}.process-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:24px 0 55px}.process-head p{max-width:290px;font-size:12px;line-height:1.8;color:var(--muted);margin:0}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6dfe8}.process-steps>div{padding:25px 20px 0 0;position:relative}.process-steps>div:before{content:"";position:absolute;top:-4px;left:0;width:7px;height:7px;border-radius:50%;background:var(--gold)}.process-steps span{display:block;color:var(--blue);font-size:10px;margin-bottom:28px}.process-steps b{font:700 15px Manrope}.process-steps p{font-size:10px;line-height:1.7;color:var(--muted);max-width:190px;margin:9px 0 0}.contact{position:relative;overflow:hidden;background:linear-gradient(110deg,#061632,#0d3261);color:#fff;padding:85px 9%}.contact-pattern{mask-image:linear-gradient(90deg,black,transparent)}.contact-inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{margin:20px 0}.contact p{margin:0}.contact .button{flex-shrink:0}.footer{min-height:105px;padding:25px 8%;display:flex;align-items:center;gap:25px;background:#041128;color:#9aabc1}.footer-brand{font:800 22px Manrope;letter-spacing:.1em;color:white}.footer-brand span{color:var(--gold)}.footer p{font-size:10px;margin:0}.footer>span{font-size:9px;margin-left:auto}.back-top{font-size:8px;letter-spacing:.13em;color:#d9c18f;margin-left:20px}
@media(max-width:900px){.nav{gap:18px}.hero{padding-left:6%;padding-right:6%;gap:2%}.service-grid{grid-template-columns:repeat(2,1fr)}.section-wrap{padding:85px 7%}.visual-card{transform:none}.floating-note{right:-5px}.feature-copy{padding:65px 9%}}
@media(max-width:650px){.topline{padding:0 5%;font-size:8px}.topline-right{display:none}.header{height:72px;padding:0 5%}.brand img{width:135px;height:55px}.menu-toggle{display:flex;flex-direction:column;gap:6px;background:none;border:0;padding:10px}.menu-toggle span{width:25px;height:2px;background:var(--navy)}.nav{display:none;position:absolute;top:72px;left:0;right:0;padding:22px 6%;background:white;box-shadow:0 15px 20px #071a3d15;flex-direction:column;align-items:stretch;gap:20px}.nav.open{display:flex}.nav-cta{text-align:center}.hero{display:block;padding:75px 7% 85px;min-height:auto}.hero h1{font-size:54px}.hero-lead{font-size:13px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-proof{margin-top:40px}.hero-visual{margin-top:65px;min-height:340px}.visual-card{height:330px;width:100%;border-width:5px}.panel-art{height:240px}.cabinet-back{height:185px;width:105px}.cabinet-front{height:205px;width:120px}.breaker-row b{height:28px;width:16px}.visual-orbit{width:320px;height:320px}.orbit-two{width:370px;height:370px}.floating-note{right:-8px;bottom:-15px}.hero-bottom{left:7%;right:7%;font-size:7px}.intro-content,.feature-band{grid-template-columns:1fr}.intro-content{gap:25px}.intro h2,.section-heading h2,.process h2{font-size:42px}.values-strip{grid-template-columns:1fr;margin-top:45px}.values-strip>div{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.values-strip>div:last-child{border:0}.section-heading,.process-head{display:block}.section-heading>p,.process-head p{margin-top:22px}.service-grid{grid-template-columns:1fr 1fr;gap:8px}.service-card{padding:20px 15px;min-height:270px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.service-icon{margin:30px 0 18px}.feature-image{min-height:300px}.feature-copy{padding:65px 8%}.project-grid{grid-template-columns:1fr}.project-placeholder{height:230px}.process-steps{grid-template-columns:1fr 1fr;row-gap:25px}.process-steps>div{padding-right:15px}.contact{padding:70px 7%}.contact-inner{display:block}.contact .button{margin-top:30px}.footer{flex-wrap:wrap;gap:12px;padding:25px 7%}.footer>span{margin-left:0;width:100%}.back-top{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}