/* Electric orbital palette: cyan light, ion violet, and magenta on blue glass. */
:root{--paper:#080c28;--ink:#f4f5ff;--muted:#d4dcf4;--line:rgba(131,171,255,.38);--clay:#78f3ff;--pale:rgba(108,123,255,.13);background:#080c28}
body{background:radial-gradient(ellipse at 0% 12%,rgba(0,168,255,.32),transparent 48%),radial-gradient(ellipse at 100% 58%,rgba(153,49,255,.31),transparent 52%),linear-gradient(130deg,rgba(7,14,52,.84),rgba(20,12,51,.81)),url('/assets/infrastructure-poster.jpg') center/cover fixed;background-attachment:fixed}
body::before{background:radial-gradient(ellipse at 80% 10%,#8d4cff30,transparent 60%)}
.header,.footer,main>.wrap,.approach,.form,.draft{background:linear-gradient(120deg,rgba(29,155,246,.18),rgba(29,44,105,.42) 42%,rgba(126,61,217,.21)),rgba(9,15,49,.67);border-color:rgba(135,186,255,.4);box-shadow:inset 0 1px 0 #c1eaff70,inset 0 -1px 0 #bb77ff35,0 14px 45px #03042166,0 0 30px #436fff0a}
.header{background:linear-gradient(105deg,rgba(19,98,155,.67),rgba(24,33,84,.78) 48%,rgba(88,36,124,.68));box-shadow:inset 0 1px #bcddff70,0 1px 0 #61dbff60,0 8px 35px #03051b66}
main>.wrap{border-radius:20px}.approach{background:linear-gradient(110deg,#0a487c80,#20134fb8 70%,#58177765)}.footer{background:linear-gradient(120deg,#0c3f696e,#171638d9 52%,#48206785)}
h1,h2,h3,.brand,.nav a,.sectors-strip a,.price,summary{color:#f4f5ff;text-shadow:0 1px 0 #d5ebff50,0 3px 5px #060923,0 0 24px #758cff30}
h1 em,h2 em,.cinema-content h1 em{color:#82f3ff;text-shadow:0 2px 2px #071c48,0 0 23px #00cfff60}
.eyebrow,.number,.text-link,.steps span,.legal-copy a{color:#8beeff;text-shadow:0 1px 3px #060c29,0 0 15px #46ccff50}
.approach .eyebrow{color:#d5b3ff!important}.brand small,.cinema-content .eyebrow{color:#c6d8ff}.nav a[aria-current]{border-color:#7af1ff;box-shadow:0 2px 9px -3px #35e4ff}
.button,.cinema-actions .button,.film-toggle,.menu,.inquiry-links button{background:linear-gradient(120deg,rgba(12,132,192,.68),rgba(63,66,157,.66),rgba(128,45,173,.57));border-color:#83dfff9c;color:#fff;box-shadow:inset 0 1px #ddf4ff80,inset 0 -1px #ba8cff55,0 0 18px #42a4ff26,0 8px 18px #0004;text-shadow:0 2px 3px #060b29,0 0 9px #80dcff55}
.button:hover,.cinema-actions .button:hover,.film-toggle:hover,.menu:hover{background:linear-gradient(120deg,#0877a8,#45429d,#883fb1);border-color:#c6f6ff;box-shadow:inset 0 1px #fff9,0 0 24px #66c9ff55}
.service-row:hover{background:linear-gradient(90deg,#267bce15,#8f43e515)}.service-row:hover h3,.text-link:hover,.nav a:hover{color:#c3a7ff}
.cinema-shade{background:linear-gradient(90deg,rgba(6,12,40,.85),rgba(8,20,53,.4) 50%,rgba(33,12,69,.18)),linear-gradient(0deg,rgba(7,11,35,.94),transparent 40%)}
.cinema-hero.film-brand .cinema-shade{background:linear-gradient(0deg,#080c28d9,#0b133126 40%,#20104526)}
.film-stage{color:#a9daff}.film-track span{background:linear-gradient(90deg,#51e9ff,#9f8aff,#ef92f6);box-shadow:0 0 12px #68dfff}.film-chapters li.active{color:#91f1ff}.film-kicker,.film-chapters{color:#ccd8f1}
.cert-stage{background:radial-gradient(ellipse at 20% 45%,#3ac8ff24,transparent 60%),linear-gradient(125deg,#263d873d,#33144765);border-color:#8fa7f354;box-shadow:inset 0 1px #c6e8ff55,0 0 24px #8054ee12}
.cert-controls button,.cert-close{background:#434b8e38;border-color:#899beb66}.cert-select[aria-pressed=true]{background:linear-gradient(120deg,#157cac66,#773eae66);border-color:#7ce9ff;box-shadow:0 0 15px #67cfff26}.cert-dialog{background:linear-gradient(125deg,#163f69,#202344 55%,#36204e);border-color:#98c8ff9c}
.form input,.form select,.form textarea{background:#060d2d70;border-color:#8999c9}.form select option{background:#131f45;color:#f5f5ff}.form label{color:#e9edff}.about-quote{color:#e2e5ff;border-color:#b592ff}.review-note{background:#131d3e;color:#d4dcf4}.legal-toc a{color:#d4dcf4}.legal-toc a:hover{color:#94f1ff}.skip{background:#17355c}
:focus-visible{outline-color:#8df1ff}::selection{background:#6b4fa6;color:#fff}
@media(max-width:700px){.header .nav{background:linear-gradient(135deg,#102b4ef5,#2d1d4ef5);border-color:#96c3ff66}.cinema-shade{background:linear-gradient(90deg,#06112dc9,#18113d70),linear-gradient(0deg,#090e2a,transparent 80%)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header,.footer,main>.wrap,.approach,.form,.draft{background:#162347}}
@media(prefers-reduced-transparency:reduce){.header,.footer,main>.wrap,.approach,.form,.draft{background:#162347}}
@media(prefers-contrast:more){.header,.footer,main>.wrap,.approach,.form,.draft{background:#0c1432}:root{--muted:#f0f3ff}h1,h2,h3,p,.nav a{text-shadow:none}}

/* Five-percent glass tint; opacity belongs to the surface, never its content. */
:root{--card-glass:rgba(142,185,255,.05)}
.header,.footer,main>.wrap,.approach,.form,.draft,.cert-stage,.cert-dialog,.review-note,.plan{
 background:var(--card-glass);
 box-shadow:inset 0 1px 0 rgba(220,239,255,.16),0 8px 28px rgba(3,4,33,.08);
 -webkit-backdrop-filter:blur(8px) saturate(115%);
 backdrop-filter:blur(8px) saturate(115%);
}
.plans{background:transparent}
.service-row:hover{background:var(--card-glass)}
@media(max-width:700px){.header .nav{background:var(--card-glass);-webkit-backdrop-filter:blur(8px) saturate(115%);backdrop-filter:blur(8px) saturate(115%)}}
/* Respect visitors who explicitly need solid surfaces for readability. */
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
 .header,.footer,main>.wrap,.approach,.form,.draft,.cert-stage,.cert-dialog,.review-note,.plan,.header .nav{background:#162347;-webkit-backdrop-filter:none;backdrop-filter:none}
}

/* Responsive readability and touch ergonomics, retaining five-percent surfaces. */
main,section,article,.wrap,.form,.footer-top>div{min-width:0}
h1,h2,h3,p,a,summary{overflow-wrap:break-word}
button,.button,summary{touch-action:manipulation}
@media(max-width:900px){
 .plans{grid-template-columns:1fr}.plan{border-right:0;border-bottom:1px solid var(--line)}
 .contact-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}
 .steps{gap:24px}.service-detail{gap:18px}.price{font-size:44px}
}
@media(max-width:700px){
 body{background-attachment:scroll}
 .wrap{width:92%}.nav-wrap{gap:12px}.brand{gap:8px}
 main>.wrap{padding:28px 18px}
 .page-title h1,.notfound h1{font-size:clamp(36px,10.5vw,59px)}
 h2,.consult h2,.body-split h2{font-size:clamp(30px,8.5vw,44px)}
 .service-detail{grid-template-columns:20px minmax(0,1fr);gap:10px}
 .service-detail h2{font-size:clamp(25px,7vw,31px)}
 .form{padding:20px 14px}.form input,.form select,.form textarea{font-size:16px}
 .footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}
 .footer a,.text-link{min-height:44px;display:inline-flex;align-items:center}
 .footer-top a{display:flex}.cert-expand span{min-height:44px;display:flex;align-items:center}
 .cert-slide{padding:24px 14px;min-height:560px}.cert-copy h3{font-size:29px}
 .cinema-content{padding-top:45px}.cinema-content h1{font-size:clamp(44px,12vw,70px)}
 .cinema-actions .button{max-width:100%;gap:12px}
 .cinema-footer{left:4%;right:4%;width:92%}
 .header:has(.nav.open){position:relative}.nav.open{position:static;width:100%;flex-basis:100%}
 .nav-wrap:has(.nav.open){height:auto;min-height:85px;flex-wrap:wrap;padding-top:15px}
 .header .nav{order:3}.about-quote{padding-left:18px}
}