/* V41: real shared shell, applied last to generated pages; no source rewrite. */
:root{--dng-ui-dark:#0d3828;--dng-ui-deep:#08261b;--dng-ui-cream:#f7f5ee;--dng-ui-sage:#cce2d4;--dng-ui-gold:#e5bf88;--dng-ui-line:rgba(229,191,136,.28);--dng-ui-font:'Be Vietnam Pro','DM Sans',system-ui,sans-serif;--dng-ui-display:'Be Vietnam Pro','DM Sans',system-ui,sans-serif}
html{scroll-padding-top:86px}
body.dng-unified-v40{font-family:var(--dng-ui-font)!important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.dng-unified-v40 :where(h1,h2,h3,h4){font-family:var(--dng-ui-display)!important;letter-spacing:-.035em;overflow-wrap:normal}
body.dng-unified-v40 :where(h1 em,h2 em,.signature,.serif){font-family:'Cormorant Garamond','Be Vietnam Pro',Georgia,serif!important;font-weight:600!important;font-style:italic!important}
body.dng-unified-v40 :where(button,input,textarea,select){font-family:var(--dng-ui-font)!important}
body.dng-unified-v40{overflow-x:clip}
body.dng-unified-v40 [data-dng-original-shell]{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important}
/* Centralized global header. Original disparate systems remain in hidden DOM for old JS hooks. */
body.dng-unified-v40 header.dng-global-header{box-sizing:border-box!important;display:block!important;position:sticky!important;top:0!important;z-index:9900!important;width:100%!important;min-height:74px!important;height:auto!important;background:linear-gradient(90deg,rgba(11,50,35,.91) 0%,rgba(17,70,50,.88) 50%,rgba(11,50,35,.91) 100%)!important;border-bottom:1px solid rgba(229,191,136,.36)!important;color:var(--dng-ui-cream)!important;box-shadow:0 10px 28px rgba(4,20,14,.22),inset 0 1px 0 rgba(255,248,226,.38)!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0!important;margin:0!important;overflow:visible!important}
.dng-global-header *{box-sizing:border-box}
.dng-global-bar{width:min(1220px,calc(100% - 48px));min-height:74px;margin:0 auto;display:flex;gap:25px;align-items:center;justify-content:space-between}
.dng-global-brand,.dng-global-footer-brand>a{color:var(--dng-ui-cream)!important;text-decoration:none!important;display:inline-flex;align-items:center;flex:0 0 auto}
.dng-brand-name{display:inline-flex;gap:10px;align-items:center;color:var(--dng-ui-cream)!important;font:800 25px/1.2 var(--dng-ui-display)!important;letter-spacing:-.052em!important;white-space:nowrap}
.dng-brand-name sup{font:700 8px/1 var(--dng-ui-font);letter-spacing:0;vertical-align:super;color:var(--dng-ui-gold)!important;margin-left:3px}
.dng-brand-glyph{display:inline-block;position:relative;width:29px;height:29px;flex:0 0 29px;transform:rotate(-18deg);color:#eee9dc!important}
.dng-brand-glyph:before,.dng-brand-glyph:after{content:"";position:absolute;inset:2px;border:4px solid currentColor;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 60%,0 60%)}.dng-brand-glyph:after{inset:7px 0 0 9px;border-color:var(--dng-ui-gold);transform:rotate(90deg)}
.dng-global-desktop{display:flex!important;gap:clamp(12px,1.65vw,26px);align-items:center;margin-left:auto}
.dng-global-desktop a{color:#e2f2e8!important;font:600 12.5px/1.5 var(--dng-ui-font)!important;white-space:nowrap;text-decoration:none!important;letter-spacing:0!important;transition:color .2s}
.dng-global-desktop a:hover,.dng-global-desktop a[aria-current="page"]{color:#f7d99e!important}
.dng-global-contact{font:700 12px/1.35 var(--dng-ui-font)!important;display:inline-flex;align-items:center;gap:12px;min-height:42px;border:1px solid rgba(255,248,230,.85);border-radius:30px;padding:8px 18px;color:#072217!important;text-decoration:none!important;white-space:nowrap}
.dng-global-toggle{display:none;position:relative;min-width:44px;max-width:44px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(229,191,136,.35);background:transparent;color:var(--dng-ui-cream);padding:13px 11px;flex:0 0 44px;cursor:pointer}
.dng-global-toggle span{display:block;height:2px;width:20px;margin:4px auto;background:currentColor;border-radius:3px;transition:transform .2s,opacity .2s}
.dng-global-header.dng-global-open .dng-global-toggle span:first-child{transform:translateY(6px) rotate(45deg)}
.dng-global-header.dng-global-open .dng-global-toggle span:nth-child(2){opacity:0}
.dng-global-header.dng-global-open .dng-global-toggle span:last-child{transform:translateY(-6px) rotate(-45deg)}
.dng-global-panel[hidden]{display:none!important}
.dng-global-panel{background:#0f3d2b;border-top:1px solid var(--dng-ui-line);padding:12px max(20px,calc((100vw - 1220px)/2)) 25px;box-shadow:0 14px 30px #0004}
.dng-global-panel nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px}
.dng-global-panel nav a{font:600 14px/1.5 var(--dng-ui-font);color:#eef7f1!important;text-decoration:none!important;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.dng-global-panel nav a[aria-current="page"]{color:var(--dng-ui-gold)!important}
.dng-global-panel-cta{display:block;margin:19px 0;padding:12px 16px;border-radius:12px;background:var(--dng-ui-gold);color:#09281c!important;text-decoration:none!important;text-align:center;font:700 13px/1.4 var(--dng-ui-font)}
.dng-global-locales{display:flex;gap:14px;align-items:center;font:700 12px/1.4 var(--dng-ui-font)}
.dng-global-locales a{color:#cfe3d6!important;text-decoration:none!important;transition:all .2s ease}
.dng-global-locales a:hover{color:#ffffff!important}
.dng-global-locales a[aria-current="page"]{color:var(--dng-ui-gold)!important}
.dng-locales-desktop{display:inline-flex;gap:10px;padding:4px 12px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(229,191,136,.28);margin-left:auto}
.dng-locales-desktop a{font-size:11px!important;padding:3px 7px;border-radius:5px}
.dng-locales-desktop a[aria-current="page"]{background:var(--dng-ui-gold)!important;color:#072016!important}
.dng-locales-mobile-bar{display:none}
.dng-locales-footer{display:inline-flex;gap:12px;align-items:center;padding:5px 14px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid rgba(229,191,136,.25)}
.dng-locales-footer a{font-size:11.5px!important}
.dng-locales-footer a[aria-current="page"]{color:var(--dng-ui-gold)!important;text-decoration:underline!important;text-underline-offset:3px}
/* Centralized footer matches the header on ALL pages. */
body.dng-unified-v40 footer.dng-global-footer{background:linear-gradient(180deg,#0b3223 0%,#072218 100%)!important;color:var(--dng-ui-cream)!important;display:block!important;position:relative!important;min-height:0!important;width:100%!important;padding:58px 0 27px!important;border:0!important;border-top:1px solid rgba(229,191,136,.32)!important;margin:0!important;box-shadow:none!important}
.dng-global-footer-inner{width:min(1220px,calc(100% - 48px));margin:0 auto}
.dng-global-footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:clamp(24px,4vw,58px)}
.dng-global-footer-brand .dng-brand-name{font-size:24px!important}
.dng-global-footer-brand p{font:700 10px/1.5 var(--dng-ui-font)!important;color:var(--dng-ui-gold)!important;letter-spacing:.14em!important;margin:22px 0 9px}
.dng-global-footer-brand>span{display:block;color:#c7ddd0!important;font:400 13px/1.75 var(--dng-ui-font)!important;max-width:320px}
.dng-global-footer-col{display:flex;flex-direction:column;align-items:start;gap:13px}
.dng-global-footer-col strong{font:700 11px/1.4 var(--dng-ui-font)!important;color:var(--dng-ui-gold)!important;letter-spacing:.11em!important;text-transform:uppercase}
.dng-global-footer-col a{font:500 13px/1.55 var(--dng-ui-font)!important;color:#ddf0e5!important;text-decoration:none!important}.dng-global-footer-col a:hover{color:var(--dng-ui-gold)!important}
.dng-global-footer-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:48px;padding-top:22px;border-top:1px solid var(--dng-ui-line);color:#b2cbbd!important;font:400 11px/1.7 var(--dng-ui-font)!important}
.dng-global-header :where(a,button):focus-visible,.dng-global-footer a:focus-visible{outline:2px solid var(--dng-ui-gold)!important;outline-offset:4px}
@media(max-width:980px){
  .dng-global-desktop,.dng-global-contact{display:none!important}
  .dng-locales-desktop{display:none!important}
  .dng-locales-mobile-bar{display:inline-flex!important;gap:3px!important;align-items:center!important;margin-left:auto!important;margin-right:5px!important;flex-shrink:0!important}
  .dng-locales-mobile-bar a{font-size:10px!important;padding:3px 5px!important;border-radius:4px!important;background:rgba(255,255,255,.08)!important;color:#d5e8dc!important;white-space:nowrap!important}
  .dng-locales-mobile-bar a[aria-current="page"]{background:var(--dng-ui-gold)!important;color:#09281c!important;font-weight:800!important}
  .dng-global-toggle{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0!important}
  .dng-global-bar{gap:6px!important}
}
@media(max-width:760px){
  .dng-global-bar{width:calc(100% - 20px)!important;min-height:62px!important;gap:6px!important}
  .dng-brand-name{font-size:17px!important;letter-spacing:-.04em!important;gap:5px!important}
  .dng-brand-glyph{width:20px!important;height:20px!important;flex-basis:20px!important}
  .dng-global-toggle{min-width:38px!important;max-width:38px!important;width:38px!important;height:38px!important;flex:0 0 38px!important}
 body.dng-unified-v40 .p37-hub-hero{min-height:0!important}
 body.dng-unified-v40 .p37-hub-hero .p37-hero-copy{padding:38px 0 5px!important}
 body.dng-unified-v40 .p37-hub-hero .p37-hero h1,body.dng-unified-v40 .p37-hero h1{font-size:clamp(37px,9.2vw,51px)!important;line-height:1.12!important;letter-spacing:-.042em!important}
 body.dng-unified-v40 .p37-hub-hero .p37-hero-grid{min-height:0!important}
 body.dng-unified-v40 .p37-hub-hero .p37-scene{width:min(245px,65vw)!important;max-width:245px!important;aspect-ratio:1!important;margin:0 auto 14px!important}
 body.dng-unified-v40 .p37-hub-hero .p37-hero-caption{margin-top:13px!important}
 body.dng-unified-v40 .p37-hero .p37-intro{font-size:14px!important;line-height:1.7!important}
 body.dng-unified-v40 .p37-hub-hero .p37-button{width:100%!important;min-height:48px!important}
 body.dng-unified-v40 .p37-container,body.dng-unified-v40 .shell,body.dng-unified-v40 .v33-wrap{max-width:calc(100% - 32px)}
 body.dng-unified-v40 .news-wrap .masthead-title{font-size:clamp(35px,9.2vw,58px)!important;line-height:1.17!important}
}
@media(max-width:450px){
 .dng-global-footer-grid{grid-template-columns:1fr 1fr;gap:27px 16px}
 .dng-global-footer-brand{grid-column:1/-1}
 .dng-global-footer-col a{font-size:12px!important}
 body.dng-unified-v40 .p37-hero h1{font-size:clamp(37px,9.15vw,45px)!important}
 body.dng-unified-v40 .p37-hub-hero .p37-scene{width:min(220px,60vw)!important}
}
@media(prefers-reduced-motion:reduce){.dng-global-toggle span{transition:none!important}}

/* Owner browser QA follow-up: prevent flexbox from shrinking hamburger strokes to zero. */
.dng-global-toggle{padding:0!important;align-items:center!important;justify-content:center!important}
.dng-global-toggle span{flex:0 0 2px!important;height:2px!important;min-height:2px!important;max-height:2px!important;width:21px!important;margin:2px auto!important;background:#f1eee5!important;opacity:1}
.dng-global-header.dng-global-open .dng-global-toggle span:nth-child(2){opacity:0!important}
@media(min-width:981px){
 body.dng-unified-v40 .p37-hub-hero .p37-hero-grid{grid-template-columns:minmax(0,1.28fr) minmax(0,.72fr)!important;gap:18px!important}
 body.dng-unified-v40 .p37-hub-hero .p37-hero h1,body.dng-unified-v40 .p37-hub-hero h1{font-size:clamp(46px,4.9vw,69px)!important;max-width:760px!important;text-wrap:normal!important;letter-spacing:-.042em!important;line-height:1.13!important}
}

/* ==========================================================================
   V58: SUNLIT ROYAL EMERALD & SWISS EDITORIAL LIGHT–DARK ARCHITECTURE
   Combines:
   1. Sunlit Studio Emerald Hero & Accent Sections (No murky pitch-black)
   2. Editorial Pearl-Jade Light Sections (#F4FAF6) for effortless reading
   3. Asymmetric Designer Card Hierarchy (1 Featured Royal Emerald + Crisp Porcelain Cards)
   4. Interactive Studio Cursor Spotlight + Swiss Architectural Hairline Grid
   ========================================================================== */
:root {
  --dng-ui-dark: #0e3f2d;
  --dng-ui-deep: #08281c;
  --dng-ui-cream: #faf8f2;
  --dng-ui-sage: #dcefe4;
  --dng-ui-gold: #eec98f;
  --dng-ui-emerald: #2feaa0;
  --dng-ui-pearl: #f3f9f5;
}

/* 1. Bright Sunlit Emerald & Pearl-Jade Base Canvas */
body.dng-unified-v40 {
  background-color: #0e3d2b !important;
  background-image:
    radial-gradient(circle 720px at var(--spot-x, 50%) var(--spot-y, 18%), rgba(255, 246, 214, 0.22) 0%, rgba(46, 238, 166, 0.16) 44%, transparent 74%),
    radial-gradient(ellipse 85% 50% at 50% -6%, rgba(255, 245, 214, 0.30) 0%, rgba(52, 238, 168, 0.28) 38%, rgba(16, 86, 60, 0.12) 68%, transparent 100%),
    linear-gradient(180deg, #114733 0%, #15563e 42%, #0c3626 100%) !important;
  background-attachment: fixed !important;
  color: #f7faf8 !important;
}

/* Portfolio Editorial Pearl-Jade Canvas with Swiss Hairline Grid */
body.pf39.dng-unified-v40 {
  background-color: #eef8f3 !important;
  background-image:
    radial-gradient(circle 700px at var(--spot-x, 50%) var(--spot-y, 24%), rgba(255, 238, 192, 0.28) 0%, rgba(46, 238, 166, 0.14) 45%, transparent 74%),
    linear-gradient(rgba(16, 82, 57, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 82, 57, 0.045) 1px, transparent 1px),
    linear-gradient(180deg, #f3faf6 0%, #e7f3ec 100%) !important;
  background-size: 100% 100%, 48px 48px, 48px 48px, 100% 100% !important;
  background-attachment: scroll !important;
  color: #07261b !important;
}

body.dng-unified-v40 .hero {
  background:
    radial-gradient(circle 680px at var(--spot-x, 66%) var(--spot-y, 38%), rgba(255, 244, 210, 0.26) 0%, rgba(52, 240, 170, 0.20) 42%, transparent 74%),
    radial-gradient(ellipse 68% 62% at 68% 40%, rgba(255, 235, 185, 0.28) 0%, rgba(45, 232, 162, 0.26) 44%, transparent 78%),
    linear-gradient(165deg, #124b36 0%, #175d43 48%, #0e3d2c 100%) !important;
}

body.dng-unified-v40 .quantum-atmosphere {
  filter: saturate(1.08) brightness(1.48) contrast(1.02) !important;
  opacity: 0.78 !important;
}

body.dng-unified-v40 .cinematic-vignette {
  background:
    radial-gradient(ellipse 68% 62% at 68% 42%, rgba(255, 242, 204, 0.18) 0%, transparent 58%),
    linear-gradient(90deg, rgba(12, 52, 37, 0.28) 0%, transparent 48%) !important;
  opacity: 0.85 !important;
}

/* 2. 3D Faceted Emerald-Gold Hexagonal Crystal Gem Logo & Metallic Brand Text */
.dng-global-brand, .dng-global-footer-brand > a, .logo {
  perspective: 600px;
}

.dng-brand-glyph, .logo .glyph {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  transform: rotate(0deg) !important;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='goldRim' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23fff6dc'/%3E%3Cstop offset='50%25' stop-color='%23e5bf88'/%3E%3Cstop offset='100%25' stop-color='%239b6f34'/%3E%3C/linearGradient%3E%3ClinearGradient id='emTop' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%2388ffcf'/%3E%3Cstop offset='100%25' stop-color='%2316b87a'/%3E%3C/linearGradient%3E%3ClinearGradient id='emLeft' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%232feaa0'/%3E%3Cstop offset='100%25' stop-color='%230b5e3e'/%3E%3C/linearGradient%3E%3ClinearGradient id='emRight' x1='1' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23f5d49c'/%3E%3Cstop offset='100%25' stop-color='%23127a52'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpolygon points='32,3 58,18 58,46 32,61 6,46 6,18' fill='%23072217' stroke='url(%23goldRim)' stroke-width='3.2'/%3E%3Cpolygon points='32,3 58,18 32,32 6,18' fill='url(%23emTop)' opacity='0.92'/%3E%3Cpolygon points='6,18 32,32 32,61 6,46' fill='url(%23emLeft)' opacity='0.9'/%3E%3Cpolygon points='58,18 58,46 32,61 32,32' fill='url(%23emRight)' opacity='0.88'/%3E%3Cpolygon points='32,12 49,22 49,42 32,52 15,42 15,22' fill='none' stroke='%23fff8e6' stroke-width='1.2' opacity='0.65'/%3E%3Ccircle cx='32' cy='32' r='5.5' fill='%23ffffff'/%3E%3C/svg%3E") center / contain no-repeat !important;
  filter: drop-shadow(0 4px 10px rgba(46, 234, 160, 0.48)) drop-shadow(0 0 8px rgba(229, 191, 136, 0.40));
  transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), filter 0.38s ease !important;
}

.dng-brand-glyph:before, .dng-brand-glyph:after, .logo .glyph:before, .logo .glyph:after {
  display: none !important;
}

.dng-global-brand:hover .dng-brand-glyph, .logo:hover .glyph {
  transform: perspective(500px) rotateY(22deg) rotateX(-12deg) scale(1.08) !important;
  filter: drop-shadow(0 6px 16px rgba(46, 234, 160, 0.68)) drop-shadow(0 0 14px rgba(247, 221, 178, 0.6));
}

.dng-brand-name > span:last-child {
  background: linear-gradient(180deg, #ffffff 0%, #fff0d6 54%, #e5bc7a 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 rgba(5, 20, 14, 0.72));
}

/* 3D Brushed Champagne Gold Mobile Toggle Button */
body.dng-unified-v40 .dng-global-toggle {
  border-radius: 12px !important;
  background: linear-gradient(145deg, #fae5be 0%, #dfb678 52%, #b48544 100%) !important;
  border: 1px solid rgba(255, 248, 228, 0.85) !important;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.32), 0 0 16px rgba(229, 191, 136, 0.32), inset 0 1px 1px rgba(255, 255, 255, 0.8) !important;
  color: #082016 !important;
}

body.dng-unified-v40 .dng-global-toggle span {
  background: #082016 !important;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

/* ==========================================================================
   HOMEPAGE HERO: SUNLIT ROYAL EMERALD SHOWROOM + PORCELAIN/EMERALD TRIO CARDS
   ========================================================================== */
body.dng-unified-v40 .hero {
  background:
    radial-gradient(ellipse 75% 58% at 50% 24%, rgba(255, 248, 222, 0.30) 0%, rgba(54, 240, 170, 0.30) 38%, rgba(16, 86, 60, 0.14) 68%, transparent 100%),
    linear-gradient(160deg, #104632 0%, #165940 50%, #0d3a29 100%) !important;
}

body.dng-unified-v40 .hero .route-hotspots,
body.dng-unified-v40 .hero .motion-actions,
body.dng-unified-v40 .hero .motion-notice,
body.dng-unified-v40 .hero .scene-switch,
body.dng-unified-v40 .hero .scene-copy,
body.dng-unified-v40 .hero .art-index,
body.dng-unified-v40 .hero .art-floor,
body.dng-unified-v40 .hero .art-instruction,
body.dng-unified-v40 .hero .hero-eyebrow,
body.dng-unified-v40 .hero .hero-intro,
body.dng-unified-v40 .hero .hero-actions,
body.dng-unified-v40 .hero .hero-legend,
body.dng-unified-v40 .hero .interaction-hint,
body.dng-unified-v40 .hero .hero-scanline {
  display: none !important;
}

body.dng-unified-v40 .hero h1.nexus-hero-title {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-family: 'Be Vietnam Pro', 'DM Sans', sans-serif !important;
  font-weight: 800 !important;
  line-height: 1.04 !important;
  letter-spacing: 0.03em !important;
  text-transform: uppercase !important;
  max-width: 100% !important;
  margin: 0 auto 8px !important;
  padding: 0 !important;
}

body.dng-unified-v40 .hero .nexus-title-silver {
  display: block;
  font-size: clamp(30px, 3.2vw, 48px) !important;
  letter-spacing: 0.045em !important;
  background: linear-gradient(180deg, #ffffff 0%, #f4fbf8 55%, #cbe2d7 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #ffffff !important;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 rgba(8, 32, 22, 0.85))
          drop-shadow(0 8px 22px rgba(4, 20, 14, 0.45));
  text-shadow: none !important;
}

body.dng-unified-v40 .hero .nexus-title-gold {
  display: block;
  font-size: clamp(33px, 3.55vw, 52px) !important;
  letter-spacing: 0.035em !important;
  margin-top: 2px;
  background: linear-gradient(180deg, #fff9e8 0%, #f8dc9f 48%, #d8a657 90%, #f5d393 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: #f7d79a !important;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 2px 0 rgba(22, 14, 4, 0.85))
          drop-shadow(0 8px 24px rgba(4, 20, 14, 0.48));
  text-shadow: none !important;
}

body.dng-unified-v40 .hero .nexus-hero-sub {
  text-align: center !important;
  font-family: 'Be Vietnam Pro', 'DM Sans', sans-serif !important;
  font-weight: 600 !important;
  color: #f0faf4 !important;
  text-shadow: 0 2px 10px rgba(4, 20, 14, 0.65) !important;
  margin: 0 auto !important;
}

body.dng-unified-v40 .hero .nexus-sub-pc {
  display: inline-block;
  font-size: 12.5px;
  letter-spacing: 0.24em;
  text-transform: uppercase;
}

body.dng-unified-v40 .hero .nexus-sub-mobile {
  display: none;
  font-size: 12.5px;
  letter-spacing: 0.02em;
  color: #eef8f2;
}

@media (min-width: 761px) {
  body.dng-unified-v40 .hero {
    min-height: 700px !important;
    height: clamp(700px, 78vh, 800px) !important;
    max-height: 820px !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }

  body.dng-unified-v40 .hero > .wrap {
    position: relative !important;
    z-index: 26 !important;
    width: 100% !important;
    max-width: 1200px !important;
    height: 100% !important;
    padding-top: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    pointer-events: none !important;
  }

  body.dng-unified-v40 .hero .hero-copy {
    width: 100% !important;
    max-width: 860px !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
  }

  body.dng-unified-v40 .hero .hero-art {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    top: 0 !important;
    width: 100vw !important;
    height: 100% !important;
    transform: translateX(-50%) !important;
    z-index: 14 !important;
  }
}

/* ==========================================================================
   HOMEPAGE TRIO CARDS: 2 SUNLIT PORCELAIN CARDS + 1 CENTER ROYAL EMERALD CARD
   ========================================================================== */
.nexus-glass-section {
  position: relative;
  z-index: 32;
  padding: 0 0 54px;
  margin-top: -126px;
}

.nexus-glass-section > .wrap {
  max-width: 1120px !important;
  width: min(1120px, calc(100% - 36px)) !important;
  margin: 0 auto !important;
}

.nexus-glass-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  align-items: stretch;
}

/* Cards 1 & 3 (.nexus-card-emerald): Sunlit White Porcelain with Royal Emerald Accents */
body.dng-unified-v40 .nexus-glass-card.nexus-card-emerald {
  position: relative !important;
  background:
    radial-gradient(circle 260px at var(--glare-x, 50%) var(--glare-y, 0%), rgba(46, 234, 160, 0.16), transparent 72%),
    linear-gradient(170deg, rgba(255, 255, 255, 0.96) 0%, rgba(238, 249, 243, 0.94) 100%) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
  border-radius: 22px !important;
  box-shadow:
    0 22px 48px -10px rgba(5, 32, 22, 0.34),
    0 0 24px rgba(46, 234, 160, 0.18),
    inset 0 2px 0 #ffffff !important;
  color: #07281c !important;
  padding: 22px 22px 18px;
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  transform: perspective(1000px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);
  transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.26s ease !important;
  overflow: hidden;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-emerald .nexus-card-badge {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 99px;
  background: #e2f3ea;
  border: 1px solid rgba(15, 68, 48, 0.2);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #0a4630 !important;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-emerald .nexus-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #0d4430;
  border: 1px solid #e5bf88;
  box-shadow: 0 6px 14px rgba(13, 68, 48, 0.24);
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-emerald h3 {
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #07261b !important;
  letter-spacing: -0.025em;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-emerald p {
  font-size: 13px;
  line-height: 1.56;
  color: #24493b !important;
  font-weight: 500;
  margin: 0 0 12px;
  flex: 1;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-emerald .nexus-card-link {
  font-size: 11.5px;
  font-weight: 800;
  color: #0b4d35 !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Center Featured Card #2 (.nexus-card-gold): Signature Sunlit Royal Emerald & Champagne Gold */
body.dng-unified-v40 .nexus-glass-card.nexus-card-gold {
  position: relative !important;
  background:
    radial-gradient(circle 280px at var(--glare-x, 50%) var(--glare-y, 0%), rgba(255, 240, 200, 0.26), transparent 72%),
    linear-gradient(155deg, #13543c 0%, #092e20 100%) !important;
  border: 2px solid #f0ca8a !important;
  border-radius: 22px !important;
  box-shadow:
    0 26px 54px -10px rgba(4, 24, 16, 0.48),
    0 0 32px rgba(238, 201, 143, 0.28),
    inset 0 1.5px 0 rgba(255, 248, 228, 0.72) !important;
  color: #ffffff !important;
  padding: 22px 22px 18px;
  display: flex;
  flex-direction: column;
  text-decoration: none !important;
  transform: perspective(1000px) translateY(-6px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateZ(0);
  transition: transform 0.26s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.26s ease !important;
  overflow: hidden;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-gold .nexus-card-badge {
  display: inline-block;
  padding: 4px 11px;
  border-radius: 99px;
  background: rgba(238, 201, 143, 0.2);
  border: 1px solid rgba(238, 201, 143, 0.55);
  font-size: 9.5px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #f9dca3 !important;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-gold .nexus-card-icon {
  width: 40px;
  height: 40px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.14);
  border: 1px solid #f0ca8a;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-gold h3 {
  font-size: 19px;
  font-weight: 800;
  margin: 0 0 6px;
  color: #ffffff !important;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-gold p {
  font-size: 13px;
  line-height: 1.56;
  color: #e4f4eb !important;
  margin: 0 0 12px;
  flex: 1;
}
body.dng-unified-v40 .nexus-glass-card.nexus-card-gold .nexus-card-link {
  font-size: 11.5px;
  font-weight: 800;
  color: #f7d79a !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.nexus-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}
.nexus-card-icon svg {
  width: 22px;
  height: 22px;
}

/* Homepage Bottom Discipline Tape: Sunlit Pearl-Jade Ribbon */
body.dng-unified-v40 .tape {
  background: linear-gradient(90deg, #e8f4ee 0%, #ffffff 50%, #e8f4ee 100%) !important;
  border-top: 1px solid rgba(15, 68, 48, 0.16) !important;
  border-bottom: 1px solid rgba(15, 68, 48, 0.16) !important;
  color: #07261b !important;
  padding: 18px 0 !important;
}
body.dng-unified-v40 .tape p,
body.dng-unified-v40 .tape span {
  color: #093524 !important;
  font-weight: 700 !important;
}

/* ==========================================================================
   SUBPAGES (PRICING, ABOUT, CONTACT, TOOLS):
   EDITORIAL LIGHT–EMERALD RHYTHM & ASYMMETRIC CARD HIERARCHY
   ========================================================================== */

/* Bright Sunlit Pearl-Jade Sections on Subpages */
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) {
  position: relative;
  background:
    radial-gradient(circle 680px at var(--spot-x, 80%) var(--spot-y, 20%), rgba(245, 206, 138, 0.22), transparent 68%),
    linear-gradient(180deg, #f4faf7 0%, #e7f3ed 100%) !important;
  color: #07261b !important;
  border-top: 1px solid rgba(15, 68, 48, 0.10) !important;
  border-bottom: 1px solid rgba(15, 68, 48, 0.12) !important;
}
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(h1, h2, h3, h4, strong, b) {
  color: #07261b !important;
  text-shadow: none !important;
}
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(p, li, dd, .lead, .p37-intro, .v33-lead) {
  color: #25493b !important;
}
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(.eyebrow, .p37-kicker, .v33-eyebrow, .num) {
  color: #0c4d35 !important;
  font-weight: 800 !important;
}

/* Cards inside Sunlit Pearl-Jade Subpage Sections: Crisp Porcelain + 1 Royal Emerald Featured Card */
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(.p37-service, .p37-plan, .v33-card, .panel) {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%) !important;
  border: 1.5px solid rgba(15, 68, 48, 0.16) !important;
  border-radius: 22px !important;
  box-shadow: 0 18px 42px -12px rgba(8, 46, 32, 0.11), inset 0 1px 0 #ffffff !important;
  color: #07261b !important;
  backdrop-filter: none !important;
}
/* Featured Card #1 or Middle Plan on Light Sections -> Signature Royal Emerald & Gold */
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(.p37-service:first-child, .p37-plan-middle, .v33-card:first-child, .cols3 > .panel:first-child, aside > .panel:nth-of-type(2)) {
  background:
    radial-gradient(circle 340px at 85% 15%, rgba(255, 240, 200, 0.24), transparent 68%),
    linear-gradient(155deg, #12503a 0%, #092e20 100%) !important;
  border: 2px solid #e5bf88 !important;
  box-shadow: 0 24px 52px -12px rgba(7, 38, 27, 0.32) !important;
  color: #ffffff !important;
}
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(.p37-service:first-child, .p37-plan-middle, .v33-card:first-child, .cols3 > .panel:first-child, aside > .panel:nth-of-type(2)) :where(h2, h3, h4, strong, b, a) {
  color: #ffffff !important;
}
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(.p37-service:first-child, .p37-plan-middle, .v33-card:first-child, .cols3 > .panel:first-child, aside > .panel:nth-of-type(2)) :where(p, li, dd, span) {
  color: #e4f4eb !important;
}
body.dng-unified-v40 :where(.p37-section:nth-of-type(even), .v33-section:nth-of-type(even), main > .section:nth-of-type(even)) :where(.p37-service:first-child, .p37-plan-middle, .v33-card:first-child, .cols3 > .panel:first-child, aside > .panel:nth-of-type(2)) :where(.num, .tag, .p37-tag) {
  color: #f7d99e !important;
}

/* Contact Form: Crisp Sunlit White Porcelain Card with pristine contrast */
body.dng-unified-v40 .panel:has(#contactForm),
body.dng-unified-v40 #contactForm {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%) !important;
  border: 1.5px solid rgba(15, 68, 48, 0.16) !important;
  box-shadow: 0 18px 42px -12px rgba(8, 46, 32, 0.11), inset 0 1px 0 #ffffff !important;
  color: #07261b !important;
}
body.dng-unified-v40 .panel:has(#contactForm) h2 {
  color: #07261b !important;
}
body.dng-unified-v40 .panel:has(#contactForm) label {
  color: #093223 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}
body.dng-unified-v40 .panel:has(#contactForm) .input {
  background: #f2f9f5 !important;
  border: 1.5px solid rgba(16, 86, 60, 0.24) !important;
  color: #07261b !important;
  font-weight: 500 !important;
}
body.dng-unified-v40 .panel:has(#contactForm) .input:focus {
  border-color: #0d5e41 !important;
  box-shadow: 0 0 0 3px rgba(13, 94, 65, 0.16) !important;
  background: #ffffff !important;
}
body.dng-unified-v40 .panel:has(#contactForm) .btn.outline {
  border: 1.5px solid rgba(15, 68, 48, 0.28) !important;
  color: #0b4d35 !important;
  background: transparent !important;
  font-weight: 800 !important;
}
body.dng-unified-v40 .panel:has(#contactForm) .result {
  background: #eef7f2 !important;
  border-left: 4px solid #0d5e41 !important;
  color: #1a4232 !important;
  font-size: 13px !important;
  line-height: 1.7 !important;
}

/* Tools Pages Calculator Styling */
body.dng-unified-v40 .calc-wrap,
body.dng-unified-v40 .calculator,
body.dng-unified-v40 main > .section .panel:has(.formgrid) {
  background: linear-gradient(180deg, #ffffff 0%, #f8fcfa 100%) !important;
  border: 1.5px solid rgba(15, 68, 48, 0.16) !important;
  box-shadow: 0 18px 42px -12px rgba(8, 46, 32, 0.11) !important;
  color: #07261b !important;
}
body.dng-unified-v40 main > .section .panel:has(.formgrid) label {
  color: #093223 !important;
  font-weight: 700 !important;
}
body.dng-unified-v40 main > .section .panel:has(.formgrid) .input {
  background: #f2f9f5 !important;
  border: 1.5px solid rgba(16, 86, 60, 0.24) !important;
  color: #07261b !important;
}
body.dng-unified-v40 main > .section .panel:has(.formgrid) .result {
  background: #eef7f2 !important;
  border-left: 4px solid #0d5e41 !important;
  color: #1a4232 !important;
}

/* Sunlit Royal Emerald Sections (Odd Sections below Hero) */
body.dng-unified-v40 :where(.p37-section:nth-of-type(odd):not(:first-child), .v33-section:nth-of-type(odd):not(:first-child), main > .section:nth-of-type(odd):not(:first-child)) {
  background:
    radial-gradient(ellipse 70% 55% at 82% 16%, rgba(255, 242, 205, 0.20), transparent 65%),
    linear-gradient(155deg, #0f4330 0%, #14533c 52%, #0b3324 100%) !important;
  color: #ffffff !important;
}
body.dng-unified-v40 :where(.p37-section:nth-of-type(odd):not(:first-child), .v33-section:nth-of-type(odd):not(:first-child), main > .section:nth-of-type(odd):not(:first-child)) :where(.p37-service, .p37-plan, .v33-card, .panel) {
  background: linear-gradient(155deg, rgba(24, 88, 63, 0.80) 0%, rgba(11, 46, 33, 0.90) 100%) !important;
  border: 1px solid rgba(130, 245, 195, 0.38) !important;
  border-radius: 22px !important;
  color: #ffffff !important;
}

/* 3D Buttons with Sunlit Gold & Emerald Polish */
body.dng-unified-v40 :where(.action-primary, .p37-button-primary, .v33-btn:not(.v33-secondary), .pf-btn-primary, .dng-global-contact) {
  background: linear-gradient(135deg, #fff1cf 0%, #e5bf88 52%, #c79856 100%) !important;
  color: #072016 !important;
  border: 1px solid rgba(255, 248, 230, 0.9) !important;
  box-shadow: 0 8px 24px rgba(5, 24, 16, 0.28), 0 0 20px rgba(229, 191, 136, 0.34), inset 0 1px 0 #ffffff !important;
  font-weight: 800 !important;
}

@media (max-width: 900px) {
  .nexus-glass-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .nexus-glass-section {
    margin-top: 0;
    padding: 12px 0 40px;
  }
  body.dng-unified-v40 .nexus-glass-card.nexus-card-gold {
    transform: none;
  }
}

@media (max-width: 760px) {
  body.dng-unified-v40 .hero {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 4px 0 10px !important;
    overflow-x: hidden !important;
  }
  body.dng-unified-v40 .hero > .wrap {
    width: calc(100% - 32px) !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding-top: 0 !important;
  }
  body.dng-unified-v40 .hero .hero-art {
    position: relative !important;
    order: 1 !important;
    left: 0 !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 350px !important;
    min-height: 350px !important;
    margin: 0 -16px 2px !important;
  }
  body.dng-unified-v40 .hero .hero-copy {
    order: 2 !important;
    padding: 2px 0 6px !important;
    text-align: center !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
  }
  body.dng-unified-v40 .hero .nexus-title-silver {
    font-size: clamp(24px, 7.2vw, 33px) !important;
    white-space: normal !important;
  }
  body.dng-unified-v40 .hero .nexus-title-gold {
    font-size: clamp(26px, 7.8vw, 36px) !important;
    white-space: normal !important;
  }
  body.dng-unified-v40 .hero .nexus-sub-pc {
    display: none !important;
  }
  body.dng-unified-v40 .hero .nexus-sub-mobile {
    display: inline-block !important;
  }
}


/* ==========================================================================
   DNG WORLD 2027+ MASTER DESIGN ELEVATION (11-REPO REVOLUTION)
   Crafted from:
   - Leonxlnx/taste-skill: Anti-AI Slop, extreme scale contrast, active whitespace
   - VoltAgent/awesome-design-md & google-labs-code/design.md: Specular rim light, tokens
   - nextlevelbuilder/ui-ux-pro-max-skill: 60-30-10 palette, ergonomic mobile targets
   - emilkowalski/skills: Spring physics (cubic-bezier 0.23, 1, 0.32, 1), no transition: all
   - DavidHDev/react-bits & canvas-ui: Analog micro-grain, spotlight border glow
   - greensock/gsap-skills: Kinetic stagger, smooth depth pacing
   ========================================================================== */

/* 1. Analog Cinema Micro-Grain Overlay */
body.dng-unified-v40::before {
  content: "" !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  pointer-events: none !important;
  z-index: 9999 !important;
  opacity: 0.032 !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E") !important;
  mix-blend-mode: overlay !important;
}

/* 2. The Royal Dialogue: Extreme Scale Typography & Tabular Figures */
body.dng-unified-v40 :where(.price, .amount, .metric, .stat, .timestamp, .bullet, .count, time, .cap-label, [data-numeric]) {
  font-variant-numeric: tabular-nums !important;
  font-feature-settings: "tnum" 1, "cv01" 1 !important;
}

body.dng-unified-v40 h1 {
  letter-spacing: -0.045em !important;
  line-height: 1.02 !important;
}

body.dng-unified-v40 h2 {
  letter-spacing: -0.038em !important;
  line-height: 1.14 !important;
}

body.dng-unified-v40 h3 {
  letter-spacing: -0.025em !important;
  line-height: 1.28 !important;
}

body.dng-unified-v40 :where(h1 em, h2 em, h3 em, .signature, .serif) {
  font-family: 'Cormorant Garamond', 'Playfair Display', Georgia, serif !important;
  font-style: italic !important;
  font-weight: 600 !important;
  letter-spacing: -0.015em !important;
}

/* 3. Physics-Based Specular Lighting & Spotlight Border Glow */
body.dng-unified-v40 :where(.nexus-glass-card, .v47-case, .v47-service, .p37-plan, .story-card, .lead-story, .side-feature, .latest-rail) {
  box-shadow: 0 18px 42px -12px rgba(8, 46, 32, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  transition: transform 0.24s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.24s cubic-bezier(0.23, 1, 0.32, 1), border-color 0.24s ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.dng-unified-v40 :where(.nexus-glass-card, .v47-case, .v47-service, .p37-plan, .story-card, .side-feature):hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 26px 54px -14px rgba(7, 38, 27, 0.22), 0 0 20px rgba(229, 191, 136, 0.25), inset 0 1.5px 0 rgba(255, 255, 255, 0.75) !important;
    border-color: rgba(229, 191, 136, 0.55) !important;
  }
}

body.dng-unified-v40 :where(.nexus-glass-card, .v47-case, .v47-service, .p37-plan, .story-card, .side-feature):active {
  transform: translateY(-1px) scale(0.99) !important;
  transition: transform 0.08s ease !important;
}

/* 4. Haptic Button & CTA Physics (Emil Kowalski: 180-240ms, no transition: all) */
body.dng-unified-v40 :where(.dng-global-panel-cta, .dng-global-contact, .theater-btn, .dng-trans-btn, .tv-trans-btn, .p37-button, .v47-button, .p37-nav-action) {
  transition: transform 0.2s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 0.2s cubic-bezier(0.23, 1, 0.32, 1), background-color 0.2s ease, border-color 0.2s ease !important;
  box-shadow: 0 4px 14px rgba(7, 38, 27, 0.15) !important;
}

@media (hover: hover) and (pointer: fine) {
  body.dng-unified-v40 :where(.dng-global-panel-cta, .dng-global-contact, .theater-btn, .dng-trans-btn, .tv-trans-btn, .p37-button, .v47-button, .p37-nav-action):hover {
    transform: translateY(-1.5px) !important;
    box-shadow: 0 8px 24px rgba(229, 191, 136, 0.35) !important;
  }
}

body.dng-unified-v40 :where(.dng-global-panel-cta, .dng-global-contact, .theater-btn, .dng-trans-btn, .tv-trans-btn, .p37-button, .v47-button, .p37-nav-action):active {
  transform: translateY(1px) scale(0.985) !important;
  transition: transform 0.06s ease !important;
}

/* 5. High-Contrast Form Inputs & Interactive Surfaces */
body.dng-unified-v40 :where(input, textarea, select) {
  background: #f4faf6 !important;
  border: 1.5px solid rgba(16, 82, 57, 0.22) !important;
  border-radius: 12px !important;
  color: #07261b !important;
  font-weight: 500 !important;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

body.dng-unified-v40 :where(input, textarea, select):focus {
  background: #ffffff !important;
  border-color: #0e5439 !important;
  box-shadow: 0 0 0 3px rgba(47, 234, 160, 0.22) !important;
  outline: none !important;
}

/* 6. Refined Champagne Capsule Language Switchers */
.dng-locales-desktop {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(229, 191, 136, 0.35) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 4px 12px rgba(4, 20, 14, 0.15) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.dng-locales-desktop a {
  transition: color 0.18s ease, background-color 0.18s ease !important;
}

.dng-locales-desktop a[aria-current="page"] {
  background: linear-gradient(135deg, #fff2d1 0%, #e5bf88 100%) !important;
  color: #072016 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  font-weight: 800 !important;
}

.dng-locales-footer {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(229, 191, 136, 0.3) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(10px) !important;
}

.dng-locales-footer a {
  transition: color 0.18s ease !important;
}

.dng-locales-footer a[aria-current="page"] {
  color: #e5bf88 !important;
  font-weight: 800 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

/* 7. Swiss Hairline Grid Polish on Light Editorial Sections */
body.dng-unified-v40 .v47-solutions-light,
body.dng-unified-v40 .n48-video-first {
  background-image:
    linear-gradient(rgba(16, 82, 57, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 82, 57, 0.045) 1px, transparent 1px),
    radial-gradient(circle 800px at var(--spot-x, 80%) var(--spot-y, 20%), rgba(245, 206, 138, 0.18), transparent 68%),
    linear-gradient(180deg, #f4faf7 0%, #e7f3ed 100%) !important;
  background-size: 48px 48px, 48px 48px, auto, auto !important;
}

/* 8. Active Negative Space Breathing Room */
@media (min-width: 981px) {
  body.dng-unified-v40 .section,
  body.dng-unified-v40 .p37-section,
  body.dng-unified-v40 .v33-section,
  body.dng-unified-v40 .nexus-glass-section {
    margin-bottom: clamp(60px, 8vw, 110px) !important;
  }
}