/* SHANX v1.0 release polish */

/* Quiet visual depth — coded, restrained, and layered over the stable v1 structure. */
.maya-enabled #home{
  background:
    radial-gradient(circle at 78% 24%,rgba(255,255,255,.34),transparent 24%),
    radial-gradient(circle at 18% 78%,rgba(78,122,91,.11),transparent 28%),
    linear-gradient(145deg,#dbe8dc 0%,#edf1e8 43%,#d4ddd0 100%);
}
.maya-enabled #products{
  background:
    radial-gradient(circle at 82% 16%,rgba(126,160,137,.09),transparent 26%),
    linear-gradient(180deg,#faf6ed 0%,#f4eee3 100%);
}
.maya-enabled #method{
  background:
    radial-gradient(circle at 14% 18%,rgba(255,255,255,.58),transparent 26%),
    linear-gradient(180deg,#f8faf7 0%,#e7ece7 100%);
}
.maya-enabled #frontier{
  background:
    radial-gradient(circle at 76% 22%,rgba(109,145,125,.10),transparent 25%),
    linear-gradient(180deg,#f7faf6 0%,#e3e9e4 100%);
}

/* Final desktop composition guardrails. */
.maya-enabled .hero-copy{max-width:min(820px,72vw)}
.maya-enabled .hero-copy h1{
  font-size:clamp(62px,7.4vw,112px);
  line-height:.92;
  max-width:8.8ch;
  margin-bottom:26px;
}
.maya-enabled .hero-copy .lede{max-width:620px}
.maya-enabled .section-heading{max-width:1040px;margin-bottom:44px}
.maya-enabled .section-heading h2{
  font-size:clamp(42px,5.2vw,76px);
  line-height:.98;
  max-width:15ch;
}
.maya-enabled .section-heading h2,
.maya-enabled .hero-copy h1{
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.24);
}

/* Products: stronger hierarchy and less empty-card feel. */
.maya-enabled .product-stage{gap:20px;align-items:stretch}
.maya-enabled .product{
  position:relative;
  overflow:hidden;
  min-height:430px;
  padding:36px 36px 30px;
  box-shadow:0 22px 60px rgba(23,48,42,.055);
  transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease,border-color .22s ease;
}
.maya-enabled .product::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(255,255,255,.30),transparent 32%,transparent 72%,rgba(23,48,42,.025));
}
.maya-enabled .product::after{
  content:"";
  position:absolute;
  left:36px;right:36px;bottom:74px;
  height:1px;
  background:rgba(23,48,42,.08);
  pointer-events:none;
}
.maya-enabled .product>*{position:relative;z-index:1}
.maya-enabled .product h3{
  font-size:clamp(38px,4.2vw,60px);
  line-height:.98;
  margin:54px 0 18px;
  max-width:8ch;
}
.maya-enabled .product p{max-width:520px;line-height:1.58}
.maya-enabled .product-tags{margin-top:20px}
.maya-enabled .product:hover{
  transform:translateY(-4px);
  border-color:rgba(23,48,42,.20);
  box-shadow:0 30px 75px rgba(23,48,42,.09);
}

/* Method/frontier: cleaner rhythm, enough space, no visual clipping. */
.maya-enabled .method-line{
  border:1px solid rgba(23,48,42,.11);
  background:rgba(255,255,255,.24);
  box-shadow:0 18px 52px rgba(23,48,42,.035);
  margin-top:44px;
}
.maya-enabled .method-line>div{
  position:relative;
  min-width:0;
  padding:28px 22px 26px;
  transition:background .18s ease,transform .18s ease;
}
.maya-enabled .method-line>div:hover{
  background:rgba(255,255,255,.34);
  transform:translateY(-2px);
}
.maya-enabled .method-line h3{margin:22px 0 8px}
.maya-enabled .method-line p{line-height:1.52}

