@font-face{font-family:Montserrat;src:url(/assets/fonts/montserrat-400.ttf) format("truetype");font-weight:100 500;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/montserrat-700.ttf) format("truetype");font-weight:600 900;font-display:swap}
:root{--ink:#0E3A67;--ink-soft:#53677e;--blue:#0E3A67;--blue-dark:#092b4d;--paper:#fff;--white:#fff;--line:#dce5ef;--sky:#f3f6fa;--mint:#f3f6fa;--lime:#FF6A00}
body{background:#fff;color:var(--ink);font-family:Montserrat,'Segoe UI',Arial,sans-serif}h1,h2,h3{letter-spacing:-.045em!important;font-weight:750!important}.site-header{background:#fff;border-color:var(--line)}.site-nav>a:hover,.extra-nav>a:hover{color:#0E3A67}.nav-cta,.btn-primary,.mini-primary,.quote-submit{background:#FF6A00;color:#092b4d!important;box-shadow:none}.nav-cta:hover,.btn-primary:hover,.quote-submit:hover,.mini-primary:hover{background:#ff8530;color:#092b4d!important}.nav-cta-contact{background:#fff;color:#0E3A67;border-color:#0E3A67}
.hero,.detail-hero,.extra-hero{background:#0E3A67;color:#fff}.hero:before{display:none}.hero h1,.detail-hero h1,.extra-hero h1{color:#fff}.hero h1 em,.detail-hero h1 em,.extra-hero h1 em,.contact-intro h2 em{color:#0EA7FF}.hero .eyebrow,.detail-hero .kicker,.extra-hero .kicker{color:#94d8ff}.hero-lead,.hero-proof,.detail-hero p,.extra-hero p,.breadcrumbs,.breadcrumbs a{color:#dce5ef}.hero-proof span{border-color:#FF6A00}.signal-dot{background:#0EA7FF;box-shadow:0 0 0 5px #ffffff18}.hero .btn-plain{background:transparent;color:#fff;border-color:#ffffff70}.hero-grid{min-height:620px;gap:56px;padding:70px 0}.hero h1{font-size:clamp(42px,4.5vw,68px)}.craftsmanship-photo{margin:0;display:block;position:relative;align-self:center;overflow:hidden;border-radius:8px;height:490px;width:100%}.craftsmanship-photo>img{width:100%;height:100%;object-fit:cover;object-position:48% center;display:block}.craftsmanship-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:34px 20px 16px;background:linear-gradient(transparent,#092b4de6);font-size:12px;font-weight:650;color:#fff}.craftsmanship-photo figcaption span{display:block;font-size:10px;opacity:.8;font-weight:400}.hero-ribbon{background:#092b4d;border-color:#ffffff20}.ribbon-inner{color:#dce5ef}.ribbon-inner b{color:#0EA7FF}
.pillars-section,.services-section,.detail-section,.faq-section,.about-section,.extra-section{background:#fff}.pillar-card,.service-card,.project-card,.filter,.contact-box,.q-panel,.side-card{background:#fff;border-color:var(--line)}.pillar-card h3,.pillar-card p,.pillar-card li,.pillar-card .pillar-top,.pillar-link{color:#0E3A67}.pillar-icon,.service-svg,.card-more,.detail-plus,.detail-index,.kicker{color:#0E3A67}.pillar-card:before,.service-card:before{background:#FF6A00}.pillar-card:hover,.service-card:hover{border-color:#0EA7FF}.pillar-card .pillar-icon{background:#edf7ff}.pillar-link{border-color:var(--line)}.network-section,.contact-section{background:#0E3A67;color:#fff}.network-copy p,.contact-intro p{color:#dce5ef}.network-copy .kicker,.contact-intro .kicker,.tick-list li:before{color:#94d8ff}.network-copy .text-link{color:#fff;border-color:#0EA7FF}.network-art{background:#f3f6fa}.footer,.extra-footer{background:#092b4d}.filter[aria-pressed=true]{background:#0E3A67;color:#fff}.pick:has(input:checked),.radio-cards label:has(input:checked){border-color:#0E3A67;background:#edf7ff}.pick input,.radio-cards input,.consent input{accent-color:#0E3A67}.extra-hero h1 span{color:#0EA7FF}.contact-box .phone-big,.contact-box .reveal-email{color:#0E3A67}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0EA7FF;outline-offset:4px}
@media(max-width:1100px){.hero-grid{gap:30px}.craftsmanship-photo{height:430px}.site-nav{gap:16px}}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;padding:48px 0}.craftsmanship-photo{height:400px;max-width:none}.site-nav{background:#fff}.site-nav a{color:#0E3A67}.hero h1{max-width:700px}.hero-content{max-width:720px}}
@media(max-width:520px){.hero h1{font-size:42px}.craftsmanship-photo{height:330px}.hero-grid{gap:32px}.hero-lead{font-size:15px}.hero-proof{font-size:9px}.detail-hero h1,.extra-hero h1{font-size:39px}.craftsmanship-photo figcaption{padding-left:16px}}

.craftsmanship-services{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #ffffff30;padding-top:22px;font-size:11px;color:#dce5ef}.craftsmanship-services a:hover{color:#fff;text-decoration:underline}.hero-grid{row-gap:30px}.extra-hero .extra-eyebrow{color:#94d8ff}.extra-hero:after{display:none}.progress-steps span{border-color:#ffffff40}.extra-hero h1 em{color:#0EA7FF}.hero-actions .btn[href="/offerte/"]{background:#FF6A00;color:#092b4d;border-color:#FF6A00}.hero-actions .btn[href="/contact/"]{background:transparent;color:#fff!important;border:1px solid #ffffff70}.extra-nav .mini-primary{color:#092b4d!important}
/* Decorative pseudo-elements must not widen the mobile document. */
html,body{overflow-x:clip}
/* A1 reference: edge-to-edge photographic hero, deep navy text overlay, white service strip. */
.site-header{background:#fff}.header-inner{min-height:86px}.site-header .brand{max-width:265px}.site-header .brand-wordmark{width:265px}.site-nav{gap:30px;font-size:12px}.site-nav>a[href="/demo/"],.site-nav>a[href="/#over"],.site-nav>.nav-cta-contact{display:none}.site-nav .nav-cta{padding:13px 22px;border-radius:6px}
.hero{position:relative;background:#001a2d;isolation:isolate;overflow:hidden}.hero-grid{position:static;display:block;min-height:540px;padding:62px 0 56px}.hero-content{position:relative;z-index:3;width:59%;max-width:720px}.hero h1{font-size:clamp(46px,4.9vw,76px);font-weight:800!important;line-height:1.02;letter-spacing:-.055em!important;margin:0 0 22px;max-width:760px}.hero h1 em{color:#00b6ee;white-space:nowrap}.hero .eyebrow{color:#dceeff;font-size:10px;letter-spacing:.2em;margin-bottom:24px}.hero .signal-dot{display:none}.hero-lead{font-size:17px;line-height:1.65;max-width:555px;margin:0 0 25px;color:#f1f6fc}.hero-lead p{color:inherit}.hero .craftsmanship-photo{position:absolute;inset:0;margin:0;width:100%;height:100%;max-width:none;border-radius:0;z-index:-2;overflow:hidden}.hero .craftsmanship-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#001c31 0%,rgba(0,27,47,.98) 29%,rgba(0,27,47,.83) 45%,rgba(0,27,47,.20) 65%,rgba(0,27,47,0) 82%)}.hero .craftsmanship-photo figcaption{top:auto;left:auto;right:18px;bottom:9px;padding:3px 7px;background:#00182790;border-radius:3px;color:#fff;font-size:8px;letter-spacing:.05em}.hero-actions{gap:16px}.hero-actions .btn{min-height:48px;border-radius:6px;padding:13px 22px;font-size:12px}.hero-actions .btn[href="/offerte/"]{order:0}.hero-actions .btn[href="/contact/"]{order:1}.a1-service-strip{background:#fff;border-bottom:1px solid #e5ecf2}.a1-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:30px 0;gap:0}.a1-service{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:4px 24px;align-items:start;border-right:1px solid #dce5ef;transition:background .15s}.a1-service:first-child{padding-left:0}.a1-service:last-child{border:0;padding-right:0}.a1-service svg{width:52px;height:56px;color:#FF6A00}.a1-service-1 svg{color:#0EA7FF}.a1-service-2 svg{color:#0E3A67}.a1-service strong{display:block;font-size:14px;line-height:1.3;margin:2px 0 7px;color:#002748}.a1-service small{display:block;font-size:11px;line-height:1.5;color:#546f8c}.a1-service b{display:block;font-size:24px;line-height:1;margin-top:10px;font-weight:400;color:#002748}.a1-service:hover strong,.a1-service:hover b{color:#0076b8}.a1-brand-note{display:flex;justify-content:space-between;padding-top:22px;font-size:9px;letter-spacing:.12em;color:#6B7C93}.pillars-section{padding-top:65px}.detail-hero,.extra-hero{background:#001c31}.network-section,.contact-section{background:#002640}.footer,.extra-footer{background:#001827}
@media(min-width:1500px){.hero-grid{min-height:580px;padding-top:76px}}
@media(max-width:1100px){.hero-grid{min-height:500px;padding-top:64px}.hero-content{width:62%}.hero h1{font-size:57px}.a1-service{padding:4px 15px;gap:10px;grid-template-columns:44px 1fr}.a1-service svg{width:44px}.a1-service strong{font-size:12px}.a1-service small{font-size:10px}.site-nav{gap:20px}.site-header .brand{max-width:230px}}
@media(max-width:900px){.hero-content{width:75%;max-width:620px}.hero:after{background:linear-gradient(90deg,#001c31f5 0%,#001c31e6 42%,#001c3180 75%,#001c3150)}.hero h1{font-size:58px}.a1-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:15px 0}.a1-service{padding:18px!important;grid-template-columns:48px 1fr}.a1-service:nth-child(2){border-right:0}.a1-service:nth-child(-n+2){border-bottom:1px solid #dce5ef}.site-nav{font-size:13px}.site-header .brand{max-width:265px}.a1-brand-note{display:none}}
@media(max-width:520px){.hero-grid{min-height:520px;padding:57px 0 54px}.hero-content{width:100%}.hero h1{font-size:clamp(37px,10.2vw,50px);line-height:1.06}.hero h1 em{white-space:normal}.hero .eyebrow{font-size:8px;letter-spacing:.14em;line-height:1.7;max-width:280px}.hero-lead{font-size:15px;max-width:340px}.hero-actions{gap:10px}.hero-actions .btn{font-size:10px;padding:13px 14px;gap:13px}.hero .craftsmanship-photo img{object-position:64% center}.hero:after{background:linear-gradient(90deg,#001827f7,#001c31dc 62%,#001c31a8)}.hero .craftsmanship-photo figcaption{font-size:7px;right:10px;bottom:8px}.a1-service{gap:10px;grid-template-columns:35px 1fr;padding:18px 10px!important}.a1-service svg{width:35px;height:43px}.a1-service strong{font-size:11px}.a1-service small{font-size:9px}.a1-service b{font-size:21px}.site-header .brand{max-width:235px}.header-inner{min-height:85px}}
/* Match A1's graphic weight and proportional scale. */
.hero-grid{min-height:560px;padding:60px 0 58px}.hero-content{width:65%;max-width:820px}.hero h1{font-size:clamp(58px,6.15vw,90px);font-weight:900!important;letter-spacing:-.055em!important;line-height:.99;max-width:850px;margin-bottom:25px}.hero h1 em{color:#00b6ee}.hero .eyebrow{font-size:11px;font-weight:700;letter-spacing:.21em;margin-bottom:27px}.hero-lead{font-size:18px;line-height:1.58;max-width:600px;color:#fff;margin-bottom:25px}.hero:after{background:linear-gradient(90deg,#001c31 0%,#001c31f5 28%,#001c31d6 43%,#001c3130 60%,transparent 75%)}.hero .craftsmanship-photo img{filter:contrast(1.12) saturate(1.12)}.hero-actions .btn{font-size:14px;font-weight:750;min-height:51px;padding:14px 24px}.hero-actions .btn[href="/offerte/"]{background:linear-gradient(#ff7814,#ff6500);border-color:#ff6a00;box-shadow:0 3px 9px #0002}.hero-actions .btn[href="/contact/"]{border-color:#d5e4ef;color:#fff!important}
.a1-service-grid{padding:30px 0 31px}.a1-service{grid-template-columns:76px minmax(0,1fr);gap:16px;min-height:110px;padding:0 22px;align-items:center;border-color:#cddbea}.a1-service svg{width:76px;height:84px;stroke-width:3.5;filter:none}.a1-service strong{font-size:18px;font-weight:800;line-height:1.2;margin:0 0 7px;color:#002748;letter-spacing:-.035em}.a1-service small{font-size:13px;font-weight:500;line-height:1.4;color:#365c83}.a1-service b{font-size:29px;font-weight:700;line-height:1;margin-top:10px;color:#002748}.a1-service-0 svg,.a1-service-3 svg{color:#ff6500}.a1-service-1 svg{color:#00b7f4}.a1-service-2 svg{color:#002d55}.a1-brand-note{display:none}.pillars-section{padding-top:60px}
@media(max-width:1200px){.hero-content{width:70%}.hero h1{font-size:clamp(58px,6.1vw,78px)}.hero-lead{max-width:540px;font-size:17px}.a1-service{grid-template-columns:60px 1fr;padding:0 15px;gap:12px}.a1-service svg{width:60px;height:70px}.a1-service strong{font-size:16px}.a1-service small{font-size:12px}}
@media(max-width:900px){.hero-content{width:85%}.hero-grid{padding:53px 0;min-height:510px}.hero h1{font-size:clamp(48px,7.5vw,68px)}.hero:after{background:linear-gradient(90deg,#001c31f8,#001c31db 48%,#001c3170)}.a1-service{grid-template-columns:64px 1fr;gap:16px;padding:22px 18px!important}.a1-service svg{width:64px;height:72px}.a1-service strong{font-size:17px}.a1-service small{font-size:13px}.a1-service-grid{padding:5px 0}}
@media(max-width:520px){.hero-content{width:100%}.hero-grid{padding:44px 0 55px;min-height:505px}.hero h1{font-size:clamp(36px,10.4vw,51px);line-height:1.03;letter-spacing:-.055em!important}.hero .eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:24px}.hero-lead{font-size:15px;line-height:1.6}.hero-actions{gap:9px}.hero-actions .btn{font-size:10px;min-height:46px;padding:12px 13px;gap:12px}.hero:after{background:linear-gradient(90deg,#001827f8,#001c31de 65%,#001c3190)}.a1-service{grid-template-columns:46px 1fr;gap:10px;min-height:128px;padding:20px 9px!important}.a1-service svg{width:46px;height:56px;stroke-width:3.4}.a1-service strong{font-size:12px;font-weight:800}.a1-service small{font-size:10px;font-weight:500}.a1-service b{font-size:24px;margin-top:8px}}
/* Continuous navy palette: larger navigation, layered surfaces and directional light. */
:root{--ink:#edf5ff;--ink-soft:#b8cce0;--blue:#71caff;--blue-dark:#0E3A67;--paper:#0b2137;--white:#142f49;--line:#34516b;--sky:#18354f;--mint:#18354f;--shadow:0 20px 45px #0003}
body{background:#0b2137;color:#edf5ff}p{color:#b8cce0}h1,h2,h3,h4{color:#f0f6ff}
.site-header{position:sticky;top:0;background:linear-gradient(105deg,#0e2a44,#071a2c);border-bottom:1px solid #34516b;box-shadow:0 5px 25px #0003;z-index:40}.site-header .header-inner{min-height:106px;gap:28px}.site-header .brand{max-width:290px}.site-header .brand-wordmark{width:290px}.site-nav,.extra-nav{font-size:16px;font-weight:700;gap:26px}.site-nav>a,.extra-nav>a{color:#f0f6ff}.site-nav>a:hover,.extra-nav>a:hover{color:#71caff}.site-nav .nav-cta,.extra-nav .mini-primary{font-size:15px;padding:17px 24px;border-radius:7px;color:#092b4d}.site-nav .nav-cta:hover{color:#092b4d}
.a1-service-strip{background:linear-gradient(110deg,#173a58,#102a43 65%,#0b2137);border-color:#34516b}.a1-service{border-color:#3b5770}.a1-service strong,.a1-service b{color:#f0f6ff}.a1-service small{color:#bfd2e5}.a1-service-2 svg{color:#dceeff}.a1-service:hover strong,.a1-service:hover b{color:#71caff}
.pillars-section,.services-section,.about-section,.faq-section,.detail-section,.extra-section,.legal-page,.legal-page+.section,.contact-choice-section,.projects-section,.cms-projects{background:#0b2137;color:#edf5ff}.services-section,.faq-section{background:linear-gradient(135deg,#102c45,#091e32)}.about-section{background:linear-gradient(120deg,#142f49,#0b2137)}.detail-hero,.extra-hero{background:radial-gradient(ellipse at 85% 0%,#134c77 0%,transparent 55%),linear-gradient(115deg,#0a2d4b,#051627)}
.pillar-card,.service-card,.project-card,.contact-choice,.contact-box,.q-panel,.side-card,.demo-explain,.manage-card,.cms-project-grid article{background:linear-gradient(135deg,#1b3b57,#122c44);border:1px solid #36536e;box-shadow:0 16px 40px #0002;color:#edf5ff}.pillar-card h3,.pillar-card p,.pillar-card li,.pillar-card .pillar-top,.pillar-link{color:#e6f0fc}.pillar-card p,.pillar-card li,.service-card p,.project-card p,.side-card p,.demo-explain p,.contact-choice p{color:#b8cce0}.pillar-link{border-color:#3b5770}.pillar-card .pillar-icon,.pick-icon{background:#234864;color:#71caff}.service-card:hover,.pillar-card:hover,.contact-choice:hover{border-color:#0EA7FF;background:linear-gradient(135deg,#244c6c,#173650)}.pillars-head,.card-num,.service-bottom,.contact-label,.tiny-heading,.extra-eyebrow{color:#a8c3df}.service-svg,.card-more,.service-bottom a,.kicker,.detail-plus,.detail-index,.about-steps b,.contact-choice-number,.contact-choice-action{color:#71caff}.section-heading h2 em,.about-grid h2 em{color:#0EA7FF}.about-steps,.about-steps>div,.faq-items details,.faq-items details:first-child,.detail-list,.detail-item{border-color:#34516b}.faq-items summary{color:#edf5ff}.faq-items details p,.detail-item p{color:#b8cce0}.filter{background:#18354f;color:#dceeff;border-color:#3e5c76}.filter[aria-pressed=true]{background:#0E3A67;border-color:#71caff;color:#fff}
.network-section{background:radial-gradient(ellipse at 15% 10%,#12588766,transparent 65%),linear-gradient(120deg,#103d60,#061a2d 80%)}.network-art{background:linear-gradient(135deg,#1b3d59,#102a42);border-color:#43617c;box-shadow:0 25px 55px #0004}.network-art:after{background:#0E3A67}.net-device{background:#173c5a;border-color:#426786;color:#edf5ff}.net-device:nth-of-type(3){background:#0E3A67}.net-caption,.net-status{color:#c5d7e9}.net-status span{color:#0EA7FF}.tick-list li{color:#e6f0fc;border-color:#365673}
.contact-section{background:radial-gradient(ellipse at 12% 18%,#12609388 0%,transparent 54%),radial-gradient(ellipse at 85% 25%,#0E3A6770,transparent 50%),linear-gradient(120deg,#0c3858 0%,#07243d 45%,#020e1c 100%)}.contact-box{background:linear-gradient(145deg,#244a69,#112b44 75%);border:1px solid #4a6a86;box-shadow:0 24px 65px #0005}.contact-box .phone-big,.contact-box .reveal-email,.contact-box .tiny-heading,.contact-box .phone-big>span,.contact-box strong{color:#edf5ff}.contact-box .contact-label{color:#b6cde3}.contact-divider{background:#48647c}.location-chip{color:#c9def2;border-color:#476581}.wa-contact{background:#0E3A67;color:#fff}.contact-intro p{color:#c8d9eb}.contact-choice-section .breadcrumbs,.contact-choice-section .breadcrumbs a{color:#b8d5ed}.contact-offer{background:linear-gradient(120deg,#154b73,#0a2239);border-color:#3e607d}.contact-offer strong{color:#edf5ff}
.q-panel input:not([type=checkbox]):not([type=radio]):not([type=file]),.q-panel select,.q-panel textarea{background:#0b2137;color:#edf5ff;border-color:#58748c;color-scheme:dark}.q-panel input::placeholder,.q-panel textarea::placeholder{color:#a8bfd6}.job-item,.pick,.radio-cards label,.photo-area,.manage-job{background:#102b43;border-color:#42617c;color:#edf5ff}.pick small{color:#b8cce0}.pick:has(input:checked),.radio-cards label:has(input:checked){background:#1f4769;border-color:#71caff}.q-count,.add-job,.photo-select,.q-share button{background:#214867;color:#dceeff;border-color:#53738d}.q-heading .extra-eyebrow,.extra-side .extra-eyebrow,.demo-explain .extra-eyebrow,.side-phone{color:#94d8ff}.subtle,.demo-disclaimer{background:#17354e;color:#c7daed}.contact-choice-intro h1,.legal-page h1{color:#fff}.legal-page a,.legal-page+.section a{color:#94d8ff}.footer,.extra-footer{background:linear-gradient(110deg,#06192a,#020d18)}.footer-lower{border-color:#29445d;color:#a9c1d8}.footer-brand p,.footer-grid a,.footer-grid span{color:#c2d4e6}
@media(max-width:1180px){.site-nav,.extra-nav{font-size:14px;gap:19px}.site-header .brand{max-width:250px}.site-header .brand-wordmark{width:250px}.site-nav .nav-cta{font-size:13px;padding:15px 18px}}
@media(max-width:900px){.site-header .header-inner{min-height:92px}.site-nav{background:#102c45;box-shadow:0 20px 30px #0005;font-size:16px}.site-nav>a{color:#edf5ff;border-color:#34516b}.menu-toggle{background:#17354f;border-color:#547087}.menu-toggle span{background:#e6f0fc}.a1-service-strip{background:linear-gradient(135deg,#163753,#0b2137)}}
@media(max-width:520px){.site-header .header-inner{min-height:85px}.site-header .brand{max-width:235px}.site-header .brand-wordmark{width:235px}.extra-nav{font-size:12px}.extra-nav .mini-primary{font-size:12px;padding:12px 15px}}
.pillar-card .pillar-icon svg{color:#8bd5ff}.pillar-elektra .pillar-icon svg{color:#ff8b38}.pillar-smarthome .pillar-icon svg{color:#dceeff}.net-wire{background:repeating-linear-gradient(90deg,#71caff 0 10px,transparent 10px 17px)}[id]{scroll-margin-top:120px}
/* Keep Contact visible and keep both header actions compact. */
.site-nav>.nav-cta-contact,.extra-nav>.nav-cta-contact{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#edf5ff;border:1px solid #7e9db9;min-height:43px;padding:10px 18px;font-size:14px;border-radius:6px;white-space:nowrap}.site-nav .nav-cta:not(.nav-cta-contact),.extra-nav .mini-primary{min-height:43px;padding:10px 17px;font-size:13px;gap:12px;line-height:1.5}.site-nav .nav-cta span{margin-left:8px}.site-nav{gap:19px;font-size:15px}.site-header .brand,.site-header .brand-wordmark{max-width:270px}.site-header .header-inner{min-height:96px}.site-nav>.nav-cta-contact:hover,.extra-nav>.nav-cta-contact:hover{background:#234968;color:#fff}
.hero .craftsmanship-photo{inset:0 0 0 auto;width:57%;background:#001c31}.hero .craftsmanship-photo img{width:160%;max-width:none;object-fit:cover;object-position:left center;filter:none}.hero:after{background:linear-gradient(90deg,#001c31 0%,#001c31fb 38%,#001c31dc 47%,#001c3126 66%,transparent 78%)}
.detail-hero.detail-hero-visual{padding:52px 0 64px}.detail-hero-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}.detail-hero-copy{min-width:0}.detail-hero-copy .breadcrumbs{margin-bottom:35px}.detail-hero-copy h1{font-size:clamp(40px,4.35vw,65px);line-height:1.04;margin-bottom:25px}.detail-hero-copy>p{font-size:16px;line-height:1.8;color:#dce5ef;max-width:620px;margin-bottom:28px}.detail-hero-copy .kicker{font-size:10px;letter-spacing:.12em;line-height:1.7}.service-hero-image{position:relative;margin:0;width:100%;height:410px;overflow:hidden;border:1px solid #52718b;border-radius:12px;box-shadow:0 24px 55px #0004;background:#102b43}.service-hero-image img{display:block;width:100%;height:100%;object-fit:cover}.service-image-elektra img{width:165%;max-width:none;object-fit:cover;object-position:left center}.service-image-network img{object-position:75% center}.service-image-smart img{object-position:65% center}
@media(max-width:1180px){.site-nav{gap:12px;font-size:13px}.site-header .brand,.site-header .brand-wordmark{max-width:240px}.site-nav .nav-cta:not(.nav-cta-contact){font-size:12px;padding:10px 13px}.site-nav>.nav-cta-contact{font-size:13px;padding:10px 14px}.detail-hero-layout{gap:30px}.service-hero-image{height:370px}}
@media(max-width:900px){.site-nav{font-size:16px;gap:0}.site-nav>.nav-cta-contact{display:flex;padding:12px 8px;margin-top:12px;font-size:14px}.site-nav .nav-cta:not(.nav-cta-contact){font-size:14px}.detail-hero-layout{grid-template-columns:1fr;gap:32px}.detail-hero-copy h1{font-size:clamp(42px,7vw,62px)}.service-hero-image{height:370px}.service-image-elektra img{width:160%}.hero .craftsmanship-photo{width:100%}.hero:after{background:linear-gradient(90deg,#001c31fa,#001c31db 48%,#001c3170)}}
@media(max-width:520px){.site-header .brand,.site-header .brand-wordmark{max-width:235px}.site-header .header-inner{min-height:85px}.detail-hero.detail-hero-visual{padding:35px 0 42px}.detail-hero-copy h1{font-size:42px}.detail-hero-copy>p{font-size:15px}.service-hero-image{height:285px}.service-image-elektra img{width:160%}.hero:after{background:linear-gradient(90deg,#001827f5,#001c31e5 65%,#001c3199)}.extra-nav .nav-cta-contact{font-size:12px;padding:9px 12px}}
.site-nav>.nav-cta-contact,.extra-nav>.nav-cta-contact{color:#edf5ff!important}.site-nav>.nav-cta-contact:hover,.extra-nav>.nav-cta-contact:hover{color:#fff!important}
/* Recognizable brands and real hardware, with restrained product labels. */
.hero .craftsmanship-photo img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transform:scale(2.3);transform-origin:center 36%}.hero .craftsmanship-photo{background:#122d44}.hero:after{background:linear-gradient(90deg,#001c31 0%,#001c31 40%,#001c31e8 47%,#001c3133 64%,#001c3100 80%)}
.service-image-elektra>img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transform:scale(2.3);transform-origin:center 36%}.service-image-network{background:radial-gradient(ellipse at 50% 25%,#315674,#071b2c);padding:16px 20px 78px}.service-image-network>img{width:100%;height:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 15px 15px #0004)}.visual-brand-caption{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:19px 24px 20px;background:linear-gradient(transparent,#041426eb 20%);color:#fff}.visual-brand-caption strong{font-size:25px;line-height:1.2;display:block;font-weight:800;letter-spacing:-.02em}.visual-brand-caption span{display:block;margin-top:5px;font-size:11px;color:#c5ddf0;letter-spacing:.02em}.service-image-smart{background:radial-gradient(ellipse at 20% 0%,#176591,#071c31 75%);overflow:hidden}.service-image-smart .ha-brand-logo{position:absolute;top:21px;left:24px;width:220px;height:44px;object-fit:contain;object-position:left center}.ha-dashboard-frame{position:absolute;top:86px;left:25px;right:25px;bottom:92px;background:#111b29;border:7px solid #10151d;border-radius:13px;overflow:hidden;box-shadow:0 18px 35px #0006}.service-image-smart .ha-dashboard{width:100%;height:100%;object-fit:cover;object-position:top left}.service-image-smart .ha-green-device{position:absolute;z-index:3;right:22px;bottom:64px;width:145px;height:100px;object-fit:cover;border:2px solid #5284a3;border-radius:8px;box-shadow:0 8px 22px #0006}.service-image-smart .visual-brand-caption{padding-right:180px}.service-image-smart .visual-brand-caption strong{font-size:22px}
@media(max-width:900px){.service-image-smart{min-height:370px}.hero .craftsmanship-photo img{object-position:center 35%;transform-origin:center 35%}.service-image-network{padding-bottom:78px}}
@media(max-width:520px){.service-image-network{padding:10px 15px 75px}.visual-brand-caption{padding:17px 16px}.visual-brand-caption strong{font-size:22px}.visual-brand-caption span{font-size:10px}.service-image-smart{min-height:320px}.service-image-smart .ha-brand-logo{left:17px;top:16px;width:185px;height:37px}.ha-dashboard-frame{left:15px;right:15px;top:67px;bottom:86px;border-width:5px}.service-image-smart .ha-green-device{width:100px;height:70px;right:15px;bottom:65px}.service-image-smart .visual-brand-caption{padding-right:115px}.service-image-smart .visual-brand-caption strong{font-size:18px}.hero:after{background:linear-gradient(90deg,#001827f8,#001c31e8 70%,#001c31bf)}}
.service-image-network>img{object-fit:cover;object-position:center 36%}.hero .craftsmanship-photo img{object-position:center 49%;transform-origin:center 49%}
@media(max-width:520px){.service-image-network>img{object-position:center 38%}.hero .craftsmanship-photo img{object-position:center 49%;transform-origin:center 49%}}
/* User-supplied electrical references; WiFi 7 visible; no Home Assistant branding. */
.hero .craftsmanship-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:none}.service-image-elektra>img{width:100%;height:100%;object-fit:cover;object-position:center 46%;transform:none}.service-image-network{padding:0;background:radial-gradient(ellipse at 75% 30%,#315d7b,#0a2339 72%)}.service-image-network>.unifi-rack-product{position:absolute;left:5px;top:28px;width:66%;height:290px;object-fit:contain;object-position:center;filter:drop-shadow(0 18px 12px #0005)}.service-image-network>.unifi-wifi7-product{position:absolute;right:0;top:45px;width:52%;height:245px;object-fit:contain;object-position:center;filter:drop-shadow(0 15px 20px #0006)}.wifi7-label{position:absolute;z-index:3;right:24px;top:22px;background:#0EA7FF;color:#04223a;padding:7px 13px;border-radius:6px;font-size:12px;font-weight:800}.service-image-network .visual-brand-caption{padding-top:25px}
.service-image-smart>.smart-room-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.service-image-smart:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061b3080,#061b3020),linear-gradient(0deg,#061b30 0%,transparent 70%);pointer-events:none}.smart-visual-controls{position:absolute;top:25px;left:24px;z-index:3;width:235px;display:grid;gap:10px}.smart-visual-control{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #79a4c766;border-radius:10px;background:#08233ae8;box-shadow:0 10px 25px #0003;color:#c5e9ff}.smart-visual-control svg{width:27px;height:29px;flex:none;color:#62c8ff}.smart-visual-control span{flex:1}.smart-visual-control strong{font-size:13px;display:block;color:#f1f7ff}.smart-visual-control small{font-size:11px;color:#b8d3e9}.smart-visual-control i{width:24px;height:14px;background:#0EA7FF;border-radius:20px;position:relative}.smart-visual-control i:after{content:"";position:absolute;width:10px;height:10px;top:2px;right:2px;border-radius:50%;background:#fff}.smart-visual-note{font-size:9px;color:#d4e5f4;padding-left:3px}.service-image-smart .visual-brand-caption{padding-right:24px}.service-image-smart .visual-brand-caption strong{font-size:25px}
@media(max-width:900px){.hero .craftsmanship-photo img{object-position:center;transform:none}}
@media(max-width:520px){.service-image-network>.unifi-rack-product{width:66%;left:0;top:44px;height:165px}.service-image-network>.unifi-wifi7-product{width:53%;right:0;top:63px;height:145px}.wifi7-label{font-size:10px;right:15px;top:15px;padding:6px 9px}.smart-visual-controls{top:18px;left:16px;width:190px;gap:8px}.smart-visual-control{padding:10px 12px;gap:10px}.smart-visual-control strong{font-size:11px}.smart-visual-control small{font-size:10px}.smart-visual-control svg{width:23px;height:24px}.service-image-smart .visual-brand-caption{padding-right:16px}.service-image-smart .visual-brand-caption strong{font-size:22px}.hero .craftsmanship-photo img{object-position:center;transform:none}}
.unifi-wifi7-crop{position:absolute;right:25px;top:88px;width:220px;height:220px;overflow:hidden;border-radius:50%;filter:drop-shadow(0 15px 18px #0005)}.service-image-network .unifi-wifi7-crop>.unifi-wifi7-product{position:absolute;left:-45.5%;top:-18.2%;width:190.9%;height:auto;max-width:none;object-fit:initial;filter:none}
@media(max-width:1180px){.unifi-wifi7-crop{width:180px;height:180px;right:15px;top:90px}}
@media(max-width:520px){.unifi-wifi7-crop{width:130px;height:130px;right:14px;top:85px}}
.service-image-network .unifi-wifi7-crop>.unifi-wifi7-product{left:-9.5%;top:-9.5%;width:119%;height:119%;object-fit:cover;object-position:center}
/* Full-bleed photography softly blends into the navy hero; no framed product tiles. */
.hero{background:#001c31}.hero .craftsmanship-photo{inset:0 0 0 auto;width:67%;background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 29%);mask-image:linear-gradient(90deg,transparent 0%,#000 29%)}.hero:after{background:linear-gradient(90deg,#001c31 0%,#001c31f5 31%,#001c31b3 47%,#001c3120 65%,transparent 83%)}
.detail-hero.detail-hero-visual{position:relative;isolation:isolate;overflow:hidden;background:#001c31;padding:60px 0 65px;min-height:555px}.detail-hero-layout{display:block;position:static}.detail-hero-copy{position:relative;z-index:3;width:53%;max-width:680px}.detail-hero-copy h1{font-size:clamp(42px,4.5vw,67px)}.detail-hero-copy>p{max-width:610px}.detail-hero-visual .service-editorial-photo{position:absolute;z-index:-2;top:0;bottom:0;right:0;left:auto;width:65%;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 27%);mask-image:linear-gradient(90deg,transparent 0%,#000 27%)}.detail-hero-visual .service-editorial-photo>img{position:static;display:block;max-width:none;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;filter:none}.detail-hero-visual:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#001c31 0%,#001c31fa 29%,#001c31b3 45%,#001c3126 68%,transparent 85%)}.detail-hero-visual .service-image-elektra>img{object-position:62% center}.detail-hero-visual .service-image-network>img{object-position:65% center}.detail-hero-visual .service-image-smart>img{object-position:65% center}.detail-hero-visual .service-image-smart:after{display:none}
@media(max-width:1100px){.detail-hero-copy{width:58%}.detail-hero-copy h1{font-size:54px}.detail-hero-copy>p{font-size:15px}.detail-hero-visual:after{background:linear-gradient(90deg,#001c31 0%,#001c31eb 35%,#001c3180 57%,#001c3100 90%)}}
@media(max-width:900px){.hero .craftsmanship-photo{width:100%}.hero:after{background:linear-gradient(90deg,#001c31f5 0%,#001c31d9 45%,#001c3166)}.detail-hero.detail-hero-visual{padding:40px 0 0}.detail-hero-layout{display:flex;flex-direction:column;gap:10px}.detail-hero-copy{width:100%;max-width:none}.detail-hero-copy h1{font-size:clamp(42px,7vw,62px)}.detail-hero-copy>p{max-width:660px}.detail-hero-visual .service-editorial-photo{position:relative;inset:auto;z-index:0;width:calc(100% + 40px);height:360px;margin:10px -20px 0;-webkit-mask-image:linear-gradient(0deg,transparent 0%,#000 18%,#000 77%,transparent 100%);mask-image:linear-gradient(0deg,transparent 0%,#000 18%,#000 77%,transparent 100%)}.detail-hero-visual:after{display:none}.detail-hero-visual .service-editorial-photo>img{object-position:center}.detail-hero-visual .service-image-smart{min-height:0}}
@media(max-width:520px){.hero .craftsmanship-photo{-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%);mask-image:linear-gradient(90deg,transparent,#000 30%)}.hero:after{background:linear-gradient(90deg,#001827f5,#001c31de 65%,#001c3199)}.detail-hero-copy h1{font-size:42px}.detail-hero-visual .service-editorial-photo{width:calc(100% + 34px);margin:4px -17px 0;height:290px}.detail-hero.detail-hero-visual{padding-top:30px}.detail-hero-copy .breadcrumbs{margin-bottom:30px}}
@media(max-width:520px){.detail-hero-visual .service-image-smart>img{object-position:right center}.detail-hero-visual .service-image-network>img{object-position:right center}}

/* Public business identity, shared across all page footers. */
.business-registration{padding-top:16px;padding-bottom:24px;color:#bfd2e3;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.business-details{padding:0 0 60px;background:#0b2237}.business-details h2{font-size:26px;color:#fff;margin:0 0 18px}.business-details p{color:#c9dce9;font-size:15px;line-height:1.9}.extra-footer .business-registration{padding-top:18px}
.contact-email-dialog{width:min(440px,calc(100vw - 32px));padding:30px;border:1px solid #37617e;border-radius:16px;background:linear-gradient(145deg,#123d5e,#061b2e);color:#e7f4ff;box-shadow:0 25px 90px #0009}.contact-email-dialog::backdrop{background:#00101dd9}.contact-email-dialog h2{font-size:26px;margin:0 0 12px}.contact-email-dialog p{font-size:14px;line-height:1.7;color:#c7ddeb}.contact-email-actions{display:flex;gap:12px;margin-top:24px}.contact-email-actions button{background:#163e5b;border:1px solid #5c7c93;border-radius:7px;color:#fff;padding:10px 15px;cursor:pointer;font:inherit;font-size:13px}.contact-email-link{display:block;color:#78d4ff;font-size:17px;font-weight:700;overflow-wrap:anywhere;margin-top:20px}.contact-email-dialog :focus-visible{outline:2px solid #87dcff;outline-offset:4px}
.legal-page h3{color:#b8cce0;font-size:1.06rem;margin:22px 0 8px;letter-spacing:-.02em!important;font-weight:750!important}