/* Third concept: black, cyan and dimensional security imagery. */
:root{--head:clamp(34px,3.7vw,56px)}
.header{max-width:1400px;padding:26px 48px}.header nav{background:#0d1a1f;padding:16px 28px;gap:26px}.header-phone{color:#5ce4e9}.brand{font-size:26px}
h1,h2{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.035em;font-weight:400!important}h3{font-weight:600!important}
.section{padding-top:96px}.cyber-hero{background:#03090b;overflow:hidden;position:relative}.cyber-copy{text-align:center;padding:54px 24px 0;position:relative;z-index:1}.cyber-copy h1{font-size:clamp(48px,5.2vw,80px);line-height:1.05;color:#edffff;margin:0 auto 24px;max-width:20ch}.cyber-copy p{color:#b8d0d3;margin:0 auto;max-width:57ch;font-size:18px}.cyber-copy .hero-actions{justify-content:center;margin-top:28px}.cyber-visual{max-width:1200px;margin:-12px auto 0;overflow:hidden}.cyber-visual img{width:100%;height:440px;object-fit:cover;object-position:center 64%;animation:cyber-breathe 12s ease-in-out infinite alternate}.cyber-location{display:flex;justify-content:space-between;align-items:center;padding:22px 48px;background:#0b2026;font-size:16px;color:#b4d4d9}.cyber-location a{font-weight:600;color:#5ce4e9}
.button{border-radius:5px;background:#39dbe2;color:#032327;min-height:56px;padding:16px 26px}.button:hover{background:#99f3f6}.section-heading h2{color:#ecffff}.service-board{display:flex;flex-direction:column;gap:42px}.service-list{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;order:0}.service-list a{border-radius:6px;padding:28px 64px 28px 28px;background:#0c1b20!important}.service-list h3{color:#aff8fa}.service-list .service-arrow{color:#39dbe2}.service-main{order:1;position:static;display:grid;grid-template-columns:1fr 1fr;gap:22px 48px;width:100%;background:transparent;padding:32px 0;align-items:start}.service-main h3{font-family:Georgia,'Times New Roman',serif;font-size:46px;font-weight:400!important;grid-column:1;grid-row:1;margin-top:28px}.service-main p{grid-column:1;grid-row:2;max-width:35ch;font-size:20px}.service-main img{grid-column:2;grid-row:1/span 3;width:100%;height:auto;max-height:400px;object-fit:contain}.service-main>span{grid-column:1;grid-row:3;text-decoration:underline;text-underline-offset:5px}
.selector-result{background:#0d252c}.selector h2 br{display:none}.selector h2{max-width:16ch}.selector-result h3{font-size:30px}.object-options button{border-radius:4px}.solution-board figure{background:#0c1b20!important}.solution-board figure:nth-child(2),.solution-board figure:nth-child(4){margin-top:0}.solution-board h3{color:#93eef1}.process-panels details[open]{background:#0b424c;color:#edffff}.process-panels details{border-radius:5px}.article-links>a{background:#0c1b20}.article-links>a:nth-child(2){background:#103039}.article-links h3{color:#a8f7f8}.faq details{border-radius:5px}.contact-band{background:#0b333c;color:#efffff;text-align:left}.contact-band .button{background:#39dbe2;color:#032327}.contact-band .phone-big{color:#a2f8fb}.contact-band h2{color:#edffff}.footer{background:#03090b}.max-link img,.max-help h2 img{background:#39dbe2}.service-hero h1{color:#b3f7fa}.service-hero .tile{background:#0b2026}.detail-grid h2,.cost h2,.article-body h2,.guide-list h2,.contact-page h1,.contact-grid h2,.policy h1,.policy h2{color:#b3f7fa}.skip{color:#032327}.service-hero h1{font-size:clamp(36px,4.4vw,64px)}
@keyframes cyber-breathe{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:1100px){.header{padding:22px 30px}.header nav{padding:12px 20px;gap:18px}.cyber-copy h1{font-size:64px}.cyber-visual img{height:400px}.service-main{gap:24px}.service-main h3{font-size:36px}.cyber-location{padding:22px 30px}.service-list a{padding:24px 50px 24px 24px}}
@media(max-width:700px){.header{padding:20px}.header nav{padding:16px 12px;gap:10px;font-size:14px}.brand{font-size:23px}.cyber-copy{padding:34px 20px 0}.cyber-copy h1{font-size:42px;max-width:12ch;margin-bottom:22px}.cyber-copy p{font-size:17px;max-width:32ch}.cyber-copy p br{display:none}.cyber-copy .hero-actions{flex-direction:column;gap:22px;margin-top:26px}.cyber-visual{margin-top:12px}.cyber-visual img{height:auto;width:100%;object-fit:contain}.cyber-location{padding:22px 20px;display:block;font-size:14px}.cyber-location a{display:inline-block;margin-top:12px;font-size:18px}.section{padding-top:64px}.section-heading h2{font-size:36px}.service-list{grid-template-columns:1fr;gap:10px}.service-list a{padding:24px 48px 24px 24px}.service-list h3{font-size:23px}.service-main{display:flex;flex-direction:column;gap:24px;padding:0}.service-main h3{font-size:32px;margin:0}.service-main p{font-size:18px}.service-main img{height:auto;max-height:none}.service-main>span{font-size:16px}.selector h2{max-width:none}.selector-result h3{font-size:26px}.service-hero h1{font-size:36px}.contact-grid h2{font-size:30px}.contact-page h1{font-size:38px}}
@media(max-width:360px){.cyber-copy h1{font-size:38px}.service-main h3{font-size:28px}.service-hero h1{font-size:29px}.contact-page h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.cyber-visual img{animation:none}}
/* Full-bleed hero with readable translucent typography. */
.cyber-hero{isolation:isolate;min-height:690px;display:grid;align-items:start}
.cyber-visual{position:absolute;inset:0;margin:0;max-width:none;z-index:-2}
.cyber-visual img{width:100%;height:100%;object-fit:cover;object-position:center 56%;animation:none}
.cyber-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(3,9,11,.58) 0%,rgba(3,9,11,.38) 36%,rgba(3,9,11,.03) 70%,rgba(3,9,11,.25) 100%)}
.cyber-copy{padding:48px 24px 330px}
.cyber-copy h1{color:rgba(237,255,255,.9);text-shadow:0 2px 24px rgba(0,0,0,.8);font-size:clamp(48px,5.2vw,80px)}
.cyber-copy p{color:rgba(237,255,255,.88);text-shadow:0 1px 12px #000;font-weight:500}
.cyber-copy .text-link{color:#efffff;text-shadow:0 1px 10px #000}
@media(max-width:700px){.cyber-hero{min-height:650px}.cyber-copy{padding:32px 20px 240px}.cyber-copy h1{font-size:42px}.cyber-visual{margin:0}.cyber-visual img{width:100%;height:100%;object-fit:cover;object-position:50% center}.cyber-hero::after{background:linear-gradient(180deg,rgba(3,9,11,.68),rgba(3,9,11,.44) 48%,rgba(3,9,11,.08) 80%)} }
/* Center the shield and place the two actions over the lower waves. */
.cyber-copy{position:static;padding-bottom:380px}
.cyber-visual img{width:112%;max-width:none;margin-left:-12%;object-position:center 56%}
.cyber-copy .hero-actions{position:absolute;left:9%;right:9%;bottom:72px;display:flex;flex-direction:row;justify-content:space-between;gap:24px;margin:0}
.cyber-copy .hero-actions .button{min-width:240px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.hero-contact-links{display:flex;align-items:center;gap:14px}.cyber-location .hero-phone{display:inline-flex;align-items:center;gap:10px;margin:0}.cyber-location .hero-max{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:0}.hero-max img{width:26px;height:26px;background:#39dbe2;border-radius:8px;padding:3px}
@media(max-width:700px){.cyber-hero{min-height:700px}.cyber-copy{padding-bottom:420px}.cyber-visual img{width:100%;margin-left:0;object-position:58% center}.cyber-copy .hero-actions{left:20px;right:20px;bottom:32px;flex-direction:column;gap:12px}.cyber-copy .hero-actions .button{min-width:0;width:100%;min-height:54px}.hero-contact-links{margin-top:10px}.cyber-location .hero-phone{font-size:17px}}
