/* Clear jade glass: lighter card tint; child opacity stays intact. */
:root{
  --crystal:linear-gradient(135deg,rgba(248,255,250,.12),rgba(229,246,240,.08));
  --crystal-edge:rgba(245,255,251,.58);
  --crystal-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #ffffff26,0 18px 48px #051e2224;
}
.platform-panel,.solution-card,.solution-card:nth-child(2n),.solution-card:hover,
.service-large,.service-stack .service-item,.journey-panel,.stats>div,.contact-box,
.journey-tabs button{
  background:var(--crystal);border:1px solid var(--crystal-edge);
  box-shadow:var(--crystal-shadow);
  -webkit-backdrop-filter:blur(8px) saturate(125%);backdrop-filter:blur(8px) saturate(125%);
}
.hero-island,.nav-contact,.hero-actions .button{
  background:linear-gradient(135deg,#f1ffff20,#d1efef0a);
  border:1px solid #eaffff66;color:#f7fff9;
  box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #ffffff1a,0 12px 32px #001b242e;
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  text-shadow:0 1px 8px #092d3266;
  transition:background .4s,box-shadow .4s,transform .4s,border-color .4s;
}
.hero-island:hover,.hero-actions .button:hover,.nav-contact:hover{
  background:linear-gradient(135deg,#f1ffff2d,#d1efef13);border-color:#efffffad;
  color:white;box-shadow:inset 0 1px 0 #ffffffcc,0 16px 38px #001b243d;
}
.hero-island small{color:#e0f4edc9}
.hero-island{background:linear-gradient(135deg,#f1ffff0c,#d1efef04);-webkit-backdrop-filter:blur(8px) saturate(125%);backdrop-filter:blur(8px) saturate(125%)}
.hero-island:hover{background:linear-gradient(135deg,#f1ffff14,#d1efef08)}
.island-icon{color:#f4ffed;background:#e9ffef0a;border:1px solid #f5fff34d;box-shadow:inset 0 1px #ffffff40}
.hero .hero-description{color:#edf8edeb}
.hero .eyebrow,.global-nav nav a{color:#eff9f0d9}
/* Subtle translucent lettering, without making body copy hard to read. */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero h1,.section h2{
    background:linear-gradient(165deg,#ffffff 12%,#f4fff2ed 44%,#cbf4e4b8 84%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
    -webkit-text-fill-color:transparent;
    -webkit-text-stroke:.35px #effffb45;
    filter:drop-shadow(0 2px 12px #06271d55);text-shadow:none;
  }
  .hero h1 span,.section h2 .muted{color:inherit;-webkit-text-fill-color:inherit}
}
.platform-copy h3,.solution-card h3,.service-large h3,.service-toggle,
.journey-copy h3,.contact-box h3{color:#153a32eb;text-shadow:0 1px 0 #ffffff45}
.platform-copy p,.solution-card p,.service-large>p,.service-stack .service-answer p,
.journey-copy p,.stats p,.contact-box p{color:#254a42}
.tiny-label,.service-toggle .service-number,.journey-tabs small{color:#35594fd9}
.platform-tabs,.carousel-pill,.carousel-arrow{
  background:linear-gradient(135deg,#ebfff41f,#d6f4eb0d);border:1px solid #ecfff34d;
  box-shadow:inset 0 1px #ffffff55,0 8px 25px #031b251c;
  -webkit-backdrop-filter:blur(20px) saturate(135%);backdrop-filter:blur(20px) saturate(135%);
  color:#edf9ef;
}
.platform-tabs button{color:#f0fff0d9}
.platform-tabs button[aria-selected=true]{background:linear-gradient(135deg,#ffffff5a,#e8fff136);color:#164536;box-shadow:inset 0 1px #fff9,0 3px 12px #042a2926}
.platform-art{background:transparent}
.platform-art img.platform-landscape{mask-image:linear-gradient(90deg,transparent,#000 34%);opacity:.91}
.platform-art #platform-logo,.platform-art .connected,.card-top>span:first-child{
  background:linear-gradient(135deg,#ffffff5d,#eafff13d);border-color:#ffffffa6;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#234c3e;
  box-shadow:inset 0 1px #ffffffb3,0 8px 24px #1138311f;
}
.solution-card:after{
  display:block;inset:0;width:auto;height:auto;border:0;border-radius:inherit;transform:none;
  background:radial-gradient(440px circle at var(--light-x) var(--light-y),#ffffff2b,transparent 65%);
  box-shadow:inset 0 1px #ffffff80;z-index:1;pointer-events:none;
}
.solution-card:hover,.service-stack .service-item:hover,.stats>div:hover{border-color:#f3ffface;box-shadow:inset 0 1px #ffffffe6,0 20px 45px #051e2233}
.detail-button,.expand-icon,.service-tags span,.dialog-close{
  background:#f2fff127;border:1px solid #ffffff80;color:#214d3c;
  box-shadow:inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
.detail-button:hover,.dialog-close:hover{background:#f4fff346}
.carousel-arrow:hover{background:#eaffee29}
.carousel-dot{background:#f3fff26b}.carousel-dot[aria-current=true]{background:#f0ffed}.carousel-status{color:#ebf8e5}
.service-stack .service-item.is-open,.journey-tabs button[aria-selected=true]{background:linear-gradient(135deg,#f5fff42e,#d9f6e91a);border-color:#ffffffba;box-shadow:var(--crystal-shadow)}
.service-visual{background:transparent}
.service-visual:after{background:linear-gradient(0deg,#eafaf344,transparent 35%)}
.visual-label{background:#effff053;border:1px solid #fff9;border-radius:20px;padding:8px 14px;bottom:12px;color:#315445;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.stats strong{color:#205d49e8;text-shadow:0 1px #ffffff66}
.journey-tabs button{color:#214b3d}.step-number{color:#2f654dde;opacity:1}
.journey-ring{border-color:#f6fff3a6;box-shadow:0 0 0 16px #f5fff014,0 0 0 32px #f5fff00b,inset 0 1px #fff8}
#journey-symbol{color:#315f43c9;text-shadow:0 1px #fff8}
.journey-scene small{color:#35594d}
.contact-box:before{background:linear-gradient(90deg,#eaf9ee5c,#eaf9ee14),url('./assets/contact.jpg') center/cover;opacity:.35;filter:saturate(.75)}
.contact-box:hover:before{opacity:.43}
.contact-actions .button,dialog .button{background:linear-gradient(135deg,#28746065,#174f435c);border-color:#d6ffeb66;box-shadow:inset 0 1px #f2ffee66,0 8px 20px #123e3724;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.contact-actions .secondary{background:linear-gradient(135deg,#ffffff46,#dff9e81f);color:#1c4b37;border-color:#ffffff9c}
/* Lighter lettering stays legible as more of the dark moving landscape shows through. */
.platform-copy h3,.platform-copy p,.platform-copy .tiny-label,.platform-copy .text-link,
.solution-card h3,.solution-card p,.service-large h3,.service-large>p,
.service-toggle,.service-toggle .service-number,.service-stack .service-answer p,
.service-tags span,.stats strong,.stats p,.journey-tabs button,.journey-tabs small,.step-number,
.journey-copy h3,.journey-copy p,.journey-copy .tiny-label,.journey-next,
#journey-symbol,.journey-scene small,.contact-box h3,.contact-box p,
.contact-actions .secondary,.detail-button,.expand-icon,.card-top>span:first-child,
.platform-art .connected,.visual-label{
  color:#f4fff7;text-shadow:0 1px 3px #082b26b3,0 2px 12px #082b2659;
}
dialog{background:linear-gradient(135deg,#f4fff376,#e0f2e662);border-color:#ffffffb3;box-shadow:var(--crystal-shadow);-webkit-backdrop-filter:blur(32px) saturate(130%);backdrop-filter:blur(32px) saturate(130%)}
dialog::backdrop{background:#071d263d;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
dialog h2,dialog .eyebrow,dialog>p:not(.eyebrow),dialog ul,.dialog-close{color:#f4fff7;text-shadow:0 1px 3px #082b26b3,0 2px 12px #082b2659}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid #dcffeb;outline-offset:5px;box-shadow:0 0 0 7px #154b42a6}
@media(max-width:600px){
  .platform-art img.platform-landscape{mask-image:linear-gradient(transparent,#000 32%)}
  .platform-panel,.solution-card,.service-large,.service-stack .service-item,.journey-panel,.stats>div,.contact-box{ -webkit-backdrop-filter:blur(8px) saturate(125%);backdrop-filter:blur(8px) saturate(125%)}
  .contact-box:before{background:linear-gradient(#eaf9ee4d,#eaf9ee1a),url('./assets/contact.jpg') right center/cover}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .platform-panel,.solution-card,.solution-card:nth-child(2n),.service-large,.service-stack .service-item,.journey-panel,.stats>div,.contact-box,.journey-tabs button{background:#294d44f5}
  .hero-island,.hero-actions .button,.platform-tabs,.carousel-pill,.carousel-arrow{background:#254d45ed}
}
@media(prefers-contrast:more){
  :root{--crystal:#294d44}
  .hero h1,.section h2{-webkit-text-fill-color:#fff;-webkit-text-stroke:0;background:none;color:#fff}
  .hero-island,.hero-actions .button{background:#224d40}
}