/* Approved public design: brand-coloured frosted glass and gentle card hover. */
body,body.landing-page {
 --nd-ink:#1f2e33;--nd-muted:#344951;--foreground:#1f2e33;--muted:#344951;
 color:#1f2e33;color-scheme:light;background:#e7eeec;isolation:isolate;
}
body::before {
 content:'';position:fixed;inset:-80px;z-index:-1;pointer-events:none;
 background-image:radial-gradient(ellipse at 0% 22%,#52a0b75c,transparent 48%),radial-gradient(ellipse at 100% 76%,#546f7852,transparent 48%),radial-gradient(ellipse at 76% 0%,#f7f4eada,transparent 55%),linear-gradient(#546f780c 1px,transparent 1px),linear-gradient(90deg,#546f780c 1px,transparent 1px),linear-gradient(#546f7810 1px,transparent 1px),linear-gradient(90deg,#546f7810 1px,transparent 1px),linear-gradient(135deg,#eef2ed,#d5e5e8 58%,#eaece3);
 background-size:auto,auto,auto,88px 88px,88px 88px,440px 440px,440px 440px,auto;
 filter:blur(36px);
}
body :is(.services-section,.process-section,.contact-banner,.page-hero){
 background:radial-gradient(ellipse at 90% 0%,#52a0b722,transparent 55%),linear-gradient(125deg,#ffffff0c,transparent 55%),#1f2e33eb!important;
 border-color:#ffffff73;box-shadow:inset 0 1px 0 #ffffff80,0 18px 45px #1f2e3324;
 backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);
}
body :is(.statement-panel,.reference-preview,.contact-panel,.panel-soft,.split-layout>article.card,.explorer-wrap,.audience-card,.spatial-signal){
 background:linear-gradient(135deg,#ffffff14,transparent 45%,#52a0b709),#1f2e33ed!important;
 border-color:#ffffff80;box-shadow:inset 0 1px 0 #ffffff99,inset 1px 0 0 #ffffff1c,0 18px 45px #1f2e3329;
 backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);
}
body .card.service-card{
 background:linear-gradient(135deg,#ffffff14,transparent 45%,#52a0b709),#1f2e33d9!important;
 border-color:#ffffff73;box-shadow:inset 0 1px 0 #ffffff80,inset 1px 0 0 #ffffff1c,0 10px 30px #1f2e3324;
 backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);
}
body :is(.hero-note.card,.site-header){background:linear-gradient(120deg,#ffffff17,transparent 55%),#1f2e33ed!important;backdrop-filter:blur(48px);-webkit-backdrop-filter:blur(48px);border-color:#ffffff80;box-shadow:inset 0 1px 0 #ffffff99,0 12px 38px #1f2e3326}
body .hero-note.card{background:linear-gradient(135deg,#ffffff14,transparent 45%,#52a0b709),#1f2e33cf!important}
body .faq-section :is(.nd-faq .accordion__item,.faq-fallback details){background:linear-gradient(135deg,#ffffff14,transparent 65%),#26353aed;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-color:#ffffff73}
/* Visible refraction: tinted light behind the glass, a bright rim and broad sheen. */
body::before {
 background-image:radial-gradient(ellipse 32% 25% at 82% 42%,#52a0b780,transparent 78%),radial-gradient(ellipse 46% 30% at 0% 22%,#52a0b75c,transparent 80%),radial-gradient(ellipse 38% 32% at 100% 80%,#546f7866,transparent 80%),radial-gradient(ellipse at 76% 0%,#f7f4eada,transparent 55%),linear-gradient(125deg,transparent 46%,#ffffffa6 50%,transparent 56%),linear-gradient(135deg,#eef2ed,#d5e5e8 58%,#eaece3);
 background-size:auto;filter:blur(30px);
}
body :is(.statement-panel,.reference-preview,.contact-panel,.panel-soft,.split-layout>article.card,.explorer-wrap,.audience-card,.spatial-signal,.hero-note.card) {
 background:radial-gradient(ellipse at 0% 0%,#ffffff24,transparent 48%),radial-gradient(ellipse at 100% 100%,#52a0b72e,transparent 65%),linear-gradient(115deg,#ffffff0d,transparent 28%,#1f2e3333 70%),#26353ac7!important;
 border-color:#ffffffad #ffffff40 #52a0b777 #ffffff80;
 box-shadow:inset 0 2px 1px #ffffffe0,inset 2px 0 2px #ffffff55,inset 0 -1px 2px #52a0b799,0 22px 48px #1f2e3329,0 4px 9px #1f2e331a;
 backdrop-filter:blur(36px) saturate(125%);-webkit-backdrop-filter:blur(36px) saturate(125%);
}
body .card.service-card {
 background:radial-gradient(ellipse at 0% 0%,#ffffff2e,transparent 55%),radial-gradient(ellipse at 100% 100%,#52a0b72e,transparent 65%),linear-gradient(115deg,#ffffff0a,transparent 45%),#26353a99!important;
 border-color:#ffffffb3 #ffffff40 #52a0b780 #ffffff80;
 box-shadow:inset 0 2px 1px #ffffffc9,inset 2px 0 2px #ffffff40,inset 0 -1px 2px #52a0b780,0 14px 32px #1f2e332e;
 backdrop-filter:blur(30px) saturate(125%);-webkit-backdrop-filter:blur(30px) saturate(125%);
}
body :is(.services-section,.process-section,.contact-banner,.page-hero) {
 background:radial-gradient(ellipse at 92% 0%,#52a0b738,transparent 55%),linear-gradient(125deg,#ffffff1c,transparent 55%),#26353ad9!important;
 border-color:#ffffff99 #ffffff40 #52a0b766 #ffffff66;
 box-shadow:inset 0 2px 1px #ffffffb3,inset 0 -1px 2px #52a0b777,0 22px 48px #1f2e3329;
}
body .hero{background:#1f2e33}
body .service-icon{width:128px;height:128px}
@media(max-width:760px){body .service-icon{width:88px;height:88px}}
@media(max-width:360px){body .service-icon{width:80px;height:80px}}
/* Just one slightly lighter petrol tone; keep all existing selection states. */
body .contact-form :is(.input,.textarea) {background:linear-gradient(#ffffff08,#ffffff08),#304248b8}
body .contact-service-option:not(:has(input:checked)) {background:linear-gradient(135deg,#ffffff1f,#52a0b715),#ffffff06}
body .contact-service-option:has(input:checked) {background:linear-gradient(#ffffff0a,#ffffff0a),#52a0b726}
/* Independent translate/scale keep the existing scroll reveal intact. */
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
 body:not(.motion-paused) :is(.card.service-card,.hero-note.card,.statement-panel,.reference-preview,.contact-panel,.contact-form-panel,.panel-soft,.split-layout>article.card,.explorer-wrap,.audience-card,.spatial-signal) {
  translate:0 0;scale:1;transform-origin:center;
  transition:translate .28s cubic-bezier(.2,.7,.3,1),scale .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s ease,border-color .28s ease;
 }
 body:not(.motion-paused) :is(.card.service-card,.hero-note.card,.statement-panel,.reference-preview,.contact-panel,.contact-form-panel,.panel-soft,.split-layout>article.card,.explorer-wrap,.audience-card,.spatial-signal):hover {
  translate:0 -7px;scale:1.008;
  border-color:#ffffffe0 #ffffff77 #52a0b7b3 #ffffffb3;
  box-shadow:inset 0 2px 1px #ffffffe0,inset 2px 0 2px #ffffff55,inset 0 -1px 2px #52a0b7b3,0 28px 52px #1f2e3340,0 0 24px #52a0b71f;
 }
}
@supports not (backdrop-filter:blur(1px)){body :is(.card,.panel,.site-header,.services-section,.process-section,.contact-banner,.page-hero){background:#1f2e33!important}}
@media(max-width:760px){body::before{inset:-48px;filter:blur(28px)}body :is(.card,.panel,.site-header,.services-section,.process-section,.contact-banner,.page-hero){backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}}
@media(prefers-reduced-transparency:reduce){body :is(.card,.panel,.site-header,.services-section,.process-section,.contact-banner,.page-hero){background:#1f2e33!important;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){body::before{display:none}body,body :is(.card,.panel,.site-header,.services-section,.process-section,.contact-banner,.page-hero){background:Canvas!important;color:CanvasText!important;backdrop-filter:none;border-color:CanvasText!important;box-shadow:none}}
@media(forced-colors:active){body .contact-form :is(.input,.textarea),body .contact-service-option,body .contact-service-option:not(:has(input:checked)),body .contact-service-option:has(input:checked){background:Canvas;color:CanvasText}}