/* Responsibility: preserve drama but keep text inside the room. */
.maya-enabled #responsibility{gap:54px;padding-left:clamp(34px,6vw,92px)!important;padding-right:clamp(34px,6vw,92px)!important}
.maya-enabled #responsibility .ownership-copy h2{
  font-size:clamp(44px,5.4vw,78px);
  line-height:.98;
  max-width:9.5ch;
}
.maya-enabled .ownership-grid{
  box-shadow:0 28px 75px rgba(0,0,0,.12);
}
.maya-enabled .ownership-grid>div{
  min-width:0;
  padding:28px;
  transition:background .18s ease;
}
.maya-enabled .ownership-grid>div:hover{background:#163a2e}
.maya-enabled .ownership-grid p{max-width:28ch}

.maya-enabled .site-header{box-shadow:0 10px 36px rgba(23,48,42,.045)}

/* π: visible double beat with a small living illumination. */
.explorer-edge-pi{
  position:relative;
  isolation:isolate;
  transform-origin:50% 50%;
  animation:edgeBeat 2.8s cubic-bezier(.4,0,.2,1) infinite;
  will-change:transform,opacity,box-shadow;
}
.explorer-edge-pi::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:50%;
  z-index:-2;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle,rgba(210,240,224,.24) 0%,rgba(184,225,205,.10) 46%,rgba(184,225,205,0) 72%);
  filter:blur(5px);
  animation:edgeLight 2.8s cubic-bezier(.2,.7,.2,1) infinite;
}
.explorer-edge-pi::after{
  content:"";
  position:absolute;
  inset:-1px;
  border:1px solid rgba(220,232,225,.34);
  border-radius:50%;
  z-index:-1;
  pointer-events:none;
  transform:scale(1);
  opacity:.38;
  animation:edgeRing 2.8s cubic-bezier(.2,.7,.2,1) infinite;
}
@keyframes edgeBeat{
  0%,18%,100%{transform:scale(1);opacity:.72;box-shadow:0 0 0 rgba(202,235,218,0)}
  7%{transform:scale(1.075);opacity:1;box-shadow:0 0 16px rgba(202,235,218,.18)}
  12%{transform:scale(1.025);opacity:.84;box-shadow:0 0 7px rgba(202,235,218,.08)}
  16%{transform:scale(1.055);opacity:.94;box-shadow:0 0 13px rgba(202,235,218,.14)}
}
@keyframes edgeRing{
  0%,18%,100%{transform:scale(1);opacity:.28}
  7%{transform:scale(1.20);opacity:.62}
  12%{transform:scale(1.06);opacity:.34}
  16%{transform:scale(1.14);opacity:.52}
}
@keyframes edgeLight{
  0%,18%,100%{transform:scale(.82);opacity:0}
  7%{transform:scale(1.35);opacity:.70}
  12%{transform:scale(1.0);opacity:.18}
  16%{transform:scale(1.24);opacity:.48}
}
.explorer-edge-pi:hover,.explorer-edge-pi:focus-visible{
  animation-play-state:paused;
  opacity:1;
  transform:scale(1.06);
}
.explorer-edge-pi:hover::before,.explorer-edge-pi:focus-visible::before,
.explorer-edge-pi:hover::after,.explorer-edge-pi:focus-visible::after{
  animation-play-state:paused;
}

@media(max-width:1180px){
  .maya-enabled .hero-copy{max-width:82vw}
  .maya-enabled .hero-copy h1{font-size:clamp(58px,7.8vw,96px)}
  .maya-enabled .section-heading h2{font-size:clamp(40px,5.7vw,68px)}
  .maya-enabled .product h3{font-size:clamp(36px,4.5vw,54px)}
}
@media(max-width:980px){
  .maya-enabled .hero-copy{max-width:100%}
  .maya-enabled .hero-copy h1{max-width:8ch}
  .maya-enabled .product{min-height:auto;padding:30px}
  .maya-enabled .product::after{left:30px;right:30px}
  .maya-enabled .product h3{margin-top:40px;max-width:11ch}
  .maya-enabled #responsibility{gap:30px;padding-left:24px!important;padding-right:24px!important}
  .maya-enabled #responsibility .ownership-copy h2{max-width:11ch}
  .maya-enabled .product:hover,
  .maya-enabled .method-line>div:hover{transform:none}
}
@media(max-width:620px){
  .maya-enabled .hero-copy h1{font-size:clamp(50px,15vw,72px);line-height:.9}
  .maya-enabled .section-heading h2{font-size:clamp(38px,11vw,56px)}
  .maya-enabled .product{padding:26px 22px}
  .maya-enabled .product::after{left:22px;right:22px;bottom:68px}
  .maya-enabled .method-line>div{padding:24px 18px}
  .maya-enabled #responsibility{padding-left:20px!important;padding-right:20px!important}
}
@media(prefers-reduced-motion:reduce){
  .explorer-edge-pi,.explorer-edge-pi::before,.explorer-edge-pi::after{animation:none!important}
  .maya-enabled .product,.maya-enabled .method-line>div{transition:none!important}
}