/*
Theme Name: WE Universe Focus V0.10.124
Theme URI: https://we-webdesign.com/
Author: WE
Description: Cinematic WE Universe theme with concierge and distinct interactive World subpages for WEB, GROWTH, BRAND, AI, INFRASTRUCTURE, TRUST and BEYOND.
Version: 0.10.124
Text Domain: we-universe
*/

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  --cyan:#00c7ff;
  --cyan-rgb:0,199,255;
  --bg:#030207;
  --text:#f7fbff;
  --muted:#99adbf;
  --muted-2:#667d91;
  --line:rgba(125,205,240,.14);
  --shell:min(1380px,calc(100vw - 96px));
  --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{
  margin:0;
  min-width:320px;
  color:var(--text);
  background:#030207;
  font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body.menu-open{overflow:hidden}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:200;
  pointer-events:none;
  opacity:.026;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}


/* =========================================================
   V0.10.64 / TIME-AWARE AMBIENT SKY
   The WE Space FX plugin keeps owning stars / nebulae.
   This layer only adds a very subtle, client-local time-of-day atmosphere.
   ========================================================= */
.we-day-ambient{
  --we-ambient-cyan:.0286;
  --we-ambient-violet:.0806;
  --we-ambient-rose:.0156;
  --we-ambient-mint:.0104;
  --we-ambient-warm:0;
  --we-ambient-haze:.0078;
  position:fixed;
  inset:-10vh -8vw;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
  isolation:isolate;
  opacity:1;
  transform:translateZ(0);
}
.we-day-ambient::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse 48% 38% at 12% 20%,rgba(38,201,255,var(--we-ambient-cyan)) 0%,rgba(20,132,216,calc(var(--we-ambient-cyan) * .55)) 35%,transparent 72%),
    radial-gradient(ellipse 45% 36% at 82% 24%,rgba(116,84,255,var(--we-ambient-violet)) 0%,rgba(80,55,190,calc(var(--we-ambient-violet) * .52)) 39%,transparent 74%),
    radial-gradient(ellipse 34% 28% at 61% 8%,rgba(255,119,187,var(--we-ambient-rose)) 0%,transparent 72%),
    radial-gradient(ellipse 42% 30% at 38% 88%,rgba(74,239,199,var(--we-ambient-mint)) 0%,transparent 74%),
    radial-gradient(ellipse 35% 28% at 92% 74%,rgba(255,188,137,var(--we-ambient-warm)) 0%,transparent 72%),
    linear-gradient(180deg,rgba(218,239,255,var(--we-ambient-haze)) 0%,transparent 34%,rgba(185,203,255,calc(var(--we-ambient-haze) * .34)) 100%);
  filter:blur(14px) saturate(1.08);
  opacity:.96;
}
.we-day-ambient__aurora{
  position:absolute;
  width:118vw;
  height:42vh;
  left:-10vw;
  top:8vh;
  border-radius:50%;
  filter:blur(118px) saturate(1.18);
  transform:rotate(-8deg) translate3d(0,0,0);
  transform-origin:50% 50%;
  background:
    linear-gradient(104deg,
      transparent 5%,
      rgba(52,213,255,calc(var(--we-ambient-cyan) * .70)) 23%,
      rgba(105,96,255,calc(var(--we-ambient-violet) * .72)) 49%,
      rgba(249,128,194,calc(var(--we-ambient-rose) * .62)) 68%,
      transparent 91%);
  opacity:.82;
  will-change:transform;
  animation:weAmbientDriftA 82s ease-in-out infinite alternate;
}
.we-day-ambient__aurora--b{
  width:92vw;
  height:34vh;
  left:13vw;
  top:auto;
  bottom:5vh;
  transform:rotate(9deg) translate3d(0,0,0);
  filter:blur(142px) saturate(1.12);
  background:
    linear-gradient(96deg,
      transparent 8%,
      rgba(69,233,201,calc(var(--we-ambient-mint) * .86)) 28%,
      rgba(66,181,255,calc(var(--we-ambient-cyan) * .48)) 48%,
      rgba(128,88,255,calc(var(--we-ambient-violet) * .52)) 70%,
      transparent 93%);
  opacity:.72;
  animation:weAmbientDriftB 106s ease-in-out infinite alternate;
}
.we-day-ambient__veil{
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse at 50% 42%,rgba(255,255,255,calc(var(--we-ambient-haze) * .18)),transparent 62%);
  filter:blur(90px);
  opacity:.8;
}
@keyframes weAmbientDriftA{
  0%{transform:rotate(-8deg) translate3d(-2.2vw,-1.2vh,0) scale(1)}
  50%{transform:rotate(-5.5deg) translate3d(2.4vw,1.4vh,0) scale(1.035)}
  100%{transform:rotate(-9.5deg) translate3d(4.1vw,-.7vh,0) scale(.985)}
}
@keyframes weAmbientDriftB{
  0%{transform:rotate(9deg) translate3d(2.2vw,1vh,0) scale(.99)}
  50%{transform:rotate(6.5deg) translate3d(-2.8vw,-1.6vh,0) scale(1.04)}
  100%{transform:rotate(10.5deg) translate3d(-4vw,.8vh,0) scale(1.01)}
}
@media (prefers-reduced-motion:reduce){
  .we-day-ambient__aurora{animation:none!important}
}
@media (max-width:760px){
  .we-day-ambient{inset:-7vh -22vw}
  .we-day-ambient__aurora{width:145vw;height:36vh;left:-24vw;filter:blur(94px)}
  .we-day-ambient__aurora--b{width:128vw;height:30vh;left:-12vw;filter:blur(112px)}
}

button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
::selection{background:rgba(var(--cyan-rgb),.25);color:white}
.sr-only{
  position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;
  overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}

/* HEADER / FULL LOGO */
.topbar{
  position:fixed;
  inset:0 0 auto;
  z-index:70;
  height:96px;
  background:linear-gradient(180deg,rgba(3,2,7,.78),rgba(3,2,7,.34));
  border-bottom:1px solid rgba(158,222,247,.07);
  backdrop-filter:blur(10px) saturate(1.08);
  -webkit-backdrop-filter:blur(10px) saturate(1.08);
  box-shadow:0 18px 52px rgba(0,0,0,.10);
  transition:height .3s var(--ease),background .3s ease,backdrop-filter .3s ease;
}
.topbar.is-compact{
  height:96px;
  background:linear-gradient(180deg,rgba(3,2,7,.76),rgba(3,2,7,.36));
  backdrop-filter:blur(12px) saturate(1.08);
  -webkit-backdrop-filter:blur(12px) saturate(1.08);
}
.topbar-inner{
  width:var(--shell);
  height:100%;
  margin:auto;
  padding-top:14px;
  padding-bottom:8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.full-logo{
  position:relative;
  display:block;
  width:224px;
  height:70px;
  overflow:visible;
  background:transparent;
  transition:width .3s var(--ease),height .3s var(--ease),filter .35s ease;
}
.topbar.is-compact .full-logo{width:224px;height:70px}
.full-logo::before{
  content:"";
  position:absolute;
  left:3%;
  top:12%;
  width:70%;
  height:72%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,199,255,.18),rgba(0,199,255,.05) 40%,transparent 74%);
  filter:blur(13px);
  opacity:.45;
  animation:logoHalo 6.5s ease-in-out infinite;
  pointer-events:none;
}
.full-logo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:left center;
  transform:translateZ(0);
  mix-blend-mode:screen;
  isolation:isolate;
  filter:saturate(1.2) contrast(1.12) brightness(1.04) drop-shadow(0 0 14px rgba(0,199,255,.22));
  position:relative;
  z-index:2;
}
@keyframes logoHalo{
  0%,100%{opacity:.25;transform:scale(.96)}
  50%{opacity:.58;transform:scale(1.05)}
}

.menu-trigger{
  width:44px;height:44px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:13px;
  background:rgba(8,15,23,.36);
  display:grid;place-items:center;
  backdrop-filter:blur(10px);
}
.menu-lines{width:19px;height:14px;position:relative}
.menu-lines i{position:absolute;right:0;height:1px;background:white;transition:.25s var(--ease)}
.menu-lines i:nth-child(1){top:1px;width:18px}
.menu-lines i:nth-child(2){top:7px;width:12px}
.menu-lines i:nth-child(3){top:13px;width:16px}
.menu-trigger:hover .menu-lines i:nth-child(2){width:18px}

/* SMALLER MILK-GLASS MENU */
.glass-menu{
  position:fixed;
  inset:0;
  z-index:90;
  display:grid;
  grid-template-columns:1fr minmax(310px,390px);
  visibility:hidden;
  opacity:0;
  transition:opacity .32s ease,visibility .32s ease;
}
.glass-menu.is-open{visibility:visible;opacity:1}
.glass-menu-backdrop{
  position:relative;
  overflow:hidden;
  background:rgba(4,10,17,.22);
  backdrop-filter:blur(28px) saturate(.74) brightness(.72);
  border-right:1px solid rgba(255,255,255,.04);
}
.glass-menu-backdrop::before,
.glass-menu-backdrop::after{
  content:"";
  position:absolute;
  border-radius:50%;
  filter:blur(55px);
  opacity:.42;
}
.glass-menu-backdrop::before{
  width:310px;height:310px;right:-70px;top:16%;
  background:radial-gradient(circle,rgba(255,255,255,.18),rgba(0,199,255,.15),transparent 68%);
}
.glass-menu-backdrop::after{
  width:230px;height:350px;right:13%;bottom:7%;
  background:radial-gradient(ellipse,rgba(70,95,255,.16),transparent 68%);
}
.glass-panel{
  min-height:100%;
  padding:26px 28px 30px;
  display:flex;
  flex-direction:column;
  background:
    linear-gradient(180deg,rgba(7,16,25,.78),rgba(3,9,16,.68)),
    radial-gradient(circle at 100% 0%,rgba(0,199,255,.08),transparent 34%);
  border-left:1px solid rgba(129,205,240,.15);
  backdrop-filter:blur(30px);
  transform:translateX(28px);
  transition:transform .42s var(--ease);
}
.glass-menu.is-open .glass-panel{transform:none}
.panel-top{display:flex;align-items:center;justify-content:space-between}
.panel-logo{width:126px;height:auto;mix-blend-mode:screen}
.menu-close{
  width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(255,255,255,.04);color:#8ca0b4;font-size:23px
}
.panel-nav{
  margin:auto 0;
  display:flex;
  flex-direction:column;
  gap:0;
}
.panel-nav a{
  padding:22px 0;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-size:30px;
  font-weight:700;
  letter-spacing:-.04em;
  color:#e7eef4;
  transition:.22s ease;
}
.panel-nav a span{
  display:block;
  margin-bottom:7px;
  font-size:7px;
  letter-spacing:.22em;
  color:#587084;
  font-weight:600;
}
.panel-nav a:hover{padding-left:8px;color:white}
.panel-bottom{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:16px;
}
.panel-bottom small{max-width:170px;color:#4e6578;font-size:7px;line-height:1.7;letter-spacing:.14em}
.panel-signal{
  border:1px solid rgba(0,199,255,.34);
  background:rgba(0,199,255,.04);
  color:white;border-radius:999px;
  padding:11px 14px;
  font-size:8px;letter-spacing:.15em
}

/* SHARED SECTIONS */
.page-shell{width:var(--shell);margin:auto;position:relative}
.scene{
  min-height:100svh;
  position:relative;
  display:flex;
  align-items:center;
  isolation:isolate;
  overflow:hidden;
}
.scene::after{
  content:"";
  position:absolute;
  left:50%;bottom:0;
  width:var(--shell);height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.07) 10%,rgba(255,255,255,.07) 90%,transparent);
}
.section-index{
  font-size:9px;
  letter-spacing:.26em;
  color:#8ee8ff;
  font-weight:700;
  text-transform:uppercase;
}
.section-index::before{
  content:"";
  display:inline-block;
  width:22px;height:1px;
  margin-right:10px;
  vertical-align:middle;
  background:var(--cyan);
  box-shadow:0 0 10px var(--cyan);
}

/* HERO */
.hero{padding-top:112px;text-align:center}
.hero-stage{
  width:min(970px,100%);
  --hero-mx:50%;
  --hero-my:50%;
  margin:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:4;
  transition:filter .12s linear,opacity .12s linear,transform .12s linear;
}
.hero-kicker{
  margin:0;
  font-size:9px;
  letter-spacing:.27em;
  color:#9aeaff;
  font-weight:700;
  opacity:1;
  transform:none;
  transition:.75s var(--ease);
}
.we-motion-intro .hero-kicker{opacity:0;transform:translateY(10px)}
.intro-kicker .hero-kicker{opacity:1;transform:none}
.hero-title{
  margin:27px 0 20px;
  font-size:clamp(58px,6.4vw,105px);
  line-height:.91;
  letter-spacing:-.065em;
  font-weight:800;
  text-wrap:balance;
  opacity:1;
  transform:none;
  filter:none;
  position:relative;
  transition:opacity 1s var(--ease),transform 1s var(--ease),filter 1s ease,text-shadow .35s ease;
  text-shadow:0 0 0 rgba(0,199,255,0);
}
.we-motion-intro .hero-title{opacity:0;transform:translateY(26px) scale(.985);filter:blur(10px)}
.intro-title .hero-title{opacity:1;transform:none;filter:none}
.hero-title .accent{
  color:transparent;
  background:linear-gradient(100deg,#fff 0%,#eefaff 28%,#a7edff 54%,var(--cyan) 84%);
  -webkit-background-clip:text;background-clip:text;
  position:relative;
  filter:drop-shadow(0 0 0 rgba(0,199,255,0));
  animation:headlineBreath 5.8s ease-in-out infinite;
  transition:filter .3s ease,transform .3s ease,letter-spacing .3s ease;
}
@keyframes headlineBreath{
  0%,100%{filter:drop-shadow(0 0 0 rgba(0,199,255,0))}
  50%{filter:drop-shadow(0 0 16px rgba(0,199,255,.13))}
}

.hero-sub{
  max-width:710px;
  margin:0;
  color:#93a8ba;
  font-size:17px;
  opacity:1;
  transform:none;
  transition:.7s .1s var(--ease);
}
.we-motion-intro .hero-sub{opacity:0;transform:translateY(12px)}
.intro-title .hero-sub{opacity:1;transform:none}

.hero-console{
  width:min(760px,100%);
  margin-top:27px;
  border-top:1px solid rgba(0,199,255,.28);
  padding-top:13px;
  opacity:1;
  transform:none;
  filter:none;
  transition:opacity .7s var(--ease),transform .7s var(--ease),filter .7s ease;
}
.we-motion-intro .hero-console{opacity:0;transform:translateY(18px);filter:blur(4px)}
.intro-console .hero-console{opacity:1;transform:none;filter:none}
.console-label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-bottom:10px;
  color:#637a8e;
  font-size:7px;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.led{
  width:6px;height:6px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 13px var(--cyan)
}
.signal-form{
  width:100%;
  min-height:58px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:8px;
  border:1px solid rgba(111,197,236,.2);
  border-radius:16px;
  background:rgba(1,8,15,.66);
  backdrop-filter:blur(13px);
  box-shadow:inset 0 0 34px rgba(0,199,255,.018);
}
.signal-form:focus-within{border-color:rgba(0,199,255,.68);box-shadow:0 0 0 4px rgba(0,199,255,.04)}
.signal-form textarea,.signal-form input{
  flex:1;min-width:0;
  border:0;outline:0;resize:none;
  padding:8px 11px;
  background:transparent;color:white;
  font:inherit
}
.signal-form textarea{min-height:33px;max-height:132px;overflow:auto;line-height:1.5;white-space:pre-wrap;word-break:break-word;scrollbar-width:thin}
.signal-form ::placeholder{color:#62798d}
.signal-form button{
  width:42px;height:42px;
  border:0;border-radius:12px;
  background:#17313b;
  color:#608694;
  font-size:21px;font-weight:800;
  transition:.3s var(--ease);
}
.signal-form button.is-awake{
  background:var(--cyan);
  color:#001018;
  box-shadow:0 0 24px rgba(0,199,255,.38),0 0 60px rgba(0,199,255,.1);
  animation:ctaWake 1.8s ease-in-out infinite;
}
@keyframes ctaWake{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 18px rgba(0,199,255,.28),0 0 42px rgba(0,199,255,.08);
  }
  50%{
    transform:scale(1.055);
    box-shadow:0 0 34px rgba(0,199,255,.52),0 0 82px rgba(0,199,255,.16);
  }
}
.quick-prompts{
  margin-top:10px;
  display:flex;justify-content:center;gap:7px;flex-wrap:wrap
}
.quick-prompts button{
  border:1px solid rgba(110,192,230,.11);
  background:rgba(6,15,23,.34);
  color:#74899d;
  border-radius:999px;
  padding:6px 9px;
  font-size:8px
}
.quick-prompts button:hover{color:white;border-color:rgba(0,199,255,.3)}
.hero-scroll{
  position:absolute;
  left:50%;bottom:18px;
  transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:#4b6375;font-size:7px;letter-spacing:.2em;
  opacity:1;
  transition:.6s ease;
}
.we-motion-intro .hero-scroll{opacity:0}
.intro-console .hero-scroll{opacity:1}
.hero-scroll i{width:1px;height:33px;background:linear-gradient(var(--cyan),transparent)}

.concierge-stage{display:none}
.concierge-stage.active{display:block;animation:stageIn .35s var(--ease)}
@keyframes stageIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.concierge-response{margin:0 auto 11px;max-width:690px;text-align:left;color:#cad7e0;font-size:12px;line-height:1.6}
.concierge-response span{color:var(--cyan);font-weight:700}
.privacy-note{margin:7px 0 0;color:#52697d;font-size:8px}
.we-form-status{min-height:15px;margin-top:7px;font-size:9px;color:#748b9e}
.we-form-status.is-error{color:#ff91aa}
.we-form-status.is-success{color:#8ee9ff}
.signal-confirmation{display:flex;align-items:center;justify-content:center;gap:13px}
.confirmation-pulse{width:23px;height:23px;border:1px solid var(--cyan);border-radius:50%;position:relative}
.confirmation-pulse::after{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}
.signal-confirmation strong{display:block;font-size:14px}
.signal-confirmation p{margin:2px 0 0;color:#71869a;font-size:10px}

/* PRINCIPLE */
.principle{
  min-height:88svh;
  align-items:flex-start;
  padding-top:clamp(82px,10vh,126px);
  padding-bottom:clamp(68px,8vh,104px);
}
.principle-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  align-items:start;
}
.principle-content{max-width:1120px; padding-top:6px;}
.principle-title{
  margin:0;
  max-width:980px;
  font-size:clamp(48px,5.7vw,88px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:700;
}
.principle-title .line-one{
  display:block;
  color:#f1f6fa;
}
.principle-title .line-two{
  display:inline-block;
  position:relative;
  color:#b3c0cb;
  opacity:0;
  transform:translateY(10px);
  filter:blur(6px);
}
.principle-title.is-visible .line-two{
  animation:assembleLine .85s .28s var(--ease) forwards;
}
@keyframes assembleLine{
  to{opacity:1;transform:none;filter:none}
}
.principle-intro{
  max-width:840px;
  margin:32px 0 0;
  color:#9aafc0;
  font-size:17px;
  line-height:1.75;
}
.principle-detail{
  max-width:900px;
  margin:19px 0 0;
  color:#72889b;
  font-size:14px;
  line-height:1.75;
}
.capability-wrap{
  margin-top:46px;
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  overflow:hidden;
  position:relative;
}
.capability-wrap::before,
.capability-wrap::after{display:none}
.capability-wrap{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.capability-track{
  display:flex;
  width:max-content;
  animation:capabilityFlow 46s linear infinite;
  will-change:transform;
}
.capability-group{
  list-style:none;
  margin:0;
  padding:17px 18px 17px 0;
  display:flex;
  align-items:center;
  gap:18px;
  flex:0 0 auto;
}
.capability-group li{
  white-space:nowrap;
  display:flex;align-items:center;gap:18px;
  color:#8fa4b6;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase
}
.capability-group li::after{
  content:"";
  width:4px;height:4px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 11px var(--cyan)
}
.capability-group li:nth-child(4n+1){color:#d6e5ed}
.capability-group li:nth-child(5n+2){text-shadow:0 0 15px rgba(0,199,255,.18)}
.capability-wrap:hover .capability-track{animation-play-state:paused}
@keyframes capabilityFlow{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
.principle-note{
  margin-top:27px;
  display:flex;
  align-items:flex-start;
  gap:14px;
  max-width:760px;
}
.principle-note i{
  flex:0 0 auto;
  width:8px;height:8px;border-radius:50%;margin-top:6px;
  background:var(--cyan);box-shadow:0 0 16px var(--cyan)
}
.principle-note p{margin:0;color:#61778a;font-size:12px;line-height:1.7}

/* MENU/DIALOG */
.floating-signal{
  position:fixed;right:18px;bottom:18px;z-index:60;
  border:1px solid rgba(0,199,255,.26);
  border-radius:999px;
  background:rgba(1,8,14,.62);
  backdrop-filter:blur(14px);
  color:#c5d6e1;
  padding:10px 14px;
  display:flex;align-items:center;gap:8px;
  font-size:7px;letter-spacing:.16em
}
.floating-signal .dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 13px var(--cyan)}

.signal-dialog{
  width:min(720px,calc(100vw - 32px));
  padding:0;
  border:1px solid rgba(0,199,255,.24);
  border-radius:22px;
  color:white;
  background:rgba(3,8,14,.88);
  backdrop-filter:blur(27px);
  box-shadow:0 40px 120px rgba(0,0,0,.65),0 0 85px rgba(0,199,255,.05)
}
.signal-dialog::backdrop{background:rgba(0,2,6,.7);backdrop-filter:blur(7px)}
.dialog-top{
  height:59px;padding:0 20px;
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.07);
  color:#b3c0cb;font-size:8px;letter-spacing:.17em
}
.dialog-top>div{display:flex;align-items:center;gap:8px}
.dialog-top button{border:0;background:transparent;color:#74899c;font-size:23px}
.dialog-body{padding:31px}
.dialog-kicker{margin:0 0 8px;color:#526d82;font-size:7px;letter-spacing:.2em}
.dialog-body h2{margin:0 0 22px;font-size:clamp(29px,4.5vw,47px);letter-spacing:-.045em}
.dialog-stage{display:none}
.dialog-stage.active{display:block;animation:stageIn .35s var(--ease)}
.dialog-form{display:flex;flex-direction:column;gap:11px}
.dialog-form textarea,.dialog-form input{
  width:100%;border:1px solid rgba(111,194,234,.17);border-radius:14px;
  background:rgba(2,9,16,.76);color:white;outline:none;padding:14px 15px;resize:none
}
.dialog-form button{
  align-self:flex-end;border:1px solid rgba(0,199,255,.33);border-radius:999px;
  background:rgba(0,199,255,.055);color:white;padding:11px 16px;
  font-size:8px;letter-spacing:.16em
}

/* GENERAL REVEALS */
[data-reveal]{
  opacity:0;
  transform:translateY(14px);
  filter:blur(4px);
  transition:opacity .75s var(--ease),transform .75s var(--ease),filter .75s ease;
}
[data-reveal].is-visible{opacity:1;transform:none;filter:none}

.site-footer{
  width:var(--shell);
  margin:auto;
  height:88px;
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid rgba(255,255,255,.06);
  color:#455d70;
  font-size:7px;letter-spacing:.18em
}

/* RESPONSIVE */
@media(max-width:900px){
  :root{--shell:min(100% - 40px,1380px)}
  .principle-grid{grid-template-columns:1fr;gap:24px}
}
@media(max-width:760px){
  :root{--shell:calc(100% - 34px)}
  .topbar{height:72px}
  .topbar.is-compact{height:58px}
  .full-logo{width:146px;height:48px}
  .topbar.is-compact .full-logo{width:132px;height:44px}
  .glass-menu{grid-template-columns:1fr}
  .glass-menu-backdrop{display:none}
  .glass-panel{width:100%;border-left:0;padding:24px 22px}
  .panel-nav a{font-size:31px;padding:20px 0}
  .hero{padding-top:82px}
  .hero-title{font-size:clamp(52px,15vw,82px);line-height:.91}
  .hero-sub{font-size:14px;max-width:560px}
  .hero-console{width:100%;margin-top:24px}
  .quick-prompts{display:grid;grid-template-columns:1fr 1fr}
  .quick-prompts button{text-align:left}
  .hero-scroll{display:none}
  .principle{
  min-height:88svh;
  align-items:flex-start;
  padding-top:clamp(82px,10vh,126px);
  padding-bottom:clamp(68px,8vh,104px);
}
  .principle-title{font-size:clamp(45px,12.5vw,67px)}
  .principle-intro{font-size:15px;margin-top:26px}
  .principle-detail{font-size:13px}
  .capability-wrap{margin-top:36px}
  .capability-track{animation-duration:52s}
  .capability-group li{font-size:9px}
  .floating-signal{right:11px;bottom:11px}
  .dialog-body{padding:25px 20px 28px}
  .site-footer{height:105px;flex-direction:column;justify-content:center;gap:8px;text-align:center}
}
@media(max-width:440px){
  .hero-title{font-size:clamp(48px,15vw,68px)}
  .quick-prompts{grid-template-columns:1fr}
  .principle-title{font-size:clamp(42px,12vw,58px)}
}
@media(min-width:761px) and (max-height:760px){
  .scene{min-height:760px}
  .hero-title{font-size:clamp(56px,6vw,86px)}
  .hero-console{margin-top:20px}
}
body.admin-bar .topbar{top:32px}
@media(max-width:782px){body.admin-bar .topbar{top:46px}}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.001ms!important}
  [data-reveal],.hero-kicker,.hero-title,.hero-sub,.hero-console,.principle-title .line-two{
    opacity:1!important;transform:none!important;filter:none!important
  }
  .hero-title .accent{animation:none!important}
  .signal-form button.is-awake{animation:none!important;transform:none!important}
  .capability-track{animation:none!important}
  .full-logo::before{animation:none!important}
  .principle-title.is-visible .line-two{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}

.hero-scroll{display:none!important}

.principle .page-shell{padding-inline:clamp(6px,1vw,18px)}

.principle-title .line-two{
  text-shadow:0 0 0 rgba(0,199,255,0);
}
.principle-title.is-visible .line-two{
  animation:assembleLine .85s .28s var(--ease) forwards, principleBreath 7s 1.4s ease-in-out infinite;
}
@keyframes principleBreath{
  0%,100%{text-shadow:0 0 0 rgba(0,199,255,0)}
  50%{text-shadow:0 0 20px rgba(0,199,255,.10)}
}

/* Space FX plugin owns the visual background. Keep all page content above it. */
main,.site-footer{position:relative;z-index:2}
.topbar{z-index:70}
.glass-menu{z-index:90}
.floating-signal{z-index:60}


/* V0.4.4 refinements */
.hero-title{cursor:default}
.principle .section-index{padding-top:0; margin-bottom:24px; display:block}


.signal-form textarea::-webkit-scrollbar{width:6px}
.signal-form textarea::-webkit-scrollbar-thumb{background:rgba(0,199,255,.26);border-radius:999px}
.we-form-status{margin-top:10px;min-height:18px;font-size:12px;line-height:1.45;color:#7f94a6}
.we-form-status.is-error{color:#ffd2d2}
.we-form-status.is-warning{color:#ffdca8}
.dialog-form textarea{max-height:180px;overflow:auto;line-height:1.5}
.principle .section-index::before{width:26px}

/* V0.4.6 header + hero refinement */
.topbar:not(.is-compact) .topbar-inner,.topbar.is-compact .topbar-inner{padding-top:14px;padding-bottom:8px}
@media(max-width:760px){
  .topbar{height:86px}
  .topbar:not(.is-compact) .topbar-inner{padding-top:7px;padding-bottom:3px}
  .topbar.is-compact{height:64px}
  .topbar.is-compact .topbar-inner{padding-top:2px;padding-bottom:1px}
  .hero{padding-top:92px}
}


/* V0.4.7 contact + success state */
.hero-console{margin-top:34px}
.console-label{margin-bottom:13px}
.signal-contact-form{align-items:stretch}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1;min-width:0}
.contact-fields input{width:100%;border:1px solid rgba(111,197,236,.10)!important;border-radius:10px;padding:10px 12px!important;background:rgba(255,255,255,.012)!important}
.contact-fields input:focus{border-color:rgba(0,199,255,.42)!important;box-shadow:0 0 0 3px rgba(0,199,255,.035)}
.dialog-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hero-stage.is-success .hero-title{animation:successLift .7s var(--ease) both}
.hero-stage.is-success .hero-title .accent{filter:drop-shadow(0 0 22px rgba(0,199,255,.18))}
.hero-stage.is-success .hero-sub{animation:successFade .75s .12s var(--ease) both}
.hero-stage.is-success .hero-console{margin-top:42px}
.signal-confirmation{padding-top:4px}
@keyframes successLift{0%{opacity:.2;transform:translateY(18px);filter:blur(7px)}100%{opacity:1;transform:none;filter:none}}
@keyframes successFade{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:none}}
@media(max-width:760px){
  .contact-fields,.dialog-contact-grid{grid-template-columns:1fr}
  .signal-contact-form{align-items:center}
  .hero-console{margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .hero-stage.is-success .hero-title,.hero-stage.is-success .hero-sub{animation:none!important}
}


/* V0.4.8 hero polish */
.hero-stage.is-success .hero-title br,
.hero-stage.is-success .hero-title .accent{display:none}
.hero-stage.is-success .hero-title{
  max-width:900px;
  margin-bottom:22px;
  line-height:.98;
}
.hero-stage.is-success .hero-sub{
  margin-top:2px;
}
.hero-stage.is-success .hero-console{
  margin-top:58px;
  padding-top:18px;
}
.hero-stage.is-success .console-label{
  margin-bottom:24px;
}
.hero-stage.is-success .signal-confirmation{
  width:min(560px,100%);
  margin:0 auto;
  justify-content:flex-start;
  align-items:flex-start;
  gap:15px;
  padding:10px 8px 0;
  text-align:left;
}
.hero-stage.is-success .signal-confirmation > div{
  text-align:left;
}
.hero-stage.is-success .signal-confirmation strong{
  font-size:14px;
  line-height:1.25;
}
.hero-stage.is-success .signal-confirmation p{
  margin-top:5px;
  line-height:1.5;
}
.hero-stage.is-success .confirmation-pulse{
  flex:0 0 23px;
  margin-top:0;
}
@media(max-width:760px){
  .topbar,.topbar.is-compact{height:86px}
  .topbar:not(.is-compact) .topbar-inner,.topbar.is-compact .topbar-inner{padding-top:10px;padding-bottom:6px}
  .full-logo,.topbar.is-compact .full-logo{width:166px;height:54px}
  .hero{padding-top:98px}
  .hero-stage.is-success .hero-console{margin-top:44px}
  .hero-stage.is-success .signal-confirmation{padding-inline:4px}
}


/* V0.4.9: background-only hover light, no text recoloring */
.hero-stage{isolation:isolate}
.hero-stage::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  top:43%;
  width:min(1080px,110vw);
  height:min(520px,58vh);
  transform:translate(-50%,-50%) scale(.96);
  border-radius:50%;
  background:
    radial-gradient(ellipse at var(--hero-mx,50%) var(--hero-my,50%),
      rgba(255,255,255,.085) 0%,
      rgba(132,225,255,.075) 16%,
      rgba(0,199,255,.05) 34%,
      rgba(0,82,140,.022) 52%,
      transparent 72%);
  filter:blur(34px);
  opacity:0;
  transition:opacity .38s ease,transform .45s var(--ease);
  pointer-events:none;
}
.hero-stage.is-hovering::before{
  opacity:.92;
  transform:translate(-50%,-50%) scale(1.015);
}
.hero-stage.is-hovering .hero-title,
.hero-stage.is-hovering .hero-title .accent{
  text-shadow:none!important;
  filter:none!important;
  transform:none!important;
}

/* Success confirmation: left-aligned internally, centered as a whole block */
.hero-stage.is-success .signal-confirmation{
  width:max-content;
  min-width:360px;
  max-width:min(560px,100%);
  margin-left:auto;
  margin-right:auto;
  justify-content:flex-start;
  text-align:left;
}
.hero-stage.is-success .signal-confirmation > div{
  min-width:0;
  text-align:left;
}

@media(max-width:760px){
  .hero-stage.is-success .signal-confirmation{
    width:100%;
    min-width:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-stage::before{display:none!important}
}


/* ==========================================================
   SECTION 03 / WE UNIVERSE — DRAMATURGICAL EXPLORE SCENE
   ========================================================== */
.universe-section{
  min-height:112svh;
  padding:0;
  align-items:stretch;
  overflow:hidden;
  background:transparent;
}
.universe-section::after{display:none}
.universe-stage{
  position:relative;
  width:100%;
  min-height:112svh;
  isolation:isolate;
  overflow:hidden;
}

/* Dramaturgy layer 1: broad, barely perceptible light behind frosted glass. */
.universe-blooms{
  position:absolute;
  inset:-16% -10% -10%;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.universe-bloom{
  position:absolute;
  display:block;
  border-radius:48% 52% 58% 42% / 54% 42% 58% 46%;
  opacity:0;
  transform:scale(.72) translate3d(0,26px,0);
  filter:blur(112px);
  mix-blend-mode:screen;
  will-change:transform,opacity,filter;
  transition:opacity 2.2s var(--ease),transform 3s var(--ease),filter 2.4s ease;
}
.universe-stage.stage-glow .universe-bloom{
  opacity:var(--bloom-opacity,.12);
  transform:scale(1) translate3d(0,0,0);
}
.bloom-a{
  --bloom-opacity:.22;
  width:68vw;height:46vw;left:-26vw;top:-11vh;
  background:radial-gradient(ellipse at 58% 52%,rgba(0,199,255,.28),rgba(0,113,175,.11) 28%,rgba(0,62,94,.035) 52%,transparent 75%);
}
.bloom-b{
  --bloom-opacity:.15;
  width:58vw;height:42vw;right:-22vw;top:-4vh;
  background:radial-gradient(ellipse at 44% 52%,rgba(245,250,255,.16),rgba(91,105,255,.10) 31%,rgba(35,46,105,.035) 55%,transparent 76%);
  transition-delay:.18s;
}
.bloom-c{
  --bloom-opacity:.12;
  width:52vw;height:38vw;left:24vw;top:28vh;
  background:radial-gradient(ellipse,rgba(177,122,255,.16),rgba(94,58,160,.055) 34%,transparent 73%);
  transition-delay:.34s;
}
.bloom-d{
  --bloom-opacity:.10;
  width:46vw;height:36vw;right:2vw;bottom:-10vh;
  background:radial-gradient(ellipse,rgba(110,255,222,.13),rgba(0,199,255,.04) 33%,transparent 74%);
  transition-delay:.52s;
}
.bloom-e{
  --bloom-opacity:.13;
  width:60vw;height:34vw;left:9vw;bottom:-13vh;
  background:radial-gradient(ellipse,rgba(255,255,255,.12),rgba(115,135,155,.035) 38%,transparent 75%);
  transition-delay:.68s;
}
.bloom-f{
  --bloom-opacity:.13;
  width:45vw;height:31vw;left:38vw;top:-9vh;
  background:radial-gradient(ellipse,rgba(170,214,255,.12),rgba(23,73,126,.045) 38%,transparent 75%);
  transition-delay:.28s;
}
.bloom-g{
  --bloom-opacity:.09;
  width:42vw;height:32vw;right:18vw;top:47vh;
  background:radial-gradient(ellipse,rgba(215,225,235,.09),rgba(18,35,58,.045) 38%,transparent 76%);
  transition-delay:.76s;
}

/* Ambient motion starts only after the scene has finished assembling. */
.universe-stage.stage-complete .bloom-a{animation:universeDriftA 25s ease-in-out infinite,universeWeatherA 12s ease-in-out infinite}
.universe-stage.stage-complete .bloom-b{animation:universeDriftB 30s ease-in-out infinite,universeWeatherB 15s ease-in-out infinite}
.universe-stage.stage-complete .bloom-c{animation:universeDriftC 33s ease-in-out infinite}
.universe-stage.stage-complete .bloom-d{animation:universeDriftD 28s ease-in-out infinite}
.universe-stage.stage-complete .bloom-e{animation:universeDriftE 36s ease-in-out infinite,universeWeatherA 17s ease-in-out infinite reverse}
.universe-stage.stage-complete .bloom-f{animation:universeDriftF 27s ease-in-out infinite,universeWeatherB 14s ease-in-out infinite reverse}
.universe-stage.stage-complete .bloom-g{animation:universeDriftG 35s ease-in-out infinite}
@keyframes universeDriftA{50%{transform:translate3d(8vw,5vh,0) scale(1.09)}}
@keyframes universeDriftB{50%{transform:translate3d(-7vw,4vh,0) scale(.97)}}
@keyframes universeDriftC{50%{transform:translate3d(4vw,-6vh,0) scale(1.08)}}
@keyframes universeDriftD{50%{transform:translate3d(-4vw,-4vh,0) scale(1.06)}}
@keyframes universeDriftE{50%{transform:translate3d(3vw,-5vh,0) scale(1.10)}}
@keyframes universeDriftF{50%{transform:translate3d(-4vw,5vh,0) scale(1.07)}}
@keyframes universeDriftG{50%{transform:translate3d(5vw,-3vh,0) scale(1.08)}}
/* Slow "weather" — deliberately gentle, not a strobe. */
@keyframes universeWeatherA{
  0%,100%{filter:blur(112px) brightness(.92);opacity:var(--bloom-opacity)}
  42%{filter:blur(104px) brightness(1.08);opacity:calc(var(--bloom-opacity) * 1.05)}
  48%{filter:blur(96px) brightness(1.22);opacity:calc(var(--bloom-opacity) * 1.18)}
  58%{filter:blur(110px) brightness(.98);opacity:var(--bloom-opacity)}
}
@keyframes universeWeatherB{
  0%,100%{filter:blur(112px) brightness(.95)}
  63%{filter:blur(105px) brightness(1.08)}
  68%{filter:blur(98px) brightness(1.18)}
  76%{filter:blur(112px) brightness(.96)}
}

/* Dramaturgy layer 2: central copy arrives after the signals. */
.universe-copy{
  position:absolute;
  left:50%;top:50%;
  z-index:4;
  width:min(650px,62vw);
  transform:translate(-50%,-47%) scale(.97);
  text-align:center;
  opacity:0;
  filter:blur(8px);
  transition:opacity 1.05s var(--ease),transform 1.2s var(--ease),filter 1.05s ease;
  pointer-events:none;
}
.universe-stage.stage-copy .universe-copy{
  opacity:1;
  filter:none;
  transform:translate(-50%,-50%) scale(1);
}
.universe-index{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 0 18px;
}
.universe-index::before{display:none}
.universe-copy h2{
  margin:0;
  font-size:clamp(48px,5.6vw,92px);
  line-height:.94;
  letter-spacing:-.065em;
  font-weight:800;
  color:#f7fbff;
  text-wrap:balance;
}
.universe-copy h2 .universe-we{
  color:transparent;
  background:linear-gradient(105deg,#aeefff 0%,#43d9ff 42%,#00c7ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 30px rgba(0,199,255,.16);
}

.universe-copy p{
  margin:22px auto 0;
  max-width:520px;
  color:#94aabd;
  font-size:15px;
  line-height:1.7;
}
.universe-hint{
  margin-top:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  color:#5f7b90;
  font-size:8px;
  letter-spacing:.20em;
}
.universe-hint span{
  width:7px;height:7px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 16px rgba(0,199,255,.8);
  animation:universeHintPulse 3s ease-in-out infinite;
}
@keyframes universeHintPulse{50%{transform:scale(1.45);box-shadow:0 0 28px rgba(0,199,255,.95)}}

/* Dramaturgy layer 3: signal constellation — deliberately NOT planet-like. */
.universe-field{
  position:absolute;
  inset:0;
  z-index:6;
  width:min(1520px,calc(100% - 72px));
  margin:auto;
  pointer-events:none;
}
.universe-node{
  position:absolute;
  z-index:5;
  transform:translate(-50%,-50%) scale(.62);
  opacity:0;
  filter:blur(7px);
  pointer-events:none;
  transition:opacity 1s var(--ease),transform 1.15s var(--ease),filter 1s ease;
  transition-delay:var(--node-delay,0ms);
}
.universe-stage.stage-nodes .universe-node{
  opacity:1;
  filter:none;
  transform:translate(-50%,-50%) scale(1);
  pointer-events:auto;
}
.node-web{left:17%;top:30%}
.node-ai{left:50%;top:20%}
.node-growth{left:82%;top:31%}
.node-brand{left:15%;top:71%}
.node-infrastructure{left:50%;top:83%}
.node-trust{left:80%;top:72%}
.node-beyond{left:92%;top:51%}

.world-signal{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-width:104px;
  min-height:92px;
  padding:14px 10px;
  border:0;
  background:transparent;
  color:white;
  outline:none;
}
.world-pulse{
  position:relative;
  width:8px;height:8px;
  border-radius:50%;
  display:block;
  margin-bottom:14px;
  background:#fff;
  box-shadow:
    0 0 4px #fff,
    0 0 10px var(--world-color),
    0 0 26px color-mix(in srgb,var(--world-color) 76%,transparent),
    0 0 62px color-mix(in srgb,var(--world-color) 38%,transparent);
  transition:transform .35s var(--ease),box-shadow .35s ease;
  animation:worldPulsarBreath 4.8s ease-in-out infinite;
}
.world-pulse::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:48px;height:48px;
  transform:translate(-50%,-50%) scale(.85);
  border-radius:50%;
  border:1px solid color-mix(in srgb,var(--world-color) 50%,transparent);
  box-shadow:0 0 22px color-mix(in srgb,var(--world-color) 14%,transparent);
  opacity:.52;
  animation:worldRingBreath 4.8s ease-in-out infinite;
}
.world-pulse::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:98px;height:1px;
  transform:translate(-50%,-50%);
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--world-color) 72%,transparent) 32%,#fff 50%,color-mix(in srgb,var(--world-color) 72%,transparent) 68%,transparent);
  box-shadow:0 0 13px color-mix(in srgb,var(--world-color) 48%,transparent);
  opacity:.62;
}
.world-signal::before{
  content:"";
  position:absolute;
  left:50%;top:31px;
  width:72px;height:72px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--world-color) 19%,transparent),color-mix(in srgb,var(--world-color) 6%,transparent) 34%,transparent 72%);
  filter:blur(7px);
  opacity:.72;
  pointer-events:none;
  transition:opacity .3s ease,transform .35s var(--ease);
}
@keyframes worldPulsarBreath{
  0%,100%{transform:scale(.92);box-shadow:0 0 4px #fff,0 0 10px var(--world-color),0 0 25px color-mix(in srgb,var(--world-color) 66%,transparent),0 0 55px color-mix(in srgb,var(--world-color) 30%,transparent)}
  50%{transform:scale(1.12);box-shadow:0 0 5px #fff,0 0 14px var(--world-color),0 0 36px color-mix(in srgb,var(--world-color) 82%,transparent),0 0 78px color-mix(in srgb,var(--world-color) 40%,transparent)}
}
@keyframes worldRingBreath{
  0%,100%{transform:translate(-50%,-50%) scale(.82);opacity:.36}
  50%{transform:translate(-50%,-50%) scale(1.08);opacity:.62}
}
.world-name{
  color:#eff7fb;
  font-size:9px;
  letter-spacing:.16em;
  font-weight:700;
  text-shadow:0 0 15px rgba(255,255,255,.06);
}
.world-signal:hover .world-pulse,
.world-signal:focus-visible .world-pulse,
.universe-node.is-active .world-pulse{
  transform:scale(1.38);
  box-shadow:0 0 6px #fff,0 0 18px var(--world-color),0 0 48px color-mix(in srgb,var(--world-color) 86%,transparent),0 0 104px color-mix(in srgb,var(--world-color) 52%,transparent);
}
.world-signal:hover::before,
.world-signal:focus-visible::before,
.universe-node.is-active .world-signal::before{
  opacity:1;
  transform:translate(-50%,-50%) scale(1.22);
}
.world-signal:focus-visible{outline:1px solid color-mix(in srgb,var(--world-color) 70%,transparent);outline-offset:3px;border-radius:16px}

/* Comic-inspired glass speech bubble with stronger readability. */
.world-card{
  position:absolute;
  z-index:20;
  isolation:isolate;
  width:310px;
  padding:22px 22px 20px;
  border:1px solid rgba(190,229,247,.27);
  border-radius:21px;
  background:
    radial-gradient(circle at 18% 2%,color-mix(in srgb,var(--world-color) 18%,transparent),transparent 42%),
    radial-gradient(circle at 82% 90%,rgba(255,255,255,.035),transparent 45%),
    linear-gradient(145deg,rgb(5,16,26),rgb(1,7,13));
  box-shadow:
    0 34px 100px rgba(0,0,0,.70),
    inset 0 1px 0 rgba(255,255,255,.075),
    inset 0 0 48px rgba(255,255,255,.025),
    0 0 78px color-mix(in srgb,var(--world-color) 18%,transparent),
    0 0 140px color-mix(in srgb,var(--world-color) 7%,transparent);
  backdrop-filter:blur(38px) saturate(1.28) brightness(.94);
  -webkit-backdrop-filter:blur(38px) saturate(1.28) brightness(.94);
  opacity:0;
  visibility:hidden;
  transform:translateY(10px) scale(.965);
  pointer-events:none;
  transition:opacity .24s ease,visibility .24s ease,transform .32s var(--ease);
}
.world-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:
    linear-gradient(115deg,rgba(255,255,255,.075),transparent 30%,transparent 68%,color-mix(in srgb,var(--world-color) 9%,transparent)),
    rgb(3,10,17);
  pointer-events:none;
}
.world-card::after{
  content:"";
  position:absolute;
  width:18px;height:18px;
  background:rgb(5,14,22);
  border-left:1px solid rgba(190,229,247,.24);
  border-bottom:1px solid rgba(190,229,247,.24);
  transform:rotate(45deg);
}
.bubble-right .world-card{left:88px;top:-62px}
.bubble-right .world-card::after{left:-10px;top:89px}
.bubble-left .world-card{right:88px;top:-62px}
.bubble-left .world-card::after{right:-10px;top:89px;transform:rotate(225deg)}
.bubble-top .world-card{left:50%;bottom:104px;transform:translate(-50%,10px) scale(.965)}
.bubble-top .world-card::after{left:50%;bottom:-10px;margin-left:-9px;transform:rotate(-45deg)}
.bubble-bottom .world-card{left:50%;top:92px;transform:translate(-50%,-8px) scale(.965)}
.bubble-bottom .world-card::after{left:50%;top:-10px;margin-left:-9px;transform:rotate(135deg)}
.universe-node:hover .world-card,
.universe-node:focus-within .world-card,
.universe-node.is-active .world-card{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
  border-color:color-mix(in srgb,var(--world-color) 34%,rgba(220,242,252,.34));
  box-shadow:
    0 38px 110px rgba(0,0,0,.76),
    inset 0 1px 0 rgba(255,255,255,.09),
    inset 0 0 54px rgba(255,255,255,.028),
    0 0 88px color-mix(in srgb,var(--world-color) 24%,transparent),
    0 0 170px color-mix(in srgb,var(--world-color) 10%,transparent);
}
.bubble-top:hover .world-card,
.bubble-top:focus-within .world-card,
.bubble-top.is-active .world-card{transform:translate(-50%,0) scale(1)}
.bubble-bottom:hover .world-card,
.bubble-bottom:focus-within .world-card,
.bubble-bottom.is-active .world-card{transform:translate(-50%,0) scale(1)}
.world-card-kicker{
  color:color-mix(in srgb,var(--world-color) 74%,white 26%);
  font-size:7px;
  letter-spacing:.21em;
  margin-bottom:10px;
}
.world-card strong{
  display:block;
  font-size:24px;
  line-height:1;
  letter-spacing:-.045em;
}
.world-keywords{
  margin-top:9px;
  color:#c0d0dc;
  font-size:10px;
  line-height:1.55;
}
.world-card p{
  margin:13px 0 17px;
  color:#b3c3cf;
  font-size:11px;
  line-height:1.65;
}
.world-more{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 13px;
  border:1px solid color-mix(in srgb,var(--world-color) 44%,transparent);
  border-radius:999px;
  background:rgba(255,255,255,.025);
  color:#eef8fc;
  font-size:8px;
  letter-spacing:.11em;
  text-transform:uppercase;
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}
.world-more:hover,.world-more:focus-visible{
  background:color-mix(in srgb,var(--world-color) 13%,transparent);
  border-color:color-mix(in srgb,var(--world-color) 65%,transparent);
  transform:translateY(-1px);
}
.world-more span{color:var(--world-color);font-size:13px}

/* Accessibility / no hover fallback */
@media(hover:none){
  .universe-node:hover .world-card{opacity:0;visibility:hidden;pointer-events:none}
  .universe-node.is-active .world-card{opacity:1;visibility:visible;pointer-events:auto}
}

@media(max-width:980px){
  .universe-section,.universe-stage{min-height:1100px}
  .universe-field{width:calc(100% - 34px)}
  .universe-copy{top:48%;width:min(620px,78vw)}
  .node-web{left:14%;top:25%}
  .node-ai{left:49%;top:15%}
  .node-growth{left:84%;top:25%}
  .node-brand{left:14%;top:74%}
  .node-infrastructure{left:50%;top:86%}
  .node-trust{left:83%;top:75%}
  .node-beyond{left:93%;top:50%}
}
@media(max-width:760px){
  .universe-section,.universe-stage{min-height:980px}
  .universe-field{width:100%}
  .universe-copy{top:49%;width:calc(100% - 56px)}
  .universe-copy h2{font-size:clamp(43px,13vw,66px)}
  .universe-copy p{font-size:13px;max-width:320px}
  .universe-hint{font-size:7px}
  .world-signal{min-width:76px;min-height:72px;padding:8px 4px}
  .world-pulse{width:7px;height:7px;margin-bottom:10px}
  .world-pulse::before{width:38px;height:38px}.world-pulse::after{width:66px}
  .world-signal::before{width:58px;height:58px;top:25px}
  .world-name{font-size:7px}
  .node-web{left:15%;top:23%}
  .node-ai{left:50%;top:13%}
  .node-growth{left:84%;top:25%}
  .node-brand{left:13%;top:73%}
  .node-infrastructure{left:50%;top:88%}
  .node-trust{left:84%;top:76%}
  .node-beyond{left:91%;top:52%}
  .world-card,
  .bubble-right .world-card,
  .bubble-left .world-card,
  .bubble-top .world-card{
    position:fixed;
    left:18px;right:18px;bottom:20px;top:auto;
    width:auto;
    transform:translateY(12px) scale(.98);
    z-index:120;
  }
  .world-card::after{display:none}
  .universe-node.is-active .world-card,
  .universe-node:focus-within .world-card,
  .bubble-top.is-active .world-card,
  .bubble-top:focus-within .world-card{transform:none}
  .universe-bloom{filter:blur(82px)}
}

@media(prefers-reduced-motion:reduce){
  .universe-bloom,.world-pulse,.world-pulse::before,.universe-hint span{animation:none!important}
  .universe-bloom{opacity:var(--bloom-opacity,.10)!important;transform:none!important;filter:blur(112px)!important}
  .universe-copy{opacity:1!important;filter:none!important;transform:translate(-50%,-50%)!important}
  .universe-node{opacity:1!important;filter:none!important;transform:translate(-50%,-50%)!important}
}



/* v0.5.3 – infrastructure card gets a denser glass layer for maximum readability. */
.node-infrastructure .world-card{
  background:
    radial-gradient(circle at 18% 2%,color-mix(in srgb,var(--world-color) 22%,transparent),transparent 40%),
    linear-gradient(145deg,rgba(4,13,22,.998),rgba(1,6,12,.995));
  backdrop-filter:blur(44px) saturate(1.18) brightness(.68);
  -webkit-backdrop-filter:blur(44px) saturate(1.18) brightness(.68);
  box-shadow:
    0 38px 116px rgba(0,0,0,.86),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 64px rgba(5,16,27,.42),
    0 0 90px color-mix(in srgb,var(--world-color) 19%,transparent);
}
.node-infrastructure .world-card::before{
  background:linear-gradient(115deg,rgba(255,255,255,.055),transparent 30%,transparent 70%,color-mix(in srgb,var(--world-color) 7%,transparent));
}
.node-infrastructure .world-card::after{
  background:rgba(3,10,17,.995);
}


/* v0.5.4 — cards must always sit above the central 03 / EXPLORE copy. */
.universe-node:hover,
.universe-node:focus-within,
.universe-node.is-active{z-index:30}
.world-card > *{position:relative;z-index:1}


/* ==========================================================
   SECTION 04 / CONNECT — FROM WORLDS TO REAL PROBLEMS
   ========================================================== */
.connect-section{
  min-height:108svh;
  padding:0;
  align-items:stretch;
  overflow:hidden;
  background:transparent;
}
.connect-stage{
  position:relative;
  min-height:108svh;
  padding-top:clamp(120px,14vh,170px);
  padding-bottom:clamp(90px,10vh,130px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  isolation:isolate;
}
.connect-ambient{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
}
.connect-glow{
  position:absolute;
  display:block;
  border-radius:50%;
  filter:blur(120px);
  opacity:0;
  transform:scale(.76);
  mix-blend-mode:screen;
  transition:opacity 2s ease,transform 2.8s var(--ease);
}
.connect-stage.is-awake .connect-glow{opacity:var(--connect-glow-opacity,.09);transform:scale(1)}
.glow-one{
  --connect-glow-opacity:.16;
  width:55vw;height:38vw;left:-22vw;top:9vh;
  background:radial-gradient(circle,rgba(0,199,255,.22),rgba(0,88,132,.055) 36%,transparent 72%);
}
.glow-two{
  --connect-glow-opacity:.09;
  width:48vw;height:34vw;right:-18vw;top:22vh;
  background:radial-gradient(circle,rgba(255,255,255,.12),rgba(113,121,255,.055) 33%,transparent 74%);
  transition-delay:.2s;
}
.glow-three{
  --connect-glow-opacity:.08;
  width:44vw;height:30vw;left:30vw;bottom:-12vh;
  background:radial-gradient(circle,rgba(138,255,228,.10),rgba(0,199,255,.035) 36%,transparent 76%);
  transition-delay:.4s;
}
.connect-beam{
  position:absolute;
  left:-8%;right:-8%;top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(0,199,255,.13) 18%,rgba(210,244,255,.38) 50%,rgba(0,199,255,.12) 82%,transparent);
  box-shadow:0 0 28px rgba(0,199,255,.12);
  opacity:0;
  transform:scaleX(.08);
  transform-origin:left center;
  transition:opacity .8s ease,transform 1.8s var(--ease);
}
.connect-stage.is-line .connect-beam{opacity:1;transform:scaleX(1)}

.connect-copy{
  position:relative;
  z-index:2;
  opacity:0;
  transform:translateY(26px);
  filter:blur(8px);
  transition:opacity .9s ease,transform 1s var(--ease),filter .9s ease;
}
.connect-stage.is-copy .connect-copy{opacity:1;transform:none;filter:none}
.connect-index{margin-bottom:28px}
.connect-heading-row{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.7fr);
  gap:clamp(48px,7vw,110px);
  align-items:end;
}
.connect-heading-row h2{
  margin:0;
  font-size:clamp(62px,7vw,118px);
  line-height:.88;
  letter-spacing:-.067em;
  font-weight:800;
  text-wrap:balance;
}
.connect-heading-row h2 span{display:block}
.connect-line-two{
  margin-top:8px;
  color:transparent;
  background:linear-gradient(100deg,#e7faff 0%,#8ceaff 38%,var(--cyan) 82%);
  -webkit-background-clip:text;background-clip:text;
}
.connect-sidecopy{padding-bottom:8px}
.connect-sidecopy p{
  margin:0;
  color:#aebfcb;
  font-size:clamp(15px,1.12vw,19px);
  line-height:1.72;
}
.connect-sidecopy small{
  display:block;
  margin-top:18px;
  color:#607789;
  font-size:10px;
  line-height:1.7;
  letter-spacing:.06em;
}

.connect-signals{
  position:relative;
  z-index:3;
  min-height:330px;
  margin-top:clamp(62px,8vh,100px);
}
.connect-signal{
  --signal-accent:var(--cyan);
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:260px;
  max-width:360px;
  padding:18px 22px 17px 40px;
  border:1px solid rgba(151,211,238,.13);
  border-radius:18px;
  background:linear-gradient(135deg,rgba(4,13,22,.72),rgba(2,8,14,.48));
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  color:#eef8fc;
  text-align:left;
  opacity:0;
  transform:translateY(22px) scale(.96);
  filter:blur(5px);
  transition:opacity .7s ease,transform .7s var(--ease),filter .7s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;
  cursor:pointer;
}
.connect-stage.is-signals .connect-signal{
  opacity:1;transform:none;filter:none;
}
.connect-signal::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(circle at 18% 50%,color-mix(in srgb,var(--signal-accent) 12%,transparent),transparent 38%);
  pointer-events:none;
}
.connect-signal:hover,.connect-signal:focus-visible{
  border-color:color-mix(in srgb,var(--signal-accent) 50%,rgba(210,240,250,.22));
  background:linear-gradient(135deg,rgba(5,18,29,.88),rgba(2,9,16,.74));
  box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 72px color-mix(in srgb,var(--signal-accent) 13%,transparent);
  transform:translateY(-4px);
  outline:none;
}
.connect-dot{
  position:absolute;
  left:18px;top:22px;
  width:8px;height:8px;border-radius:50%;
  background:#fff;
  box-shadow:0 0 8px #fff,0 0 22px var(--signal-accent),0 0 44px var(--signal-accent);
}
.connect-dot::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:32px;height:32px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--signal-accent) 34%,transparent);
  transform:translate(-50%,-50%);
}
.connect-signal strong{position:relative;z-index:1;font-size:16px;line-height:1.35;letter-spacing:-.015em}
.connect-signal em{position:relative;z-index:1;margin-top:8px;color:#6f8799;font-style:normal;font-size:8px;letter-spacing:.13em}
.signal-a{--signal-accent:#8bd64a;left:2%;top:18%;transition-delay:.05s}
.signal-b{--signal-accent:#2387ff;left:28%;top:2%;transition-delay:.16s}
.signal-c{--signal-accent:#8a5cff;right:7%;top:12%;transition-delay:.27s}
.signal-d{--signal-accent:#00c7ff;left:15%;bottom:2%;transition-delay:.38s}
.signal-e{--signal-accent:#38d7c8;right:16%;bottom:0;transition-delay:.49s}

.connect-cta{
  position:relative;
  z-index:4;
  width:min(720px,100%);
  margin:clamp(34px,5vh,62px) auto 0;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:16px;
  padding:18px 20px;
  border-top:1px solid rgba(0,199,255,.20);
  border-bottom:1px solid rgba(0,199,255,.13);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease,transform .8s var(--ease);
}
.connect-stage.is-cta .connect-cta{opacity:1;transform:none}
.connect-cta-led{
  width:9px;height:9px;border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 14px var(--cyan),0 0 38px rgba(0,199,255,.38);
}
.connect-cta small{display:block;color:#5f7688;font-size:7px;letter-spacing:.22em;margin-bottom:3px}
.connect-cta strong{font-size:16px;color:#e8f4fa;letter-spacing:-.01em}
.connect-cta button{
  border:1px solid rgba(0,199,255,.34);
  border-radius:999px;
  background:rgba(0,199,255,.045);
  color:#dff7ff;
  padding:11px 16px;
  font-size:8px;
  letter-spacing:.12em;
  text-transform:uppercase;
  transition:.22s ease;
}
.connect-cta button:hover,.connect-cta button:focus-visible{background:rgba(0,199,255,.12);border-color:rgba(0,199,255,.66);box-shadow:0 0 28px rgba(0,199,255,.11);outline:none}

@media(max-width:980px){
  .connect-heading-row{grid-template-columns:1fr;gap:28px}
  .connect-sidecopy{max-width:650px}
  .connect-signals{min-height:420px}
  .signal-a{left:0;top:8%}.signal-b{left:auto;right:0;top:2%}.signal-c{right:8%;top:43%}.signal-d{left:5%;bottom:6%}.signal-e{right:0;bottom:0}
}
@media(max-width:760px){
  .connect-section,.connect-stage{min-height:auto}
  .connect-stage{padding-top:100px;padding-bottom:90px}
  .connect-heading-row h2{font-size:clamp(46px,13vw,68px)}
  .connect-signals{min-height:0;display:grid;gap:12px;margin-top:44px}
  .connect-signal{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;min-width:0;max-width:none;width:100%;padding:16px 18px 15px 38px}
  .connect-cta{grid-template-columns:auto 1fr;margin-top:28px}
  .connect-cta button{grid-column:1/-1;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .connect-glow,.connect-copy,.connect-signal,.connect-cta,.connect-beam{transition:none!important;animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}


/* ==========================================================
   SECTION 04 / ORCHESTRATE — FROM ONE GOAL TO ONE SYSTEM
   ========================================================== */
.orchestrate-section{
  min-height:126svh;
  padding:0;
  align-items:stretch;
  overflow:hidden;
  background:transparent;
}
.orchestrate-stage{
  position:relative;
  min-height:126svh;
  padding-top:clamp(100px,12vh,148px);
  padding-bottom:clamp(90px,11vh,138px);
  isolation:isolate;
}
.orchestrate-ambient{
  position:absolute;
  z-index:0;
  pointer-events:none;
  overflow:visible;
  top:0;bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
}
.orchestrate-glow{
  position:absolute;border-radius:50%;filter:blur(100px);mix-blend-mode:screen;
  opacity:0;transform:scale(.82);transition:opacity 1.8s ease,transform 2.5s var(--ease)
}
.orchestrate-glow-a{width:58vw;height:44vw;left:-19vw;top:2vh;background:radial-gradient(ellipse,rgba(0,199,255,.14),rgba(0,83,128,.032) 40%,transparent 76%)}
.orchestrate-glow-b{width:54vw;height:40vw;right:-18vw;top:22vh;background:radial-gradient(ellipse,rgba(125,107,255,.09),rgba(28,35,89,.028) 43%,transparent 77%)}
.orchestrate-glow-c{width:60vw;height:36vw;left:22vw;bottom:-11vh;background:radial-gradient(ellipse,rgba(255,255,255,.052),rgba(0,199,255,.022) 38%,transparent 78%)}
.orchestrate-stage.is-awake .orchestrate-glow{opacity:1;transform:scale(1)}
.orchestrate-stage.is-awake .orchestrate-glow-a{animation:orchestrateGlowA 28s ease-in-out infinite}
.orchestrate-stage.is-awake .orchestrate-glow-b{animation:orchestrateGlowB 32s ease-in-out infinite}
.orchestrate-stage.is-awake .orchestrate-glow-c{animation:orchestrateGlowC 36s ease-in-out infinite}
@keyframes orchestrateGlowA{50%{transform:translate(6vw,4vh) scale(1.08);filter:blur(92px) brightness(1.1)}}
@keyframes orchestrateGlowB{50%{transform:translate(-5vw,-3vh) scale(.98);filter:blur(108px) brightness(1.08)}}
@keyframes orchestrateGlowC{50%{transform:translate(3vw,-5vh) scale(1.1)}}

.orchestrate-heading{
  position:relative;z-index:3;max-width:980px;margin:0 auto 58px;text-align:center;
  opacity:0;transform:translateY(24px);filter:blur(8px);
  transition:opacity .9s var(--ease),transform 1s var(--ease),filter .9s ease
}
.orchestrate-stage.is-heading .orchestrate-heading{opacity:1;transform:none;filter:none}
.orchestrate-index{justify-content:center;margin:0 0 18px}
.orchestrate-index::before{display:none}
.orchestrate-heading h2{margin:0;font-size:clamp(48px,5.5vw,88px);line-height:.94;letter-spacing:-.06em;font-weight:800;text-wrap:balance}
.orchestrate-heading h2 span{display:block}
.orchestrate-heading .orchestrate-accent{
  color:transparent;background:linear-gradient(105deg,#eefcff 0%,#9beeff 42%,var(--cyan) 100%);
  -webkit-background-clip:text;background-clip:text;text-shadow:0 0 28px rgba(0,199,255,.11)
}
.orchestrate-heading>p{max-width:720px;margin:22px auto 0;color:#91a7b8;font-size:15px;line-height:1.75}

.orchestrate-routing{
  position:relative;z-index:3;width:min(1320px,100%);height:430px;margin:0 auto;
  opacity:0;transform:translateY(18px) scale(.985);filter:blur(6px);
  transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s ease
}
.orchestrate-stage.is-routing .orchestrate-routing{opacity:1;transform:none;filter:none}
.orchestrate-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.route-base,.route-path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.route-base{stroke:rgba(93,154,182,.15);stroke-width:1}
.route-path{stroke:rgba(0,199,255,.065);stroke-width:1.1;opacity:.34;transition:opacity .55s ease,stroke .55s ease,filter .55s ease;stroke-dasharray:3 11}
.route-path.is-active{stroke:rgba(121,224,255,.72);opacity:1;filter:drop-shadow(0 0 4px rgba(0,199,255,.62));animation:routeCurrent 2.8s linear infinite}
@keyframes routeCurrent{to{stroke-dashoffset:-28}}

.orchestrate-terminal{
  position:absolute;top:50%;width:220px;min-height:128px;transform:translateY(-50%);
  padding:22px 20px;border:1px solid rgba(129,188,215,.16);border-radius:22px;
  background:linear-gradient(145deg,rgba(6,18,29,.86),rgba(3,10,17,.68));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 24px 60px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  display:flex;flex-direction:column;justify-content:center;gap:8px
}
.orchestrate-goal{left:0}.orchestrate-result{right:0}
.terminal-kicker{font-size:7px;letter-spacing:.22em;color:#5d788c}
.orchestrate-terminal strong{font-size:18px;line-height:1.35;letter-spacing:-.025em;color:#eaf5fa;transition:opacity .28s ease,transform .35s var(--ease),filter .28s ease}
.orchestrate-stage.is-transitioning .orchestrate-terminal strong{opacity:.18;filter:blur(4px);transform:translateY(4px)}
.terminal-pulse{position:absolute;width:8px;height:8px;border-radius:50%;top:50%;background:white;box-shadow:0 0 5px white,0 0 18px rgba(0,199,255,.86),0 0 54px rgba(0,199,255,.34)}
.orchestrate-goal .terminal-pulse{right:-5px}.orchestrate-result .terminal-pulse{left:-5px}
.orchestrate-result{opacity:.45;transition:opacity .55s ease,box-shadow .55s ease,border-color .55s ease}
.orchestrate-stage.has-result .orchestrate-result{opacity:1;border-color:rgba(0,199,255,.31);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 24px 70px rgba(0,0,0,.3),0 0 60px rgba(0,199,255,.07)}

.orchestrate-core{
  position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);
  display:grid;place-items:center;border-radius:50%;z-index:5;
  border:1px solid rgba(0,199,255,.27);background:radial-gradient(circle,rgba(0,199,255,.10),rgba(3,12,20,.68) 52%,rgba(2,8,13,.35) 70%);
  box-shadow:0 0 50px rgba(0,199,255,.08),inset 0 0 35px rgba(0,199,255,.04)
}
.orchestrate-core strong{position:relative;z-index:2;font-size:30px;line-height:1;letter-spacing:-.05em}
.orchestrate-core small{position:absolute;bottom:24px;font-size:6px;letter-spacing:.22em;color:#5d859a}
.core-light{position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff,0 0 26px var(--cyan),0 0 78px rgba(0,199,255,.34);animation:coreBreathe 3.8s ease-in-out infinite}
.core-orbit{position:absolute;inset:-18px;border:1px solid rgba(0,199,255,.11);border-radius:50%;transform:rotate(22deg) scaleY(.54)}
.orbit-two{inset:-35px;transform:rotate(-34deg) scaleY(.46);border-color:rgba(130,185,211,.07)}
@keyframes coreBreathe{50%{transform:scale(1.28);box-shadow:0 0 8px #fff,0 0 35px var(--cyan),0 0 100px rgba(0,199,255,.42)}}

.route-node{position:absolute;z-index:6;width:80px;text-align:center;color:#6d8291;transition:color .35s ease,filter .35s ease,transform .4s var(--ease)}
.route-node span{display:block;width:6px;height:6px;margin:0 auto 8px;border-radius:50%;background:#7c8990;box-shadow:0 0 14px rgba(155,185,199,.14);transition:background .35s ease,box-shadow .35s ease,transform .35s ease}
.route-node em{font-style:normal;font-size:7px;letter-spacing:.16em}
.route-node.is-active{color:#effaff;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--route-color) 25%,transparent));transform:translateY(-2px)}
.route-node.is-active span{background:#fff;transform:scale(1.25);box-shadow:0 0 4px #fff,0 0 14px var(--route-color),0 0 42px color-mix(in srgb,var(--route-color) 55%,transparent)}
.route-node-brand{left:50%;top:8%;transform:translateX(-50%)}
.route-node-web{left:36%;top:22%}.route-node-growth{right:36%;top:22%}
.route-node-ai{left:36%;bottom:20%}.route-node-infrastructure{right:36%;bottom:20%}
.route-node-trust{left:50%;bottom:7%;transform:translateX(-50%)}
.route-node-brand.is-active,.route-node-trust.is-active{transform:translateX(-50%) translateY(-2px)}

.orchestrate-live{position:absolute;left:50%;bottom:1%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;color:#526e81;opacity:.82}
.orchestrate-live span{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(0,199,255,.75)}
.orchestrate-live small{font-size:7px;letter-spacing:.18em;white-space:nowrap}

.orchestrate-editorial{
  position:relative;z-index:3;width:min(1180px,100%);margin:74px auto 0;
  padding:clamp(30px,4vw,54px);
  border:1px solid rgba(121,184,211,.15);
  border-radius:30px;
  background:
    radial-gradient(circle at 8% 0%,rgba(0,199,255,.055),transparent 34%),
    linear-gradient(145deg,rgba(7,19,30,.78),rgba(3,10,17,.58));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 30px 90px rgba(0,0,0,.22),0 0 80px rgba(0,199,255,.025);
  backdrop-filter:blur(18px) saturate(1.04);
  -webkit-backdrop-filter:blur(18px) saturate(1.04);
  overflow:hidden;
  opacity:0;transform:translateY(22px);filter:blur(6px);
  transition:opacity .9s var(--ease),transform 1s var(--ease),filter .9s ease
}
.orchestrate-editorial::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.018) 42%,transparent 72%);
}
.orchestrate-stage.is-editorial .orchestrate-editorial{opacity:1;transform:none;filter:none}
.orchestrate-seo-copy{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,7vw,100px);align-items:start}
.orchestrate-seo-copy p{margin:0;color:#91a5b5;font-size:14px;line-height:1.8}
.orchestrate-seo-copy .orchestrate-lead{color:#dbe7ed;font-size:clamp(20px,2vw,29px);line-height:1.45;letter-spacing:-.025em}
.orchestrate-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:42px}
.orchestrate-pillars article{padding-top:18px;border-top:1px solid rgba(107,163,188,.16)}
.orchestrate-pillars article>span{display:block;color:var(--cyan);font-size:7px;letter-spacing:.2em;margin-bottom:15px}
.orchestrate-pillars h3{margin:0;color:#edf7fb;font-size:18px;letter-spacing:-.025em}
.orchestrate-pillars p{margin:11px 0 0;color:#7890a2;font-size:12px;line-height:1.7}
.orchestrate-cta{margin:42px 0 0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(520px,100%);padding:15px 16px 15px 20px;border:1px solid rgba(0,199,255,.25);border-radius:18px;background:rgba(3,13,21,.52);color:white;text-align:left;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease,transform .25s var(--ease)}
.orchestrate-cta>span{font-size:7px;letter-spacing:.2em;color:#608195}.orchestrate-cta strong{font-size:15px}.orchestrate-cta i{font-style:normal;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--cyan);color:#021018;font-size:19px}
.orchestrate-cta:hover,.orchestrate-cta:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(0,199,255,.58);background:rgba(4,18,29,.72);box-shadow:0 0 38px rgba(0,199,255,.08)}

@media(max-width:1020px){
  .orchestrate-section,.orchestrate-stage{min-height:auto}
  .orchestrate-routing{height:520px}
  .orchestrate-terminal{width:190px}
  .orchestrate-goal{left:0}.orchestrate-result{right:0}
  .route-node-web{left:31%}.route-node-growth{right:31%}.route-node-ai{left:31%}.route-node-infrastructure{right:31%}
}
@media(max-width:760px){
  .orchestrate-stage{padding-top:100px;padding-bottom:90px}
  .orchestrate-heading{text-align:left;margin-bottom:46px}.orchestrate-index{justify-content:flex-start}
  .orchestrate-heading h2{font-size:clamp(44px,12.5vw,66px)}
  .orchestrate-heading>p{font-size:13px;margin-left:0}
  .orchestrate-routing{height:auto;min-height:690px;display:grid;grid-template-columns:1fr;align-items:start;padding-top:0}
  .orchestrate-lines{display:none}
  .orchestrate-terminal{position:relative;left:auto!important;right:auto!important;top:auto;width:100%;transform:none;min-height:105px}
  .orchestrate-goal{order:1}.orchestrate-core{top:270px}.orchestrate-result{order:3;margin-top:360px}
  .orchestrate-core{width:96px;height:96px}.orchestrate-core small{bottom:18px}
  .route-node{font-size:7px}.route-node-web{left:14%;top:218px}.route-node-growth{right:14%;top:218px}.route-node-brand{top:168px}.route-node-ai{left:14%;bottom:auto;top:332px}.route-node-infrastructure{right:14%;bottom:auto;top:332px}.route-node-trust{bottom:auto;top:382px}
  .orchestrate-live{bottom:145px;width:100%;justify-content:center}.orchestrate-live small{font-size:6px;white-space:normal;text-align:center}
  .orchestrate-editorial{margin-top:42px;padding:26px 22px;border-radius:24px}
  .orchestrate-seo-copy{grid-template-columns:1fr;gap:22px}.orchestrate-seo-copy .orchestrate-lead{font-size:21px}
  .orchestrate-pillars{grid-template-columns:1fr;gap:22px;margin-top:36px}
  .orchestrate-cta{margin-top:34px}
}
@media(prefers-reduced-motion:reduce){
  .orchestrate-glow,.core-light,.route-path{animation:none!important}
  .orchestrate-glow,.orchestrate-heading,.orchestrate-routing,.orchestrate-editorial{opacity:1!important;transform:none!important;filter:none!important}
  .route-path.is-active{stroke-dasharray:none!important}
}


/* V0.7.1 — collapsed header after scroll: keep only the menu trigger */
.topbar.is-collapsed{
  height:0!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  pointer-events:none;
}
.topbar.is-collapsed .topbar-inner{height:0;padding:0!important}
.topbar.is-collapsed .full-logo{
  opacity:0;
  transform:translateY(-18px) scale(.94);
  pointer-events:none;
}
.topbar.is-collapsed .menu-trigger{
  position:fixed;
  top:18px;
  right:max(22px,calc((100vw - min(1380px,calc(100vw - 96px)))/2));
  pointer-events:auto;
  background:rgba(5,12,20,.58);
  border-color:rgba(138,207,237,.14);
  backdrop-filter:blur(16px) saturate(1.08);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  box-shadow:0 12px 38px rgba(0,0,0,.22),0 0 28px rgba(0,199,255,.025);
}
body.admin-bar .topbar.is-collapsed .menu-trigger{top:50px}
@media(max-width:782px){body.admin-bar .topbar.is-collapsed .menu-trigger{top:62px}}
@media(max-width:760px){
  .topbar.is-collapsed .menu-trigger{right:18px;top:14px}
  body.admin-bar .topbar.is-collapsed .menu-trigger{top:60px}
}

.orchestrate-stage.has-result .route-out{
  stroke:rgba(121,224,255,.55);
  filter:drop-shadow(0 0 4px rgba(0,199,255,.45));
  stroke-dasharray:5 12;
  animation:routeOutput 3s linear infinite;
}
@keyframes routeOutput{to{stroke-dashoffset:-34}}


/* =========================================================
   V0.7.3 — CONNECT / CARD SECTION
   ========================================================= */
.connect-section{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  padding:clamp(74px,8.5vh,104px) 0;
  overflow:visible;
}
.connect-shell{position:relative;z-index:2}
.connect-card{
  --mx:50%;--my:50%;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(123,204,242,.18);
  border-radius:34px;
  padding:clamp(28px,3.8vw,52px);
  background:
    linear-gradient(135deg,rgba(7,21,32,.78),rgba(4,10,20,.88) 52%,rgba(10,7,28,.82)),
    rgba(3,10,18,.78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 34px 100px rgba(0,0,0,.34),
    0 0 90px rgba(0,199,255,.045);
  backdrop-filter:blur(24px) saturate(1.08);
  -webkit-backdrop-filter:blur(24px) saturate(1.08);
  opacity:0;
  transform:translateY(34px) scale(.985);
  transition:opacity .9s ease,transform 1s var(--ease),border-color .35s ease,box-shadow .35s ease;
}
.connect-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(520px circle at var(--mx) var(--my),rgba(0,199,255,.09),transparent 62%);
  opacity:.85;
  transition:opacity .28s ease;
}
.connect-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 8%,rgba(0,199,255,.12) 38%,rgba(255,255,255,.08) 50%,rgba(138,92,255,.12) 66%,transparent 90%);
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  mask-composite:exclude;
  -webkit-mask-composite:xor;
  padding:1px;
  opacity:.55;
}
.connect-card.is-visible{opacity:1;transform:none}
.connect-card:hover{border-color:rgba(0,199,255,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 38px 110px rgba(0,0,0,.38),0 0 110px rgba(0,199,255,.065)}
.connect-card-glow{position:absolute;border-radius:50%;filter:blur(85px);pointer-events:none;opacity:.18;mix-blend-mode:screen}
.connect-card-glow-a{width:34vw;height:26vw;left:-12vw;top:-8vw;background:radial-gradient(circle,rgba(0,199,255,.42),transparent 70%);animation:connectGlowA 20s ease-in-out infinite}
.connect-card-glow-b{width:30vw;height:24vw;right:-10vw;bottom:-8vw;background:radial-gradient(circle,rgba(138,92,255,.34),transparent 72%);animation:connectGlowB 24s ease-in-out infinite}
@keyframes connectGlowA{50%{transform:translate(6vw,4vh) scale(1.08);opacity:.25}}
@keyframes connectGlowB{50%{transform:translate(-5vw,-3vh) scale(1.06);opacity:.24}}
.connect-card-grid{position:absolute;inset:0;pointer-events:none;opacity:.09;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,transparent,black 24%,black 78%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black 24%,black 78%,transparent)}
.connect-card-top{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(42px,7vw,104px);align-items:start}
.connect-card-heading{max-width:560px}
.connect-index{justify-content:flex-start;margin:0 0 18px}.connect-index::before{width:28px}
.connect-card-heading h2{margin:0;color:#f7fbff;font-size:clamp(38px,4.05vw,61px);line-height:1;letter-spacing:-.05em;font-weight:800;text-wrap:balance}
.connect-accent{margin:15px 0 0;font-size:clamp(17px,1.45vw,22px);font-weight:700;letter-spacing:-.025em;background:linear-gradient(90deg,#c9f5ff 0%,var(--cyan) 65%,#7e86ff 115%);-webkit-background-clip:text;background-clip:text;color:transparent}
.connect-card-copy{padding-top:42px;border-left:1px solid rgba(112,178,207,.16);padding-left:clamp(30px,4vw,62px)}
.connect-card-copy p{margin:0;color:#8ea4b5;font-size:14px;line-height:1.85}
.connect-card-copy .connect-intro{color:#d7e6ed;font-size:clamp(16px,1.45vw,20px);line-height:1.65;margin-bottom:20px}
.connect-feature-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:clamp(30px,3.6vw,46px)}
.connect-feature{
  --fx:50%;--fy:50%;
  position:relative;
  min-height:252px;
  padding:24px 24px 22px;
  border:1px solid rgba(123,175,201,.16);
  border-radius:24px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:linear-gradient(180deg,rgba(8,19,31,.70),rgba(4,11,20,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform .38s var(--ease),border-color .35s ease,box-shadow .35s ease,background .35s ease;
}
.connect-feature::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(300px circle at var(--fx) var(--fy),rgba(var(--feature-rgb),.23),transparent 65%);
  opacity:.22;
  transition:opacity .3s ease;
}
.connect-feature::after{
  content:"";
  position:absolute;
  left:14%;right:14%;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(var(--feature-rgb),.92),transparent);
  filter:drop-shadow(0 0 10px rgba(var(--feature-rgb),.85));
  opacity:.32;
  transition:opacity .3s ease,left .3s ease,right .3s ease;
}
.connect-feature:hover,.connect-feature:focus-within{transform:translateY(-8px);border-color:rgba(var(--feature-rgb),.60);background:linear-gradient(180deg,rgba(8,24,38,.86),rgba(5,13,24,.91));box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 20px 55px rgba(0,0,0,.30),0 0 55px rgba(var(--feature-rgb),.11)}
.connect-feature:hover::before,.connect-feature:focus-within::before{opacity:1}
.connect-feature:hover::after,.connect-feature:focus-within::after{opacity:.92;left:5%;right:5%}
.feature-icon{position:relative;z-index:2;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:rgb(var(--feature-rgb));background:rgba(var(--feature-rgb),.08);border:1px solid rgba(var(--feature-rgb),.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 25px rgba(var(--feature-rgb),.06)}
.feature-icon svg{width:23px;height:23px}
.feature-no{position:absolute;right:24px;top:26px;color:rgba(var(--feature-rgb),.62);font-size:7px;letter-spacing:.2em}
.connect-feature h3{position:relative;z-index:2;margin:20px 0 0;color:#f0f7fb;font-size:18px;letter-spacing:-.03em}
.connect-feature p{position:relative;z-index:2;margin:11px 0 20px;color:#8198aa;font-size:12px;line-height:1.68}
.feature-link{position:relative;z-index:2;margin:auto 0 0;padding:0;border:0;background:transparent;color:#79dfff;text-align:left;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.16em;display:flex;align-items:center;gap:10px;width:max-content}
.feature-link span{font-size:15px;transition:transform .25s var(--ease)}.feature-link:hover span{transform:translateX(4px)}
.connect-cta{position:relative;z-index:2;margin:18px 0 0;width:100%;min-height:68px;border:1px solid rgba(0,199,255,.24);border-radius:22px;padding:14px 14px 14px 28px;background:linear-gradient(90deg,rgba(4,15,25,.72),rgba(5,12,24,.82));display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;color:white;text-align:left;transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease,background .3s ease;opacity:1}
.connect-cta-label{font-size:7px;letter-spacing:.2em;color:#68879a;white-space:nowrap}
.connect-cta strong{font-size:17px;letter-spacing:-.025em}
.connect-cta i{font-style:normal;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--cyan);color:#031019;font-size:23px;box-shadow:0 0 30px rgba(0,199,255,.22);transition:transform .28s var(--ease),box-shadow .28s ease}
.connect-cta:hover,.connect-cta:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(0,199,255,.56);background:linear-gradient(90deg,rgba(5,22,35,.86),rgba(7,14,30,.9));box-shadow:0 0 50px rgba(0,199,255,.075)}
.connect-cta:hover i,.connect-cta:focus-visible i{transform:translateX(3px) scale(1.04);box-shadow:0 0 42px rgba(0,199,255,.34)}
@media(max-width:980px){
  .connect-section{min-height:auto;padding:92px 0 74px}
  .connect-card{padding:30px 24px;border-radius:26px}
  .connect-card-top{grid-template-columns:1fr;gap:28px}
  .connect-card-copy{padding:0;border-left:0;border-top:1px solid rgba(112,178,207,.14);padding-top:24px}
  .connect-feature-grid{grid-template-columns:1fr;gap:16px}.connect-feature{min-height:220px}
  .connect-cta{grid-template-columns:1fr auto}.connect-cta-label{grid-column:1/-1}.connect-cta strong{font-size:15px}
}
@media(max-width:640px){
  .connect-card-heading h2{font-size:clamp(38px,12vw,52px)}
  .connect-card{padding:26px 18px;border-radius:22px}
  .connect-feature{padding:24px 22px}.connect-cta{padding-left:20px;gap:12px}.connect-cta-label{font-size:6px}
}
@media(prefers-reduced-motion:reduce){
  .connect-card,.connect-feature,.connect-card-glow{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}

/* V0.7.3 — compact CONNECT rhythm + legacy CTA reset */
.connect-section .connect-cta{opacity:1;transform:none}
.connect-section .connect-card{height:auto;min-height:0}
@media(min-width:981px){
  .connect-section{min-height:100svh}
}


/* =========================================================
   V0.8.0 — REFERENCES / SIGNALS FROM EARTH
   ========================================================= */
.references-section{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:clamp(92px,9vh,138px) 0 clamp(76px,8vh,116px);
}
.references-section::before{
  content:"";position:absolute;inset:4% -14% auto;width:58vw;height:46vw;border-radius:50%;
  background:radial-gradient(circle,rgba(0,199,255,.11),rgba(0,88,170,.035) 36%,transparent 70%);
  filter:blur(100px);pointer-events:none;opacity:.8;
}
.references-section::after{
  content:"";position:absolute;right:-20vw;bottom:-24vw;width:58vw;height:50vw;border-radius:50%;
  background:radial-gradient(circle,rgba(126,77,255,.09),rgba(44,29,120,.035) 38%,transparent 72%);
  filter:blur(110px);pointer-events:none;
}
.references-shell{position:relative;z-index:2;width:100%}
.references-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:clamp(48px,8vw,128px);align-items:end;margin-bottom:clamp(34px,5vh,62px);opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.references-head.is-visible{opacity:1;transform:none}
.references-index{margin-bottom:18px}
.references-head h2{margin:0;font-size:clamp(46px,5.3vw,82px);line-height:.95;letter-spacing:-.055em;font-weight:800;color:#f6fbff;max-width:820px}
.references-head h2 span{color:var(--cyan);text-shadow:0 0 32px rgba(0,199,255,.1)}
.references-head>p{margin:0 0 8px;color:#95aabc;font-size:clamp(14px,1.25vw,18px);line-height:1.75;max-width:520px}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.reference-card{--rx:50%;--ry:50%;position:relative;min-width:0;border:1px solid rgba(91,154,183,.17);border-radius:26px;background:linear-gradient(155deg,rgba(7,19,29,.86),rgba(3,9,16,.92));overflow:hidden;opacity:0;transform:translateY(30px);transition:opacity .7s ease var(--ref-delay),transform .7s cubic-bezier(.2,.7,.2,1) var(--ref-delay),border-color .35s ease,box-shadow .35s ease}
.reference-card.is-visible{opacity:1;transform:none}
.reference-card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(360px circle at var(--rx) var(--ry),rgba(var(--ref-rgb),.14),transparent 60%);opacity:0;transition:opacity .35s ease}
.reference-card:hover{transform:translateY(-7px);border-color:rgba(var(--ref-rgb),.52);box-shadow:0 28px 76px rgba(0,0,0,.38),0 0 54px rgba(var(--ref-rgb),.08)}
.reference-card:hover::after{opacity:1}
.reference-card.ref-sigmacura{--ref-rgb:236,108,176}
.reference-card.ref-hymson{--ref-rgb:45,140,225}
.reference-card.ref-leerfeger{--ref-rgb:139,222,77}
.reference-link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none;position:relative;z-index:1}
.reference-preview{position:relative;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid rgba(125,176,199,.12);background:#080e15;isolation:isolate}
.reference-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.045) 48%,transparent 65%);transform:translateX(-115%);transition:transform .85s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.reference-card:hover .reference-preview::after{transform:translateX(115%)}
.preview-chrome{height:28px;display:flex;align-items:center;gap:5px;padding:0 11px;position:relative;z-index:4;background:rgba(3,7,12,.62);border-bottom:1px solid rgba(255,255,255,.07);font-size:7px;letter-spacing:.09em;color:#718393;text-transform:uppercase}
.preview-chrome i{display:block;width:4px;height:4px;border-radius:50%;background:#53616d}.preview-chrome span{margin-left:auto;max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.preview-stage{position:absolute;inset:28px 0 0;padding:clamp(22px,2.5vw,36px);display:flex;flex-direction:column;justify-content:center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.reference-card:hover .preview-stage{transform:scale(1.025)}
.preview-stage small{font-size:7px;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;position:relative;z-index:3}
.preview-stage strong{font-size:clamp(20px,2vw,31px);line-height:1.02;letter-spacing:-.045em;max-width:92%;position:relative;z-index:3;text-wrap:balance}
.preview-stage span{margin-top:14px;font-size:7px;letter-spacing:.12em;line-height:1.5;position:relative;z-index:3;opacity:.72}
.preview-stage b{position:absolute;pointer-events:none}
.ref-sigmacura .reference-preview{background:linear-gradient(125deg,#faf8f9 0%,#f8f5fb 56%,#f1eef8 100%);color:#201727}
.ref-sigmacura .preview-stage small{color:#a74f70}.ref-sigmacura .preview-stage span{color:#5a4058}
.ref-sigmacura .preview-stage b{width:74%;height:105%;right:-32%;top:-22%;border-radius:50%;background:radial-gradient(circle at 35% 45%,rgba(255,129,79,.88),rgba(218,59,136,.56) 32%,rgba(116,59,207,.36) 55%,transparent 72%);filter:blur(18px);opacity:.78}
.ref-hymson .reference-preview{background:linear-gradient(135deg,#07111b,#0b1a27 52%,#101820);color:#f3f7fa}
.ref-hymson .reference-preview::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(90,155,197,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(90,155,197,.05) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,black 22%,black 80%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 22%,black 80%,transparent)}
.ref-hymson .preview-stage small{color:#71c3ff}.ref-hymson .preview-stage b{width:68%;height:2px;right:-10%;top:56%;background:linear-gradient(90deg,transparent,#36b7ff 22%,#d9f5ff 52%,#36b7ff 72%,transparent);box-shadow:0 0 18px #36b7ff;transform:rotate(-8deg);opacity:.9}
.ref-leerfeger .reference-preview{background:linear-gradient(135deg,#f6f7f2,#eef3e8);color:#141813}
.ref-leerfeger .preview-stage{justify-content:flex-start;padding-top:28px}.ref-leerfeger .preview-stage small{color:#4d6f33}.ref-leerfeger .preview-stage strong{text-transform:uppercase;font-size:clamp(27px,3.2vw,48px);line-height:.88;max-width:78%;letter-spacing:-.06em}.ref-leerfeger .preview-stage span{color:#3b4a32}
.ref-leerfeger .preview-stage b{right:-12%;bottom:-34%;width:68%;height:88%;border-radius:48% 52% 0 0;background:#a9ed62;transform:rotate(-18deg);box-shadow:-28px -10px 54px rgba(125,226,57,.24)}
.reference-copy{padding:22px 23px 24px;display:flex;flex-direction:column;flex:1;position:relative}
.reference-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;color:#6c8292;font-size:8px;letter-spacing:.16em;text-transform:uppercase}.reference-topline em{font-style:normal;color:rgb(var(--ref-rgb))}
.reference-copy h3{margin:0;color:#f4f9fc;font-size:clamp(23px,2.2vw,32px);line-height:1;letter-spacing:-.04em}
.reference-meta{margin:9px 0 0;color:#7890a1;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.reference-text{margin:22px 0 24px;color:#9db0be;font-size:13px;line-height:1.7;min-height:66px}
.reference-cta{margin-top:auto;padding-top:17px;border-top:1px solid rgba(111,169,193,.12);display:flex;align-items:center;justify-content:space-between;color:#d7f7ff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.reference-cta i{font-style:normal;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(var(--ref-rgb),.38);color:rgb(var(--ref-rgb));transition:transform .3s ease,background .3s ease}.reference-card:hover .reference-cta i{transform:translate(3px,-3px);background:rgba(var(--ref-rgb),.09)}
.references-foot{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:30px;color:#728898;font-size:11px;letter-spacing:.02em;opacity:0;transform:translateY(14px);transition:opacity .7s ease .38s,transform .7s ease .38s}.references-foot.is-visible{opacity:1;transform:none}.references-foot p{margin:0}.references-foot strong{color:#b9cad4;font-weight:600}.references-foot .led{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px rgba(0,199,255,.7)}
@media(max-width:980px){.references-section{min-height:auto;padding:96px 0 82px}.references-head{grid-template-columns:1fr;gap:20px}.references-head h2{font-size:clamp(44px,9vw,70px)}.reference-grid{grid-template-columns:1fr}.reference-card{max-width:760px;width:100%;margin-inline:auto}.reference-preview{aspect-ratio:16/8}.reference-text{min-height:0}}
@media(max-width:640px){.references-section{padding:80px 0 66px}.references-head h2{font-size:clamp(40px,13vw,58px)}.references-head>p{font-size:14px}.reference-card{border-radius:22px}.reference-copy{padding:20px 18px}.reference-preview{aspect-ratio:1.3}.preview-stage{padding:24px 20px}.references-foot{align-items:flex-start;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.reference-card,.references-head,.references-foot,.reference-preview::after,.preview-stage{transition:none!important;transform:none!important;opacity:1!important}}

/* =========================================================
   V0.8.1 — BOXED REFERENCES CAROUSEL
   ========================================================= */
.references-section{
  min-height:100svh;
  padding:clamp(76px,8vh,108px) 0;
  align-items:center;
}
.references-shell{width:var(--shell)}
.references-frame{
  position:relative;
  width:100%;
  padding:clamp(34px,4vw,56px);
  border:1px solid rgba(68,176,224,.24);
  border-radius:34px;
  background:
    radial-gradient(900px circle at 8% 2%,rgba(0,199,255,.09),transparent 52%),
    radial-gradient(760px circle at 92% 100%,rgba(116,82,255,.08),transparent 54%),
    linear-gradient(145deg,rgba(7,18,29,.74),rgba(3,8,15,.83));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 28px 100px rgba(0,0,0,.15);
  backdrop-filter:blur(14px);
  overflow:hidden;
}
.references-frame::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(105deg,transparent 0 34%,rgba(0,199,255,.025) 50%,transparent 66%);
  transform:translateX(-60%);opacity:.75;
  animation:refFrameSweep 13s ease-in-out infinite;
}
@keyframes refFrameSweep{0%,38%{transform:translateX(-70%)}65%,100%{transform:translateX(70%)}}
.references-head{position:relative;z-index:2;margin-bottom:clamp(26px,4vh,42px);align-items:end}
.references-head>p{max-width:560px}
.references-carousel-shell{position:relative;z-index:2}
.references-carousel-toolbar{
  display:flex;align-items:center;justify-content:flex-end;gap:18px;
  margin:-4px 0 16px;opacity:0;transform:translateY(12px);
  transition:opacity .65s ease .12s,transform .65s ease .12s;
}
.references-carousel-toolbar.is-visible{opacity:1;transform:none}
.references-counter{display:flex;align-items:center;gap:7px;color:#6e8494;font-size:9px;letter-spacing:.16em;font-weight:700}
.references-counter span:first-child{color:#d6f5ff}.references-counter i{font-style:normal;color:#3a5264}
.references-controls{display:flex;gap:8px}
.references-nav{
  width:40px;height:40px;border-radius:50%;border:1px solid rgba(79,165,202,.24);
  display:grid;place-items:center;background:rgba(4,11,19,.72);color:#d6f6ff;
  font:inherit;font-size:15px;cursor:pointer;transition:transform .25s ease,border-color .25s ease,background .25s ease,opacity .25s ease;
}
.references-nav:hover:not(:disabled),.references-nav:focus-visible:not(:disabled){transform:translateY(-2px);border-color:rgba(0,199,255,.58);background:rgba(0,199,255,.07);outline:none}
.references-nav:disabled{opacity:.25;cursor:default}
.reference-carousel{
  display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;
  overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scroll-behavior:smooth;
  overscroll-behavior-inline:contain;scrollbar-width:none;padding:8px 1px 16px;
}
.reference-carousel::-webkit-scrollbar{display:none}
.reference-carousel:focus-visible{outline:1px solid rgba(0,199,255,.36);outline-offset:7px;border-radius:24px}
.reference-card{
  scroll-snap-align:start;scroll-snap-stop:normal;min-width:0;height:auto;
  border-radius:24px;transform:translateY(28px);
}
.reference-card.is-visible{transform:none}
.reference-link{min-height:535px;background:transparent;border:0;padding:0;text-align:left;width:100%;font:inherit;cursor:pointer}
.reference-preview{aspect-ratio:auto;height:270px;flex:0 0 270px}
.reference-copy{min-height:265px}
.reference-text{min-height:68px}
.reference-card.ref-rolladen{--ref-rgb:231,166,66}
.reference-card.ref-racewerk{--ref-rgb:236,73,67}
.reference-card.ref-dmt{--ref-rgb:22,194,223}
.reference-card.ref-more{--ref-rgb:128,104,255}
.ref-rolladen .reference-preview{background:linear-gradient(135deg,#efe8dc,#f6f3eb 58%,#e7ddd0);color:#1f211f}
.ref-rolladen .preview-stage small{color:#926d36}.ref-rolladen .preview-stage span{color:#6d604e}
.ref-rolladen .preview-stage b{right:-11%;top:-17%;width:58%;height:138%;background:linear-gradient(90deg,rgba(246,192,99,.05),rgba(234,170,69,.7),rgba(78,57,35,.14));transform:skewX(-16deg);filter:blur(2px);opacity:.74}
.ref-racewerk .reference-preview{background:linear-gradient(135deg,#070a0e,#111820 54%,#090b10);color:#f5f7fa}
.ref-racewerk .reference-preview::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(116deg,transparent 0 42px,rgba(255,255,255,.025) 43px 44px);opacity:.7}
.ref-racewerk .preview-stage small{color:#ff716a}.ref-racewerk .preview-stage span{color:#a7b0ba}
.ref-racewerk .preview-stage b{right:-18%;bottom:-42%;width:74%;height:115%;border:2px solid rgba(255,69,63,.44);border-radius:50%;box-shadow:0 0 55px rgba(255,55,50,.14);transform:rotate(-19deg)}
.ref-dmt .reference-preview{background:linear-gradient(135deg,#07141c,#081e29 58%,#09131a);color:#f0fbff}
.ref-dmt .preview-stage small{color:#64dcf7}.ref-dmt .preview-stage span{color:#83aeba}
.ref-dmt .preview-stage b{right:-5%;top:-20%;width:58%;height:120%;background:radial-gradient(ellipse at 50% 50%,rgba(0,199,255,.32),rgba(0,199,255,.08) 35%,transparent 68%);filter:blur(18px);opacity:.8}
.ref-more .reference-preview{background:linear-gradient(145deg,#07111d,#0d1324 50%,#0b0b18);color:#f2f7ff}
.ref-more .preview-stage small{color:#a69aff}.ref-more .preview-stage span{color:#96a5c6}
.ref-more .preview-stage b{inset:12% 10%;background:radial-gradient(circle at 22% 30%,rgba(0,199,255,.24),transparent 24%),radial-gradient(circle at 75% 68%,rgba(147,85,255,.25),transparent 28%),radial-gradient(circle at 62% 24%,rgba(255,255,255,.08),transparent 16%);filter:blur(10px)}
.reference-more-link{color:inherit}
.reference-more-link .reference-cta i{font-size:17px}
.references-progress{height:2px;margin:2px 0 0;background:rgba(89,149,176,.10);border-radius:99px;overflow:hidden}
.references-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),#6e65ff);box-shadow:0 0 12px rgba(0,199,255,.35);transition:width .2s linear}
.references-foot{margin-top:22px;justify-content:flex-start;padding-left:2px}

@media(max-width:1100px){
  .references-section{min-height:auto;padding:84px 0}
  .references-frame{padding:38px 28px;border-radius:28px}
  .reference-carousel{grid-auto-columns:calc((100% - 18px)/2)}
  .reference-card{max-width:none;width:auto;margin:0}
  .reference-preview{height:250px;flex-basis:250px;aspect-ratio:auto}
  .reference-link{min-height:510px}
}
@media(max-width:700px){
  .references-section{padding:74px 0 62px}
  .references-shell{width:calc(100vw - 24px)}
  .references-frame{padding:28px 16px 24px;border-radius:24px}
  .references-head{grid-template-columns:1fr;gap:16px;margin-bottom:20px}
  .references-head h2{font-size:clamp(40px,12vw,58px)}
  .references-head>p{font-size:14px;line-height:1.65}
  .references-carousel-toolbar{justify-content:space-between;margin-top:0}
  .reference-carousel{grid-auto-columns:100%;gap:14px;padding-bottom:12px}
  .reference-card{border-radius:21px}
  .reference-preview{height:230px;flex-basis:230px;aspect-ratio:auto}
  .reference-link{min-height:500px}
  .reference-copy{padding:20px 18px;min-height:270px}
  .reference-text{min-height:0}
  .references-foot{font-size:10px;line-height:1.55;align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .references-frame::before{animation:none!important}
  .reference-carousel{scroll-behavior:auto}
  .references-carousel-toolbar{transition:none!important;opacity:1!important;transform:none!important}
}


/* =========================================================
   V0.8.2 — OPEN REFERENCES + BEYOND + FINAL CONTACT
   ========================================================= */

/* References stay aligned to the same page shell, but without a frame around the entire section. */
.references-section{
  min-height:auto;
  padding:clamp(86px,9vh,126px) 0 clamp(96px,11vh,144px);
  align-items:center;
  overflow:visible;
}
.references-shell{width:var(--shell)}
.references-head{margin-bottom:clamp(28px,4vh,44px)}
.references-carousel-shell{position:relative;z-index:2}
.references-foot{margin-top:20px}

/* Old v0.8.1 frame rules are intentionally neutralized in case cached markup exists for one load. */
.references-frame{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  overflow:visible!important;
}
.references-frame::before{display:none!important}

/* BEYOND */
.beyond-section{
  min-height:100svh;
  padding:clamp(100px,12vh,150px) 0;
  overflow:hidden;
  align-items:center;
}
.beyond-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(720px circle at 78% 42%,rgba(125,73,255,.12),transparent 62%),
    radial-gradient(640px circle at 68% 58%,rgba(0,199,255,.08),transparent 64%);
  opacity:.9;
}
.beyond-shell{position:relative;z-index:2}
.beyond-ambient{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(75px);
  opacity:.18;
  mix-blend-mode:screen;
}
.beyond-ambient-a{
  width:min(48vw,720px);height:min(38vw,560px);right:-10vw;top:-6vh;
  background:radial-gradient(circle,rgba(122,83,255,.7),rgba(68,74,255,.15) 42%,transparent 70%);
  animation:beyondDriftA 15s ease-in-out infinite alternate;
}
.beyond-ambient-b{
  width:min(40vw,620px);height:min(34vw,500px);right:12vw;bottom:-10vh;
  background:radial-gradient(circle,rgba(0,199,255,.5),rgba(0,199,255,.07) 42%,transparent 72%);
  animation:beyondDriftB 18s ease-in-out infinite alternate;
}
@keyframes beyondDriftA{to{transform:translate(-5vw,5vh) scale(1.08);opacity:.26}}
@keyframes beyondDriftB{to{transform:translate(4vw,-4vh) scale(1.12);opacity:.23}}
.beyond-layout{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);
  gap:clamp(50px,8vw,140px);
  align-items:end;
}
.beyond-index{margin-bottom:clamp(28px,4vh,48px)}
.beyond-copy h2{
  margin:0;
  max-width:1050px;
  font-size:clamp(46px,6.6vw,104px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:700;
  color:#f5f9ff;
}
.beyond-word{
  margin-top:clamp(10px,2vh,22px);
  font-size:clamp(88px,14vw,220px);
  line-height:.78;
  letter-spacing:-.075em;
  font-weight:800;
  background:linear-gradient(100deg,#dff9ff 0%,var(--cyan) 28%,#5293ff 58%,#b04cff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 30px rgba(0,199,255,.10));
}
.beyond-text{
  max-width:780px;
  margin:clamp(34px,5vh,58px) 0 0;
  color:#a8bccb;
  font-size:clamp(15px,1.18vw,19px);
  line-height:1.75;
}
.beyond-cta{
  margin-top:30px;
  display:inline-flex;align-items:center;gap:16px;
  min-height:48px;padding:0 20px;
  border-radius:999px;
  border:1px solid rgba(0,199,255,.34);
  background:rgba(4,13,24,.48);
  color:#edfaff;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-size:9px;font-weight:700;
  transition:transform .3s var(--ease),border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.beyond-cta span{color:var(--cyan);font-size:15px}
.beyond-cta:hover,.beyond-cta:focus-visible{
  outline:none;transform:translateY(-2px);
  border-color:rgba(0,199,255,.7);
  background:rgba(0,199,255,.07);
  box-shadow:0 0 36px rgba(0,199,255,.08);
}
.beyond-side{
  position:relative;
  padding:0 0 26px 28px;
  border-left:1px solid rgba(0,199,255,.28);
}
.beyond-side-line{display:none}
.beyond-side p{
  margin:0;
  color:#e8f2f8;
  font-size:clamp(22px,2vw,32px);
  line-height:1.35;
  letter-spacing:-.025em;
}
.beyond-side small{
  display:block;margin-top:28px;
  color:#667e91;font-size:8px;letter-spacing:.18em;
}

/* FINAL CONTACT / YOUR TURN */
.contact-final-section{
  min-height:92svh;
  padding:clamp(90px,11vh,150px) 0 clamp(92px,12vh,160px);
  align-items:center;
  text-align:center;
  overflow:hidden;
}
.contact-final-section::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(650px circle at 50% 52%,rgba(0,199,255,.065),transparent 68%);
}
.contact-final-shell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.contact-final-orb{
  width:10px;height:10px;border-radius:50%;background:var(--cyan);
  box-shadow:0 0 18px rgba(0,199,255,.9),0 0 54px rgba(0,199,255,.25);
  margin-bottom:28px;
  animation:contactOrbPulse 3.8s ease-in-out infinite;
}
@keyframes contactOrbPulse{50%{transform:scale(1.45);box-shadow:0 0 24px rgba(0,199,255,1),0 0 72px rgba(0,199,255,.34)}}
.contact-final-index{margin-bottom:34px}
.contact-final-copy{max-width:1080px}
.contact-final-pre{
  margin:0 0 6px;color:#6f8497;
  font-size:clamp(38px,5vw,76px);line-height:1;letter-spacing:-.05em;font-weight:650;
}
.contact-final-copy h2{
  margin:0;color:#f8fbff;
  font-size:clamp(64px,9vw,146px);line-height:.93;letter-spacing:-.065em;font-weight:750;
}
.contact-final-text{
  margin:28px auto 0;max-width:720px;color:#71889b;
  font-size:clamp(13px,1.15vw,17px);line-height:1.65;
}
.contact-final-cta{
  margin-top:clamp(38px,6vh,64px);
  width:min(820px,100%);min-height:72px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:10px 12px 10px 26px;
  border-radius:21px;border:1px solid rgba(0,199,255,.36);
  background:linear-gradient(90deg,rgba(5,15,25,.80),rgba(7,18,31,.69));
  color:#edf8ff;text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 50px rgba(0,0,0,.18);
  transition:transform .3s var(--ease),border-color .3s ease,box-shadow .3s ease,background .3s ease;
}
.contact-final-cta span{font-size:clamp(15px,1.3vw,19px);font-weight:600}
.contact-final-cta i{
  width:52px;height:52px;border-radius:14px;display:grid;place-items:center;
  flex:0 0 auto;background:var(--cyan);color:#00121b;font-style:normal;font-size:25px;font-weight:800;
  box-shadow:0 0 26px rgba(0,199,255,.22);
}
.contact-final-cta:hover,.contact-final-cta:focus-visible{
  outline:none;transform:translateY(-3px);border-color:rgba(0,199,255,.68);
  background:linear-gradient(90deg,rgba(5,18,29,.9),rgba(7,21,36,.8));
  box-shadow:0 20px 66px rgba(0,0,0,.28),0 0 48px rgba(0,199,255,.055);
}
.contact-final-meta{
  margin-top:18px;display:flex;align-items:center;justify-content:center;gap:10px;
  color:#506b7f;font-size:7px;letter-spacing:.17em;
}
.contact-final-meta .led{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 12px rgba(0,199,255,.8)}

@media(max-width:900px){
  .beyond-layout{grid-template-columns:1fr;gap:52px}
  .beyond-side{max-width:650px}
  .beyond-word{font-size:clamp(78px,20vw,150px)}
}
@media(max-width:700px){
  .references-section{padding:78px 0 92px}
  .references-shell{width:calc(100vw - 28px)}
  .beyond-section{padding:92px 0}
  .beyond-copy h2{font-size:clamp(42px,12vw,62px)}
  .beyond-text{font-size:14px}
  .beyond-side{padding-left:20px}
  .contact-final-section{min-height:82svh;padding:88px 0 110px}
  .contact-final-pre{font-size:clamp(36px,11vw,54px)}
  .contact-final-copy h2{font-size:clamp(58px,17vw,92px)}
  .contact-final-cta{min-height:66px;padding-left:18px}
}
@media(prefers-reduced-motion:reduce){
  .beyond-ambient,.contact-final-orb{animation:none!important}
}


/* V0.8.3 — polish pass: seamless principle ticker + cleaner Beyond quote */
@supports not ((-webkit-mask-image:linear-gradient(#000,#000)) or (mask-image:linear-gradient(#000,#000))){
  .capability-wrap{overflow:hidden}
  .capability-track{padding-inline:34px}
}


/* =========================================================
   V0.8.4 — READABILITY + SOFT SECTION SNAP + LEERFEGER HARMONY
   ========================================================= */

/*
 * Accessibility/readability pass:
 * Headline scale stays untouched. Supporting copy, labels and controls
 * are raised so the interface remains comfortable for older visitors.
 */
body{font-size:17px}
.section-index{font-size:10px}
.hero-sub{font-size:18px}
.principle-intro{font-size:18px}
.principle-detail{font-size:16px}
.principle-note p{font-size:14px}
.capability-group li{font-size:11px}
.universe-copy p{font-size:17px}
.universe-hint{font-size:10px}
.world-signal{min-width:122px;min-height:100px}
.world-name{font-size:11px;letter-spacing:.14em;white-space:nowrap}
.world-card-kicker{font-size:9px}
.world-keywords{font-size:12px}
.world-card p{font-size:13px}
.world-more{font-size:10px}
.connect-card-copy p{font-size:16px}
.connect-card-copy .connect-intro{font-size:clamp(18px,1.45vw,21px)}
.connect-feature p{font-size:14px}
.feature-link{font-size:10px}
.connect-cta-label{font-size:9px}
.references-head>p{font-size:clamp(16px,1.25vw,20px)}
.preview-chrome{font-size:9px}
.preview-stage small{font-size:9px}
.preview-stage span{font-size:9px}
.reference-topline{font-size:10px}
.reference-meta{font-size:10px}
.reference-text{font-size:15px;line-height:1.72}
.reference-cta{font-size:11px}
.references-foot{font-size:13px;line-height:1.6}
.beyond-text{font-size:clamp(17px,1.18vw,20px)}
.beyond-cta{font-size:10px}
.beyond-side small{font-size:10px}
.contact-final-text{font-size:clamp(16px,1.15vw,19px);line-height:1.7}
.contact-final-meta{font-size:10px}

/*
 * Leerfeger keeps its green identity, but now lives in the same dark
 * visual family as the other case previews. The oversized poster title
 * is intentionally reduced to the common reference-card rhythm.
 */
.ref-leerfeger .reference-preview{
  background:
    radial-gradient(circle at 82% 70%,rgba(139,222,77,.16),transparent 28%),
    radial-gradient(circle at 16% 18%,rgba(0,199,255,.055),transparent 30%),
    linear-gradient(140deg,#08130f 0%,#0b1814 54%,#09110f 100%);
  color:#f2f8f3;
}
.ref-leerfeger .preview-stage{
  justify-content:center;
  padding-top:clamp(22px,2.5vw,36px);
}
.ref-leerfeger .preview-stage small{color:#9bd873}
.ref-leerfeger .preview-stage strong{
  text-transform:none;
  font-size:clamp(20px,2vw,31px);
  line-height:1.02;
  max-width:88%;
  letter-spacing:-.045em;
}
.ref-leerfeger .preview-stage span{color:#9eb5a2}
.ref-leerfeger .preview-stage b{
  right:-8%;
  bottom:-36%;
  width:70%;
  height:110%;
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%,rgba(174,239,105,.34),rgba(119,202,67,.12) 36%,transparent 70%);
  transform:none;
  filter:blur(16px);
  box-shadow:none;
  opacity:.9;
}

/*
 * Native soft snap instead of wheel hijacking. It gives the requested
 * section-to-section glide while allowing long sections and normal
 * scrolling inside content. Disabled for touch-sized layouts and users
 * requesting reduced motion.
 */
@media (min-width:901px) and (prefers-reduced-motion:no-preference){
  html{
    scroll-snap-type:y proximity;
    scroll-padding-top:0;
  }
  .scene{
    scroll-snap-align:start;
    scroll-snap-stop:normal;
  }
}

@media(max-width:760px){
  body{font-size:16px}
  .section-index{font-size:10px}
  .hero-sub{font-size:16px}
  .principle-intro{font-size:17px}
  .principle-detail{font-size:15px}
  .capability-group li{font-size:10px}
  .universe-copy p{font-size:15px}
  .universe-hint{font-size:9px}
  .world-name{font-size:10px}
  .world-card-kicker{font-size:9px}
  .world-keywords{font-size:12px}
  .world-card p{font-size:13px}
  .world-more{font-size:10px}
  .connect-card-copy p{font-size:15px}
  .connect-feature p{font-size:14px}
  .references-head>p{font-size:16px}
  .reference-text{font-size:15px}
  .references-foot{font-size:12px}
  .beyond-text{font-size:16px}
  .contact-final-text{font-size:16px}
}


/* =========================================================
   V0.8.5 — SCROLL COMFORT + LEERFEGER LIGHT CONTRAST
   ========================================================= */

/*
 * The proximity snap from 0.8.4 looked elegant in isolation but could
 * feel sticky on trackpads / mouse wheels. Normal scrolling wins here.
 * Anchor/menu jumps remain smooth through html{scroll-behavior:smooth}.
 */
@media (min-width:901px){
  html{scroll-snap-type:none!important;scroll-padding-top:0}
  .scene{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
}
.scene{scroll-margin-top:0}

/*
 * Leerfeger: keep the bright contrast against the darker reference cards,
 * but move away from beige and the hard dark-green/lime pairing.
 * Think cool mineral / frosted-sage with a softer green accent.
 */
.ref-leerfeger .reference-preview{
  background:
    radial-gradient(circle at 84% 72%,rgba(177,218,126,.42),transparent 31%),
    radial-gradient(circle at 18% 16%,rgba(121,207,220,.20),transparent 34%),
    linear-gradient(135deg,#edf2f1 0%,#e5ece9 48%,#dce7e3 100%);
  color:#17211d;
}
.ref-leerfeger .preview-chrome{
  background:rgba(24,39,34,.08);
  border-bottom-color:rgba(31,58,48,.08);
  color:rgba(26,48,40,.62);
}
.ref-leerfeger .preview-stage small{color:#5f8d69}
.ref-leerfeger .preview-stage strong{
  color:#18211e;
  font-size:clamp(20px,1.9vw,29px);
  line-height:1.04;
  max-width:82%;
}
.ref-leerfeger .preview-stage span{color:#63756c}
.ref-leerfeger .preview-stage b{
  right:-6%;
  bottom:-46%;
  width:72%;
  height:122%;
  border-radius:50%;
  background:radial-gradient(circle at 38% 32%,rgba(185,226,126,.72) 0%,rgba(164,210,108,.42) 35%,rgba(124,190,105,.12) 61%,transparent 74%);
  filter:blur(7px);
  opacity:.88;
}

/* Keep the signal dialog firmly in the viewport. This also prevents focus
 * inside the modal from making the document jump to its DOM position. */
.signal-dialog{
  position:fixed;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  margin:0;
  max-height:min(82svh,760px);
  overflow:auto;
}

@media(max-width:760px){
  .signal-dialog{max-height:88svh}
}

/* =========================================================
   V0.9.0 — GLOBAL HEADER CLEANUP + WORLD TEMPLATE: WEB
   ========================================================= */

/* The header must feel like part of the universe, never like a black strip. */
.topbar,
.topbar.is-compact{
  background:linear-gradient(180deg,rgba(3,8,16,.42) 0%,rgba(3,8,16,.16) 64%,rgba(3,8,16,0) 100%);
  border-bottom:0;
  box-shadow:none;
  backdrop-filter:blur(8px) saturate(1.05);
  -webkit-backdrop-filter:blur(8px) saturate(1.05);
}
.topbar::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 8% 38%,rgba(0,199,255,.045),transparent 30%),
    linear-gradient(90deg,rgba(3,8,16,.08),transparent 28%,transparent 100%);
}
.topbar-inner{position:relative;z-index:2}
.full-logo img{
  mix-blend-mode:screen;
  isolation:auto;
}
.full-logo::before{
  opacity:.30;
  filter:blur(18px);
}

/* ---------- WEB WORLD BASE / V0.9.2 ---------- */
body.we-web-page{
  --web-cyan:#00c7ff;
  --web-blue:#3d6cff;
  --web-ice:#dff7ff;
  --web-panel:rgba(5,15,29,.78);
  --web-line:rgba(88,190,236,.17);
  --web-soft:#91a8bc;
  background:#030813;
  font-size:17px;
}
.web-world-main{position:relative;z-index:2;overflow:hidden}
.web-scene{position:relative;min-height:100svh;padding:142px 0 105px;display:grid;align-items:center;isolation:isolate}
.web-scene::after{content:"";position:absolute;inset:0;z-index:-4;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,19,.02),rgba(3,8,19,.18))}
.web-world-index{display:flex;align-items:center;gap:13px;margin-bottom:30px;color:#9de8ff;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.web-world-index::before{content:"";width:27px;height:1px;background:var(--web-cyan);box-shadow:0 0 13px rgba(0,199,255,.45)}
.web-diagnose-head h2,.web-build-head h2,.web-contact-copy h2{margin:0;font-size:clamp(52px,5.4vw,86px);line-height:.96;letter-spacing:-.055em;color:#f5f9fc}
.web-diagnose-head h2 span,.web-build-head h2 span{color:#8fa7bb}
.web-diagnose-head>p,.web-build-head>p{margin:0;color:#9ab0c3;font-size:18px;line-height:1.72}

/* ---------- 01 / WEB HERO ---------- */
.web-hero{min-height:100svh;background:radial-gradient(ellipse at 14% 45%,rgba(0,199,255,.10),transparent 34%),radial-gradient(ellipse at 88% 44%,rgba(61,108,255,.11),transparent 38%)}
.web-hero::before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at var(--web-pointer-x,72%) var(--web-pointer-y,45%),rgba(120,220,255,.06),transparent 24%)}
.web-grid-space{position:absolute;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.web-grid-plane{position:absolute;left:-10%;right:-10%;bottom:-15%;height:58%;opacity:.31;transform:perspective(640px) rotateX(67deg);transform-origin:center bottom;background-image:linear-gradient(rgba(0,199,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(0,199,255,.075) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to top,#000,transparent 80%);-webkit-mask-image:linear-gradient(to top,#000,transparent 80%)}
.web-grid-glow{position:absolute;left:50%;bottom:-17%;width:64vw;height:39vw;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(0,199,255,.09),rgba(61,108,255,.035) 38%,transparent 70%);filter:blur(36px)}
.web-hero-shell{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.72fr);gap:clamp(48px,6vw,92px);align-items:center}
.web-hero-left{min-width:0}
.web-hero-frame{position:relative;border:1px solid rgba(94,199,244,.23);border-radius:27px;padding:24px 30px 33px;background:linear-gradient(135deg,rgba(5,18,34,.52),rgba(4,11,24,.17));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 30px 90px rgba(0,26,50,.16);backdrop-filter:blur(7px)}
.web-hero-frame::after{content:"";position:absolute;inset:11px;border:1px solid rgba(69,167,216,.055);border-radius:19px;pointer-events:none}
.web-frame-meta{position:relative;z-index:2;margin-bottom:24px;display:flex;justify-content:space-between;color:#58798f;font-size:9px;letter-spacing:.17em;text-transform:uppercase}
.web-frame-meta span:last-child{color:#6bbcd8}
.web-frame-corner{position:absolute;width:32px;height:32px;pointer-events:none}
.web-frame-corner--tl{left:-1px;top:-1px;border-left:2px solid var(--web-cyan);border-top:2px solid var(--web-cyan);border-radius:27px 0 0 0;filter:drop-shadow(0 0 8px rgba(0,199,255,.35))}
.web-frame-corner--br{right:-1px;bottom:-1px;border-right:2px solid var(--web-cyan);border-bottom:2px solid var(--web-cyan);border-radius:0 0 27px 0;filter:drop-shadow(0 0 8px rgba(0,199,255,.35))}
.web-hero h1{position:relative;z-index:2;margin:0;font-size:clamp(58px,5.85vw,100px);line-height:.92;letter-spacing:-.062em;color:#f5f9fc;font-weight:800}
.web-hero h1 span{color:#8da6bb;font-style:normal}
.web-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#dff9ff 0%,var(--web-cyan) 43%,#627dff 100%);-webkit-background-clip:text;background-clip:text}
.web-lead{max-width:860px;margin:28px 0 0;color:#a9bccb;font-size:19px;line-height:1.67}
.web-capability-line{margin-top:28px;display:flex;align-items:center;gap:11px;flex-wrap:wrap;color:#91adc0;font-size:10px;font-weight:700;letter-spacing:.14em}
.web-capability-line i{width:4px;height:4px;border-radius:50%;background:var(--web-cyan);box-shadow:0 0 10px rgba(0,199,255,.8)}
.web-hero-interface{position:relative;min-height:520px;perspective:1200px;transform-style:preserve-3d}
.web-browser-window,.web-browser-shadow{position:absolute;width:min(560px,42vw);aspect-ratio:1.2/1;border-radius:24px;border:1px solid rgba(79,186,237,.20);background:linear-gradient(160deg,rgba(7,22,39,.88),rgba(3,10,21,.74));box-shadow:0 38px 100px rgba(0,29,60,.24);transform-style:preserve-3d}
.web-browser-shadow{right:-2%;top:18%;background:transparent;box-shadow:none;pointer-events:none}
.web-browser-shadow--one{transform:translate3d(32px,-27px,-50px) rotateY(-8deg);opacity:.30}
.web-browser-shadow--two{transform:translate3d(64px,-53px,-90px) rotateY(-11deg);opacity:.14}
.web-browser-window{right:5%;top:19%;overflow:hidden;transform:rotateY(-7deg) rotateX(1deg);transition:transform .35s var(--ease),border-color .35s ease}
.web-hero-interface:hover .web-browser-window{border-color:rgba(0,199,255,.36)}
.web-browser-chrome{height:49px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:0 16px;border-bottom:1px solid rgba(85,185,231,.12);background:rgba(2,10,20,.55)}
.web-browser-dots{display:flex;gap:5px}.web-browser-dots i{width:6px;height:6px;border-radius:50%;background:#426277}.web-browser-dots i:first-child{background:#00c7ff;box-shadow:0 0 9px rgba(0,199,255,.55)}
.web-browser-address{height:27px;border:1px solid rgba(90,181,225,.10);border-radius:9px;padding:0 11px;display:flex;align-items:center;color:#57768b;font-size:8px;letter-spacing:.06em;background:rgba(255,255,255,.012)}
.web-browser-lock{color:#4e768d;font-size:7px}
.web-browser-page{padding:19px 20px 22px;height:calc(100% - 49px)}
.web-browser-nav{display:flex;align-items:center;gap:18px;height:38px;border-bottom:1px solid rgba(92,180,223,.09);color:#5d788b;font-size:8px;letter-spacing:.13em}
.web-browser-nav b{margin-right:auto;color:#eafaff;font-size:15px;letter-spacing:-.06em}
.web-browser-nav span{position:relative}.web-browser-nav span.is-active{color:#c8f5ff}.web-browser-nav span.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:1px;background:var(--web-cyan);box-shadow:0 0 9px var(--web-cyan)}
.web-browser-stage{position:relative;padding:47px 20px 20px;min-height:270px;overflow:hidden}
.web-browser-stage::after{content:"";position:absolute;width:240px;height:240px;right:-70px;bottom:-85px;border-radius:50%;background:radial-gradient(circle,rgba(61,108,255,.18),rgba(0,199,255,.05) 38%,transparent 72%);filter:blur(9px)}
.web-browser-label{position:relative;z-index:2;color:#6da6bf;font-size:8px;letter-spacing:.18em}
.web-browser-stage strong{position:relative;z-index:2;display:block;margin-top:12px;font-size:clamp(42px,4vw,64px);line-height:.88;letter-spacing:-.06em;color:#eefaff}
.web-browser-stage strong em{font-style:normal;color:var(--web-cyan)}
.web-browser-lines{position:relative;z-index:2;margin-top:28px;display:grid;gap:8px;width:55%}.web-browser-lines i{display:block;height:3px;border-radius:5px;background:linear-gradient(90deg,rgba(132,185,212,.33),rgba(132,185,212,.04))}.web-browser-lines i:nth-child(2){width:72%}.web-browser-lines i:nth-child(3){width:42%}
.web-interface-note{position:absolute;z-index:4;padding:9px 11px;border:1px solid rgba(75,181,233,.18);border-radius:9px;background:rgba(4,14,27,.76);backdrop-filter:blur(9px);color:#7fa6ba;font-size:8px;letter-spacing:.12em;box-shadow:0 10px 28px rgba(0,21,43,.18)}
.web-interface-note i{display:inline-block;width:5px;height:5px;margin-left:7px;border-radius:50%;background:var(--web-cyan);box-shadow:0 0 9px var(--web-cyan)}
.web-interface-note--a{left:1%;top:27%}.web-interface-note--b{right:-1%;bottom:24%}.web-interface-note--c{left:10%;bottom:8%}
.web-hero-signal{grid-column:1/2;width:min(760px,100%);margin-top:-2px;min-height:77px;padding:10px 12px 10px 21px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid rgba(74,183,238,.22);border-radius:19px;background:rgba(3,13,26,.69);backdrop-filter:blur(14px);color:#f5fbff;transition:.3s var(--ease)}
.web-hero-signal:hover,.web-hero-signal:focus-visible{transform:translateY(-2px);border-color:rgba(0,199,255,.48);box-shadow:0 18px 55px rgba(0,47,88,.22)}
.web-hero-signal span{font-size:17px;font-weight:600}.web-hero-signal small{display:block;margin-bottom:6px;color:#6c91a7;font-size:9px;letter-spacing:.18em;font-weight:700}.web-hero-signal>i{flex:0 0 auto;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:24px;background:var(--web-cyan);color:#00111a;box-shadow:0 0 28px rgba(0,199,255,.28);animation:webSignalPulse 2.7s ease-in-out infinite}
@keyframes webSignalPulse{50%{box-shadow:0 0 35px rgba(0,199,255,.48);transform:scale(1.025)}}

/* ---------- 02 / DIAGNOSE / STACKED BROWSER TABS ---------- */
.web-diagnose{background:radial-gradient(ellipse at 5% 38%,rgba(0,199,255,.07),transparent 31%),radial-gradient(ellipse at 88% 60%,rgba(61,108,255,.065),transparent 34%)}
.web-diagnose-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.62fr);gap:74px;align-items:end;margin-bottom:42px}
.web-tab-deck{position:relative}
.web-tab-stage{position:relative;height:490px;overflow:visible;isolation:isolate}
.web-problem-card{--card-x:0px;--card-y:0px;--card-scale:1;--card-opacity:1;position:absolute;left:50%;top:20px;width:min(780px,64vw);height:430px;padding:0;overflow:hidden;border:1px solid rgba(82,184,233,.18);border-radius:27px;background:linear-gradient(155deg,rgba(8,24,43,.94),rgba(3,12,25,.93));color:#f5f9fc;text-align:left;box-shadow:0 32px 90px rgba(0,18,41,.28);transform:translate3d(calc(-50% + var(--card-x)),var(--card-y),0) scale(var(--card-scale));opacity:var(--card-opacity);transform-origin:center center;transition:transform .62s cubic-bezier(.2,.8,.2,1),opacity .45s ease,border-color .35s ease,box-shadow .35s ease;will-change:transform,opacity}
.web-problem-card:not(.is-active){box-shadow:0 20px 60px rgba(0,12,30,.20);cursor:pointer}
.web-problem-card:hover,.web-problem-card:focus-visible{border-color:rgba(0,199,255,.36)}
.web-problem-card.is-active{border-color:rgba(0,199,255,.42);box-shadow:0 42px 120px rgba(0,29,68,.34),0 0 0 1px rgba(0,199,255,.04) inset}
.web-problem-chrome{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(86,182,226,.11);background:rgba(2,10,20,.54)}
.web-problem-chrome>span{display:flex;gap:6px}.web-problem-chrome i{display:block;width:6px;height:6px;border-radius:50%;background:#405f72}.web-problem-chrome i:first-child{background:var(--web-cyan);box-shadow:0 0 10px rgba(0,199,255,.55)}
.web-problem-chrome em{font-style:normal;color:#5e8198;font-size:9px;letter-spacing:.17em}
.web-problem-content{position:relative;height:calc(100% - 54px);padding:42px 48px 37px;display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,.42fr);grid-template-rows:auto auto 1fr;gap:0 35px;overflow:hidden}
.web-problem-content::before{content:"";position:absolute;right:-50px;top:-90px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(61,108,255,.19),rgba(0,199,255,.045) 42%,transparent 70%);filter:blur(13px)}
.web-problem-content::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,199,255,.32),transparent)}
.web-problem-content>small{grid-column:1/2;color:#68a5bf;font-size:10px;font-weight:700;letter-spacing:.18em}
.web-problem-content h3{grid-column:1/2;margin:15px 0 17px;font-size:clamp(44px,4.3vw,67px);line-height:.94;letter-spacing:-.055em;color:#f1f9fd}
.web-problem-content p{grid-column:1/2;margin:0;max-width:500px;color:#9eb2c2;font-size:17px;line-height:1.68}
.web-problem-effect{grid-column:2/3;grid-row:1/4;position:relative;z-index:2;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:20px 0 8px 24px;border-left:1px solid rgba(82,178,224,.11)}
.web-problem-effect span{color:#53758b;font-size:9px;letter-spacing:.18em}.web-problem-effect strong{margin-top:10px;color:#dff9ff;font-size:clamp(23px,2.2vw,34px);line-height:1;letter-spacing:-.045em;word-break:break-word}
.web-tab-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px}
.web-tab-arrow{width:45px;height:45px;border:1px solid rgba(83,181,229,.17);border-radius:50%;background:rgba(5,15,28,.54);color:#bfefff;font-size:18px;transition:.25s ease}.web-tab-arrow:hover,.web-tab-arrow:focus-visible{border-color:rgba(0,199,255,.42);background:rgba(0,199,255,.055);transform:translateY(-1px)}
.web-tab-count{min-width:82px;display:flex;align-items:center;justify-content:center;gap:8px;color:#536f82;font-size:10px;letter-spacing:.16em}.web-tab-count strong{color:#d8f7ff;font-style:normal}.web-tab-count em{font-style:normal}

/* ---------- 03 / BUILD / SYSTEM BOARD ---------- */
.web-build{background:radial-gradient(ellipse at 14% 70%,rgba(0,199,255,.05),transparent 29%),radial-gradient(ellipse at 84% 21%,rgba(61,108,255,.06),transparent 30%)}
.web-build-head{display:grid;grid-template-columns:1fr .78fr;gap:76px;align-items:end;margin-bottom:42px}
.web-system-board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:230px 220px 210px;gap:14px}
.web-board-card{position:relative;overflow:hidden;padding:23px 24px;border:1px solid rgba(78,177,224,.15);border-radius:24px;background:linear-gradient(155deg,rgba(8,23,40,.80),rgba(4,12,24,.75));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .34s var(--ease),border-color .34s ease,box-shadow .34s ease,background .34s ease;isolation:isolate}
.web-board-card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 16%,rgba(0,199,255,.08),transparent 33%);opacity:.45;transition:opacity .34s ease}
.web-board-card::after{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-100px;bottom:-110px;border-radius:50%;background:radial-gradient(circle,rgba(61,108,255,.12),transparent 70%);filter:blur(8px);transition:transform .45s var(--ease),opacity .35s ease}
.web-board-card:hover,.web-board-card:focus-visible{outline:none;transform:translateY(-4px);border-color:rgba(0,199,255,.34);box-shadow:0 22px 58px rgba(0,26,58,.20)}
.web-board-card:hover::before,.web-board-card:focus-visible::before{opacity:1}.web-board-card:hover::after,.web-board-card:focus-visible::after{transform:scale(1.17);opacity:.95}
.web-board-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.web-board-top>span{color:var(--web-cyan);font-size:9px;font-weight:700;letter-spacing:.15em}.web-board-top small{color:#6e8da1;font-size:9px;font-weight:700;letter-spacing:.15em}
.web-board-card h3{margin:0;color:#f2f9fd;font-size:clamp(24px,2.4vw,38px);line-height:1.02;letter-spacing:-.045em}.web-board-card p{position:relative;z-index:2;margin:13px 0 0;color:#8fa7b9;font-size:15px;line-height:1.56;max-width:520px}
.web-board-tags{position:absolute;left:24px;bottom:22px;display:flex;gap:7px;flex-wrap:wrap}.web-board-tags span{padding:6px 8px;border:1px solid rgba(81,177,224,.12);border-radius:999px;color:#64869b;font-size:8px;letter-spacing:.12em}
.web-board-card--strategy{grid-column:1/3;grid-row:1/3}.web-board-card--experience{grid-column:3/5;grid-row:1/2}.web-board-card--build{grid-column:5/7;grid-row:1/2}.web-board-card--visibility{grid-column:3/6;grid-row:2/4}.web-board-card--performance{grid-column:6/7;grid-row:2/4}.web-board-card--run{grid-column:1/3;grid-row:3/4}
.web-board-card--strategy h3{font-size:clamp(34px,3.15vw,52px);max-width:380px}.web-board-card--visibility h3{font-size:clamp(32px,3vw,50px);max-width:630px}.web-board-card--performance h3{font-size:clamp(22px,1.8vw,31px)}.web-board-card--performance p{font-size:14px}
.web-board-graphic{position:absolute;right:18px;bottom:17px;pointer-events:none;opacity:.72}
.web-board-graphic--strategy{width:170px;height:150px}.web-board-graphic--strategy i{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--web-cyan);box-shadow:0 0 12px rgba(0,199,255,.48)}.web-board-graphic--strategy i:nth-child(1){left:15px;top:76px}.web-board-graphic--strategy i:nth-child(2){left:82px;top:25px}.web-board-graphic--strategy i:nth-child(3){right:10px;bottom:22px}.web-board-graphic--strategy b{position:absolute;left:18px;top:32px;width:135px;height:78px;border-left:1px solid rgba(0,199,255,.22);border-bottom:1px solid rgba(0,199,255,.22);transform:skewY(-18deg) rotate(-6deg)}
.web-board-graphic--experience{width:150px;height:92px}.web-board-graphic--experience i{position:absolute;inset:0;border:1px solid rgba(93,186,229,.17);border-radius:12px}.web-board-graphic--experience i:nth-child(2){transform:translate(-13px,11px);opacity:.55}.web-board-graphic--experience i:nth-child(3){transform:translate(-26px,22px);opacity:.25}
.web-board-graphic--build{width:120px;height:104px;display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.web-board-graphic--build i{border:1px solid rgba(0,199,255,.18);background:rgba(0,199,255,.025);border-radius:9px}.web-board-graphic--build i:nth-child(1){box-shadow:0 0 18px rgba(0,199,255,.08)}
.web-board-graphic--visibility{width:260px;height:180px;right:30px;bottom:22px}.web-board-graphic--visibility i{position:absolute;border:1px solid rgba(0,199,255,.18);border-radius:50%}.web-board-graphic--visibility i:nth-child(1){width:160px;height:160px;right:0;bottom:0}.web-board-graphic--visibility i:nth-child(2){width:110px;height:110px;right:25px;bottom:25px}.web-board-graphic--visibility i:nth-child(3){width:52px;height:52px;right:54px;bottom:54px;border-color:rgba(0,199,255,.38);box-shadow:0 0 26px rgba(0,199,255,.12)}.web-board-graphic--visibility b{position:absolute;width:100px;height:1px;right:127px;bottom:80px;background:linear-gradient(90deg,transparent,var(--web-cyan));box-shadow:0 0 10px rgba(0,199,255,.45)}
.web-board-graphic--performance{width:100px;height:70px;right:12px;bottom:18px}.web-board-graphic--performance i{position:absolute;left:0;right:0;top:35px;height:1px;background:linear-gradient(90deg,transparent,var(--web-cyan),transparent);box-shadow:0 0 10px rgba(0,199,255,.4);transform:rotate(-12deg)}
.web-board-graphic--run{width:120px;height:85px}.web-board-graphic--run i{display:block;height:17px;margin-bottom:8px;border:1px solid rgba(82,178,224,.16);border-radius:6px;background:linear-gradient(90deg,rgba(0,199,255,.04),transparent)}.web-board-graphic--run i::after{content:"";display:block;width:5px;height:5px;margin:5px 0 0 8px;border-radius:50%;background:var(--web-cyan);box-shadow:0 0 8px var(--web-cyan)}
.web-board-seo{max-width:1050px;margin:24px 0 0;color:#7891a4;font-size:15px;line-height:1.65}

/* ---------- 04 / SIGNAL / WORLD WIDE WEB ---------- */
.web-contact{text-align:center;min-height:90svh;background:radial-gradient(ellipse at 50% 52%,rgba(0,199,255,.075),rgba(61,108,255,.035) 28%,transparent 54%)}
.web-contact-shell{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}
.web-contact .web-world-index{justify-content:center}
.web-contact-copy{max-width:950px}.web-contact-copy h2{font-size:clamp(50px,5.5vw,86px)}.web-contact-copy h2 span{color:transparent;background:linear-gradient(90deg,#dff8ff,var(--web-cyan),#617cff);-webkit-background-clip:text;background-clip:text}
.web-network{position:absolute;inset:5% -7% -8%;z-index:-1;opacity:.42;pointer-events:none;mask-image:radial-gradient(ellipse at center,#000 17%,rgba(0,0,0,.78) 48%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse at center,#000 17%,rgba(0,0,0,.78) 48%,transparent 78%)}
.web-network svg{width:100%;height:100%;overflow:visible}.web-network-lines path{fill:none;stroke:rgba(87,183,229,.19);stroke-width:1}.web-network-nodes circle{fill:#081b2c;stroke:rgba(0,199,255,.52);stroke-width:1}.web-network-pulse{fill:rgba(0,199,255,.15);stroke:rgba(0,199,255,.76);stroke-width:1;filter:drop-shadow(0 0 8px rgba(0,199,255,.55));transform-box:fill-box;transform-origin:center;animation:webNetworkPulse 4.8s ease-in-out infinite}.web-network-pulse--b{animation-delay:-1.7s}.web-network-pulse--c{animation-delay:-3.1s}
@keyframes webNetworkPulse{0%,100%{transform:scale(.55);opacity:.22}50%{transform:scale(1.6);opacity:.88}}
.web-contact-input{position:relative;z-index:2;width:min(820px,100%);margin-top:38px;min-height:77px;padding:10px 12px 10px 21px;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid rgba(79,185,242,.24);border-radius:19px;background:rgba(3,13,26,.77);backdrop-filter:blur(16px);color:#f5fbff;transition:.3s var(--ease);box-shadow:0 20px 60px rgba(0,24,52,.12)}
.web-contact-input:hover,.web-contact-input:focus-visible{transform:translateY(-2px);border-color:rgba(0,199,255,.50);box-shadow:0 22px 60px rgba(0,47,88,.22)}
.web-contact-input span{font-size:17px;font-weight:600}.web-contact-input small{display:block;margin-bottom:5px;color:#6387a0;font-size:9px;letter-spacing:.18em}.web-contact-input i{width:50px;height:50px;flex:0 0 auto;border-radius:14px;display:grid;place-items:center;background:var(--web-cyan);color:#00111b;font-style:normal;font-size:22px;box-shadow:0 0 30px rgba(0,199,255,.24)}
.web-contact-note{max-width:690px;margin:20px auto 0;color:#93aabd;font-size:17px;line-height:1.65}
.web-contact-prompts{position:relative;z-index:2;margin-top:17px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;max-width:950px}.web-contact-prompts button{padding:9px 12px;border-radius:999px;border:1px solid rgba(82,176,224,.14);background:rgba(6,16,28,.34);color:#829eb1;font-size:11px;transition:.22s ease}.web-contact-prompts button:hover,.web-contact-prompts button:focus-visible{color:#eaf8ff;border-color:rgba(0,199,255,.36);background:rgba(0,199,255,.045)}

/* ---------- WEB RESPONSIVE ---------- */
@media(max-width:1180px){
  .web-hero-shell{grid-template-columns:1fr .62fr;gap:36px}.web-browser-window,.web-browser-shadow{width:min(500px,44vw)}
  .web-system-board{grid-template-rows:230px 220px 210px}.web-board-card{padding:20px}.web-board-card p{font-size:14px}.web-board-tags{left:20px;bottom:19px}
}
@media(max-width:980px){
  .web-scene{min-height:auto;padding:112px 0 92px}
  .web-hero{min-height:100svh}.web-hero-shell{grid-template-columns:1fr}.web-hero-interface{min-height:380px;margin-top:0}.web-browser-window,.web-browser-shadow{width:min(600px,74vw);right:6%;top:7%}.web-interface-note--a{left:4%;top:19%}.web-interface-note--c{left:11%;bottom:1%}.web-hero-signal{grid-column:auto;margin-top:0}
  .web-diagnose-head,.web-build-head{grid-template-columns:1fr;gap:22px}.web-diagnose-head>p,.web-build-head>p{max-width:750px}
  .web-tab-stage{height:455px}.web-problem-card{width:min(720px,76vw);height:405px}.web-problem-content{padding:36px 38px 32px}.web-problem-content h3{font-size:52px}
  .web-system-board{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:12px}.web-board-card{grid-column:auto!important;grid-row:auto!important;min-height:260px}.web-board-card--strategy,.web-board-card--visibility{min-height:360px}.web-board-card--performance{min-height:280px}.web-board-card--strategy h3,.web-board-card--visibility h3{font-size:38px}
}
@media(max-width:700px){
  body.we-web-page{font-size:16px}.web-scene{padding:100px 0 80px}.web-world-index{font-size:10px;margin-bottom:22px}
  .web-hero-frame{padding:19px 18px 24px;border-radius:22px}.web-hero h1{font-size:clamp(46px,13vw,67px)}.web-frame-meta{margin-bottom:18px}.web-lead{font-size:17px;line-height:1.6}.web-capability-line{font-size:9px;gap:9px;margin-top:24px}
  .web-hero-interface{min-height:305px}.web-browser-window,.web-browser-shadow{width:92vw;right:-23%;top:6%;transform:rotateY(-6deg) scale(.78);transform-origin:center}.web-browser-shadow--one{transform:translate3d(26px,-21px,-50px) rotateY(-7deg) scale(.78)}.web-browser-shadow--two{display:none}.web-interface-note--a{left:2%;top:27%}.web-interface-note--b{right:0;bottom:20%}.web-interface-note--c{display:none}.web-browser-nav{gap:10px}.web-browser-nav span:nth-of-type(3),.web-browser-nav span:nth-of-type(4){display:none}
  .web-hero-signal{min-height:72px;padding-left:16px}.web-hero-signal span{font-size:14px}.web-hero-signal>i{width:46px;height:46px}
  .web-diagnose-head h2,.web-build-head h2,.web-contact-copy h2{font-size:clamp(42px,11.5vw,60px)}.web-diagnose-head>p,.web-build-head>p{font-size:16px}
  .web-tab-stage{position:relative;height:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 7vw 14px;margin:0 -7vw;scrollbar-width:none}.web-tab-stage::-webkit-scrollbar{display:none}.web-problem-card{position:relative!important;left:auto!important;top:auto!important;flex:0 0 84vw;width:84vw;height:430px;transform:none!important;opacity:1!important;scroll-snap-align:center;border-radius:22px}.web-problem-card:not(.is-active){opacity:.58!important}.web-problem-content{grid-template-columns:1fr;padding:30px 24px}.web-problem-content h3{font-size:43px}.web-problem-content p{font-size:15px}.web-problem-effect{grid-column:1;grid-row:auto;margin-top:25px;padding:17px 0 0;border-left:0;border-top:1px solid rgba(82,178,224,.11)}.web-problem-effect strong{font-size:27px}.web-tab-controls{margin-top:7px}
  .web-system-board{grid-template-columns:1fr}.web-board-card{min-height:245px}.web-board-card--strategy,.web-board-card--visibility{min-height:335px}.web-board-card--performance{min-height:250px}.web-board-card h3,.web-board-card--strategy h3,.web-board-card--visibility h3{font-size:34px}.web-board-card p{font-size:15px}.web-board-seo{font-size:14px}
  .web-contact{min-height:82svh}.web-contact-input{margin-top:32px}.web-contact-input span{font-size:14px}.web-contact-note{font-size:16px}.web-contact-prompts{justify-content:flex-start;width:100%}.web-contact-prompts button{font-size:10px}.web-network{inset:10% -55% -4%;opacity:.32}
}
@media(prefers-reduced-motion:reduce){
  .web-grid-plane,.web-grid-glow,.web-hero-signal>i,.web-network-pulse{animation:none!important}.web-problem-card,.web-board-card,.web-browser-window{transition:none!important}
}

/* ---------- WEB WORLD REFINEMENT / V0.9.3 ---------- */
/* 01 / HERO — freer type, brighter custom interface, subtle network */
.web-hero-v093{min-height:100svh;padding-top:124px;padding-bottom:70px;overflow:hidden}
.web-hero-shell-v093{grid-template-columns:minmax(0,.92fr) minmax(430px,.78fr);gap:clamp(48px,6vw,96px);align-items:center}
.web-hero-left-v093{position:relative;z-index:3;padding-top:6px}
.web-hero-meta{display:flex;align-items:center;gap:18px;margin:-4px 0 18px;color:#5f8197;font-size:9px;letter-spacing:.18em;text-transform:uppercase}
.web-hero-meta span:last-child{color:#8adcf3}
.web-hero-v093 h1{max-width:800px;font-size:clamp(50px,4.65vw,78px);line-height:.95;letter-spacing:-.057em}
.web-hero-v093 .web-lead{max-width:760px;margin-top:23px;font-size:18px;line-height:1.64}
.web-hero-v093 .web-capability-line{margin-top:23px}
.web-hero-signal-v093{grid-column:auto;width:min(720px,100%);margin-top:26px;min-height:70px}
.web-hero-interface-v093{min-height:490px}
.web-hero-network{position:absolute;z-index:-1;right:-3vw;top:9%;width:min(58vw,900px);height:78%;pointer-events:none;opacity:.58;mask-image:radial-gradient(ellipse at 62% 48%,#000 20%,rgba(0,0,0,.82) 54%,transparent 82%);-webkit-mask-image:radial-gradient(ellipse at 62% 48%,#000 20%,rgba(0,0,0,.82) 54%,transparent 82%)}
.web-hero-network svg{width:100%;height:100%;overflow:visible}.hero-net-lines path{fill:none;stroke:url(#heroNetLine);stroke-width:1}.hero-net-nodes circle{fill:#061626;stroke:rgba(71,210,255,.52);stroke-width:1}.hero-net-pulse{fill:rgba(0,199,255,.08);stroke:rgba(97,222,255,.74);stroke-width:1;filter:url(#heroNetGlow);transform-box:fill-box;transform-origin:center;animation:webHeroNetPulse 5.8s ease-in-out infinite}.hero-net-pulse--b{animation-delay:-2.6s}
@keyframes webHeroNetPulse{0%,100%{transform:scale(.55);opacity:.2}50%{transform:scale(1.7);opacity:.88}}
.web-browser-window-v093{width:min(590px,43vw);right:1%;top:12%;aspect-ratio:1.18/1;border-color:rgba(64,203,255,.28);background:linear-gradient(160deg,rgba(5,18,35,.96),rgba(2,8,20,.92));box-shadow:0 42px 120px rgba(0,30,69,.35),0 0 0 1px rgba(0,199,255,.025) inset}
.web-browser-page-v093{padding:16px 18px 20px;background:linear-gradient(145deg,rgba(0,199,255,.025),rgba(98,82,255,.028))}
.web-browser-nav-v093{color:#6d8798}.web-browser-nav-v093 b{color:#e7faff;font-size:14px}.web-browser-nav-v093 span.is-active{color:#c6f8ff}
.web-browser-stage-v093{min-height:320px;padding:38px 26px 20px;background:radial-gradient(circle at 82% 28%,rgba(129,64,255,.28),transparent 26%),radial-gradient(circle at 72% 78%,rgba(0,199,255,.20),transparent 31%),linear-gradient(135deg,#071526 0%,#0c1732 48%,#13152d 100%);border-radius:15px;overflow:hidden}
.web-browser-stage-v093::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.035) 50%,transparent 71%);transform:translateX(-75%);animation:webPopSheen 8s ease-in-out infinite}
@keyframes webPopSheen{0%,55%{transform:translateX(-75%);opacity:0}70%{opacity:1}100%{transform:translateX(75%);opacity:0}}
.web-pop-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.82}.web-pop-orb--a{width:170px;height:170px;right:34px;top:38px;background:radial-gradient(circle at 38% 35%,#88f0ff 0,#00c7ff 25%,#4f65ff 54%,rgba(79,101,255,0) 73%);box-shadow:0 0 55px rgba(0,199,255,.28)}.web-pop-orb--b{width:118px;height:118px;right:128px;bottom:22px;background:radial-gradient(circle at 35% 35%,#ffb7ff 0,#a05cff 29%,#2b60ff 62%,transparent 73%);opacity:.52}
.web-pop-copy{position:relative;z-index:2;max-width:66%}.web-pop-copy>span{color:#9fdcf2;font-size:8px;font-weight:700;letter-spacing:.18em}.web-pop-copy strong{display:block;margin-top:17px;color:#f7fbff;font-size:clamp(38px,3.6vw,58px);line-height:.85;letter-spacing:-.055em}.web-pop-copy strong em{font-style:normal;color:transparent;background:linear-gradient(90deg,#8ef4ff,#00c7ff 48%,#8d6cff);-webkit-background-clip:text;background-clip:text}.web-pop-copy p{max-width:260px;margin:17px 0 0;color:#99b3c6;font-size:11px;line-height:1.55}
.web-pop-cards{position:absolute;z-index:3;right:18px;bottom:19px;display:flex;gap:7px}.web-pop-cards i{width:58px;height:61px;padding:10px 9px;border-radius:12px;border:1px solid rgba(125,220,255,.18);background:rgba(4,12,28,.58);backdrop-filter:blur(10px);font-style:normal;box-shadow:0 14px 35px rgba(0,0,0,.18)}.web-pop-cards b{display:block;color:#dffaff;font-size:18px;letter-spacing:-.04em}.web-pop-cards span{display:block;margin-top:5px;color:#6f91a8;font-size:7px;letter-spacing:.13em}

/* 02 / WEBSITE-HERAUSFORDERUNGEN — one expanding browser-tab stage */
.web-challenges{background:radial-gradient(ellipse at 8% 48%,rgba(0,199,255,.065),transparent 32%),radial-gradient(ellipse at 90% 52%,rgba(71,82,255,.055),transparent 34%)}
.web-challenges-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.62fr);gap:74px;align-items:end;margin-bottom:44px}
.web-challenges-head h2{margin:0;font-size:clamp(46px,4.65vw,74px);line-height:.96;letter-spacing:-.052em;color:#f5f9fc}.web-challenges-head h2 span{color:#90a7ba}.web-challenges-head>p{margin:0;color:#9ab0c3;font-size:18px;line-height:1.72}
.web-challenge-tabs{display:flex;width:100%;height:470px;gap:10px;align-items:stretch;overflow:hidden}
.web-challenge-tab{position:relative;flex:0 0 92px;min-width:0;border:1px solid rgba(77,177,224,.17);border-radius:24px;overflow:hidden;background:linear-gradient(150deg,rgba(7,20,37,.87),rgba(3,10,22,.84));color:#f4fbff;cursor:pointer;transition:flex-basis .62s cubic-bezier(.2,.82,.2,1),border-color .32s ease,background .32s ease,box-shadow .38s ease;box-shadow:0 22px 64px rgba(0,17,38,.16)}
.web-challenge-tab:hover,.web-challenge-tab:focus-visible{outline:none;border-color:rgba(0,199,255,.42);background:linear-gradient(150deg,rgba(7,29,49,.92),rgba(3,13,27,.88))}.web-challenge-tab.is-active{flex:1 1 auto;cursor:default;border-color:rgba(0,199,255,.45);box-shadow:0 36px 100px rgba(0,29,68,.28)}
.web-challenge-rail{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px 0 22px;transition:opacity .28s ease}.web-challenge-rail span{color:#5f8da6;font-size:9px;font-weight:700;letter-spacing:.17em}.web-challenge-rail strong{writing-mode:vertical-rl;transform:rotate(180deg);color:#7793a7;font-size:11px;letter-spacing:.18em;font-weight:700;transition:color .25s ease}.web-challenge-tab:hover .web-challenge-rail strong,.web-challenge-tab:focus-visible .web-challenge-rail strong{color:#b9f4ff;text-shadow:0 0 20px rgba(0,199,255,.35)}.web-challenge-tab.is-active .web-challenge-rail{opacity:0;pointer-events:none}
.web-challenge-panel{height:100%;min-width:650px;opacity:0;transform:translateX(14px);transition:opacity .34s ease .12s,transform .44s cubic-bezier(.2,.82,.2,1) .08s}.web-challenge-tab.is-active .web-challenge-panel{opacity:1;transform:none}.web-challenge-chrome{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(78,180,228,.11);background:rgba(2,9,18,.50)}.web-challenge-chrome>span{display:flex;gap:6px}.web-challenge-chrome i{display:block;width:6px;height:6px;border-radius:50%;background:#3d5a6e}.web-challenge-chrome i:first-child{background:var(--web-cyan);box-shadow:0 0 9px rgba(0,199,255,.62)}.web-challenge-chrome em{font-style:normal;color:#5f8298;font-size:9px;letter-spacing:.16em}
.web-challenge-copy{position:relative;height:calc(100% - 52px);display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:auto auto 1fr;gap:0 38px;padding:48px 48px 40px;overflow:hidden}.web-challenge-copy::before{content:"";position:absolute;right:-60px;top:-105px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(61,108,255,.19),rgba(0,199,255,.05) 42%,transparent 71%);filter:blur(13px)}.web-challenge-copy small{grid-column:1;color:#6ca8c0;font-size:10px;font-weight:700;letter-spacing:.18em}.web-challenge-copy h3{grid-column:1;margin:14px 0 18px;color:#f3faff;font-size:clamp(42px,4.15vw,64px);line-height:.94;letter-spacing:-.054em}.web-challenge-copy>p{grid-column:1;max-width:540px;margin:0;color:#9eb3c4;font-size:17px;line-height:1.7}.web-challenge-copy>div{grid-column:2;grid-row:1/4;align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:0 0 10px 27px;border-left:1px solid rgba(82,178,224,.12)}.web-challenge-copy>div span{color:#58798f;font-size:9px;letter-spacing:.18em}.web-challenge-copy>div strong{margin-top:10px;color:#dff9ff;font-size:clamp(23px,2.1vw,34px);line-height:.97;letter-spacing:-.043em;word-break:break-word}
.web-challenge-hint{margin:15px 0 0;text-align:center;color:#637f92;font-size:10px;letter-spacing:.12em}.web-challenge-hint span{color:#99dff1}

/* 03 / BUILD — tiles assemble into a monitor */
.web-build-v093{padding-bottom:82px;background:radial-gradient(ellipse at 13% 65%,rgba(0,199,255,.045),transparent 30%),radial-gradient(ellipse at 84% 20%,rgba(61,108,255,.055),transparent 31%)}
.web-build-head-v093{margin-bottom:34px}.web-build-head-v093 h2{font-size:clamp(46px,4.75vw,76px)}
.web-monitor{position:relative;max-width:1200px;margin:0 auto;padding-bottom:92px;perspective:1200px}
.web-monitor-screen{position:relative;border:1px solid rgba(74,179,230,.22);border-radius:27px;background:linear-gradient(160deg,rgba(6,19,35,.86),rgba(3,11,23,.90));box-shadow:0 34px 100px rgba(0,18,42,.24),inset 0 1px 0 rgba(255,255,255,.022);overflow:hidden}
.web-monitor-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 67% 55%,rgba(0,199,255,.045),transparent 36%)}
.web-monitor-bar{height:45px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(79,181,229,.10);color:#5d8096;font-size:8px;letter-spacing:.16em}.web-monitor-bar>span{display:flex;gap:5px;margin-right:17px}.web-monitor-bar i{width:5px;height:5px;border-radius:50%;background:#3d6075}.web-monitor-bar i:first-child{background:var(--web-cyan);box-shadow:0 0 8px rgba(0,199,255,.6)}.web-monitor-bar em{font-style:normal}.web-monitor-bar b{margin-left:auto;color:#65a9bf;font-size:8px;font-weight:600}
.web-monitor-grid{display:grid;grid-template-columns:1.22fr .88fr .88fr;grid-template-rows:205px 220px 185px;gap:11px;padding:11px}
.web-monitor-card{position:relative;overflow:hidden;padding:21px 22px;border:1px solid rgba(76,170,214,.12);border-radius:18px;background:linear-gradient(150deg,rgba(9,26,44,.72),rgba(4,13,25,.68));transition:transform .85s cubic-bezier(.16,.82,.18,1),opacity .62s ease,border-color .3s ease,box-shadow .3s ease;isolation:isolate}.web-monitor-card:hover{border-color:rgba(0,199,255,.31);box-shadow:0 16px 42px rgba(0,31,66,.17)}
.web-monitor:not(.is-assembled) .web-monitor-card{opacity:0}.web-monitor:not(.is-assembled) .web-monitor-card--strategy{transform:translate(-90px,-42px) rotate(-2deg)}.web-monitor:not(.is-assembled) .web-monitor-card--experience{transform:translate(0,-80px) rotate(1.5deg)}.web-monitor:not(.is-assembled) .web-monitor-card--build{transform:translate(86px,-45px) rotate(2deg)}.web-monitor:not(.is-assembled) .web-monitor-card--visibility{transform:translate(-70px,58px) rotate(-1.5deg)}.web-monitor:not(.is-assembled) .web-monitor-card--performance{transform:translate(84px,28px) rotate(2deg)}.web-monitor:not(.is-assembled) .web-monitor-card--run{transform:translate(25px,80px) rotate(-1deg)}
.web-monitor-card--strategy{grid-column:1;grid-row:1/3;transition-delay:.03s}.web-monitor-card--experience{grid-column:2;grid-row:1;transition-delay:.10s}.web-monitor-card--build{grid-column:3;grid-row:1;transition-delay:.16s}.web-monitor-card--visibility{grid-column:2/4;grid-row:2/4;transition-delay:.22s}.web-monitor-card--performance{grid-column:1;grid-row:3;transition-delay:.28s}.web-monitor-card--run{grid-column:3;grid-row:3;transition-delay:.34s}
.web-monitor-card .web-board-top{margin-bottom:14px}.web-monitor-card h3{margin:0;color:#eaf5fb;font-size:clamp(22px,2.15vw,35px);line-height:1.02;letter-spacing:-.044em}.web-monitor-card p{position:relative;z-index:2;max-width:520px;margin:12px 0 0;color:#8fa8b9;font-size:14px;line-height:1.58}.web-monitor-card--strategy h3{font-size:clamp(29px,2.7vw,44px)}.web-monitor-card--visibility h3{max-width:650px;font-size:clamp(30px,3vw,47px)}.web-monitor-card--visibility h3,.web-monitor-card--performance h3 span{color:#d9f8ff}.web-monitor-card--performance h3{font-size:clamp(25px,2.35vw,37px)}.web-monitor-card--run{grid-column:2;grid-row:3}.web-monitor-card--visibility{grid-column:2/4;grid-row:2}.web-monitor-card--performance{grid-column:1;grid-row:3}
.web-monitor-mini{position:absolute;right:17px;bottom:15px;opacity:.62;pointer-events:none}.web-monitor-mini--nodes{width:148px;height:120px}.web-monitor-mini--nodes i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--web-cyan);box-shadow:0 0 10px rgba(0,199,255,.5)}.web-monitor-mini--nodes i:nth-child(1){left:9px;bottom:22px}.web-monitor-mini--nodes i:nth-child(2){left:67px;top:18px}.web-monitor-mini--nodes i:nth-child(3){right:8px;bottom:12px}.web-monitor-mini--nodes b{position:absolute;left:13px;top:25px;width:116px;height:70px;border-left:1px solid rgba(0,199,255,.2);border-bottom:1px solid rgba(0,199,255,.2);transform:skewY(-18deg) rotate(-6deg)}
.web-monitor-mini--frames{width:118px;height:72px}.web-monitor-mini--frames i{position:absolute;inset:0;border:1px solid rgba(89,186,229,.18);border-radius:10px}.web-monitor-mini--frames i:nth-child(2){transform:translate(-10px,9px);opacity:.55}.web-monitor-mini--frames i:nth-child(3){transform:translate(-20px,18px);opacity:.26}
.web-monitor-mini--blocks{width:96px;height:78px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.web-monitor-mini--blocks i{border:1px solid rgba(0,199,255,.18);border-radius:7px;background:rgba(0,199,255,.02)}
.web-monitor-mini--orbit{width:210px;height:150px}.web-monitor-mini--orbit i{position:absolute;border:1px solid rgba(0,199,255,.16);border-radius:50%}.web-monitor-mini--orbit i:nth-child(1){width:140px;height:140px;right:0;bottom:0}.web-monitor-mini--orbit i:nth-child(2){width:96px;height:96px;right:22px;bottom:22px}.web-monitor-mini--orbit i:nth-child(3){width:42px;height:42px;right:49px;bottom:49px;border-color:rgba(0,199,255,.35);box-shadow:0 0 22px rgba(0,199,255,.10)}.web-monitor-mini--orbit b{position:absolute;width:80px;height:1px;right:111px;bottom:69px;background:linear-gradient(90deg,transparent,var(--web-cyan))}
.web-monitor-mini--pulse{width:95px;height:55px}.web-monitor-mini--pulse i{position:absolute;left:0;right:0;top:29px;height:1px;background:linear-gradient(90deg,transparent,var(--web-cyan),transparent);box-shadow:0 0 9px rgba(0,199,255,.38);transform:rotate(-9deg)}
.web-monitor-mini--server{width:96px}.web-monitor-mini--server i{display:block;height:14px;margin-bottom:6px;border:1px solid rgba(80,177,224,.14);border-radius:5px}.web-monitor-mini--server i::after{content:"";display:block;width:4px;height:4px;margin:4px 0 0 7px;border-radius:50%;background:var(--web-cyan);box-shadow:0 0 7px var(--web-cyan)}
.web-monitor-neck{position:absolute;left:50%;bottom:31px;width:88px;height:64px;transform:translateX(-50%);border-left:1px solid rgba(75,179,228,.22);border-right:1px solid rgba(75,179,228,.22);background:linear-gradient(90deg,transparent,rgba(0,199,255,.025),transparent);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%)}.web-monitor-base{position:absolute;left:50%;bottom:17px;width:240px;height:14px;transform:translateX(-50%);border:1px solid rgba(75,179,228,.20);border-radius:50%;background:rgba(5,17,30,.60);box-shadow:0 8px 30px rgba(0,33,68,.16)}
.web-board-seo-v093{max-width:1000px;margin:5px auto 0;text-align:center;font-size:14px;line-height:1.65}

/* 04 / SIGNAL — lighter, curved web network */
.web-contact-v093{min-height:88svh}.web-contact-v093 .web-contact-copy h2{font-size:clamp(46px,4.9vw,76px)}
.web-network-v093{inset:1% -4% -2%;opacity:.62;mask-image:radial-gradient(ellipse at center,#000 14%,rgba(0,0,0,.78) 48%,transparent 86%);-webkit-mask-image:radial-gradient(ellipse at center,#000 14%,rgba(0,0,0,.78) 48%,transparent 86%)}
.web-network-lines--curved path{fill:none;stroke-width:1;stroke:url(#webNetGradA);opacity:.52}.web-network-lines--curved path:nth-child(even){stroke:url(#webNetGradB);opacity:.38}.web-network-nodes--fine circle{fill:#071523;stroke:rgba(82,213,255,.55);stroke-width:.8;filter:drop-shadow(0 0 4px rgba(0,199,255,.25))}.web-network-halos circle{fill:none;stroke:rgba(0,199,255,.12);stroke-width:1;filter:url(#webNetSoftGlow)}.web-path-pulse{fill:#bff7ff;filter:drop-shadow(0 0 7px rgba(0,199,255,.9));opacity:.85}

@media(max-width:1180px){
  .web-hero-shell-v093{grid-template-columns:1fr .68fr;gap:40px}.web-browser-window-v093{width:min(520px,43vw)}
  .web-challenge-tab{flex-basis:78px}.web-challenge-panel{min-width:580px}.web-challenge-copy{grid-template-columns:minmax(0,1fr) 160px;padding:42px 38px 35px}
  .web-monitor-grid{grid-template-rows:195px 210px 175px}.web-monitor-card{padding:18px}
}
@media(max-width:980px){
  .web-hero-v093{padding-top:112px;padding-bottom:74px}.web-hero-shell-v093{grid-template-columns:1fr}.web-hero-v093 h1{max-width:760px;font-size:clamp(50px,8.2vw,74px)}.web-hero-interface-v093{min-height:390px}.web-browser-window-v093{width:min(620px,75vw);right:4%;top:2%}.web-hero-network{right:-18vw;top:34%;width:95vw;height:55%;opacity:.42}.web-hero-signal-v093{margin-top:24px}
  .web-challenges-head{grid-template-columns:1fr;gap:19px}.web-challenges-head>p{max-width:760px}.web-challenge-tabs{height:440px}.web-challenge-tab{flex-basis:66px}.web-challenge-panel{min-width:520px}.web-challenge-copy{grid-template-columns:1fr 145px;padding:38px 31px 31px}.web-challenge-copy h3{font-size:46px}.web-challenge-copy>p{font-size:16px}
  .web-monitor-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px}.web-monitor-card,.web-monitor-card--strategy,.web-monitor-card--experience,.web-monitor-card--build,.web-monitor-card--visibility,.web-monitor-card--performance,.web-monitor-card--run{grid-column:auto;grid-row:auto;min-height:235px}.web-monitor-card--strategy,.web-monitor-card--visibility{grid-column:1/3;min-height:280px}.web-monitor-card--run{grid-column:1/3;min-height:210px}
}
@media(max-width:700px){
  .web-hero-v093{min-height:auto;padding-top:100px}.web-hero-v093 h1{font-size:clamp(43px,11.8vw,60px)}.web-hero-meta{font-size:8px}.web-hero-v093 .web-lead{font-size:16px}.web-hero-interface-v093{min-height:310px}.web-browser-window-v093{width:94vw;right:-28%;top:0;transform:rotateY(-5deg) scale(.78);transform-origin:center}.web-pop-copy strong{font-size:40px}.web-pop-cards{display:none}.web-hero-network{right:-52vw;top:45%;width:140vw;height:47%;opacity:.35}.web-hero-signal-v093{min-height:69px}.web-hero-signal-v093 span{font-size:14px}
  .web-challenges-head h2{font-size:clamp(40px,11vw,57px)}.web-challenges-head>p{font-size:16px}.web-challenge-tabs{height:auto;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:3px 7vw 14px;margin:0 -7vw;scrollbar-width:none}.web-challenge-tabs::-webkit-scrollbar{display:none}.web-challenge-tab,.web-challenge-tab.is-active{position:relative;flex:0 0 84vw;width:84vw;height:410px;scroll-snap-align:center}.web-challenge-rail{display:none}.web-challenge-panel{min-width:0;opacity:1!important;transform:none!important}.web-challenge-copy{grid-template-columns:1fr;padding:30px 24px}.web-challenge-copy h3{font-size:40px}.web-challenge-copy>p{font-size:15px}.web-challenge-copy>div{grid-column:1;grid-row:auto;margin-top:24px;padding:16px 0 0;border-left:0;border-top:1px solid rgba(82,178,224,.12)}.web-challenge-copy>div strong{font-size:27px}.web-challenge-hint{text-align:left}
  .web-build-head-v093 h2{font-size:clamp(40px,11vw,58px)}.web-monitor{padding-bottom:70px}.web-monitor-grid{grid-template-columns:1fr}.web-monitor-card,.web-monitor-card--strategy,.web-monitor-card--experience,.web-monitor-card--build,.web-monitor-card--visibility,.web-monitor-card--performance,.web-monitor-card--run{grid-column:auto;min-height:220px}.web-monitor-card--strategy,.web-monitor-card--visibility{min-height:280px}.web-monitor-card h3,.web-monitor-card--strategy h3,.web-monitor-card--visibility h3{font-size:31px}.web-monitor-card p{font-size:15px}.web-monitor-neck{width:66px;height:49px;bottom:27px}.web-monitor-base{width:180px}
  .web-contact-v093{min-height:82svh}.web-contact-v093 .web-contact-copy h2{font-size:clamp(40px,10.5vw,57px)}.web-network-v093{inset:9% -72% -3%;opacity:.42}.web-path-pulse{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-net-pulse,.web-browser-stage-v093::before,.web-path-pulse{animation:none!important;display:none}.web-monitor-card{transition:none!important;opacity:1!important;transform:none!important}.web-challenge-tab,.web-challenge-panel{transition:none!important}
}
.web-monitor-card--experience h3{color:#b9d0de}.web-monitor-card--build h3{color:#dff8ff}.web-monitor-card--run h3{color:#c4d5df}.web-monitor-card--performance h3 span{color:#67ddff}.web-monitor-card--run{grid-column:2/4;grid-row:3}
@media(max-width:980px){.web-monitor-card--run{grid-column:1/3;grid-row:auto}}
@media(max-width:700px){.web-monitor-card--run{grid-column:auto}}


/* =========================================================
   V0.9.4 — WEB: TYPOGRAPHY, POSITIVE CHALLENGES, 100SVH FIT
   ========================================================= */

/* Keep the WEB world visually continuous. Individual scenes no longer lay a
 * darker full-viewport wash on top of the shared universe background. */
.web-world-main::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-5;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 10% 13%,rgba(0,199,255,.075),transparent 22%),
    radial-gradient(ellipse at 88% 31%,rgba(61,108,255,.055),transparent 24%),
    radial-gradient(ellipse at 14% 62%,rgba(0,199,255,.045),transparent 22%),
    radial-gradient(ellipse at 82% 84%,rgba(61,108,255,.045),transparent 23%);
}
.web-scene::after{display:none}
.web-challenges{background:transparent}
.web-build-v093{background:transparent}
.web-contact-v093{background:transparent}

/* 01 — a clean three-line hero rather than a stair-step headline. */
.web-hero-v093{padding-top:116px;padding-bottom:58px}
.web-hero-shell-v093{grid-template-columns:minmax(0,1.06fr) minmax(430px,.76fr);gap:clamp(44px,5.5vw,84px)}
.web-hero-title-v094{max-width:none!important;font-size:clamp(48px,4.05vw,67px)!important;line-height:.96!important;letter-spacing:-.052em!important}
.web-hero-title-v094 .web-hero-title-line{display:block;color:#f5f9fc;font-style:normal}
.web-hero-title-v094 .web-hero-title-line b{font-weight:800;color:#8da6bb}
.web-hero-title-v094 .web-hero-title-line em{font-style:normal;color:transparent;background:linear-gradient(90deg,#dff9ff 0%,var(--web-cyan) 43%,#627dff 100%);-webkit-background-clip:text;background-clip:text}
.web-hero-v093 .web-lead{margin-top:20px;font-size:17px;line-height:1.58}
.web-hero-v093 .web-capability-line{margin-top:20px}
.web-hero-signal-v093{margin-top:22px;min-height:69px}
.web-pop-cards i{min-width:58px}
.web-pop-cards i:first-child b{font-size:15px;letter-spacing:-.04em}
.web-interface-note--a{left:0;top:31%}.web-interface-note--b{right:-3%;bottom:31%}.web-interface-note--c{left:14%;bottom:7%}

/* 02 — two-line section title and positive outcome language in the tabs. */
.web-challenges{padding-top:112px;padding-bottom:76px}
.web-challenges-head{grid-template-columns:minmax(0,1.18fr) minmax(320px,.58fr);gap:58px;margin-bottom:34px}
.web-challenges-title-v094{font-size:clamp(42px,3.75vw,61px)!important;line-height:.98!important;letter-spacing:-.045em!important}
.web-challenges-title-v094 .web-challenges-title-line{display:block;white-space:nowrap}
.web-challenges-title-v094 .web-challenges-title-muted{color:#90a7ba}
.web-challenges-head>p{font-size:17px;line-height:1.62;max-width:470px}
.web-challenge-tabs{height:430px;gap:9px}
.web-challenge-tab{flex-basis:86px;border-radius:22px}
.web-challenge-panel{min-width:700px}
.web-challenge-copy{grid-template-columns:minmax(0,1fr) 235px;grid-template-rows:auto auto 1fr;gap:0 34px;padding:38px 42px 34px}
.web-challenge-copy h3{margin:12px 0 15px;font-size:clamp(38px,3.15vw,52px);line-height:.98;letter-spacing:-.046em}
.web-challenge-copy>p{max-width:610px;font-size:17px;line-height:1.62;color:#a5b7c5}
.web-challenge-copy>div{padding-left:25px}
.web-challenge-copy>div strong{font-size:clamp(22px,1.7vw,29px);line-height:1;word-break:normal;overflow-wrap:normal;hyphens:none}
.web-challenge-rail strong{font-size:10px}
.web-challenge-hint{margin-top:12px}

/* 03 — the monitor now fits into one desktop viewport, with all copy visible. */
.web-build-v093{min-height:100svh;padding-top:92px;padding-bottom:48px;align-items:center}
.web-build-v093 .web-world-index{margin-bottom:18px}
.web-build-head-v093{margin-bottom:24px!important;align-items:end}
.web-build-title-v094{font-size:clamp(40px,3.75vw,61px)!important;line-height:.98!important;letter-spacing:-.047em!important}
.web-build-title-v094>span{display:block}.web-build-title-v094>span:last-child{color:#8fa7bb}
.web-build-head-v093>p{font-size:16px;line-height:1.58;max-width:560px}
.web-monitor{max-width:1080px;padding-bottom:58px}
.web-monitor-bar{height:38px}
.web-monitor-grid{grid-template-columns:1.2fr .9fr .9fr;grid-template-rows:148px 148px 122px;gap:9px;padding:9px}
.web-monitor-card{padding:16px 17px;border-radius:15px}
.web-monitor-card .web-board-top{margin-bottom:9px}
.web-monitor-card h3{font-size:clamp(20px,1.65vw,28px);line-height:1.01}
.web-monitor-card p{margin-top:8px;font-size:13px;line-height:1.45}
.web-monitor-card--strategy h3{font-size:clamp(24px,2.05vw,34px)}
.web-monitor-card--visibility h3{max-width:610px;font-size:clamp(24px,2.15vw,35px)}
.web-monitor-card--performance h3{font-size:clamp(21px,1.75vw,29px);line-height:.98}
.web-monitor-card--strategy{grid-column:1;grid-row:1/3}
.web-monitor-card--experience{grid-column:2;grid-row:1}
.web-monitor-card--build{grid-column:3;grid-row:1}
.web-monitor-card--visibility{grid-column:2/4;grid-row:2}
.web-monitor-card--performance{grid-column:1;grid-row:3}
.web-monitor-card--run{grid-column:2/4;grid-row:3}
.web-monitor-mini{transform:scale(.82);transform-origin:right bottom;opacity:.48}
.web-monitor-neck{bottom:20px;width:72px;height:44px}
.web-monitor-base{bottom:11px;width:205px;height:11px}
.web-board-seo-v093{max-width:920px;margin:1px auto 0;font-size:13px;line-height:1.5}

/* On a desktop-height viewport, keep the whole monitor composition visible. */
@media (min-width:981px) and (max-height:850px){
  .web-build-v093{padding-top:76px;padding-bottom:34px}
  .web-build-v093 .web-world-index{margin-bottom:13px}
  .web-build-head-v093{margin-bottom:17px!important}
  .web-build-title-v094{font-size:clamp(36px,3.3vw,53px)!important}
  .web-build-head-v093>p{font-size:15px}
  .web-monitor{max-width:1010px;padding-bottom:50px}
  .web-monitor-grid{grid-template-rows:133px 132px 108px}
  .web-monitor-card{padding:14px 15px}
  .web-monitor-card h3{font-size:23px}.web-monitor-card--strategy h3,.web-monitor-card--visibility h3{font-size:29px}.web-monitor-card--performance h3{font-size:24px}
  .web-monitor-card p{font-size:12px}
  .web-board-seo-v093{font-size:12px}
}

@media(max-width:1180px){
  .web-hero-title-v094{font-size:clamp(46px,4.6vw,61px)!important}
  .web-challenges-title-v094 .web-challenges-title-line{white-space:normal}
  .web-challenge-panel{min-width:610px}.web-challenge-copy{grid-template-columns:minmax(0,1fr) 190px;padding:34px 34px 30px}.web-challenge-copy>p{font-size:16px}
}
@media(max-width:980px){
  .web-hero-title-v094{font-size:clamp(48px,7.3vw,68px)!important}.web-hero-title-v094 .web-hero-title-line{white-space:normal}
  .web-challenges{padding-top:100px}.web-challenges-head{grid-template-columns:1fr;gap:17px}.web-challenges-title-v094{font-size:clamp(40px,7.4vw,58px)!important}.web-challenges-title-v094 .web-challenges-title-line{white-space:normal}
  .web-challenge-tabs{height:410px}.web-challenge-panel{min-width:530px}.web-challenge-copy{grid-template-columns:1fr 155px;padding:31px 27px}.web-challenge-copy h3{font-size:40px}.web-challenge-copy>div strong{font-size:23px}
  .web-build-v093{min-height:auto;padding:96px 0 78px}.web-build-head-v093{margin-bottom:28px!important}.web-monitor{max-width:100%;padding-bottom:72px}.web-monitor-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.web-monitor-card,.web-monitor-card--strategy,.web-monitor-card--experience,.web-monitor-card--build,.web-monitor-card--visibility,.web-monitor-card--performance,.web-monitor-card--run{grid-column:auto;grid-row:auto;min-height:220px}.web-monitor-card--strategy,.web-monitor-card--visibility,.web-monitor-card--run{grid-column:1/3}.web-monitor-card--strategy,.web-monitor-card--visibility{min-height:265px}.web-monitor-card--run{min-height:200px}
}
@media(max-width:700px){
  .web-hero-title-v094{font-size:clamp(40px,10.6vw,55px)!important}.web-hero-v093 .web-lead{font-size:16px}
  .web-challenges-title-v094{font-size:clamp(38px,10vw,52px)!important}.web-challenge-tab,.web-challenge-tab.is-active{height:450px}.web-challenge-copy{grid-template-columns:1fr;padding:27px 22px}.web-challenge-copy h3{font-size:35px}.web-challenge-copy>p{font-size:15px;line-height:1.55}.web-challenge-copy>div{grid-column:1;grid-row:auto;margin-top:20px;padding:14px 0 0;border-left:0;border-top:1px solid rgba(82,178,224,.12)}
  .web-build-title-v094{font-size:clamp(38px,9.8vw,52px)!important}.web-monitor-grid{grid-template-columns:1fr}.web-monitor-card,.web-monitor-card--strategy,.web-monitor-card--experience,.web-monitor-card--build,.web-monitor-card--visibility,.web-monitor-card--performance,.web-monitor-card--run{grid-column:auto;min-height:215px}.web-monitor-card--strategy,.web-monitor-card--visibility{min-height:270px}.web-monitor-card--run{min-height:205px}.web-monitor-card h3,.web-monitor-card--strategy h3,.web-monitor-card--visibility h3{font-size:29px}.web-monitor-card p{font-size:15px}.web-board-seo-v093{font-size:14px}
}


/* =========================================================
   V0.9.5 — WEB: HERO CLEANUP, SEAM FIXES, HOLOGRAM TUNING
   ========================================================= */

/* 01 — hero sits a little higher, feels cleaner and loses the badge clutter. */
.web-hero-v093{padding-top:102px!important;padding-bottom:72px!important;align-items:center}
.web-hero-shell-v093{align-items:center!important}
.web-hero-left-v093,.web-hero-interface-v093{align-self:center}
.web-hero-left-v093{transform:translateY(-10px)}
.web-hero-interface-v093{transform:translateY(-8px);min-height:470px}

/* Remove the extra badge language in the hero mockup/floating notes. */
.web-pop-cards,.web-interface-note{display:none!important}

/* The browser shadow should not read like a hard section divider below. */
.web-browser-window,.web-browser-shadow{box-shadow:0 22px 64px rgba(0,24,54,.16)!important}
.web-browser-shadow{opacity:.12!important;filter:blur(10px)}
.web-browser-shadow--one{opacity:.12!important}
.web-browser-shadow--two{opacity:.05!important}

/* Subtle highlight on the emphasized word instead of a flat grey. */
.web-hero-title-v094 .web-hero-title-line b{
  color:transparent!important;
  background:linear-gradient(180deg,#f7fbff 0%,#cad7e1 92%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
}

/* 02 — remove the muted grey from the section title and hide old content instantly
   when a new tab becomes active, so the right-side title does not flash while closing. */
.web-challenges-title-v094 .web-challenges-title-muted{color:#f5f9fc!important}
.web-challenge-panel{visibility:hidden;pointer-events:none}
.web-challenge-tab.is-active .web-challenge-panel{visibility:visible;pointer-events:auto}

/* 03 — keep the build headline clean white, tighten the text block,
   and turn the monitor into a softly floating hologram. */
.web-build-head{gap:92px!important}
.web-build-title-v094>span:last-child{color:#f5f9fc!important}
.web-build-head-v093>p{max-width:500px!important;line-height:1.5!important}

.web-monitor{padding-bottom:74px!important}
.web-monitor-screen,.web-monitor-neck{transition:transform .9s cubic-bezier(.2,.82,.2,1),opacity .6s ease}
.web-monitor-base{transition:box-shadow .9s ease,opacity .6s ease,transform .9s cubic-bezier(.2,.82,.2,1)}
.web-monitor:not(.is-assembled) .web-monitor-screen,
.web-monitor:not(.is-assembled) .web-monitor-neck{
  opacity:.72;
  transform:translateY(18px) scale(.985);
}
.web-monitor:not(.is-assembled) .web-monitor-base{
  opacity:.6;
  transform:translateX(-50%) scale(.96);
}
.web-monitor.is-assembled .web-monitor-screen,
.web-monitor.is-assembled .web-monitor-neck{
  animation:webMonitorFloat 6.8s ease-in-out 1.05s infinite;
}
.web-monitor.is-assembled .web-monitor-base{
  box-shadow:0 16px 42px rgba(0,33,68,.20),0 0 34px rgba(0,199,255,.08);
}
.web-monitor-base::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:150%;
  height:240%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,199,255,.09),rgba(0,199,255,.025) 28%,transparent 66%);
  filter:blur(24px);
  opacity:.55;
  z-index:-1;
}
@keyframes webMonitorFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-9px)}
}

/* Slightly calmer on smaller desktop heights too. */
@media (min-width:981px) and (max-height:850px){
  .web-hero-v093{padding-top:96px!important;padding-bottom:60px!important}
  .web-hero-left-v093{transform:translateY(-6px)}
  .web-hero-interface-v093{transform:translateY(-5px)}
  .web-build-head{gap:74px!important}
  .web-build-head-v093>p{max-width:470px!important}
}

@media(max-width:980px){
  .web-hero-left-v093,.web-hero-interface-v093{transform:none}
  .web-pop-cards{display:none!important}
  .web-build-head{gap:28px!important}
}

@media(max-width:700px){.web-challenge-panel{visibility:visible!important;pointer-events:auto!important}}


/* =========================================================
   V0.9.6 — WEB: HERO ALIGN, SMOOTH CONTINUITY, MONITOR POLISH
   ========================================================= */

/* 01 — Hero: center the right screen against the left content and keep the
   interaction focused on the right side only. */
.web-hero-v093{padding-top:108px!important;padding-bottom:60px!important}
.web-hero-shell-v093{align-items:center!important}
.web-hero-left-v093{display:flex;flex-direction:column;justify-content:center;min-height:590px;transform:none!important}
.web-hero-interface-v093{display:flex;align-items:center;justify-content:center;min-height:590px;transform:none!important}
.web-browser-window-v093{right:auto!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotateY(-7deg) rotateX(1deg)!important}
.web-browser-shadow,.web-browser-shadow--one,.web-browser-shadow--two{display:none!important}

/* The hero mockup now holds its extra badges in the lower empty area. */
.web-browser-window-v093{overflow:visible!important;transition:transform .35s var(--ease),border-color .35s ease,box-shadow .35s ease}
.web-browser-window-v093:hover{border-color:rgba(0,199,255,.38)!important;box-shadow:0 34px 92px rgba(0,31,69,.28),0 0 36px rgba(0,199,255,.08)!important}
.web-hero-interface-v093:hover .web-browser-window-v093{transform:translate(-50%,-50%) rotateY(-7deg) rotateX(1deg)!important}

.web-pop-cards--dock{
  display:flex!important;
  position:absolute;
  left:26px;
  right:26px;
  bottom:22px;
  justify-content:flex-start;
  gap:10px;
  z-index:4;
  pointer-events:none;
}
.web-pop-cards--dock i{
  min-width:74px;
  padding:10px 12px 9px;
  border-radius:14px;
  border:1px solid rgba(74,181,232,.14);
  background:linear-gradient(180deg,rgba(7,24,41,.88),rgba(5,18,32,.74));
  box-shadow:0 16px 28px rgba(0,20,42,.10);
  transition:transform .4s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease;
}
.web-pop-cards--dock i b{font-size:15px}
.web-pop-cards--dock i span{font-size:9px;letter-spacing:.18em}
.web-browser-window-v093:hover .web-pop-cards--dock i{
  transform:translateY(-4px);
  border-color:rgba(0,199,255,.28);
  box-shadow:0 18px 32px rgba(0,22,45,.16),0 0 0 1px rgba(0,199,255,.03) inset;
}
.web-browser-window-v093:hover .web-pop-cards--dock i:nth-child(2){transform:translateY(-8px)}
.web-browser-window-v093:hover .web-pop-cards--dock i:nth-child(3){transform:translateY(-5px)}

/* White → soft-grey emphasis rather than a flat grey fill. */
.web-hero-title-v094 .web-hero-title-line b,
.web-challenges-title-v094 .web-challenges-title-muted,
.web-build-title-v094>span:first-child{
  color:transparent!important;
  background:linear-gradient(180deg,#f6fbff 0%,#c6d5df 92%);
  -webkit-background-clip:text;
  background-clip:text;
}
.web-build-title-v094>span:last-child{color:#f5f9fc!important}

/* 02 — remove the perceived seam between section one and two and open the spacing. */
.web-hero-v093::after,.web-challenges::before{display:none!important}
.web-grid-space,.web-grid-plane,.web-grid-glow{pointer-events:none}
.web-grid-plane{opacity:.88}
.web-challenges{margin-top:0!important;padding-top:124px!important;background:transparent!important}
.web-challenges-shell{position:relative;z-index:2}
.web-challenges-head{margin-bottom:54px!important;align-items:start!important}
.web-challenges-head>p{margin-top:12px!important}

/* Tabs should not show leftover copy while collapsing. */
.web-challenge-tab{overflow:hidden}
.web-challenge-panel{visibility:hidden;pointer-events:none;overflow:hidden}
.web-challenge-tab.is-active .web-challenge-panel{visibility:visible;pointer-events:auto}

/* 03 — more air above the board section and a cleaner, assembled monitor. */
.web-build-v093{padding-top:122px!important}
.web-build-head-v093{margin-bottom:44px!important;align-items:start!important}
.web-build-head-v093>p{max-width:520px!important;margin-top:16px!important;line-height:1.56!important}
.web-monitor{padding-bottom:92px!important}

/* Cards appear individually, then the monitor frame/glow resolves around them. */
.web-monitor-screen{position:relative;box-shadow:0 26px 82px rgba(0,18,42,.18),inset 0 1px 0 rgba(255,255,255,.022)!important}
.web-monitor-screen::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:27px;
  border:1px solid rgba(95,209,255,.0);
  box-shadow:0 0 0 rgba(0,199,255,0);
  opacity:0;
  transform:scale(.985);
  transition:opacity .42s ease 0s,transform .7s cubic-bezier(.2,.82,.2,1) .36s,border-color .7s ease .36s,box-shadow .7s ease .36s;
  pointer-events:none;
}
.web-monitor:not(.is-assembled) .web-monitor-screen::before{opacity:0;transform:scale(.985)}
.web-monitor.is-assembled .web-monitor-screen::before{
  opacity:1;
  transform:scale(1);
  border-color:rgba(96,212,255,.22);
  box-shadow:0 0 0 1px rgba(0,199,255,.02) inset,0 0 36px rgba(0,199,255,.08);
}
.web-monitor-card{transition:transform .85s cubic-bezier(.16,.82,.18,1),opacity .62s ease,border-color .3s ease,box-shadow .3s ease,filter .45s ease}
.web-monitor:not(.is-assembled) .web-monitor-card{opacity:0;filter:blur(2px)}
.web-monitor.is-assembled .web-monitor-card{filter:blur(0)}

/* Monitor base glow should read clearly as a hologram shadow. */
.web-monitor-base{
  bottom:10px!important;
  width:220px!important;
  height:12px!important;
  background:rgba(5,17,30,.46)!important;
  box-shadow:0 14px 34px rgba(0,33,68,.15),0 0 24px rgba(0,199,255,.08)!important;
}
.web-monitor-base::after{
  width:190%!important;
  height:280%!important;
  background:radial-gradient(circle,rgba(72,217,255,.26) 0%,rgba(0,199,255,.12) 24%,rgba(0,199,255,.025) 46%,transparent 70%)!important;
  filter:blur(22px)!important;
  opacity:.92!important;
}
.web-monitor.is-assembled .web-monitor-base{
  box-shadow:0 14px 34px rgba(0,33,68,.14),0 0 40px rgba(71,220,255,.16)!important;
}
.web-monitor.is-assembled .web-monitor-screen,.web-monitor.is-assembled .web-monitor-neck{animation:webMonitorFloatSoft 7s ease-in-out 1.05s infinite}
@keyframes webMonitorFloatSoft{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Performance headline in one line. */
.web-monitor-card--performance h3{white-space:nowrap;letter-spacing:-.05em}

/* Mobile / smaller desktop refinements. */
@media (min-width:981px) and (max-height:860px){
  .web-hero-left-v093,.web-hero-interface-v093{min-height:550px}
  .web-browser-window-v093{width:min(540px,41vw)}
}
@media(max-width:980px){
  .web-hero-left-v093,.web-hero-interface-v093{min-height:auto}
  .web-browser-window-v093{left:auto!important;right:4%!important;top:2%!important;transform:rotateY(-5deg) scale(.78)!important}
  .web-pop-cards--dock{left:16px;right:16px;bottom:16px;gap:8px}
  .web-pop-cards--dock i{min-width:62px;padding:8px 10px}
  .web-challenges{padding-top:104px!important}
  .web-build-v093{padding-top:104px!important}
  .web-build-head-v093{margin-bottom:30px!important}
  .web-monitor-card--performance h3{white-space:normal}
}
@media(max-width:700px){
  .web-pop-cards--dock{display:none!important}
}


/* =========================================================
   V0.9.7 — HERO ACTION CARD + SECTION CONTINUITY + ICON POLISH
   ========================================================= */

/* --- Hero interactive tab/card --- */
.web-browser-window-v093{
  cursor:pointer;
  outline:none;
}
.web-browser-window-v093:focus-visible{
  border-color:rgba(0,199,255,.44)!important;
  box-shadow:0 34px 92px rgba(0,31,69,.32),0 0 0 1px rgba(0,199,255,.22),0 0 36px rgba(0,199,255,.09)!important;
}
.web-browser-flip{
  position:relative;
  width:100%;
  height:100%;
  transform-style:preserve-3d;
  transition:transform .8s cubic-bezier(.2,.82,.2,1);
}
.web-browser-window-v093.is-flipped .web-browser-flip{transform:rotateY(180deg)}
.web-browser-face{
  position:absolute;
  inset:0;
  border-radius:inherit;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  overflow:hidden;
  background:linear-gradient(160deg,rgba(5,18,35,.96),rgba(2,8,20,.92));
}
.web-browser-face--back{transform:rotateY(180deg)}
.web-browser-page--action{display:flex;flex-direction:column;height:calc(100% - 49px);padding:19px 20px 22px}
.web-browser-nav--action span.is-active::after{bottom:-14px}
.web-browser-action-stage{
  position:relative;
  flex:1;
  margin-top:10px;
  padding:34px 24px 24px;
  border-radius:18px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 18%,rgba(98,125,255,.22),transparent 30%),
    radial-gradient(circle at 19% 86%,rgba(0,199,255,.12),transparent 28%),
    linear-gradient(160deg,rgba(12,28,50,.80),rgba(6,16,31,.88));
  border:1px solid rgba(86,182,226,.10);
}
.web-browser-action-stage::before{
  content:"";
  position:absolute;
  right:-40px;
  bottom:-56px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,199,255,.20),rgba(98,125,255,.11) 44%,transparent 72%);
  filter:blur(8px);
}
.web-browser-action-stage small{
  position:relative;
  z-index:2;
  display:block;
  color:#7ebfe0;
  font-size:9px;
  font-weight:700;
  letter-spacing:.22em;
}
.web-browser-action-stage strong{
  position:relative;
  z-index:2;
  display:block;
  margin-top:12px;
  font-size:clamp(32px,3.2vw,50px);
  line-height:.93;
  letter-spacing:-.055em;
  color:#eefaff;
}
.web-browser-action-stage strong em{font-style:normal;color:var(--web-cyan)}
.web-browser-action-stage p{
  position:relative;
  z-index:2;
  max-width:380px;
  margin:14px 0 0;
  color:#a6c2d3;
  font-size:14px;
  line-height:1.62;
}
.web-browser-action-links{
  position:relative;
  z-index:2;
  display:flex;
  gap:12px;
  margin-top:22px;
  flex-wrap:wrap;
}
.web-browser-action-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:162px;
  padding:12px 16px;
  border-radius:12px;
  border:1px solid rgba(88,190,236,.18);
  background:rgba(4,14,27,.52);
  color:#e8f8ff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.web-browser-action-links a:hover,
.web-browser-action-links a:focus-visible{
  transform:translateY(-2px);
  border-color:rgba(0,199,255,.36);
  background:rgba(5,19,36,.68);
  box-shadow:0 14px 28px rgba(0,28,54,.18),0 0 0 1px rgba(0,199,255,.04) inset;
}
.web-browser-toggle-hint{
  position:absolute;
  right:20px;
  bottom:76px;
  z-index:6;
  padding:8px 11px;
  border-radius:999px;
  border:1px solid rgba(77,180,230,.16);
  background:rgba(4,14,27,.66);
  color:#7ea8bf;
  font-size:8px;
  font-weight:700;
  letter-spacing:.18em;
  opacity:.78;
}
.web-browser-window-v093.is-flipped .web-browser-toggle-hint{opacity:0;pointer-events:none}

/* Hero badges should sit as a clean full-width strip inside the tab. */
.web-pop-cards--dock{
  left:20px!important;
  right:20px!important;
  bottom:18px!important;
  gap:8px!important;
}
.web-pop-cards--dock i{
  flex:1 1 0!important;
  min-width:0!important;
  padding:9px 10px 8px!important;
  border-radius:12px!important;
  text-align:left;
}
.web-pop-cards--dock i b{display:block}
.web-pop-cards--dock i span{display:block;margin-top:2px}

/* --- Section transition smoothing --- */
.web-hero-v093{padding-bottom:120px!important}
.web-challenges{
  margin-top:-104px!important;
  padding-top:202px!important;
  background:transparent!important;
}
.web-challenges::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:210px;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(3,8,19,0) 0%,rgba(3,8,19,.18) 36%,rgba(3,8,19,0) 100%),
    radial-gradient(ellipse at 18% 6%,rgba(0,199,255,.065),transparent 46%),
    radial-gradient(ellipse at 84% 18%,rgba(61,108,255,.06),transparent 42%);
}
.web-challenges-head{margin-bottom:62px!important}
.web-challenges-head h2{
  overflow:visible;
  max-width:860px;
}
.web-challenges-title-v094{
  color:#f5f9fc!important;
  line-height:1.02!important;
}
.web-challenges-title-v094 .web-challenges-title-line:first-child{
  color:#f5f9fc!important;
}
.web-challenges-title-v094 .web-challenges-title-muted{
  color:transparent!important;
  background:linear-gradient(180deg,#f6fbff 0%,#c6d5df 92%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}

/* --- Build section monitor shadow / icon refinements --- */
.web-monitor-base{
  bottom:-12px!important;
  width:320px!important;
  height:54px!important;
  border:0!important;
  border-radius:50%!important;
  background:transparent!important;
  box-shadow:none!important;
}
.web-monitor-base::before{
  content:"";
  position:absolute;
  left:50%;
  top:16px;
  width:260px;
  height:18px;
  transform:translateX(-50%);
  border-radius:50%;
  background:rgba(7,18,30,.42);
  filter:blur(1px);
  opacity:.55;
}
.web-monitor-base::after{
  width:320px!important;
  height:94px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(76,221,255,.42) 0%,rgba(0,199,255,.18) 24%,rgba(0,199,255,.07) 48%,rgba(0,199,255,.0) 72%)!important;
  filter:blur(18px)!important;
  opacity:.98!important;
}
.web-monitor-mini--nodes{
  width:118px!important;
  height:92px!important;
  right:22px!important;
  bottom:18px!important;
  opacity:.56!important;
}
.web-monitor-mini--nodes b{
  position:absolute!important;
  left:18px!important;
  top:18px!important;
  width:82px!important;
  height:46px!important;
  border:1px solid rgba(0,199,255,.16)!important;
  border-top:0!important;
  border-bottom:0!important;
  border-radius:0!important;
  transform:none!important;
  background:linear-gradient(180deg,rgba(0,199,255,.03),rgba(0,199,255,.01))!important;
}
.web-monitor-mini--nodes i{
  width:82px!important;
  height:16px!important;
  left:18px!important;
  border-radius:50%!important;
  background:rgba(0,199,255,.02)!important;
  border:1px solid rgba(0,199,255,.18)!important;
  box-shadow:none!important;
}
.web-monitor-mini--nodes i:nth-child(1){top:12px!important;bottom:auto!important}
.web-monitor-mini--nodes i:nth-child(2){top:36px!important}
.web-monitor-mini--nodes i:nth-child(3){top:60px!important;right:auto!important;bottom:auto!important}

@media(max-width:980px){
  .web-browser-action-stage{padding:28px 18px 20px}
  .web-browser-action-stage strong{font-size:34px}
  .web-browser-action-links a{min-width:140px;padding:11px 14px;font-size:11px}
  .web-challenges{margin-top:-74px!important;padding-top:168px!important}
}
@media(max-width:700px){
  .web-browser-toggle-hint{display:none}
  .web-challenges{margin-top:-52px!important;padding-top:142px!important}
}


/* =========================================================
   V0.9.8 — HERO SPACING / NO SEAM / CLEAN MONITOR GLOW
   ========================================================= */

/* Keep browser window rounded and let hint sit outside cleanly. */
.web-browser-window-v093{
  border-radius:30px!important;
  overflow:visible!important;
}
.web-browser-flip,
.web-browser-face{border-radius:inherit}
.web-browser-face{
  box-shadow:inset 0 0 0 1px rgba(0,199,255,.04);
}

/* Front stage + badge spacing */
.web-browser-page-v093{padding-bottom:92px!important}
.web-browser-stage-v093{
  min-height:292px!important;
  border-radius:22px!important;
}
.web-pop-cards--dock{
  left:18px!important;
  right:18px!important;
  bottom:10px!important;
  gap:10px!important;
}
.web-pop-cards--dock i{
  border-radius:14px!important;
  padding:10px 11px 9px!important;
}
.web-browser-toggle-hint{
  right:6px!important;
  bottom:-28px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#81a8bd!important;
  font-size:8px!important;
  letter-spacing:.20em!important;
  opacity:.72!important;
  box-shadow:none!important;
}
.web-browser-window-v093.is-flipped .web-browser-toggle-hint{opacity:0!important}

/* Action side readability */
.web-browser-page--action{padding:19px 20px 18px!important}
.web-browser-action-stage{
  padding:28px 24px 22px!important;
  border-radius:22px!important;
}
.web-browser-action-stage strong{
  margin-top:10px!important;
  font-size:clamp(30px,3vw,45px)!important;
  line-height:.90!important;
  max-width:360px;
}
.web-browser-action-stage p{max-width:355px!important}

/* Remove seam between hero and section 2. */
.web-hero-v093{
  padding-bottom:144px!important;
}
.web-hero-v093::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:190px;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg,rgba(3,8,19,0) 0%,rgba(3,8,19,.18) 36%,rgba(3,8,19,.42) 100%),
    radial-gradient(ellipse at 18% 92%,rgba(0,199,255,.06),transparent 40%),
    radial-gradient(ellipse at 84% 86%,rgba(61,108,255,.06),transparent 38%);
}
.web-hero-v093 > *{position:relative;z-index:1}
.web-challenges{
  margin-top:-138px!important;
  padding-top:242px!important;
  background:transparent!important;
}
.web-challenges::before{
  top:-12px!important;
  height:246px!important;
  background:
    linear-gradient(180deg,rgba(3,8,19,.40) 0%,rgba(3,8,19,.12) 46%,rgba(3,8,19,0) 100%),
    radial-gradient(ellipse at 18% 10%,rgba(0,199,255,.058),transparent 44%),
    radial-gradient(ellipse at 84% 18%,rgba(61,108,255,.048),transparent 42%)!important;
}
.web-challenges-head{margin-bottom:68px!important}
.web-challenges-title-v094{
  line-height:1.05!important;
  padding-bottom:.12em!important;
}
.web-challenges-title-v094 .web-challenges-title-line{display:block;overflow:visible}

/* Monitor glow only, no visible base circle. */
.web-monitor{
  padding-bottom:74px!important;
}
.web-monitor-base{
  width:0!important;
  height:0!important;
  bottom:28px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.web-monitor-base::before{display:none!important}
.web-monitor-base::after{
  width:520px!important;
  height:108px!important;
  left:50%!important;
  top:0!important;
  transform:translate(-50%,0)!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(70,223,255,.34) 0%,rgba(0,199,255,.16) 28%,rgba(0,199,255,.05) 52%,rgba(0,199,255,0) 76%)!important;
  filter:blur(22px)!important;
  opacity:.95!important;
}

@media (max-width: 980px){
  .web-browser-stage-v093{min-height:274px!important}
  .web-challenges{
    margin-top:-96px!important;
    padding-top:188px!important;
  }
  .web-challenges::before{height:210px!important}
  .web-monitor-base::after{width:360px!important;height:84px!important}
}
@media (max-width: 700px){
  .web-browser-page-v093{padding-bottom:84px!important}
  .web-browser-stage-v093{min-height:246px!important}
  .web-browser-toggle-hint{display:none!important}
  .web-challenges{
    margin-top:-70px!important;
    padding-top:150px!important;
  }
  .web-monitor-base::after{width:250px!important;height:64px!important}
}


/* =========================================================
   V0.9.9 — FINAL WEB CLEANUP: STABLE HERO, NO SECTION SEAM,
   DESCENDER FIX, SCREEN-ATTACHED HOLOGRAM GLOW
   ========================================================= */

/* One continuous visual field across the whole WEB page. */
.web-world-main{
  background:
    radial-gradient(ellipse at 10% 14%,rgba(0,199,255,.10),transparent 30%),
    radial-gradient(ellipse at 88% 26%,rgba(61,108,255,.09),transparent 31%),
    radial-gradient(ellipse at 12% 62%,rgba(0,199,255,.055),transparent 28%),
    radial-gradient(ellipse at 86% 82%,rgba(61,108,255,.05),transparent 30%),
    #030813;
}
.we-web-page .web-scene{
  box-sizing:border-box;
  background:transparent!important;
}
.we-web-page .web-scene::after,
.web-hero-v093::after,
.web-challenges::before{
  display:none!important;
  content:none!important;
}

/* HERO: return to a true 100svh composition and remove the vertical drift. */
.web-hero-v093{
  min-height:100svh!important;
  padding-top:108px!important;
  padding-bottom:64px!important;
  margin:0!important;
}
.web-hero-shell-v093{
  min-height:calc(100svh - 172px);
  align-items:center!important;
}
.web-hero-left-v093,
.web-hero-interface-v093{
  min-height:0!important;
  transform:none!important;
}
.web-hero-interface-v093{
  display:flex;
  align-items:center;
  justify-content:center;
}

/* Keep the interactive browser completely stable. No half-hover / parallax. */
.web-browser-window-v093,
.web-hero-interface-v093:hover .web-browser-window-v093,
.web-browser-window-v093:hover{
  left:50%!important;
  top:50%!important;
  right:auto!important;
  transform:translate(-50%,-50%) rotate(-.75deg)!important;
  border-radius:30px!important;
}
.web-browser-window-v093{
  transition:border-color .28s ease,box-shadow .28s ease!important;
}
.web-browser-window-v093:hover{
  border-color:rgba(0,199,255,.38)!important;
  box-shadow:0 34px 92px rgba(0,31,69,.28),0 0 36px rgba(0,199,255,.08)!important;
}

/* A few pixels more breathing room for the two action buttons. */
.web-browser-action-links{margin-top:26px!important}

/* Section 2 starts normally; no negative overlap tricks = no hard edge. */
.web-challenges{
  margin-top:0!important;
  padding-top:128px!important;
}
.web-challenges-head{
  margin-bottom:68px!important;
}

/* Prevent descenders in the clipped gradient line from being cut off. */
.web-challenges-title-v094{
  line-height:1.08!important;
  overflow:visible!important;
}
.web-challenges-title-v094 .web-challenges-title-line{
  overflow:visible!important;
}
.web-challenges-title-v094 .web-challenges-title-muted{
  display:block!important;
  padding-bottom:.18em!important;
  margin-bottom:-.08em!important;
  color:transparent!important;
  background:linear-gradient(180deg,#f6fbff 0%,#c6d5df 92%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
}

/* BUILD: the monitor itself casts the glow. No neck, no ellipse/base object. */
.web-monitor{
  padding-bottom:36px!important;
}
.web-monitor-neck,
.web-monitor-base{
  display:none!important;
}
.web-monitor-screen{
  box-shadow:
    0 22px 62px rgba(0,23,50,.23),
    0 28px 60px rgba(0,199,255,.10),
    0 0 0 1px rgba(0,199,255,.025) inset!important;
  overflow:visible!important;
}
.web-monitor-screen::before{
  content:""!important;
  position:absolute!important;
  left:8%!important;
  right:8%!important;
  bottom:-24px!important;
  height:48px!important;
  border:0!important;
  border-radius:50%!important;
  opacity:.88!important;
  transform:none!important;
  background:radial-gradient(ellipse at center,rgba(74,222,255,.30) 0%,rgba(0,199,255,.14) 34%,rgba(0,199,255,.04) 58%,transparent 76%)!important;
  filter:blur(18px)!important;
  box-shadow:none!important;
  pointer-events:none!important;
  transition:opacity .6s ease!important;
}
.web-monitor:not(.is-assembled) .web-monitor-screen::before{opacity:0!important}
.web-monitor.is-assembled .web-monitor-screen::before{opacity:.88!important}
.web-board-seo-v093{margin-top:24px!important}

@media (min-width:981px) and (max-height:860px){
  .web-hero-v093{padding-top:96px!important;padding-bottom:54px!important}
  .web-hero-shell-v093{min-height:calc(100svh - 150px)}
  .web-challenges{padding-top:112px!important}
}
@media(max-width:980px){
  .web-hero-shell-v093{min-height:auto}
  .web-browser-window-v093,
  .web-hero-interface-v093:hover .web-browser-window-v093,
  .web-browser-window-v093:hover{
    left:auto!important;
    right:4%!important;
    top:2%!important;
    transform:rotate(-.5deg) scale(.78)!important;
    transform-origin:center!important;
  }
  .web-challenges{padding-top:104px!important}
  .web-monitor-screen::before{left:10%!important;right:10%!important;bottom:-18px!important;height:38px!important}
}
@media(max-width:700px){
  .web-hero-v093{padding-top:96px!important;padding-bottom:56px!important}
  .web-challenges{padding-top:92px!important}
  .web-challenges-title-v094 .web-challenges-title-muted{padding-bottom:.14em!important;margin-bottom:0!important}
}


/* =========================================================
   V0.9.10 — RESTORE SPACE BACKGROUND + HERO FLOW FIX
   ========================================================= */

/* The global WE Space FX canvas must remain visible. Do not paint an opaque
   page background over the stars / nebula layer. */
.web-world-main{
  background:transparent!important;
}
.we-web-page .web-scene{
  background:transparent!important;
}

/* V0.9.8 used a broad child selector that accidentally turned the absolute
   hero FX layers back into normal-flow elements. That pushed the actual hero
   content far below the fold. Restore their intended positioning explicitly. */
.web-hero-v093 > .web-grid-space{
  position:absolute!important;
  inset:0!important;
  z-index:-3!important;
}
.web-hero-v093 > .web-hero-network{
  position:absolute!important;
  z-index:0!important;
  right:-3vw!important;
  top:9%!important;
  width:min(58vw,900px)!important;
  height:78%!important;
  pointer-events:none!important;
}
.web-hero-v093 > .page-shell{
  position:relative!important;
  z-index:2!important;
}

/* Keep the hero composition in its original upper/centered position. */
.web-hero-v093{
  min-height:100svh!important;
  padding-top:112px!important;
  padding-bottom:64px!important;
  align-items:center!important;
}
.web-hero-shell-v093{
  min-height:auto!important;
  align-items:center!important;
}

/* Restore the subtle WEB-specific network while the star field remains
   visible behind it. */
.web-hero-network{
  opacity:.58!important;
  mask-image:radial-gradient(ellipse at 62% 48%,#000 20%,rgba(0,0,0,.82) 54%,transparent 82%)!important;
  -webkit-mask-image:radial-gradient(ellipse at 62% 48%,#000 20%,rgba(0,0,0,.82) 54%,transparent 82%)!important;
}

@media (min-width:981px) and (max-height:860px){
  .web-hero-v093{padding-top:96px!important;padding-bottom:54px!important}
  .web-hero-shell-v093{min-height:auto!important}
}
@media(max-width:980px){
  .web-hero-v093 > .web-hero-network{
    right:-18vw!important;
    top:34%!important;
    width:95vw!important;
    height:55%!important;
    opacity:.42!important;
  }
}
@media(max-width:700px){
  .web-hero-v093 > .web-hero-network{
    right:-52vw!important;
    top:45%!important;
    width:140vw!important;
    height:47%!important;
    opacity:.35!important;
  }
}


/* =========================================================
   V0.9.11 — CLEAN HERO SWITCH / TRUE CONTINUITY / BUILD AIR
   ========================================================= */

/* 01 — Replace the Safari-prone 3D flip with a clean face switch.
   The interaction stays, but no dark half-overlay can bleed through. */
.web-browser-flip{
  transform:none!important;
  transform-style:flat!important;
  transition:none!important;
}
.web-browser-face{
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transform:none!important;
  transition:opacity .34s ease,transform .46s cubic-bezier(.2,.82,.2,1)!important;
}
.web-browser-face--front{
  opacity:1!important;
  pointer-events:auto;
  transform:translateX(0) scale(1)!important;
}
.web-browser-face--back{
  opacity:0!important;
  pointer-events:none;
  transform:translateX(12px) scale(.985)!important;
}
.web-browser-window-v093.is-flipped .web-browser-face--front{
  opacity:0!important;
  pointer-events:none;
  transform:translateX(-12px) scale(.985)!important;
}
.web-browser-window-v093.is-flipped .web-browser-face--back{
  opacity:1!important;
  pointer-events:auto;
  transform:translateX(0) scale(1)!important;
}

/* Back side: smaller headline + more room under the CTAs. */
.web-browser-page--action{padding-bottom:24px!important}
.web-browser-action-stage{
  padding:26px 24px 30px!important;
}
.web-browser-action-stage strong{
  font-size:clamp(27px,2.55vw,39px)!important;
  line-height:.94!important;
  max-width:340px!important;
}
.web-browser-action-stage p{
  margin-top:12px!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.web-browser-action-links{
  margin-top:18px!important;
  padding-bottom:4px!important;
}

/* 01 -> 02: no clipped hero-only grid/glow layer and no section edge.
   Stars/nebula remain supplied by Space FX; WEB network remains visible. */
.web-hero-v093{
  overflow:visible!important;
}
.web-hero-v093 > .web-grid-space{
  display:none!important;
}
.web-challenges{
  border-top:0!important;
  box-shadow:none!important;
}
.web-challenges::before,
.web-challenges::after,
.web-hero-v093::after{
  content:none!important;
  display:none!important;
  background:none!important;
}

/* 03 — a little more breathing room before the assembled monitor. */
.web-build-head-v093{
  margin-bottom:62px!important;
}

@media (min-width:981px) and (max-height:860px){
  .web-build-head-v093{margin-bottom:48px!important}
}
@media(max-width:980px){
  .web-build-head-v093{margin-bottom:42px!important}
}
@media(max-width:700px){
  .web-build-head-v093{margin-bottom:34px!important}
}

/* =========================================================
   WORLD / GROWTH — V0.10.0
   cyan + living lime / momentum, signals and orbital systems
   ========================================================= */
body.we-growth-page{
  --growth-cyan:#00c7ff;
  --growth-lime:#8aff6c;
  --growth-mint:#b9ffd4;
  --growth-ink:#030813;
  --growth-soft:#9fb7c7;
  background:transparent;
}
.growth-world-main{position:relative;z-index:1;background:transparent;overflow:clip}
.growth-scene{position:relative;min-height:100svh;display:flex;align-items:center;padding:110px 0 86px;background:transparent;isolation:isolate}
.growth-scene .page-shell{width:min(1180px,calc(100% - 9vw));margin:0 auto}
.growth-index{display:flex;align-items:center;gap:12px;color:#a8efff;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.growth-index::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--growth-cyan),transparent)}
.growth-head-split{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.63fr);gap:clamp(56px,8vw,120px);align-items:end;margin-top:28px}
.growth-head-split h2{margin:0;color:#f6fbff;font-size:clamp(48px,5vw,78px);line-height:.96;letter-spacing:-.055em}
.growth-head-split h2 span{color:transparent;background:linear-gradient(90deg,#f4fbff 0%,#c8d7df 48%,#9ddfaf 100%);-webkit-background-clip:text;background-clip:text}
.growth-head-split>p{margin:0 0 5px;color:#a7bbc8;font-size:18px;line-height:1.72}

/* 01 / HERO */
.growth-hero{overflow:hidden;padding-top:112px;padding-bottom:72px}
.growth-hero-shell{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);align-items:center;gap:clamp(48px,7vw,110px)}
.growth-hero-copy{max-width:760px}
.growth-hero h1{margin:28px 0 0;color:#f7fbff;font-size:clamp(58px,5.5vw,88px);line-height:.93;letter-spacing:-.061em;max-width:790px}
.growth-hero h1 span{color:transparent;background:linear-gradient(100deg,#6feaff 0%,#00c7ff 42%,#8aff6c 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 42px rgba(0,199,255,.08)}
.growth-hero-copy>p{max-width:760px;margin:28px 0 0;color:#a8becd;font-size:19px;line-height:1.68}
.growth-tags{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;color:#d8f8ff;font-size:10px;font-weight:800;letter-spacing:.14em}
.growth-tags i{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--growth-cyan),var(--growth-lime));box-shadow:0 0 10px rgba(0,199,255,.45)}
.growth-signal{width:min(650px,100%);min-height:70px;margin-top:28px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(63,193,237,.27);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.72),rgba(6,19,35,.48));color:#f4fbff;box-shadow:0 20px 60px rgba(0,20,45,.16);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.growth-signal:hover,.growth-signal:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(128,246,144,.42);box-shadow:0 22px 66px rgba(0,31,58,.22),0 0 30px rgba(0,199,255,.06)}
.growth-signal>span{text-align:left;font-size:17px;font-weight:750}.growth-signal small{display:block;margin-bottom:5px;color:#79a7bc;font-size:9px;letter-spacing:.18em}
.growth-signal>i{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#19dfe4 62%,var(--growth-lime));color:#00101b;font-size:25px;font-style:normal;box-shadow:0 0 28px rgba(0,199,255,.22)}

.growth-hero-field{position:absolute;z-index:1;right:-2vw;top:8%;width:min(58vw,880px);height:84%;pointer-events:none;opacity:.94;mask-image:radial-gradient(ellipse at 60% 48%,#000 18%,rgba(0,0,0,.9) 60%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse at 60% 48%,#000 18%,rgba(0,0,0,.9) 60%,transparent 88%)}
.growth-hero-field::before{content:"";position:absolute;inset:12% 6% 8% 14%;background:radial-gradient(circle at 53% 49%,rgba(0,199,255,.11),transparent 25%),radial-gradient(circle at 66% 37%,rgba(138,255,108,.10),transparent 17%);filter:blur(16px)}
.growth-hero-field svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.growth-field-rings ellipse{fill:none;stroke:url(#growthArc);stroke-width:1;stroke-dasharray:3 9;opacity:.6;transform-box:fill-box;transform-origin:center;animation:gRing 19s linear infinite}
.growth-field-rings ellipse:nth-child(2){animation-duration:24s;animation-direction:reverse;opacity:.42}.growth-field-rings ellipse:nth-child(3){animation-duration:31s;opacity:.32}
.growth-field-paths path{fill:none;stroke:url(#growthArc);stroke-width:1.25;opacity:.62}
.growth-field-nodes circle{fill:#061626;stroke:rgba(88,226,255,.56);stroke-width:1.2}.growth-field-nodes circle:nth-child(4){stroke:#8aff6c;filter:drop-shadow(0 0 7px rgba(138,255,108,.42))}
.growth-core{fill:#dcfff2;stroke:#8aff6c;stroke-width:2;filter:drop-shadow(0 0 18px rgba(138,255,108,.65));animation:gCore 4.8s ease-in-out infinite}
.growth-core-halo{opacity:.72;animation:gCoreHalo 5.2s ease-in-out infinite}
.growth-field-pulse{fill:#b9fff0;filter:drop-shadow(0 0 8px #00c7ff)}.growth-field-pulse--b{fill:#8aff6c;filter:drop-shadow(0 0 9px #8aff6c)}
.growth-field-word{position:absolute;display:flex;flex-direction:column;padding:10px 13px;border:1px solid rgba(87,201,239,.14);border-radius:13px;background:rgba(4,15,29,.50);backdrop-filter:blur(8px);box-shadow:0 14px 36px rgba(0,16,37,.12);animation:gFloat 7s ease-in-out infinite}
.growth-field-word span{color:#75a7bd;font-size:8px;font-weight:800;letter-spacing:.16em}.growth-field-word b{margin-top:4px;color:#ddfaff;font-size:12px;font-weight:650;white-space:nowrap}
.growth-field-word--one{left:13%;top:58%;animation-delay:-1.3s}.growth-field-word--two{right:11%;top:26%;animation-delay:-3.5s}.growth-field-word--three{right:16%;bottom:19%;animation-delay:-5.1s}
.growth-field-center{position:absolute;left:53%;top:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 0 22px rgba(0,199,255,.30)}
.growth-field-center small{display:block;color:#85aabb;font-size:8px;font-weight:800;letter-spacing:.24em}.growth-field-center strong{display:block;margin-top:4px;color:#f1fff7;font-size:22px;letter-spacing:-.04em}
@keyframes gRing{to{transform:rotate(360deg)}}
@keyframes gCore{0%,100%{transform:scale(.9);opacity:.78}50%{transform:scale(1.16);opacity:1}}
@keyframes gCoreHalo{0%,100%{opacity:.48;transform:scale(.82)}50%{opacity:.82;transform:scale(1.15)}}
@keyframes gFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* 02 / STAIR GRAPH */
.growth-stairs{padding-top:114px;padding-bottom:92px;overflow:hidden}
.growth-stair-stage{position:relative;height:440px;margin-top:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:13px;align-items:end;padding:0 10px 0}
.growth-stair-line{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.growth-stair-line path{fill:none;stroke:url(#stairLineGrad);stroke-width:2;filter:drop-shadow(0 0 8px rgba(0,199,255,.25))}.growth-stair-line circle{fill:#caffd0;stroke:#8aff6c;stroke-width:2;filter:drop-shadow(0 0 8px rgba(138,255,108,.55))}
.growth-step{position:relative;z-index:2;min-width:0;padding:21px 20px 20px;border:1px solid rgba(69,190,232,.22);border-radius:20px;background:linear-gradient(160deg,rgba(6,22,39,.84),rgba(4,13,27,.77));box-shadow:0 24px 64px rgba(0,19,43,.18);overflow:hidden;transition:transform .38s cubic-bezier(.2,.82,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;transform-origin:50% 100%}
.growth-step::before{content:"";position:absolute;inset:auto -20% -38% 20%;height:65%;background:radial-gradient(circle,rgba(0,199,255,.08),transparent 68%);opacity:0;transition:opacity .3s ease}.growth-step:hover,.growth-step:focus-visible{outline:none;transform:translateY(-10px) scale(1.012);border-color:rgba(138,255,108,.43);box-shadow:0 32px 72px rgba(0,26,54,.24),0 0 34px rgba(0,199,255,.05)}.growth-step:hover::before,.growth-step:focus-visible::before{opacity:1}
.growth-step--1{height:205px}.growth-step--2{height:245px}.growth-step--3{height:286px}.growth-step--4{height:328px}.growth-step--5{height:370px;border-color:rgba(109,235,155,.34);background:linear-gradient(160deg,rgba(5,31,37,.88),rgba(5,16,29,.78))}
.growth-step-no{color:#59a8c4;font-size:9px;font-weight:800;letter-spacing:.16em}.growth-step-icon{position:absolute;right:17px;top:16px;color:var(--growth-cyan);font-size:24px;text-shadow:0 0 14px rgba(0,199,255,.28)}
.growth-step h3{margin:29px 0 0;color:#effaff;font-size:clamp(24px,2.1vw,34px);line-height:1;letter-spacing:-.045em}.growth-step p{margin:13px 0 0;color:#95adbd;font-size:14px;line-height:1.55}.growth-step small{position:absolute;left:20px;bottom:18px;color:#6b91a3;font-size:8px;font-weight:800;letter-spacing:.16em}.growth-step--5 small{color:#86d99e}

/* 03 / ORBIT BOARD — deliberately no surrounding frame */
.growth-system{padding-top:116px;padding-bottom:92px;overflow:hidden}
.growth-system-head{margin-bottom:26px}.growth-system-head h2 span{background:linear-gradient(90deg,#61e9ff,#00c7ff 42%,#8aff6c);-webkit-background-clip:text;background-clip:text;color:transparent}
.growth-orbit-board{position:relative;max-width:1160px;height:560px;margin:22px auto 0;isolation:isolate}
.growth-orbit-board::before{content:"";position:absolute;z-index:-2;left:50%;top:50%;width:480px;height:330px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,199,255,.12),rgba(138,255,108,.06) 30%,transparent 69%);filter:blur(12px)}
.growth-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.growth-orbit-svg ellipse{fill:none;stroke:url(#orbitGrad);stroke-width:1.1;stroke-dasharray:3 8;opacity:.64;transform-origin:600px 280px;animation:gOrbitSpin 35s linear infinite}.growth-orbit-svg ellipse:nth-child(2){animation-duration:48s;animation-direction:reverse;opacity:.44}.growth-orbit-svg ellipse:nth-child(3){animation-duration:28s;opacity:.50}.growth-orbit-link{fill:none;stroke:url(#orbitGrad);stroke-width:1;opacity:.32}
@keyframes gOrbitSpin{to{transform:rotate(360deg)}}
.growth-orbit-core{position:absolute;z-index:3;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(16,49,55,.96),rgba(4,17,29,.94) 58%,rgba(3,9,20,.88));border:1px solid rgba(89,215,229,.34);box-shadow:0 0 0 13px rgba(0,199,255,.025),0 0 0 34px rgba(0,199,255,.018),0 0 70px rgba(0,199,255,.14),0 0 52px rgba(138,255,108,.08)}
.growth-orbit-core::before,.growth-orbit-core::after{content:"";position:absolute;inset:-22px;border-radius:50%;border:1px solid rgba(0,199,255,.14);animation:gCoreOrbit 11s linear infinite}.growth-orbit-core::after{inset:-48px;border-color:rgba(138,255,108,.10);animation-duration:17s;animation-direction:reverse}
.growth-orbit-core span{color:#7facbe;font-size:9px;font-weight:800;letter-spacing:.22em}.growth-orbit-core strong{margin-top:6px;color:#f2fff5;font-size:31px;letter-spacing:-.05em}.growth-orbit-core i{position:absolute;width:9px;height:9px;right:17px;top:43px;border-radius:50%;background:#8aff6c;box-shadow:0 0 14px #8aff6c}
@keyframes gCoreOrbit{to{transform:rotate(360deg)}}
.growth-orbit-node{position:absolute;z-index:4;width:214px;min-height:106px;padding:15px 18px 15px 58px;border:1px solid rgba(66,190,232,.22);border-radius:16px;background:linear-gradient(155deg,rgba(5,22,39,.86),rgba(3,13,26,.76));box-shadow:0 18px 48px rgba(0,17,38,.16);transition:transform .35s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;cursor:default}
.growth-orbit-node:hover,.growth-orbit-node:focus-visible{outline:none;transform:translateY(-7px) scale(1.025);border-color:rgba(138,255,108,.42);background:linear-gradient(155deg,rgba(5,31,43,.92),rgba(3,15,28,.84));box-shadow:0 24px 58px rgba(0,24,49,.22),0 0 30px rgba(0,199,255,.055)}
.growth-orbit-node small{position:absolute;left:15px;top:15px;color:#49a5c4;font-size:8px;font-weight:800}.growth-orbit-node>b{display:block;color:#effaff;font-size:21px;line-height:1}.growth-orbit-node>span{display:block;margin-top:7px;color:#8fa8b8;font-size:12px;line-height:1.35}.growth-orbit-node>i{position:absolute;left:17px;bottom:17px;color:var(--growth-cyan);font-style:normal;font-size:25px;text-shadow:0 0 15px rgba(0,199,255,.26)}
.growth-orbit-node--seo{left:8%;top:13%}.growth-orbit-node--content{left:40%;top:2%}.growth-orbit-node--geo{right:7%;top:15%}.growth-orbit-node--data{right:8%;bottom:10%}.growth-orbit-node--social{left:40%;bottom:2%}.growth-orbit-node--sea{left:7%;bottom:11%}
.growth-seo-line{max-width:1050px;margin:4px auto 0;color:#829ead;font-size:14px;line-height:1.65;text-align:center}

/* 04 / SIGNAL */
.growth-contact{min-height:88svh;padding-top:106px;padding-bottom:92px;text-align:center;overflow:hidden}
.growth-contact-shell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.growth-contact .growth-index{justify-content:center}.growth-contact h2{margin:30px 0 0;color:#f7fbff;font-size:clamp(54px,5.4vw,84px);line-height:.94;letter-spacing:-.06em}.growth-contact h2 span{color:transparent;background:linear-gradient(90deg,#6beaff,#00c7ff 44%,#8aff6c);-webkit-background-clip:text;background-clip:text}.growth-contact-shell>p{max-width:760px;margin:23px auto 0;color:#a6bdca;font-size:18px;line-height:1.65}
.growth-contact-input{width:min(720px,100%);min-height:70px;margin-top:34px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(69,190,232,.28);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.78),rgba(5,19,35,.56));color:#f5fbff;box-shadow:0 20px 70px rgba(0,21,46,.18);cursor:pointer;transition:.3s ease}.growth-contact-input:hover,.growth-contact-input:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(138,255,108,.45);box-shadow:0 22px 70px rgba(0,24,49,.23),0 0 36px rgba(0,199,255,.06)}
.growth-contact-input>span{text-align:left;font-size:17px;font-weight:750}.growth-contact-input small{display:block;margin-bottom:5px;color:#74a5ba;font-size:9px;letter-spacing:.18em}.growth-contact-input>i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#1cdccf 65%,var(--growth-lime));color:#00111a;font-size:25px;font-style:normal}
.growth-contact-prompts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:17px}.growth-contact-prompts button{padding:10px 15px;border:1px solid rgba(81,179,220,.18);border-radius:999px;background:rgba(3,13,26,.38);color:#87a8b9;font-size:10px;cursor:pointer;transition:.25s ease}.growth-contact-prompts button:hover,.growth-contact-prompts button:focus-visible{outline:none;color:#e8fbff;border-color:rgba(138,255,108,.32);transform:translateY(-2px)}
.growth-signal-lines{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.58;mask-image:linear-gradient(180deg,transparent 0,#000 17%,#000 82%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 17%,#000 82%,transparent 100%)}.growth-signal-lines svg{width:100%;height:100%}.growth-signal-lines path{fill:none;stroke-width:1.15}.growth-signal-lines path:nth-of-type(1){stroke:url(#growthSignalA)}.growth-signal-lines path:nth-of-type(2){stroke:url(#growthSignalB)}.growth-signal-lines path:nth-of-type(3){stroke:url(#growthSignalA)}.growth-signal-nodes circle{fill:#061626;stroke:#61ddff;stroke-width:1.2}.growth-signal-pulse{fill:#c8fbff;filter:drop-shadow(0 0 8px #00c7ff)}.growth-signal-pulse--lime{fill:#b9ffa9;filter:drop-shadow(0 0 10px #8aff6c)}
.growth-footer{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(1180px,calc(100% - 9vw));margin:-44px auto 0;padding:0 0 28px;color:#4d7083;font-size:8px;letter-spacing:.16em}

/* entrance helpers */
.growth-step,.growth-orbit-node{will-change:transform,opacity}
.growth-stair-stage:not(.is-active) .growth-step{opacity:0;transform:translateY(55px) scale(.96)}
.growth-stair-stage.is-active .growth-step{opacity:1}.growth-stair-stage.is-active .growth-step--1{transition-delay:.04s}.growth-stair-stage.is-active .growth-step--2{transition-delay:.11s}.growth-stair-stage.is-active .growth-step--3{transition-delay:.18s}.growth-stair-stage.is-active .growth-step--4{transition-delay:.25s}.growth-stair-stage.is-active .growth-step--5{transition-delay:.32s}
.growth-orbit-board:not(.is-active) .growth-orbit-node{opacity:0;transform:scale(.82)}.growth-orbit-board.is-active .growth-orbit-node{opacity:1}.growth-orbit-board.is-active .growth-orbit-node--seo{transition-delay:.05s}.growth-orbit-board.is-active .growth-orbit-node--content{transition-delay:.12s}.growth-orbit-board.is-active .growth-orbit-node--geo{transition-delay:.19s}.growth-orbit-board.is-active .growth-orbit-node--data{transition-delay:.26s}.growth-orbit-board.is-active .growth-orbit-node--social{transition-delay:.33s}.growth-orbit-board.is-active .growth-orbit-node--sea{transition-delay:.40s}

@media (max-width:1100px){
  .growth-hero-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr)}
  .growth-hero-field{right:-16vw;width:70vw;opacity:.74}
  .growth-field-word{display:none}
  .growth-stair-stage{gap:9px}.growth-step{padding:18px 15px}.growth-step p{font-size:13px}.growth-step h3{font-size:25px}
  .growth-orbit-node{width:190px}.growth-orbit-node--seo{left:3%}.growth-orbit-node--sea{left:2%}.growth-orbit-node--geo{right:3%}.growth-orbit-node--data{right:3%}
}
@media (max-width:900px){
  .growth-scene{min-height:auto;padding:110px 0 90px}.growth-scene .page-shell{width:min(100% - 38px,760px)}
  .growth-head-split{grid-template-columns:1fr;gap:24px}.growth-head-split h2{font-size:clamp(42px,9vw,64px)}.growth-head-split>p{font-size:17px}
  .growth-hero{min-height:100svh;align-items:flex-start;padding-top:132px}.growth-hero-shell{display:block}.growth-hero-copy{position:relative;z-index:3}.growth-hero h1{font-size:clamp(48px,10vw,70px)}.growth-hero-field{right:-34%;top:25%;width:105vw;height:70%;opacity:.36}.growth-field-center{display:none}.growth-hero-copy>p{font-size:17px}
  .growth-stair-stage{height:auto;grid-template-columns:1fr 1fr;margin-top:46px}.growth-stair-line{display:none}.growth-step,.growth-step--1,.growth-step--2,.growth-step--3,.growth-step--4,.growth-step--5{height:auto;min-height:210px}.growth-step--5{grid-column:1/-1;min-height:190px}.growth-step:hover,.growth-step:focus-visible{transform:translateY(-5px)}
  .growth-orbit-board{height:690px}.growth-orbit-svg{opacity:.38}.growth-orbit-core{width:160px;height:160px}.growth-orbit-core strong{font-size:26px}.growth-orbit-node{width:180px;min-height:100px}.growth-orbit-node--seo{left:0;top:10%}.growth-orbit-node--content{left:50%;top:0;transform:translateX(-50%)}.growth-orbit-board.is-active .growth-orbit-node--content{transform:translateX(-50%)}.growth-orbit-node--geo{right:0;top:13%}.growth-orbit-node--data{right:0;bottom:10%}.growth-orbit-node--social{left:50%;bottom:0;transform:translateX(-50%)}.growth-orbit-board.is-active .growth-orbit-node--social{transform:translateX(-50%)}.growth-orbit-node--sea{left:0;bottom:13%}
}
@media (max-width:640px){
  .growth-index{font-size:9px;letter-spacing:.16em}.growth-hero{padding-top:120px}.growth-hero h1{margin-top:22px;font-size:clamp(43px,12.5vw,58px);line-height:.94}.growth-hero-copy>p{font-size:16px}.growth-tags{gap:9px;font-size:9px}.growth-signal{min-height:64px;margin-top:24px}.growth-signal>span,.growth-contact-input>span{font-size:15px}.growth-signal>i,.growth-contact-input>i{width:48px;height:48px;flex-basis:48px}
  .growth-stair-stage{grid-template-columns:1fr}.growth-step,.growth-step--5{grid-column:auto;min-height:190px}.growth-step h3{font-size:30px}.growth-step p{max-width:420px;font-size:14px}
  .growth-orbit-board{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px;padding-top:180px}.growth-orbit-svg{display:none}.growth-orbit-core{top:0;left:50%;width:148px;height:148px;transform:translateX(-50%)}.growth-orbit-node,.growth-orbit-node--seo,.growth-orbit-node--content,.growth-orbit-node--geo,.growth-orbit-node--data,.growth-orbit-node--social,.growth-orbit-node--sea{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:112px;transform:none!important}.growth-orbit-board.is-active .growth-orbit-node{transform:none!important}
  .growth-contact{padding-top:100px}.growth-contact h2{font-size:clamp(46px,13vw,62px)}.growth-contact-shell>p{font-size:16px}.growth-contact-prompts{gap:8px}.growth-contact-prompts button{font-size:9px;padding:9px 12px}.growth-footer{display:none}
}
@media (prefers-reduced-motion:reduce){
  .growth-field-rings ellipse,.growth-core,.growth-core-halo,.growth-field-word,.growth-orbit-svg ellipse,.growth-orbit-core::before,.growth-orbit-core::after{animation:none!important}
  .growth-step,.growth-orbit-node{transition:none!important}
}
.growth-orbit-board.has-focus .growth-orbit-node:not(.is-focus){opacity:.68;filter:saturate(.72)}
.growth-orbit-core.is-focus{box-shadow:0 0 0 13px rgba(0,199,255,.035),0 0 0 34px rgba(138,255,108,.025),0 0 86px rgba(0,199,255,.20),0 0 70px rgba(138,255,108,.14)}

/* =========================================================
   WORLD / GROWTH — V0.10.1
   growth systems, orbital logic and synaptic signals
   ========================================================= */
body.we-growth-page{
  --growth-cyan:#00c7ff;
  --growth-lime:#8aff6c;
  --growth-mint:#b9ffd4;
  --growth-ink:#030813;
  --growth-soft:#9fb7c7;
  background:transparent;
}
.growth-world-main{position:relative;z-index:1;background:transparent;overflow:clip}
.growth-scene{position:relative;min-height:100svh;display:flex;align-items:center;padding:112px 0 88px;background:transparent;isolation:isolate}
.growth-scene .page-shell{width:min(1180px,calc(100% - 9vw));margin:0 auto}
.growth-index{display:flex;align-items:center;gap:12px;color:#a8efff;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.growth-index::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--growth-cyan),transparent)}
.growth-head-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr);gap:clamp(56px,8vw,120px);align-items:end;margin-top:28px}
.growth-head-split h2{margin:0;color:#f6fbff;font-size:clamp(46px,4.7vw,74px);line-height:.96;letter-spacing:-.055em}
.growth-head-split h2 span{color:transparent;background:linear-gradient(90deg,#f4fbff 0%,#d0dee4 44%,#9ddfaf 100%);-webkit-background-clip:text;background-clip:text}
.growth-head-split>p{margin:0 0 5px;color:#a7bbc8;font-size:18px;line-height:1.72}
.growth-head-split--stairs h2{font-size:clamp(40px,4.2vw,68px);max-width:780px}
.growth-system-head h2{font-size:clamp(42px,4.35vw,70px)}

/* 01 / HERO */
.growth-hero{overflow:hidden;padding-top:114px;padding-bottom:74px}
.growth-hero-shell{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);align-items:center;gap:clamp(48px,7vw,110px)}
.growth-hero-copy{max-width:760px}
.growth-hero h1{margin:28px 0 0;color:#f7fbff;font-size:clamp(58px,5.5vw,88px);line-height:.93;letter-spacing:-.061em;max-width:760px}
.growth-hero h1 span{color:transparent;background:linear-gradient(100deg,#6feaff 0%,#00c7ff 42%,#8aff6c 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 42px rgba(0,199,255,.08)}
.growth-hero-copy>p{max-width:760px;margin:28px 0 0;color:#a8becd;font-size:19px;line-height:1.68}
.growth-tags{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;color:#d8f8ff;font-size:10px;font-weight:800;letter-spacing:.14em}
.growth-tags i{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--growth-cyan),var(--growth-lime));box-shadow:0 0 10px rgba(0,199,255,.45)}
.growth-signal{width:min(650px,100%);min-height:70px;margin-top:28px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(63,193,237,.27);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.72),rgba(6,19,35,.48));color:#f4fbff;box-shadow:0 20px 60px rgba(0,20,45,.16);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.growth-signal:hover,.growth-signal:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(128,246,144,.42);box-shadow:0 22px 66px rgba(0,31,58,.22),0 0 30px rgba(0,199,255,.06)}
.growth-signal>span{text-align:left;font-size:17px;font-weight:750}.growth-signal small{display:block;margin-bottom:5px;color:#79a7bc;font-size:9px;letter-spacing:.18em}
.growth-signal>i{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#19dfe4 62%,var(--growth-lime));color:#00101b;font-size:25px;font-style:normal;box-shadow:0 0 28px rgba(0,199,255,.22)}

.growth-hero-field{position:absolute;z-index:1;right:-1vw;top:8%;width:min(58vw,900px);height:84%;pointer-events:none;opacity:.96;mask-image:radial-gradient(ellipse at 62% 48%,#000 22%,rgba(0,0,0,.94) 67%,transparent 92%);-webkit-mask-image:radial-gradient(ellipse at 62% 48%,#000 22%,rgba(0,0,0,.94) 67%,transparent 92%)}
.growth-hero-field::before{content:"";position:absolute;inset:14% 10% 8% 18%;background:radial-gradient(circle at 52% 48%,rgba(0,199,255,.09),transparent 24%),radial-gradient(circle at 68% 36%,rgba(138,255,108,.08),transparent 15%),radial-gradient(circle at 42% 62%,rgba(0,199,255,.08),transparent 16%);filter:blur(20px)}
.growth-hero-field svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.growth-field-nebula circle{fill:rgba(0,199,255,.08);filter:blur(24px)}
.growth-field-nebula circle:nth-child(2){fill:rgba(138,255,108,.09)}
.growth-field-nebula circle:nth-child(3){fill:rgba(0,199,255,.06)}
.growth-field-rings ellipse{fill:none;stroke:url(#growthOrbitGrad);stroke-dasharray:5 11;transform-box:fill-box;transform-origin:center;opacity:.54;animation:gRing 23s linear infinite}
.growth-field-rings .ring--a{stroke-width:1.15}
.growth-field-rings .ring--b{stroke-width:1;animation-duration:31s;animation-direction:reverse;opacity:.38}
.growth-field-rings .ring--c{stroke-width:1.3;animation-duration:27s;opacity:.48}
.growth-field-rings .ring--d{stroke-width:.95;animation-duration:36s;animation-direction:reverse;opacity:.34}
.growth-field-lanes .lane{fill:none;stroke:url(#growthLaneGrad);stroke-linecap:round}
.growth-field-lanes .lane--a{stroke-width:1.8;opacity:.58}
.growth-field-lanes .lane--b{stroke-width:1.35;opacity:.42}
.growth-field-lanes .lane--c{stroke-width:1.55;opacity:.50}
.growth-field-lanes .lane--d{stroke-width:1.1;opacity:.34}
.growth-field-nodes circle{fill:#061626;stroke:rgba(88,226,255,.56);stroke-width:1.15}
.growth-field-nodes circle:nth-child(4){stroke:#8aff6c;filter:drop-shadow(0 0 8px rgba(138,255,108,.42))}
.growth-core{fill:#dcfff2;stroke:#8aff6c;stroke-width:2;filter:drop-shadow(0 0 18px rgba(138,255,108,.65));animation:gCore 4.8s ease-in-out infinite}
.growth-core-halo{opacity:.76;animation:gCoreHalo 5.6s ease-in-out infinite}
.growth-field-pulse{fill:#d5fff6;filter:drop-shadow(0 0 9px #00c7ff)}
.growth-field-pulse--b,.growth-field-pulse--d{fill:#8aff6c;filter:drop-shadow(0 0 10px #8aff6c)}
.growth-field-word{position:absolute;display:flex;flex-direction:column;padding:10px 13px;border:1px solid rgba(87,201,239,.16);border-radius:13px;background:rgba(4,15,29,.50);backdrop-filter:blur(8px);box-shadow:0 14px 36px rgba(0,16,37,.12);opacity:0;animation:gFloat 8s ease-in-out infinite,gLabelCycle 18s linear infinite}
.growth-field-word span{color:#75a7bd;font-size:8px;font-weight:800;letter-spacing:.16em}
.growth-field-word b{margin-top:4px;color:#ddfaff;font-size:12px;font-weight:650;white-space:nowrap}
.growth-field-word--1{left:14%;top:57%;animation-delay:0s,0s}
.growth-field-word--2{right:11%;top:22%;animation-delay:-1.6s,-3s}
.growth-field-word--3{right:13%;bottom:18%;animation-delay:-2.8s,-6s}
.growth-field-word--4{left:21%;top:24%;animation-delay:-1s,-9s}
.growth-field-word--5{right:24%;top:52%;animation-delay:-2.2s,-12s}
.growth-field-word--6{left:34%;bottom:11%;animation-delay:-3s,-15s}
.growth-field-center{position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 0 22px rgba(0,199,255,.30)}
.growth-field-center small{display:block;color:#85aabb;font-size:8px;font-weight:800;letter-spacing:.24em}
.growth-field-center strong{display:block;margin-top:4px;color:#f1fff7;font-size:22px;letter-spacing:-.04em}

@keyframes gRing{to{transform:rotate(360deg)}}
@keyframes gCore{0%,100%{transform:scale(.9);opacity:.78}50%{transform:scale(1.16);opacity:1}}
@keyframes gCoreHalo{0%,100%{opacity:.44;transform:scale(.82)}50%{opacity:.82;transform:scale(1.15)}}
@keyframes gFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes gLabelCycle{0%,8%{opacity:0}10%,22%{opacity:1}26%,100%{opacity:0}}

/* 02 / STAIR GRAPH */
.growth-stairs{padding-top:114px;padding-bottom:96px;overflow:hidden}
.growth-stair-stage{position:relative;height:490px;margin-top:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:end;padding:0 10px 26px}
.growth-stair-line{display:none!important}
.growth-step{position:relative;z-index:2;min-width:0;padding:24px 22px 58px;border:1px solid rgba(69,190,232,.22);border-radius:22px;background:linear-gradient(160deg,rgba(6,22,39,.84),rgba(4,13,27,.77));box-shadow:0 24px 64px rgba(0,19,43,.18);overflow:hidden;transition:transform .38s cubic-bezier(.2,.82,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;transform-origin:50% 100%}
.growth-step::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 36%),radial-gradient(circle at 20% 18%,rgba(255,255,255,.02),transparent 28%);opacity:.9}
.growth-step::after{content:"";position:absolute;inset:auto -18% -34% 12%;height:66%;background:radial-gradient(circle,rgba(0,199,255,.08),transparent 68%);opacity:0;transition:opacity .3s ease}
.growth-step:hover,.growth-step:focus-visible{outline:none;transform:translateY(-8px) scale(1.014);border-color:rgba(138,255,108,.38);box-shadow:0 32px 72px rgba(0,26,54,.24),0 0 34px rgba(0,199,255,.05)}
.growth-step:hover::after,.growth-step:focus-visible::after{opacity:1}
.growth-step--1{height:224px;background:linear-gradient(165deg,rgba(5,22,38,.92),rgba(5,15,28,.80))}
.growth-step--2{height:274px;background:linear-gradient(165deg,rgba(5,23,39,.92),rgba(5,15,29,.81))}
.growth-step--3{height:324px;background:linear-gradient(165deg,rgba(6,24,40,.92),rgba(5,16,30,.82))}
.growth-step--4{height:374px;background:linear-gradient(165deg,rgba(6,26,41,.94),rgba(5,16,30,.84))}
.growth-step--5{height:424px;border-color:rgba(109,235,155,.34);background:linear-gradient(165deg,rgba(7,33,40,.96),rgba(5,18,30,.86))}
.growth-step--1{box-shadow:inset 0 1px 0 rgba(0,199,255,.04),0 24px 64px rgba(0,19,43,.16)}
.growth-step--2{border-color:rgba(71,193,232,.24)}
.growth-step--3{border-color:rgba(75,196,223,.24)}
.growth-step--4{border-color:rgba(88,205,204,.25)}
.growth-step--5{box-shadow:0 24px 64px rgba(0,19,43,.20),inset 0 1px 0 rgba(138,255,108,.06)}
.growth-step-no{color:#59a8c4;font-size:9px;font-weight:800;letter-spacing:.16em}
.growth-step h3{margin:26px 0 0;color:#effaff;font-size:clamp(26px,2.15vw,35px);line-height:1;letter-spacing:-.045em}
.growth-step p{margin:14px 0 0;color:#95adbd;font-size:15px;line-height:1.58;max-width:26ch}
.growth-step small{position:absolute;left:22px;bottom:20px;color:#6b91a3;font-size:8px;font-weight:800;letter-spacing:.16em}
.growth-step--1 h3{color:#f0fbff}.growth-step--1 small{color:#7bb4c8}
.growth-step--2 h3{background:linear-gradient(90deg,#f3fcff 12%,#dff6ff 65%,#b8eff0);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--2 small{color:#85bec8}
.growth-step--3 h3{background:linear-gradient(90deg,#f1fbff 10%,#d5faff 52%,#8cf4de);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--3 small{color:#82c9c6}
.growth-step--4 h3{background:linear-gradient(90deg,#f0fbff 10%,#cbfbff 46%,#71f2be);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--4 small{color:#86d2bb}
.growth-step--5 h3{background:linear-gradient(90deg,#effcff 0%,#b9fbff 42%,#8aff6c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--5 small{color:#86d99e}

/* 03 / ORBIT BOARD — deliberately no surrounding frame */
.growth-system{padding-top:120px;padding-bottom:96px;overflow:hidden}
.growth-system-head{margin-bottom:34px}.growth-system-head h2 span{background:linear-gradient(90deg,#61e9ff,#00c7ff 42%,#8aff6c);-webkit-background-clip:text;background-clip:text;color:transparent}
.growth-orbit-board{position:relative;max-width:1160px;height:620px;margin:40px auto 0;isolation:isolate}
.growth-orbit-board::before,.growth-orbit-board::after{content:"";position:absolute;z-index:-2;border-radius:50%;filter:blur(28px);opacity:.9}
.growth-orbit-board::before{left:50%;top:50%;width:520px;height:360px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,199,255,.12),rgba(138,255,108,.05) 34%,transparent 70%)}
.growth-orbit-board::after{left:52%;top:58%;width:340px;height:240px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(138,255,108,.07),transparent 62%)}
.growth-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.growth-orbit-svg .g-orbit-ring{fill:none;stroke:url(#orbitGrad);stroke-width:1.05;stroke-dasharray:4 10;opacity:.55;transform-origin:600px 310px;animation:gOrbitSpin 36s linear infinite}
.growth-orbit-svg .g-orbit-ring--b{stroke-width:.95;animation-duration:44s;animation-direction:reverse;opacity:.34}
.growth-orbit-svg .g-orbit-ring--c{stroke-width:1.15;animation-duration:29s;opacity:.44}
.growth-orbit-svg .g-orbit-ring--d{stroke-width:1;animation-duration:40s;animation-direction:reverse;opacity:.28}
.growth-orbit-link{fill:none;stroke:url(#orbitGrad);stroke-width:1;opacity:.28}
@keyframes gOrbitSpin{to{transform:rotate(360deg)}}
.growth-orbit-core{position:absolute;z-index:3;left:50%;top:50%;width:198px;height:198px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(16,49,55,.96),rgba(4,17,29,.94) 58%,rgba(3,9,20,.88));border:1px solid rgba(89,215,229,.34);box-shadow:0 0 0 13px rgba(0,199,255,.03),0 0 0 34px rgba(0,199,255,.018),0 0 74px rgba(0,199,255,.15),0 0 58px rgba(138,255,108,.08)}
.growth-orbit-core::before,.growth-orbit-core::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(0,199,255,.14);animation:gCoreOrbit 12s linear infinite}
.growth-orbit-core::before{inset:-20px}
.growth-orbit-core::after{inset:-48px;border-color:rgba(138,255,108,.10);animation-duration:18s;animation-direction:reverse}
@keyframes gCoreOrbit{to{transform:rotate(360deg)}}
.growth-orbit-core span{color:#7facbe;font-size:9px;font-weight:800;letter-spacing:.22em}
.growth-orbit-core strong{margin-top:6px;color:#f2fff5;font-size:32px;letter-spacing:-.05em}
.growth-orbit-core i{position:absolute;width:10px;height:10px;right:20px;top:47px;border-radius:50%;background:#8aff6c;box-shadow:0 0 16px #8aff6c}
.growth-orbit-node{position:absolute;z-index:4;width:218px;min-height:110px;padding:17px 20px 16px 20px;border:1px solid rgba(66,190,232,.22);border-radius:16px;background:linear-gradient(155deg,rgba(5,22,39,.78),rgba(3,13,26,.68));box-shadow:0 18px 48px rgba(0,17,38,.14);transition:transform .35s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;cursor:default}
.growth-orbit-node::before{content:"";position:absolute;left:18px;bottom:18px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle,#c8fbff 0%,#00c7ff 60%,rgba(0,199,255,0) 100%);box-shadow:0 0 16px rgba(0,199,255,.36)}
.growth-orbit-node:hover,.growth-orbit-node:focus-visible{outline:none;transform:translateY(-7px) scale(1.022);border-color:rgba(138,255,108,.42);background:linear-gradient(155deg,rgba(5,31,43,.88),rgba(3,15,28,.76));box-shadow:0 24px 58px rgba(0,24,49,.22),0 0 30px rgba(0,199,255,.055)}
.growth-orbit-node small{position:absolute;left:18px;top:14px;color:#49a5c4;font-size:8px;font-weight:800;letter-spacing:.16em}
.growth-orbit-node>b{display:block;margin-top:14px;color:#effaff;font-size:21px;line-height:1}
.growth-orbit-node>span{display:block;margin-top:8px;color:#8fa8b8;font-size:12px;line-height:1.35;max-width:16ch}
.growth-orbit-node--seo{left:8%;top:14%}.growth-orbit-node--content{left:40%;top:4%}.growth-orbit-node--geo{right:7%;top:16%}.growth-orbit-node--data{right:8%;bottom:12%}.growth-orbit-node--social{left:40%;bottom:3%}.growth-orbit-node--sea{left:7%;bottom:13%}
.growth-seo-line{max-width:1050px;margin:12px auto 0;color:#829ead;font-size:14px;line-height:1.65;text-align:center}

/* 04 / SIGNAL */
.growth-contact{min-height:88svh;padding-top:106px;padding-bottom:92px;text-align:center;overflow:hidden}
.growth-contact-shell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.growth-contact .growth-index{justify-content:center}
.growth-contact h2{margin:30px 0 0;color:#f7fbff;font-size:clamp(54px,5.4vw,84px);line-height:.94;letter-spacing:-.06em}
.growth-contact h2 span{color:transparent;background:linear-gradient(90deg,#6beaff,#00c7ff 44%,#8aff6c);-webkit-background-clip:text;background-clip:text}
.growth-contact-shell>p{max-width:760px;margin:23px auto 0;color:#a6bdca;font-size:18px;line-height:1.65}
.growth-contact-input{width:min(720px,100%);min-height:70px;margin-top:34px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(69,190,232,.28);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.78),rgba(5,19,35,.56));color:#f5fbff;box-shadow:0 20px 70px rgba(0,21,46,.18);cursor:pointer;transition:.3s ease}
.growth-contact-input:hover,.growth-contact-input:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(138,255,108,.45);box-shadow:0 22px 70px rgba(0,24,49,.23),0 0 36px rgba(0,199,255,.06)}
.growth-contact-input>span{text-align:left;font-size:17px;font-weight:750}.growth-contact-input small{display:block;margin-bottom:5px;color:#74a5ba;font-size:9px;letter-spacing:.18em}.growth-contact-input>i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#1cdccf 65%,var(--growth-lime));color:#00111a;font-size:25px;font-style:normal}
.growth-contact-prompts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:17px}.growth-contact-prompts button{padding:10px 15px;border:1px solid rgba(81,179,220,.18);border-radius:999px;background:rgba(3,13,26,.38);color:#87a8b9;font-size:10px;cursor:pointer;transition:.25s ease}.growth-contact-prompts button:hover,.growth-contact-prompts button:focus-visible{outline:none;color:#e8fbff;border-color:rgba(138,255,108,.32);transform:translateY(-2px)}
.growth-signal-lines{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.62;mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 84%,transparent 100%)}
.growth-signal-lines svg{width:100%;height:100%}
.growth-signal-lines path{fill:none;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.growth-signal-lines path:nth-of-type(1){stroke:url(#growthSignalA)}
.growth-signal-lines path:nth-of-type(2){stroke:url(#growthSignalB)}
.growth-signal-lines path:nth-of-type(3){stroke:url(#growthSignalA)}
.growth-signal-lines .syn-branch{stroke:url(#growthSignalB);stroke-width:1;opacity:.4}
.growth-signal-nodes circle{fill:#061626;stroke:#61ddff;stroke-width:1.2}
.growth-signal-pulse{fill:#c8fbff;filter:drop-shadow(0 0 8px #00c7ff)}
.growth-signal-pulse--lime{fill:#b9ffa9;filter:drop-shadow(0 0 10px #8aff6c)}
.growth-footer{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(1180px,calc(100% - 9vw));margin:-44px auto 0;padding:0 0 28px;color:#4d7083;font-size:8px;letter-spacing:.16em}

/* entrance helpers */
.growth-step,.growth-orbit-node{will-change:transform,opacity}
.growth-stair-stage:not(.is-active) .growth-step{opacity:0;transform:translateY(55px) scale(.96)}
.growth-stair-stage.is-active .growth-step{opacity:1}
.growth-stair-stage.is-active .growth-step--1{transition-delay:.04s}
.growth-stair-stage.is-active .growth-step--2{transition-delay:.11s}
.growth-stair-stage.is-active .growth-step--3{transition-delay:.18s}
.growth-stair-stage.is-active .growth-step--4{transition-delay:.25s}
.growth-stair-stage.is-active .growth-step--5{transition-delay:.32s}
.growth-orbit-board:not(.is-active) .growth-orbit-node{opacity:0;transform:scale(.82)}
.growth-orbit-board.is-active .growth-orbit-node{opacity:1}
.growth-orbit-board.is-active .growth-orbit-node--seo{transition-delay:.05s}
.growth-orbit-board.is-active .growth-orbit-node--content{transition-delay:.12s}
.growth-orbit-board.is-active .growth-orbit-node--geo{transition-delay:.19s}
.growth-orbit-board.is-active .growth-orbit-node--data{transition-delay:.26s}
.growth-orbit-board.is-active .growth-orbit-node--social{transition-delay:.33s}
.growth-orbit-board.is-active .growth-orbit-node--sea{transition-delay:.40s}
.growth-orbit-board.has-focus .growth-orbit-node:not(.is-focus){opacity:.68;filter:saturate(.72)}
.growth-orbit-core.is-focus{box-shadow:0 0 0 13px rgba(0,199,255,.035),0 0 0 34px rgba(138,255,108,.025),0 0 86px rgba(0,199,255,.20),0 0 70px rgba(138,255,108,.14)}

@media (max-width:1100px){
  .growth-hero-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr)}
  .growth-hero-field{right:-16vw;width:70vw;opacity:.78}
  .growth-field-word{display:none}
  .growth-stair-stage{gap:12px}
  .growth-step{padding:20px 16px 54px}
  .growth-step p{font-size:14px}
  .growth-step h3{font-size:26px}
  .growth-orbit-node{width:192px}.growth-orbit-node--seo{left:3%}.growth-orbit-node--sea{left:2%}.growth-orbit-node--geo{right:3%}.growth-orbit-node--data{right:3%}
}
@media (max-width:900px){
  .growth-scene{min-height:auto;padding:110px 0 90px}.growth-scene .page-shell{width:min(100% - 38px,760px)}
  .growth-head-split{grid-template-columns:1fr;gap:24px}.growth-head-split h2,.growth-head-split--stairs h2,.growth-system-head h2{font-size:clamp(40px,9vw,60px)}.growth-head-split>p{font-size:17px}
  .growth-hero{min-height:100svh;align-items:flex-start;padding-top:132px}.growth-hero-shell{display:block}.growth-hero-copy{position:relative;z-index:3}.growth-hero h1{font-size:clamp(48px,10vw,70px)}.growth-hero-field{right:-34%;top:25%;width:105vw;height:70%;opacity:.40}.growth-field-center{display:none}.growth-hero-copy>p{font-size:17px}
  .growth-stair-stage{height:auto;grid-template-columns:1fr 1fr;margin-top:46px;padding-bottom:0}.growth-step,.growth-step--1,.growth-step--2,.growth-step--3,.growth-step--4,.growth-step--5{height:auto;min-height:230px}.growth-step--5{grid-column:1/-1;min-height:210px}.growth-step:hover,.growth-step:focus-visible{transform:translateY(-5px)}
  .growth-orbit-board{height:720px}.growth-orbit-svg{opacity:.38}.growth-orbit-core{width:170px;height:170px}.growth-orbit-core strong{font-size:28px}.growth-orbit-node{width:182px;min-height:104px}.growth-orbit-node--seo{left:0;top:10%}.growth-orbit-node--content{left:50%;top:0;transform:translateX(-50%)}.growth-orbit-board.is-active .growth-orbit-node--content{transform:translateX(-50%)}.growth-orbit-node--geo{right:0;top:13%}.growth-orbit-node--data{right:0;bottom:10%}.growth-orbit-node--social{left:50%;bottom:0;transform:translateX(-50%)}.growth-orbit-board.is-active .growth-orbit-node--social{transform:translateX(-50%)}.growth-orbit-node--sea{left:0;bottom:13%}
}
@media (max-width:640px){
  .growth-index{font-size:9px;letter-spacing:.16em}.growth-hero{padding-top:120px}.growth-hero h1{margin-top:22px;font-size:clamp(43px,12.5vw,58px);line-height:.94}.growth-hero-copy>p{font-size:16px}.growth-tags{gap:9px;font-size:9px}.growth-signal{min-height:64px;margin-top:24px}.growth-signal>span,.growth-contact-input>span{font-size:15px}.growth-signal>i,.growth-contact-input>i{width:48px;height:48px;flex-basis:48px}
  .growth-stair-stage{grid-template-columns:1fr}.growth-step,.growth-step--5{grid-column:auto;min-height:194px}.growth-step h3{font-size:30px}.growth-step p{max-width:420px;font-size:14px}
  .growth-orbit-board{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px;padding-top:190px}.growth-orbit-svg{display:none}.growth-orbit-core{top:0;left:50%;width:148px;height:148px;transform:translateX(-50%)}.growth-orbit-node,.growth-orbit-node--seo,.growth-orbit-node--content,.growth-orbit-node--geo,.growth-orbit-node--data,.growth-orbit-node--social,.growth-orbit-node--sea{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:112px;transform:none!important}.growth-orbit-board.is-active .growth-orbit-node{transform:none!important}
  .growth-contact{padding-top:100px}.growth-contact h2{font-size:clamp(46px,13vw,62px)}.growth-contact-shell>p{font-size:16px}.growth-contact-prompts{gap:8px}.growth-contact-prompts button{font-size:9px;padding:9px 12px}.growth-footer{display:none}
}
@media (prefers-reduced-motion:reduce){
  .growth-field-rings ellipse,.growth-core,.growth-core-halo,.growth-field-word,.growth-orbit-svg .g-orbit-ring,.growth-orbit-core::before,.growth-orbit-core::after{animation:none!important}
  .growth-step,.growth-orbit-node{transition:none!important}
}

/* =========================================================
   WORLD / GROWTH — V0.10.2
   refined orbital hero, readable stair cards, softer system, synapse contact
   ========================================================= */
body.we-growth-page{
  --growth-cyan:#00c7ff;
  --growth-lime:#8aff6c;
  --growth-mint:#b9ffd4;
  --growth-ink:#030813;
  --growth-soft:#9fb7c7;
  background:transparent;
}
.growth-world-main{position:relative;z-index:1;background:transparent;overflow:clip}
.growth-scene{position:relative;min-height:100svh;display:flex;align-items:center;padding:112px 0 88px;background:transparent;isolation:isolate}
.growth-scene .page-shell{width:min(1180px,calc(100% - 9vw));margin:0 auto}
.growth-index{display:flex;align-items:center;gap:12px;color:#a8efff;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.growth-index::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--growth-cyan),transparent)}
.growth-head-split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr);gap:clamp(56px,8vw,120px);align-items:end;margin-top:28px}
.growth-head-split h2{margin:0;color:#f6fbff;font-size:clamp(44px,4.5vw,68px);line-height:.96;letter-spacing:-.055em}
.growth-head-split h2 span{color:transparent;background:linear-gradient(90deg,#f4fbff 0%,#d0dee4 44%,#9ddfaf 100%);-webkit-background-clip:text;background-clip:text}
.growth-head-split>p{margin:0 0 5px;color:#a7bbc8;font-size:18px;line-height:1.72}
.growth-head-split--stairs h2{font-size:clamp(36px,3.8vw,58px);max-width:700px}
.growth-system-head h2{font-size:clamp(38px,4vw,62px)}

/* 01 / HERO */
.growth-hero{overflow:hidden;padding-top:114px;padding-bottom:74px}
.growth-hero-shell{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);align-items:center;gap:clamp(48px,7vw,110px)}
.growth-hero-copy{max-width:760px}
.growth-hero h1{margin:28px 0 0;color:#f7fbff;font-size:clamp(58px,5.5vw,88px);line-height:.93;letter-spacing:-.061em;max-width:760px}
.growth-hero h1 span{color:transparent;background:linear-gradient(100deg,#6feaff 0%,#00c7ff 42%,#8aff6c 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 42px rgba(0,199,255,.08)}
.growth-hero-copy>p{max-width:760px;margin:28px 0 0;color:#a8becd;font-size:19px;line-height:1.68}
.growth-tags{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;color:#d8f8ff;font-size:10px;font-weight:800;letter-spacing:.14em}
.growth-tags i{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--growth-cyan),var(--growth-lime));box-shadow:0 0 10px rgba(0,199,255,.45)}
.growth-signal{width:min(650px,100%);min-height:70px;margin-top:28px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(63,193,237,.27);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.72),rgba(6,19,35,.48));color:#f4fbff;box-shadow:0 20px 60px rgba(0,20,45,.16);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.growth-signal:hover,.growth-signal:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(128,246,144,.42);box-shadow:0 22px 66px rgba(0,31,58,.22),0 0 30px rgba(0,199,255,.06)}
.growth-signal>span{text-align:left;font-size:17px;font-weight:750}.growth-signal small{display:block;margin-bottom:5px;color:#79a7bc;font-size:9px;letter-spacing:.18em}
.growth-signal>i{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#19dfe4 62%,var(--growth-lime));color:#00101b;font-size:25px;font-style:normal;box-shadow:0 0 28px rgba(0,199,255,.22)}

.growth-hero-field{position:absolute;z-index:1;right:0;top:10%;width:min(56vw,880px);height:80%;pointer-events:none;opacity:.98;mask-image:radial-gradient(ellipse at 63% 48%,#000 24%,rgba(0,0,0,.96) 72%,transparent 96%);-webkit-mask-image:radial-gradient(ellipse at 63% 48%,#000 24%,rgba(0,0,0,.96) 72%,transparent 96%)}
.growth-hero-field::before{content:"";position:absolute;inset:13% 14% 10% 16%;background:radial-gradient(circle at 56% 50%,rgba(0,199,255,.08),transparent 22%),radial-gradient(circle at 60% 46%,rgba(138,255,108,.09),transparent 10%),radial-gradient(circle at 51% 54%,rgba(0,199,255,.07),transparent 13%);filter:blur(22px)}
.growth-hero-field svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.growth-synapse-bg path{fill:none;stroke:rgba(92,192,225,.12);stroke-width:1.1;stroke-linecap:round}
.growth-synapse-bg rect{fill:rgba(95,214,240,.18);filter:drop-shadow(0 0 7px rgba(0,199,255,.12));animation:synFlicker 7s ease-in-out infinite}
.growth-synapse-bg rect:nth-of-type(2n){animation-delay:-2.2s}.growth-synapse-bg rect:nth-of-type(3n){animation-delay:-4.4s}
.growth-field-rings ellipse{fill:none;stroke:url(#growthOrbitGrad102);stroke-dasharray:5 11;opacity:.50;transform-box:fill-box;transform-origin:center;animation:gHeroRing 28s linear infinite}
.growth-field-rings .ring--h{stroke-width:1.08}
.growth-field-rings .ring--v{stroke-width:1.08;animation-duration:34s;animation-direction:reverse}
.growth-field-rings .ring--d{stroke-width:1.15;animation-duration:30s}
.growth-field-circles circle{fill:none;stroke:url(#growthHeroRingGrad102);opacity:.42}
.growth-field-circles .circle--inner{stroke-width:1.25}
.growth-field-circles .circle--outer{stroke-width:1.15}
.growth-field-circles .circle--micro{stroke-width:.95;opacity:.34}
.growth-orbit-dots .orbit-dot-shadow{fill:rgba(138,255,108,.16);filter:blur(10px)}
.growth-orbit-dots .orbit-dot-ring{fill:none;stroke:rgba(138,255,108,.50);stroke-width:1.5}
.growth-orbit-dots .orbit-dot-core{fill:#8aff6c;filter:drop-shadow(0 0 12px rgba(138,255,108,.75))}
.growth-orbit-dots .orbit-dot-core--white{fill:#dffcff;filter:drop-shadow(0 0 9px rgba(0,199,255,.7))}
.growth-core-halo{opacity:.72;animation:gCoreHalo 5.8s ease-in-out infinite}
.growth-core-center{fill:#effff7;stroke:#8aff6c;stroke-width:2;filter:drop-shadow(0 0 16px rgba(138,255,108,.65))}
.growth-field-center{position:absolute;left:62%;top:50%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 0 22px rgba(0,199,255,.30)}
.growth-field-center small{display:block;color:#85aabb;font-size:8px;font-weight:800;letter-spacing:.24em}
.growth-field-center strong{display:block;margin-top:4px;color:#f1fff7;font-size:22px;letter-spacing:-.04em}
@keyframes gHeroRing{to{transform:rotate(360deg)}}
@keyframes gCoreHalo{0%,100%{opacity:.44;transform:scale(.85)}50%{opacity:.82;transform:scale(1.15)}}
@keyframes synFlicker{0%,100%{opacity:.26}20%{opacity:.4}40%{opacity:.2}56%{opacity:.58}72%{opacity:.26}}

/* 02 / STAIR GRAPH */
.growth-stairs{padding-top:114px;padding-bottom:96px;overflow:hidden}
.growth-stair-stage{position:relative;height:530px;margin-top:58px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:end;padding:0 10px 30px}
.growth-step{position:relative;z-index:2;min-width:0;padding:22px 20px 68px;border:1px solid rgba(69,190,232,.22);border-radius:22px;background:linear-gradient(160deg,rgba(6,22,39,.84),rgba(4,13,27,.77));box-shadow:0 24px 64px rgba(0,19,43,.18);overflow:hidden;transition:transform .38s cubic-bezier(.2,.82,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;transform-origin:50% 100%}
.growth-step::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 36%),radial-gradient(circle at 20% 18%,rgba(255,255,255,.02),transparent 28%);opacity:.9}
.growth-step::after{content:"";position:absolute;inset:auto -18% -34% 12%;height:66%;background:radial-gradient(circle,rgba(0,199,255,.08),transparent 68%);opacity:0;transition:opacity .3s ease}
.growth-step:hover,.growth-step:focus-visible{outline:none;transform:translateY(-8px) scale(1.014);border-color:rgba(138,255,108,.38);box-shadow:0 32px 72px rgba(0,26,54,.24),0 0 34px rgba(0,199,255,.05)}
.growth-step:hover::after,.growth-step:focus-visible::after{opacity:1}
.growth-step--1{height:250px;background:linear-gradient(165deg,rgba(5,22,38,.92),rgba(5,15,28,.80))}
.growth-step--2{height:306px;background:linear-gradient(165deg,rgba(5,23,39,.92),rgba(5,15,29,.81))}
.growth-step--3{height:360px;background:linear-gradient(165deg,rgba(6,24,40,.92),rgba(5,16,30,.82))}
.growth-step--4{height:414px;background:linear-gradient(165deg,rgba(6,26,41,.94),rgba(5,16,30,.84))}
.growth-step--5{height:468px;border-color:rgba(109,235,155,.34);background:linear-gradient(165deg,rgba(7,33,40,.96),rgba(5,18,30,.86))}
.growth-step-no{color:#59a8c4;font-size:9px;font-weight:800;letter-spacing:.16em}
.growth-step h3{margin:24px 0 0;color:#effaff;font-size:clamp(20px,1.65vw,24px);line-height:1.03;letter-spacing:-.045em;word-break:normal}
.growth-step p{margin:12px 0 0;color:#95adbd;font-size:13px;line-height:1.52;max-width:20ch}
.growth-step small{position:absolute;left:20px;bottom:20px;color:#6b91a3;font-size:8px;font-weight:800;letter-spacing:.16em}
.growth-step--1 h3{color:#f0fbff}.growth-step--1 small{color:#7bb4c8}
.growth-step--2 h3{background:linear-gradient(90deg,#f3fcff 12%,#dff6ff 65%,#b8eff0);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--2 small{color:#85bec8}
.growth-step--3 h3{background:linear-gradient(90deg,#f1fbff 10%,#d5faff 52%,#8cf4de);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--3 small{color:#82c9c6}
.growth-step--4 h3{background:linear-gradient(90deg,#f0fbff 10%,#cbfbff 46%,#71f2be);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--4 small{color:#86d2bb}
.growth-step--5 h3{background:linear-gradient(90deg,#effcff 0%,#b9fbff 42%,#8aff6c 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.growth-step--5 small{color:#86d99e}

/* 03 / ORBIT BOARD */
.growth-system{min-height:100svh;padding-top:112px;padding-bottom:92px;overflow:hidden}
.growth-system-head{margin-bottom:28px}.growth-system-head h2 span{background:linear-gradient(90deg,#61e9ff,#00c7ff 42%,#8aff6c);-webkit-background-clip:text;background-clip:text;color:transparent}
.growth-orbit-board{position:relative;max-width:1160px;height:620px;margin:34px auto 0;isolation:isolate}
.growth-orbit-board::before,.growth-orbit-board::after{content:"";position:absolute;z-index:-2;border-radius:50%;filter:blur(44px);opacity:.95}
.growth-orbit-board::before{left:50%;top:50%;width:560px;height:410px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(0,199,255,.10),rgba(138,255,108,.045) 36%,transparent 72%)}
.growth-orbit-board::after{left:50%;top:50%;width:360px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(138,255,108,.055),transparent 66%)}
.growth-orbit-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.growth-orbit-svg .g-orbit-ring{fill:none;stroke:url(#orbitGrad102);stroke-width:1.05;stroke-dasharray:4 10;opacity:.44;transform-origin:600px 310px;animation:gOrbitSpin 36s linear infinite}
.growth-orbit-svg .g-orbit-ring--v{stroke-width:1.05;animation-duration:44s;animation-direction:reverse;opacity:.28}
.growth-orbit-svg .g-orbit-ring--d{stroke-width:1.15;animation-duration:31s;opacity:.36}
@keyframes gOrbitSpin{to{transform:rotate(360deg)}}
.growth-orbit-core{position:absolute;z-index:3;left:50%;top:50%;width:202px;height:202px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(14,46,52,.85),rgba(4,16,29,.76) 58%,rgba(3,9,20,.62));border:1px solid rgba(89,215,229,.22);box-shadow:0 0 84px rgba(0,199,255,.16),0 0 130px rgba(138,255,108,.09)}
.growth-orbit-core::before,.growth-orbit-core::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(0,199,255,.08);animation:gCoreOrbit 12s linear infinite}
.growth-orbit-core::before{inset:-16px}
.growth-orbit-core::after{inset:-38px;border-color:rgba(138,255,108,.06);animation-duration:18s;animation-direction:reverse}
@keyframes gCoreOrbit{to{transform:rotate(360deg)}}
.growth-orbit-core span{color:#7facbe;font-size:9px;font-weight:800;letter-spacing:.22em}
.growth-orbit-core strong{margin-top:6px;color:#f2fff5;font-size:32px;letter-spacing:-.05em}
.growth-orbit-core i{position:absolute;width:10px;height:10px;right:24px;top:44px;border-radius:50%;background:#8aff6c;box-shadow:0 0 20px #8aff6c}
.growth-orbit-node{position:absolute;z-index:4;width:214px;min-height:106px;padding:16px 18px;border:1px solid rgba(66,190,232,.16);border-radius:16px;background:linear-gradient(155deg,rgba(5,22,39,.52),rgba(3,13,26,.34));backdrop-filter:blur(5px);box-shadow:0 16px 38px rgba(0,17,38,.08);transition:transform .35s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease;cursor:default}
.growth-orbit-node:hover,.growth-orbit-node:focus-visible{outline:none;transform:translateY(-7px) scale(1.022);border-color:rgba(138,255,108,.28);background:linear-gradient(155deg,rgba(5,31,43,.62),rgba(3,15,28,.44));box-shadow:0 22px 42px rgba(0,24,49,.14),0 0 26px rgba(0,199,255,.04)}
.growth-orbit-node::before{content:none}
.growth-orbit-node small{position:absolute;left:18px;top:14px;color:#49a5c4;font-size:8px;font-weight:800;letter-spacing:.16em}
.growth-orbit-node>b{display:block;margin-top:14px;color:#effaff;font-size:20px;line-height:1}
.growth-orbit-node>span{display:block;margin-top:8px;color:#8fa8b8;font-size:12px;line-height:1.35;max-width:16ch}
.growth-orbit-node--seo{left:7%;top:14%}.growth-orbit-node--content{left:39%;top:2%}.growth-orbit-node--geo{right:8%;top:16%}.growth-orbit-node--data{right:7%;bottom:11%}.growth-orbit-node--social{left:39%;bottom:1%}.growth-orbit-node--sea{left:7%;bottom:13%}
.growth-seo-line{max-width:1050px;margin:12px auto 0;color:#829ead;font-size:14px;line-height:1.65;text-align:center}

/* 04 / SIGNAL */
.growth-contact{min-height:88svh;padding-top:106px;padding-bottom:92px;text-align:center;overflow:hidden}
.growth-contact-shell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.growth-contact .growth-index{justify-content:center}
.growth-contact h2{margin:30px 0 0;color:#f7fbff;font-size:clamp(54px,5.4vw,84px);line-height:.94;letter-spacing:-.06em}
.growth-contact h2 span{color:transparent;background:linear-gradient(90deg,#6beaff,#00c7ff 44%,#8aff6c);-webkit-background-clip:text;background-clip:text}
.growth-contact-shell>p{max-width:760px;margin:23px auto 0;color:#a6bdca;font-size:18px;line-height:1.65}
.growth-contact-input{width:min(720px,100%);min-height:70px;margin-top:34px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(69,190,232,.28);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.78),rgba(5,19,35,.56));color:#f5fbff;box-shadow:0 20px 70px rgba(0,21,46,.18);cursor:pointer;transition:.3s ease}
.growth-contact-input:hover,.growth-contact-input:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(138,255,108,.45);box-shadow:0 22px 70px rgba(0,24,49,.23),0 0 36px rgba(0,199,255,.06)}
.growth-contact-input>span{text-align:left;font-size:17px;font-weight:750}.growth-contact-input small{display:block;margin-bottom:5px;color:#74a5ba;font-size:9px;letter-spacing:.18em}.growth-contact-input>i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#1cdccf 65%,var(--growth-lime));color:#00111a;font-size:25px;font-style:normal}
.growth-contact-prompts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:17px}.growth-contact-prompts button{padding:10px 15px;border:1px solid rgba(81,179,220,.18);border-radius:999px;background:rgba(3,13,26,.38);color:#87a8b9;font-size:10px;cursor:pointer;transition:.25s ease}.growth-contact-prompts button:hover,.growth-contact-prompts button:focus-visible{outline:none;color:#e8fbff;border-color:rgba(138,255,108,.32);transform:translateY(-2px)}
.growth-signal-lines{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.68;mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.growth-signal-lines svg{width:100%;height:100%}
.growth-signal-lines .syn-link,.growth-signal-lines .syn-branch{fill:none;stroke:rgba(83,188,223,.18);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.growth-signal-lines .syn-branch{stroke:rgba(118,220,170,.14)}
.growth-signal-lines .syn-diamonds rect{fill:rgba(152,238,255,.28);filter:drop-shadow(0 0 8px rgba(0,199,255,.18));animation:synContactFlicker 6.4s ease-in-out infinite}
.growth-signal-lines .syn-diamonds rect:nth-child(3n){animation-delay:-2s}.growth-signal-lines .syn-diamonds rect:nth-child(4n){animation-delay:-3.4s}.growth-signal-lines .syn-diamonds rect:nth-child(5n){animation-delay:-4.8s}
@keyframes synContactFlicker{0%,100%{opacity:.24}14%{opacity:.4}31%{opacity:.18}46%{opacity:.62}74%{opacity:.28}}
.growth-footer{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(1180px,calc(100% - 9vw));margin:-44px auto 0;padding:0 0 28px;color:#4d7083;font-size:8px;letter-spacing:.16em}

/* entrance helpers */
.growth-step,.growth-orbit-node{will-change:transform,opacity}
.growth-stair-stage:not(.is-active) .growth-step{opacity:0;transform:translateY(55px) scale(.96)}
.growth-stair-stage.is-active .growth-step{opacity:1}
.growth-stair-stage.is-active .growth-step--1{transition-delay:.04s}
.growth-stair-stage.is-active .growth-step--2{transition-delay:.11s}
.growth-stair-stage.is-active .growth-step--3{transition-delay:.18s}
.growth-stair-stage.is-active .growth-step--4{transition-delay:.25s}
.growth-stair-stage.is-active .growth-step--5{transition-delay:.32s}
.growth-orbit-board:not(.is-active) .growth-orbit-node{opacity:0;transform:scale(.82)}
.growth-orbit-board.is-active .growth-orbit-node{opacity:1}
.growth-orbit-board.is-active .growth-orbit-node--seo{transition-delay:.05s}
.growth-orbit-board.is-active .growth-orbit-node--content{transition-delay:.12s}
.growth-orbit-board.is-active .growth-orbit-node--geo{transition-delay:.19s}
.growth-orbit-board.is-active .growth-orbit-node--data{transition-delay:.26s}
.growth-orbit-board.is-active .growth-orbit-node--social{transition-delay:.33s}
.growth-orbit-board.is-active .growth-orbit-node--sea{transition-delay:.40s}
.growth-orbit-board.has-focus .growth-orbit-node:not(.is-focus){opacity:.68;filter:saturate(.72)}
.growth-orbit-core.is-focus{box-shadow:0 0 98px rgba(0,199,255,.18),0 0 146px rgba(138,255,108,.11)}

@media (max-width:1100px){
  .growth-hero-shell{grid-template-columns:minmax(0,1fr) minmax(300px,.52fr)}
  .growth-hero-field{right:-12vw;width:70vw;opacity:.80}
  .growth-stair-stage{gap:12px;height:500px}
  .growth-step{padding:20px 16px 64px}.growth-step h3{font-size:22px}.growth-step p{font-size:13px}
  .growth-orbit-node{width:190px}.growth-orbit-node--seo{left:2%}.growth-orbit-node--sea{left:2%}.growth-orbit-node--geo{right:2%}.growth-orbit-node--data{right:2%}
}
@media (max-width:900px){
  .growth-scene{min-height:auto;padding:110px 0 90px}.growth-scene .page-shell{width:min(100% - 38px,760px)}
  .growth-head-split{grid-template-columns:1fr;gap:24px}.growth-head-split h2,.growth-head-split--stairs h2,.growth-system-head h2{font-size:clamp(40px,9vw,60px)}.growth-head-split>p{font-size:17px}
  .growth-hero{min-height:100svh;align-items:flex-start;padding-top:132px}.growth-hero-shell{display:block}.growth-hero-copy{position:relative;z-index:3}.growth-hero h1{font-size:clamp(48px,10vw,70px)}.growth-hero-field{right:-30%;top:24%;width:104vw;height:72%;opacity:.44}.growth-field-center strong{font-size:18px}.growth-hero-copy>p{font-size:17px}
  .growth-stair-stage{height:auto;grid-template-columns:1fr 1fr;margin-top:46px;padding-bottom:0}.growth-step,.growth-step--1,.growth-step--2,.growth-step--3,.growth-step--4,.growth-step--5{height:auto;min-height:230px}.growth-step--5{grid-column:1/-1;min-height:210px}.growth-step:hover,.growth-step:focus-visible{transform:translateY(-5px)}
  .growth-system{min-height:auto}.growth-orbit-board{height:720px}.growth-orbit-core{width:176px;height:176px}.growth-orbit-core strong{font-size:28px}.growth-orbit-node{width:182px;min-height:104px}.growth-orbit-node--seo{left:0;top:10%}.growth-orbit-node--content{left:50%;top:0;transform:translateX(-50%)}.growth-orbit-board.is-active .growth-orbit-node--content{transform:translateX(-50%)}.growth-orbit-node--geo{right:0;top:13%}.growth-orbit-node--data{right:0;bottom:10%}.growth-orbit-node--social{left:50%;bottom:0;transform:translateX(-50%)}.growth-orbit-board.is-active .growth-orbit-node--social{transform:translateX(-50%)}.growth-orbit-node--sea{left:0;bottom:13%}
}
@media (max-width:640px){
  .growth-index{font-size:9px;letter-spacing:.16em}.growth-hero{padding-top:120px}.growth-hero h1{margin-top:22px;font-size:clamp(43px,12.5vw,58px);line-height:.94}.growth-hero-copy>p{font-size:16px}.growth-tags{gap:9px;font-size:9px}.growth-signal{min-height:64px;margin-top:24px}.growth-signal>span,.growth-contact-input>span{font-size:15px}.growth-signal>i,.growth-contact-input>i{width:48px;height:48px;flex-basis:48px}.growth-hero-field{display:none}
  .growth-stair-stage{grid-template-columns:1fr}.growth-step,.growth-step--5{grid-column:auto;min-height:194px}.growth-step h3{font-size:28px}.growth-step p{max-width:420px;font-size:14px}
  .growth-orbit-board{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:34px;padding-top:190px}.growth-orbit-svg{display:none}.growth-orbit-core{top:0;left:50%;width:148px;height:148px;transform:translateX(-50%)}.growth-orbit-node,.growth-orbit-node--seo,.growth-orbit-node--content,.growth-orbit-node--geo,.growth-orbit-node--data,.growth-orbit-node--social,.growth-orbit-node--sea{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;min-height:112px;transform:none!important}.growth-orbit-board.is-active .growth-orbit-node{transform:none!important}
  .growth-contact{padding-top:100px}.growth-contact h2{font-size:clamp(46px,13vw,62px)}.growth-contact-shell>p{font-size:16px}.growth-contact-prompts{gap:8px}.growth-contact-prompts button{font-size:9px;padding:9px 12px}.growth-footer{display:none}
}
@media (prefers-reduced-motion:reduce){
  .growth-field-rings ellipse,.growth-core-halo,.growth-synapse-bg rect,.growth-orbit-svg .g-orbit-ring,.growth-orbit-core::before,.growth-orbit-core::after,.growth-signal-lines .syn-diamonds rect{animation:none!important}
  .growth-step,.growth-orbit-node{transition:none!important}
}

/* =========================================================
   WORLD / GROWTH — V0.10.3
   deeper orbital system + neural synapses refinement
   ========================================================= */
body.we-growth-page{
  --growth-cyan:#0fd6ff;
  --growth-cyan-soft:rgba(15,214,255,.22);
  --growth-lime:#90ff74;
  --growth-ink:#030813;
  --growth-ink-soft:#091423;
  --growth-copy:#a8becd;
}
body.we-growth-page .growth-world-main{overflow:clip}
body.we-growth-page .growth-scene{position:relative;min-height:100svh;display:flex;align-items:center;padding:114px 0 88px;isolation:isolate}
body.we-growth-page .growth-scene .page-shell{width:min(1180px,calc(100% - 9vw));margin:0 auto}
body.we-growth-page .growth-index{display:flex;align-items:center;gap:12px;color:#9beeff;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
body.we-growth-page .growth-index::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--growth-cyan),transparent)}
body.we-growth-page .growth-head-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.62fr);gap:clamp(56px,8vw,118px);align-items:end;margin-top:30px}
body.we-growth-page .growth-head-split h2{margin:0;color:#f6fbff;font-size:clamp(38px,4vw,60px);line-height:.98;letter-spacing:-.055em}
body.we-growth-page .growth-head-split h2 span{color:transparent;background:linear-gradient(90deg,#ebfbff 0%,#d6e6ea 44%,#98f48d 100%);-webkit-background-clip:text;background-clip:text}
body.we-growth-page .growth-head-split>p{margin:0 0 6px;color:#a7bbc8;font-size:18px;line-height:1.72}
body.we-growth-page .growth-head-split--stairs h2{font-size:clamp(34px,3.7vw,54px);max-width:680px}
body.we-growth-page .growth-system-head h2{font-size:clamp(36px,3.9vw,56px)}

/* hero */
body.we-growth-page .growth-hero{padding-top:116px;padding-bottom:74px;overflow:hidden}
body.we-growth-page .growth-hero-shell{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.72fr);gap:clamp(48px,7vw,110px);align-items:center}
body.we-growth-page .growth-hero-copy{max-width:700px}
body.we-growth-page .growth-hero h1{margin:28px 0 0;color:#f8fbff;font-size:clamp(52px,4.95vw,80px);line-height:.95;letter-spacing:-.06em;max-width:690px}
body.we-growth-page .growth-hero h1 span{color:transparent;background:linear-gradient(100deg,#68eaff 0%,#15cfff 40%,#90ff74 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 28px rgba(15,214,255,.10)}
body.we-growth-page .growth-hero-copy>p{max-width:730px;margin:28px 0 0;color:var(--growth-copy);font-size:19px;line-height:1.68}
body.we-growth-page .growth-tags{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;color:#d7faff;font-size:10px;font-weight:800;letter-spacing:.14em}
body.we-growth-page .growth-tags i{width:4px;height:4px;border-radius:50%;background:linear-gradient(135deg,var(--growth-cyan),var(--growth-lime));box-shadow:0 0 10px rgba(15,214,255,.42)}
body.we-growth-page .growth-signal{width:min(650px,100%);min-height:70px;margin-top:28px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(63,193,237,.27);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.72),rgba(6,19,35,.50));color:#f4fbff;box-shadow:0 20px 60px rgba(0,20,45,.16);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
body.we-growth-page .growth-signal:hover,body.we-growth-page .growth-signal:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(144,255,116,.42);box-shadow:0 22px 66px rgba(0,31,58,.22),0 0 30px rgba(15,214,255,.06)}
body.we-growth-page .growth-signal>span{text-align:left;font-size:17px;font-weight:750}
body.we-growth-page .growth-signal small{display:block;margin-bottom:5px;color:#79a7bc;font-size:9px;letter-spacing:.18em}
body.we-growth-page .growth-signal>i{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#19dfe4 62%,var(--growth-lime));color:#00101b;font-size:25px;font-style:normal;box-shadow:0 0 28px rgba(15,214,255,.22)}

body.we-growth-page .growth-hero-field{position:absolute;z-index:1;right:-1vw;top:8%;width:min(58vw,920px);height:84%;pointer-events:none;opacity:.98;mask-image:radial-gradient(ellipse at 60% 50%,#000 26%,rgba(0,0,0,.98) 76%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse at 60% 50%,#000 26%,rgba(0,0,0,.98) 76%,transparent 98%)}
body.we-growth-page .growth-hero-field::before{content:"";position:absolute;inset:12% 12% 8% 12%;background:radial-gradient(circle at 54% 47%,rgba(144,255,116,.15),transparent 14%),radial-gradient(circle at 58% 48%,rgba(15,214,255,.12),transparent 24%),radial-gradient(circle at 51% 56%,rgba(15,214,255,.10),transparent 18%);filter:blur(26px)}
body.we-growth-page .growth-hero-field svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.we-growth-page .growth-neural-field path{fill:none;stroke:rgba(113,169,191,.13);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
body.we-growth-page .growth-neural-field rect{fill:rgba(124,190,216,.18);filter:drop-shadow(0 0 7px rgba(15,214,255,.11));animation:g103SynapseBlink 7s ease-in-out infinite}
body.we-growth-page .growth-neural-field circle{fill:rgba(113,170,192,.14)}
body.we-growth-page .growth-neural-field rect:nth-of-type(2n){animation-delay:-2.4s}
body.we-growth-page .growth-neural-field rect:nth-of-type(3n){animation-delay:-4.6s}
body.we-growth-page .growth-orbit-graphics .orbit-ellipse,
body.we-growth-page .growth-orbit-graphics .orbit-circle{fill:none;stroke:url(#g103OrbitStroke);stroke-linecap:round}
body.we-growth-page .growth-orbit-graphics .orbit-ellipse{stroke-width:1.12;stroke-dasharray:4 10;opacity:.52;transform-box:fill-box;transform-origin:center;animation:g103HeroSpin 31s linear infinite}
body.we-growth-page .growth-orbit-graphics .orbit-ellipse--v{animation-duration:38s;animation-direction:reverse;opacity:.44}
body.we-growth-page .growth-orbit-graphics .orbit-ellipse--d{animation-duration:28s;opacity:.48}
body.we-growth-page .growth-orbit-graphics .orbit-circle{stroke:url(#g103RingStroke);opacity:.40}
body.we-growth-page .growth-orbit-graphics .orbit-circle--1{stroke-width:1.2}
body.we-growth-page .growth-orbit-graphics .orbit-circle--2{stroke-width:1.15}
body.we-growth-page .growth-orbit-graphics .orbit-circle--3{stroke-width:.95;opacity:.28}
body.we-growth-page .growth-orbit-particles .particle-glow{fill:rgba(144,255,116,.18);filter:blur(10px)}
body.we-growth-page .growth-orbit-particles .particle-ring{fill:none;stroke:rgba(144,255,116,.50);stroke-width:1.4}
body.we-growth-page .growth-orbit-particles .particle-core--green{fill:#90ff74;filter:drop-shadow(0 0 14px rgba(144,255,116,.72))}
body.we-growth-page .growth-orbit-particles .particle-core--white{fill:#effeff;filter:drop-shadow(0 0 10px rgba(15,214,255,.65))}
body.we-growth-page .growth-orbit-particles .particle-core--cyan{fill:#55e8ff;filter:drop-shadow(0 0 10px rgba(15,214,255,.65))}
body.we-growth-page .growth-orbit-particles .particle-core--lime{fill:#9eff7a;filter:drop-shadow(0 0 11px rgba(144,255,116,.62))}
body.we-growth-page .growth-core-glow{opacity:.78;animation:g103HeroPulse 6s ease-in-out infinite}
body.we-growth-page .growth-core-main{fill:#8ffb71;filter:drop-shadow(0 0 18px rgba(144,255,116,.82))}
body.we-growth-page .growth-core-edge{fill:none;stroke:rgba(245,255,249,.9);stroke-width:1.2}
body.we-growth-page .growth-field-center{position:absolute;left:63%;top:49.5%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 0 22px rgba(15,214,255,.22)}
body.we-growth-page .growth-field-center small{display:block;color:#8db1bf;font-size:8px;font-weight:800;letter-spacing:.24em}
body.we-growth-page .growth-field-center strong{display:block;margin-top:4px;color:#f2fff5;font-size:22px;letter-spacing:-.04em}
@keyframes g103HeroSpin{to{transform:rotate(360deg)}}
@keyframes g103HeroPulse{0%,100%{opacity:.42;transform:scale(.84)}50%{opacity:.82;transform:scale(1.12)}}
@keyframes g103SynapseBlink{0%,100%{opacity:.18}22%{opacity:.42}44%{opacity:.24}60%{opacity:.62}78%{opacity:.2}}

/* stairs */
body.we-growth-page .growth-stairs{padding-top:114px;padding-bottom:98px;overflow:hidden}
body.we-growth-page .growth-stair-stage{position:relative;height:540px;margin-top:56px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:end;padding:0 8px 32px}
body.we-growth-page .growth-step{position:relative;z-index:2;min-width:0;padding:22px 20px 70px;border:1px solid rgba(69,190,232,.22);border-radius:22px;background:linear-gradient(160deg,rgba(6,22,39,.84),rgba(4,13,27,.77));box-shadow:0 24px 64px rgba(0,19,43,.18);overflow:hidden;transition:transform .34s cubic-bezier(.2,.82,.2,1),border-color .3s ease,box-shadow .3s ease,background .3s ease;transform-origin:50% 100%}
body.we-growth-page .growth-step::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 38%),radial-gradient(circle at 18% 20%,rgba(255,255,255,.02),transparent 28%)}
body.we-growth-page .growth-step::after{content:"";position:absolute;inset:auto -15% -36% 10%;height:68%;background:radial-gradient(circle,rgba(15,214,255,.09),transparent 68%);opacity:0;transition:opacity .28s ease}
body.we-growth-page .growth-step:hover,body.we-growth-page .growth-step:focus-visible{outline:none;transform:translateY(-12px) scale(1.02);border-color:rgba(144,255,116,.38);box-shadow:0 34px 80px rgba(0,26,54,.24),0 0 34px rgba(15,214,255,.05)}
body.we-growth-page .growth-step:hover::after,body.we-growth-page .growth-step:focus-visible::after{opacity:1}
body.we-growth-page .growth-step--1{height:250px;border-color:rgba(70,185,229,.18);background:linear-gradient(165deg,rgba(5,20,37,.92),rgba(5,15,28,.80))}
body.we-growth-page .growth-step--2{height:308px;border-color:rgba(75,192,225,.21);background:linear-gradient(165deg,rgba(5,22,39,.92),rgba(5,15,29,.81))}
body.we-growth-page .growth-step--3{height:362px;border-color:rgba(78,200,220,.23);background:linear-gradient(165deg,rgba(6,24,40,.92),rgba(5,16,30,.82))}
body.we-growth-page .growth-step--4{height:416px;border-color:rgba(92,214,208,.26);background:linear-gradient(165deg,rgba(6,26,41,.94),rgba(5,16,30,.84))}
body.we-growth-page .growth-step--5{height:470px;border-color:rgba(109,235,155,.32);background:linear-gradient(165deg,rgba(7,33,40,.96),rgba(5,18,30,.86))}
body.we-growth-page .growth-step-no{color:#59a8c4;font-size:9px;font-weight:800;letter-spacing:.16em}
body.we-growth-page .growth-step h3{margin:28px 0 0;color:#effaff;font-size:clamp(18px,1.6vw,22px);line-height:1.10;letter-spacing:-.04em;white-space:normal}
body.we-growth-page .growth-step p{margin:14px 0 0;color:#99afbf;font-size:13px;line-height:1.58;max-width:18ch}
body.we-growth-page .growth-step small{position:absolute;left:20px;bottom:18px;color:#7fa6b7;font-size:8px;font-weight:800;letter-spacing:.16em}
body.we-growth-page .growth-step--1 h3{background:linear-gradient(90deg,#f6fdff 0%,#d9f8ff 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.we-growth-page .growth-step--2 h3{background:linear-gradient(90deg,#f4fcff 0%,#d0f8ff 66%,#abecff);-webkit-background-clip:text;background-clip:text;color:transparent}
body.we-growth-page .growth-step--3 h3{background:linear-gradient(90deg,#f1fbff 0%,#cef9ff 52%,#8cefe4);-webkit-background-clip:text;background-clip:text;color:transparent}
body.we-growth-page .growth-step--4 h3{background:linear-gradient(90deg,#eefbff 0%,#c7fbfb 46%,#79f4bf);-webkit-background-clip:text;background-clip:text;color:transparent}
body.we-growth-page .growth-step--5 h3{background:linear-gradient(90deg,#effcff 0%,#bffbff 44%,#90ff74 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.we-growth-page .growth-step--3 h3,body.we-growth-page .growth-step--5 h3{padding-bottom:2px}
body.we-growth-page .growth-stair-stage:not(.is-active) .growth-step{opacity:0;transform:translateY(50px) scale(.97)}
body.we-growth-page .growth-stair-stage.is-active .growth-step{opacity:1}
body.we-growth-page .growth-stair-stage.is-active .growth-step--1{transition-delay:.04s}
body.we-growth-page .growth-stair-stage.is-active .growth-step--2{transition-delay:.11s}
body.we-growth-page .growth-stair-stage.is-active .growth-step--3{transition-delay:.18s}
body.we-growth-page .growth-stair-stage.is-active .growth-step--4{transition-delay:.25s}
body.we-growth-page .growth-stair-stage.is-active .growth-step--5{transition-delay:.32s}

/* system */
body.we-growth-page .growth-system{padding-top:112px;padding-bottom:96px;min-height:100svh;overflow:hidden}
body.we-growth-page .growth-system-head h2 span{background:linear-gradient(90deg,#68eaff,#15cfff 42%,#90ff74);-webkit-background-clip:text;background-clip:text;color:transparent}
body.we-growth-page .growth-orbit-board{position:relative;display:flex;justify-content:center;align-items:center;min-height:610px;margin-top:30px}
body.we-growth-page .growth-orbit-board::before,
body.we-growth-page .growth-orbit-board::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none}
body.we-growth-page .growth-orbit-board::before{width:620px;height:440px;background:radial-gradient(circle,rgba(15,214,255,.11),rgba(15,214,255,.04) 32%,transparent 72%);filter:blur(50px);opacity:.9}
body.we-growth-page .growth-orbit-board::after{width:420px;height:340px;background:radial-gradient(circle,rgba(144,255,116,.08),transparent 68%);filter:blur(38px);opacity:.84}
body.we-growth-page .growth-orbit-system{position:relative;width:min(860px,82vw);height:610px}
body.we-growth-page .growth-orbit-system.is-paused .growth-orbit-track{animation-play-state:paused}
body.we-growth-page .growth-orbit-track{position:absolute;left:50%;top:50%;width:var(--w);height:var(--h);transform:translate(-50%,-50%) rotate(var(--tilt,0deg));border:1px dashed rgba(70,188,221,.18);border-radius:50%;animation:g103OrbitSpin var(--dur,18s) linear infinite;transform-origin:center center;will-change:transform}
body.we-growth-page .growth-orbit-track.reverse{animation-direction:reverse}
body.we-growth-page .growth-orbit-track--one{--w:210px;--h:210px;--dur:14s;border-color:rgba(98,211,225,.16)}
body.we-growth-page .growth-orbit-track--two{--w:314px;--h:314px;--dur:20s;border-color:rgba(121,227,186,.18)}
body.we-growth-page .growth-orbit-track--ellipse-h{--w:610px;--h:250px;--dur:24s;border-color:rgba(72,188,223,.16)}
body.we-growth-page .growth-orbit-track--ellipse-v{--w:250px;--h:610px;--dur:28s;border-color:rgba(72,188,223,.14)}
body.we-growth-page .growth-orbit-track--ellipse-d{--w:540px;--h:230px;--dur:22s;border-color:rgba(101,212,201,.15)}
body.we-growth-page .growth-orbit-track--diag-a{--tilt:-32deg}
body.we-growth-page .growth-orbit-track--diag-b{--tilt:32deg}
body.we-growth-page .growth-orbit-track::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(15,214,255,.04),transparent 62%);opacity:.35;pointer-events:none}
@keyframes g103OrbitSpin{from{transform:translate(-50%,-50%) rotate(var(--tilt,0deg))}to{transform:translate(-50%,-50%) rotate(calc(360deg + var(--tilt,0deg)))}}
body.we-growth-page .growth-orbit-point{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:auto;height:auto;padding:0;border:0;background:none;color:inherit;cursor:pointer}
body.we-growth-page .growth-orbit-point:focus-visible{outline:none}
body.we-growth-page .growth-orbit-dot{display:block;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#efffff 0%,#9eff81 42%,#43dfff 100%);box-shadow:0 0 0 5px rgba(15,214,255,.06),0 0 16px rgba(15,214,255,.34),0 0 28px rgba(144,255,116,.24)}
body.we-growth-page .growth-orbit-point--seo .growth-orbit-dot{width:12px;height:12px}
body.we-growth-page .growth-orbit-point--content .growth-orbit-dot{width:13px;height:13px}
body.we-growth-page .growth-orbit-point--data .growth-orbit-dot{width:15px;height:15px}
body.we-growth-page .growth-orbit-pop{position:absolute;left:22px;top:-18px;min-width:190px;padding:14px 16px;border:1px solid rgba(78,191,230,.24);border-radius:16px;background:linear-gradient(155deg,rgba(5,22,39,.88),rgba(3,13,26,.78));box-shadow:0 22px 54px rgba(0,20,43,.24);backdrop-filter:blur(8px);opacity:0;transform:translateY(8px) scale(.96);pointer-events:none;transition:opacity .24s ease,transform .24s ease}
body.we-growth-page .growth-orbit-pop small{display:block;color:#56a8c5;font-size:8px;font-weight:800;letter-spacing:.16em}
body.we-growth-page .growth-orbit-pop b{display:block;margin-top:6px;color:#effaff;font-size:20px;line-height:1}
body.we-growth-page .growth-orbit-pop em{display:block;margin-top:8px;color:#91aab9;font-size:12px;line-height:1.35;font-style:normal;max-width:16ch}
body.we-growth-page .growth-orbit-point:hover .growth-orbit-pop,
body.we-growth-page .growth-orbit-point:focus-visible .growth-orbit-pop,
body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-pop{opacity:1;transform:translateY(0) scale(1)}
body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-dot,
body.we-growth-page .growth-orbit-point:hover .growth-orbit-dot,
body.we-growth-page .growth-orbit-point:focus-visible .growth-orbit-dot{box-shadow:0 0 0 7px rgba(15,214,255,.07),0 0 18px rgba(15,214,255,.45),0 0 38px rgba(144,255,116,.32)}
body.we-growth-page .growth-orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:200px;height:200px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(16,48,56,.82),rgba(4,15,29,.76) 58%,rgba(3,10,21,.66));border:1px solid rgba(86,210,228,.20);box-shadow:0 0 86px rgba(15,214,255,.18),0 0 132px rgba(144,255,116,.12)}
body.we-growth-page .growth-orbit-core::before,body.we-growth-page .growth-orbit-core::after{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px solid rgba(15,214,255,.08)}
body.we-growth-page .growth-orbit-core::after{inset:-36px;border-color:rgba(144,255,116,.06)}
body.we-growth-page .growth-orbit-core span{color:#7facbe;font-size:9px;font-weight:800;letter-spacing:.22em}
body.we-growth-page .growth-orbit-core strong{margin-top:7px;color:#f2fff5;font-size:30px;letter-spacing:-.05em}
body.we-growth-page .growth-seo-line{max-width:1050px;margin:6px auto 0;color:#829ead;font-size:14px;line-height:1.65;text-align:center}

/* contact */
body.we-growth-page .growth-contact{min-height:88svh;padding-top:104px;padding-bottom:92px;text-align:center;overflow:hidden}
body.we-growth-page .growth-contact-shell{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
body.we-growth-page .growth-contact .growth-index{justify-content:center}
body.we-growth-page .growth-contact h2{margin:30px 0 0;color:#f7fbff;font-size:clamp(54px,5.4vw,84px);line-height:.94;letter-spacing:-.06em}
body.we-growth-page .growth-contact h2 span{color:transparent;background:linear-gradient(90deg,#68eaff,#15cfff 44%,#90ff74);-webkit-background-clip:text;background-clip:text}
body.we-growth-page .growth-contact-input{width:min(720px,100%);min-height:70px;margin-top:34px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(69,190,232,.28);border-radius:19px;background:linear-gradient(90deg,rgba(5,18,34,.78),rgba(5,19,35,.56));color:#f5fbff;box-shadow:0 20px 70px rgba(0,21,46,.18);cursor:pointer;transition:.3s ease}
body.we-growth-page .growth-contact-input:hover,body.we-growth-page .growth-contact-input:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(144,255,116,.45);box-shadow:0 22px 70px rgba(0,24,49,.23),0 0 36px rgba(15,214,255,.06)}
body.we-growth-page .growth-contact-input>span{text-align:left;font-size:17px;font-weight:750}
body.we-growth-page .growth-contact-input small{display:block;margin-bottom:5px;color:#74a5ba;font-size:9px;letter-spacing:.18em}
body.we-growth-page .growth-contact-input>i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,var(--growth-cyan),#1cdccf 65%,var(--growth-lime));color:#00111a;font-size:25px;font-style:normal}
body.we-growth-page .growth-contact-shell>p{max-width:760px;margin:22px auto 0;color:#a6bdca;font-size:18px;line-height:1.65}
body.we-growth-page .growth-contact-prompts{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:17px}
body.we-growth-page .growth-contact-prompts button{padding:10px 15px;border:1px solid rgba(81,179,220,.18);border-radius:999px;background:rgba(3,13,26,.38);color:#87a8b9;font-size:10px;cursor:pointer;transition:.25s ease}
body.we-growth-page .growth-contact-prompts button:hover,body.we-growth-page .growth-contact-prompts button:focus-visible{outline:none;color:#e8fbff;border-color:rgba(144,255,116,.32);transform:translateY(-2px)}
body.we-growth-page .growth-signal-lines{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.9;mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
body.we-growth-page .growth-signal-lines svg{width:100%;height:100%}
body.we-growth-page .growth-signal-lines .syn-link,body.we-growth-page .growth-signal-lines .syn-branch{fill:none;stroke:rgba(74,157,193,.18);stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
body.we-growth-page .growth-signal-lines .syn-branch{stroke:rgba(89,189,164,.16)}
body.we-growth-page .growth-signal-lines .syn-core-nodes circle{fill:rgba(196,255,229,.88)}
body.we-growth-page .growth-signal-lines .syn-core-glow circle{fill:rgba(15,214,255,.22);animation:g103ContactPulse 6.6s ease-in-out infinite}
body.we-growth-page .growth-signal-lines .syn-core-glow circle:nth-child(2n){animation-delay:-2.2s}
body.we-growth-page .growth-signal-lines .syn-core-glow circle:nth-child(3n){animation-delay:-4.1s}
body.we-growth-page .growth-signal-lines .syn-diamonds rect{fill:rgba(152,238,255,.24);filter:drop-shadow(0 0 8px rgba(15,214,255,.18));animation:g103ContactBlink 6.4s ease-in-out infinite}
body.we-growth-page .growth-signal-lines .syn-diamonds rect:nth-child(3n){animation-delay:-2s}
body.we-growth-page .growth-signal-lines .syn-diamonds rect:nth-child(4n){animation-delay:-3.4s}
body.we-growth-page .growth-signal-lines .syn-diamonds rect:nth-child(5n){animation-delay:-4.8s}
@keyframes g103ContactPulse{0%,100%{opacity:.12;transform:scale(.9)}40%{opacity:.28;transform:scale(1.15)}60%{opacity:.18;transform:scale(1.02)}}
@keyframes g103ContactBlink{0%,100%{opacity:.18}14%{opacity:.36}31%{opacity:.14}46%{opacity:.54}74%{opacity:.24}}
body.we-growth-page .growth-footer{position:relative;z-index:2;display:flex;justify-content:space-between;width:min(1180px,calc(100% - 9vw));margin:-44px auto 0;padding:0 0 28px;color:#4d7083;font-size:8px;letter-spacing:.16em}

/* responsive */
@media (max-width:1100px){
  body.we-growth-page .growth-hero-shell{grid-template-columns:minmax(0,1fr) minmax(280px,.48fr)}
  body.we-growth-page .growth-hero-field{right:-10vw;width:72vw;opacity:.88}
  body.we-growth-page .growth-stair-stage{gap:12px;height:510px}
  body.we-growth-page .growth-step{padding:20px 16px 64px}
  body.we-growth-page .growth-step h3{font-size:20px}
  body.we-growth-page .growth-step p{font-size:12.5px}
  body.we-growth-page .growth-orbit-system{width:min(760px,88vw);height:560px}
  body.we-growth-page .growth-orbit-track--ellipse-h{--w:530px;--h:220px}
  body.we-growth-page .growth-orbit-track--ellipse-v{--w:220px;--h:530px}
  body.we-growth-page .growth-orbit-track--ellipse-d{--w:460px;--h:200px}
}
@media (max-width:900px){
  body.we-growth-page .growth-scene{min-height:auto;padding:108px 0 90px}
  body.we-growth-page .growth-scene .page-shell{width:min(100% - 38px,760px)}
  body.we-growth-page .growth-head-split{grid-template-columns:1fr;gap:24px}
  body.we-growth-page .growth-head-split h2,body.we-growth-page .growth-head-split--stairs h2,body.we-growth-page .growth-system-head h2{font-size:clamp(40px,9vw,58px)}
  body.we-growth-page .growth-head-split>p{font-size:17px}
  body.we-growth-page .growth-hero{min-height:100svh;align-items:flex-start;padding-top:132px}
  body.we-growth-page .growth-hero-shell{display:block}
  body.we-growth-page .growth-hero h1{font-size:clamp(48px,10vw,64px)}
  body.we-growth-page .growth-hero-field{right:-30%;top:22%;width:104vw;height:72%;opacity:.46}
  body.we-growth-page .growth-field-center strong{font-size:18px}
  body.we-growth-page .growth-hero-copy>p{font-size:17px}
  body.we-growth-page .growth-stair-stage{height:auto;grid-template-columns:1fr 1fr;margin-top:44px;padding-bottom:0}
  body.we-growth-page .growth-step,body.we-growth-page .growth-step--1,body.we-growth-page .growth-step--2,body.we-growth-page .growth-step--3,body.we-growth-page .growth-step--4,body.we-growth-page .growth-step--5{height:auto;min-height:230px}
  body.we-growth-page .growth-step--5{grid-column:1/-1;min-height:214px}
  body.we-growth-page .growth-orbit-board{min-height:540px}
  body.we-growth-page .growth-orbit-system{width:min(680px,95vw);height:520px}
  body.we-growth-page .growth-orbit-track--ellipse-h{--w:470px;--h:200px}
  body.we-growth-page .growth-orbit-track--ellipse-v{--w:200px;--h:470px}
  body.we-growth-page .growth-orbit-track--ellipse-d{--w:410px;--h:180px}
  body.we-growth-page .growth-orbit-core{width:174px;height:174px}.growth-orbit-core strong{font-size:26px}
  body.we-growth-page .growth-orbit-pop{min-width:164px;padding:12px 13px}
}
@media (max-width:640px){
  body.we-growth-page .growth-index{font-size:9px;letter-spacing:.16em}
  body.we-growth-page .growth-hero{padding-top:120px}
  body.we-growth-page .growth-hero h1{margin-top:22px;font-size:clamp(42px,12.5vw,56px);line-height:.95}
  body.we-growth-page .growth-hero-copy>p{font-size:16px}
  body.we-growth-page .growth-tags{gap:9px;font-size:9px}
  body.we-growth-page .growth-signal{min-height:64px;margin-top:24px}
  body.we-growth-page .growth-signal>span,body.we-growth-page .growth-contact-input>span{font-size:15px}
  body.we-growth-page .growth-signal>i,body.we-growth-page .growth-contact-input>i{width:48px;height:48px;flex-basis:48px}
  body.we-growth-page .growth-hero-field{display:none}
  body.we-growth-page .growth-stair-stage{grid-template-columns:1fr}
  body.we-growth-page .growth-step,body.we-growth-page .growth-step--5{grid-column:auto;min-height:194px}
  body.we-growth-page .growth-step h3{font-size:26px}
  body.we-growth-page .growth-step p{max-width:420px;font-size:14px}
  body.we-growth-page .growth-orbit-board{min-height:auto;padding-top:0}
  body.we-growth-page .growth-orbit-system{width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:190px}
  body.we-growth-page .growth-orbit-track{display:none}
  body.we-growth-page .growth-orbit-core{top:0;width:148px;height:148px}
  body.we-growth-page .growth-orbit-pop{position:static;min-width:0;opacity:1;transform:none;padding:0;border:0;background:none;box-shadow:none;backdrop-filter:none;margin-top:10px}
  body.we-growth-page .growth-orbit-pop b{font-size:18px}
  body.we-growth-page .growth-orbit-pop em{font-size:12px;max-width:none}
  body.we-growth-page .growth-orbit-point{position:relative;left:auto;top:auto;transform:none;display:block;padding:14px 16px;border:1px solid rgba(78,191,230,.20);border-radius:16px;background:linear-gradient(155deg,rgba(5,22,39,.62),rgba(3,13,26,.44))}
  body.we-growth-page .growth-orbit-dot{margin-bottom:6px}
  body.we-growth-page .growth-contact{padding-top:100px}
  body.we-growth-page .growth-contact h2{font-size:clamp(46px,13vw,62px)}
  body.we-growth-page .growth-contact-shell>p{font-size:16px}
  body.we-growth-page .growth-contact-prompts{gap:8px}
  body.we-growth-page .growth-contact-prompts button{font-size:9px;padding:9px 12px}
  body.we-growth-page .growth-footer{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.we-growth-page .growth-orbit-graphics .orbit-ellipse,
  body.we-growth-page .growth-core-glow,
  body.we-growth-page .growth-neural-field rect,
  body.we-growth-page .growth-orbit-track,
  body.we-growth-page .growth-signal-lines .syn-core-glow circle,
  body.we-growth-page .growth-signal-lines .syn-diamonds rect{animation:none!important}
  body.we-growth-page .growth-step,
  body.we-growth-page .growth-orbit-pop,
  body.we-growth-page .growth-signal,
  body.we-growth-page .growth-contact-input{transition:none!important}
}

/* =========================================================
   GROWTH HERO REFINEMENT — V0.10.4
   focus only on section 01
   ========================================================= */
body.we-growth-page .growth-hero-shell{grid-template-columns:minmax(0,.94fr) minmax(360px,.70fr)}
body.we-growth-page .growth-hero-copy{max-width:760px}
body.we-growth-page .growth-hero h1{font-size:clamp(46px,4.55vw,72px);max-width:760px;line-height:.93}
body.we-growth-page .growth-hero-copy>p{max-width:700px}
body.we-growth-page .growth-hero-field--saturn{right:-2vw;top:7%;width:min(60vw,940px);height:84%;opacity:.98;mask-image:radial-gradient(ellipse at 62% 50%,#000 30%,rgba(0,0,0,.98) 78%,transparent 98%);-webkit-mask-image:radial-gradient(ellipse at 62% 50%,#000 30%,rgba(0,0,0,.98) 78%,transparent 98%)}
body.we-growth-page .growth-hero-field--saturn::before{content:"";position:absolute;inset:12% 8% 12% 14%;background:radial-gradient(circle at 62% 51%,rgba(144,255,116,.11),transparent 11%),radial-gradient(circle at 60% 48%,rgba(15,214,255,.08),transparent 21%),radial-gradient(circle at 70% 34%,rgba(11,30,78,.12),transparent 18%);filter:blur(28px)}
body.we-growth-page .growth-field-center--saturn{left:65.2%;top:51.1%;transform:translate(-50%,-50%);z-index:2}
body.we-growth-page .growth-field-center--saturn small{color:#95b8c6;font-size:8px;letter-spacing:.24em}
body.we-growth-page .growth-field-center--saturn strong{margin-top:4px;color:#f3fff4;font-size:20px;letter-spacing:-.045em}
body.we-growth-page .hero-constellations path{fill:none;stroke:url(#g104Constellation);stroke-linecap:round;stroke-width:1.4}
body.we-growth-page .hero-constellations circle{fill:rgba(174,232,255,.34);filter:drop-shadow(0 0 7px rgba(15,214,255,.12))}
body.we-growth-page .hero-constellations--far{opacity:.48}
body.we-growth-page .hero-constellations--near{opacity:.76}
body.we-growth-page .hero-constellations--far path{stroke-dasharray:2 7}
body.we-growth-page .hero-constellations--near path{stroke-dasharray:3 8}
body.we-growth-page .hero-starfield .hero-star{fill:rgba(219,247,255,.72);opacity:.5;transform-origin:center;animation:g104HeroStarTwinkle 8s ease-in-out infinite}
body.we-growth-page .hero-starfield .hero-star--big{opacity:.8}
body.we-growth-page .hero-starfield .hero-star:nth-child(2n){animation-delay:-2.1s}
body.we-growth-page .hero-starfield .hero-star:nth-child(3n){animation-delay:-4.2s}
body.we-growth-page .hero-starfield .hero-star:nth-child(5n){animation-delay:-6.1s}
body.we-growth-page .growth-hero:hover .hero-starfield .hero-star,
body.we-growth-page .growth-hero:focus-within .hero-starfield .hero-star{animation-duration:2.4s}
@keyframes g104HeroStarTwinkle{0%,100%{opacity:.26;transform:scale(1)}30%{opacity:.82;transform:scale(1.55)}55%{opacity:.42;transform:scale(.95)}75%{opacity:.94;transform:scale(1.25)}}
body.we-growth-page .hero-saturn-system .hero-orbit{fill:none;stroke:url(#g104OuterOrbit);stroke-linecap:round;opacity:.48;transform-box:fill-box;transform-origin:center;animation:g104HeroOrbit 34s linear infinite}
body.we-growth-page .hero-saturn-system .hero-orbit--outer{stroke-width:1.18;stroke-dasharray:4 10}
body.we-growth-page .hero-saturn-system .hero-orbit--v{animation-direction:reverse;animation-duration:40s;opacity:.38}
@keyframes g104HeroOrbit{to{transform:rotate(360deg)}}
body.we-growth-page .hero-saturn-system .hero-ring{fill:none;stroke:url(#g104RingStroke);stroke-linecap:round;opacity:.75}
body.we-growth-page .hero-saturn-system .hero-ring--1{stroke-width:1.35;opacity:.58}
body.we-growth-page .hero-saturn-system .hero-ring--2{stroke-width:1.5;opacity:.64}
body.we-growth-page .hero-saturn-system .hero-ring--3{stroke-width:1.7;opacity:.68}
body.we-growth-page .hero-saturn-system .hero-ring--4{stroke-width:1.9;opacity:.74}
body.we-growth-page .hero-saturn-system .hero-ring--5{stroke-width:2.05;opacity:.8}
body.we-growth-page .hero-saturn-system .hero-ring--6{stroke-width:2.15;opacity:.62}
body.we-growth-page .hero-planet-halo{opacity:.84;animation:g104PlanetHalo 7.2s ease-in-out infinite}
body.we-growth-page .hero-planet-shadow{fill:rgba(2,11,24,.86);filter:url(#g104BlurM)}
body.we-growth-page .hero-planet-edge{fill:none;stroke:rgba(227,255,241,.22);stroke-width:1.2}
@keyframes g104PlanetHalo{0%,100%{opacity:.54;transform:scale(.9)}50%{opacity:.88;transform:scale(1.08)}}
body.we-growth-page .hero-moon-glow{fill:rgba(144,255,116,.16);filter:blur(9px)}
body.we-growth-page .hero-moon-ring{fill:none;stroke:rgba(144,255,116,.42);stroke-width:1.2}
body.we-growth-page .hero-moon-core--green{fill:#90ff74;filter:drop-shadow(0 0 10px rgba(144,255,116,.68))}
body.we-growth-page .hero-moon-core--cyan{fill:#51e6ff;filter:drop-shadow(0 0 9px rgba(15,214,255,.62))}
body.we-growth-page .hero-moon-core--white{fill:#f4ffff;filter:drop-shadow(0 0 8px rgba(15,214,255,.48))}
body.we-growth-page .growth-hero:hover .hero-moon-core--green,
body.we-growth-page .growth-hero:focus-within .hero-moon-core--green,
body.we-growth-page .growth-hero:hover .hero-moon-core--cyan,
body.we-growth-page .growth-hero:focus-within .hero-moon-core--cyan,
body.we-growth-page .growth-hero:hover .hero-moon-core--white,
body.we-growth-page .growth-hero:focus-within .hero-moon-core--white{filter:drop-shadow(0 0 14px rgba(15,214,255,.74))}

@media (max-width:1100px){
  body.we-growth-page .growth-hero h1{font-size:clamp(44px,4.9vw,64px);max-width:680px}
  body.we-growth-page .growth-hero-field--saturn{right:-8vw;width:72vw;opacity:.9}
}
@media (max-width:900px){
  body.we-growth-page .growth-hero h1{font-size:clamp(42px,8.9vw,58px);max-width:620px}
  body.we-growth-page .growth-hero-field--saturn{right:-26%;top:20%;width:106vw;height:72%;opacity:.5}
  body.we-growth-page .growth-field-center--saturn{left:61.5%;top:52%}
}
@media (max-width:640px){
  body.we-growth-page .growth-hero h1{font-size:clamp(38px,11.8vw,50px)}
}
@media (prefers-reduced-motion:reduce){
  body.we-growth-page .hero-starfield .hero-star,
  body.we-growth-page .hero-saturn-system .hero-orbit,
  body.we-growth-page .hero-planet-halo{animation:none!important}
}

/* =========================================================
   GROWTH HERO TUNE-UP — V0.10.5
   client feedback round: larger saturn system / softer nebula / calmer hover
   ========================================================= */
body.we-growth-page .growth-hero h1{font-size:clamp(42px,4.15vw,66px);max-width:700px;line-height:.96}
body.we-growth-page .growth-hero-orbit-label{display:inline-flex;align-items:center;gap:10px;margin-top:16px;color:rgba(172,214,226,.84);font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}
body.we-growth-page .growth-hero-orbit-label::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,rgba(15,214,255,.8),rgba(144,255,116,.6))}
body.we-growth-page .growth-hero-copy>p{margin-top:20px}

body.we-growth-page .growth-hero-field--saturn{right:2.5vw;top:4%;width:min(66vw,1080px);height:88%;opacity:1;overflow:visible;isolation:isolate;mask-image:radial-gradient(ellipse at 61% 50%,#000 30%,rgba(0,0,0,.995) 82%,transparent 99%);-webkit-mask-image:radial-gradient(ellipse at 61% 50%,#000 30%,rgba(0,0,0,.995) 82%,transparent 99%);transition:filter .45s ease,opacity .45s ease}
body.we-growth-page .growth-hero-field--saturn::before,
body.we-growth-page .growth-hero-field--saturn::after{content:"";position:absolute;inset:7% 4% 10% 10%;pointer-events:none;transition:opacity .45s ease,filter .45s ease,transform .45s ease}
body.we-growth-page .growth-hero-field--saturn::before{z-index:0;background:
  radial-gradient(circle at 65% 48%,rgba(57,117,255,.11),transparent 16%),
  radial-gradient(circle at 70% 36%,rgba(28,214,255,.09),transparent 13%),
  radial-gradient(circle at 57% 62%,rgba(146,255,116,.08),transparent 15%),
  radial-gradient(circle at 79% 62%,rgba(155,99,255,.07),transparent 15%);
  filter:blur(34px) saturate(1.05);opacity:.82;transform:scale(1.02)}
body.we-growth-page .growth-hero-field--saturn::after{z-index:0;background:
  radial-gradient(ellipse at 66% 46%,rgba(20,69,164,.18),transparent 32%),
  radial-gradient(ellipse at 62% 61%,rgba(11,137,168,.12),transparent 26%),
  radial-gradient(ellipse at 77% 55%,rgba(122,84,212,.10),transparent 26%);
  filter:blur(56px);opacity:.72}
body.we-growth-page .growth-field-center--saturn{left:61.2%;top:51.2%;transform:translate(-50%,-50%);z-index:3}
body.we-growth-page .growth-field-center--saturn small{display:none}
body.we-growth-page .growth-field-center--saturn strong{margin-top:0;color:#f4fff7;font-size:24px;letter-spacing:-.04em;text-shadow:0 0 18px rgba(144,255,116,.22)}

body.we-growth-page .growth-hero-field--saturn svg{position:relative;z-index:1;overflow:visible}
body.we-growth-page .hero-saturn-system{transform:translate(-26px,-2px) scale(1.22);transform-origin:584px 390px}
body.we-growth-page .hero-constellations path{stroke-width:1.05;stroke-linecap:round;opacity:.34}
body.we-growth-page .hero-constellations circle{fill:rgba(210,236,245,.12);filter:none;opacity:.14}
body.we-growth-page .hero-constellations--far path{stroke-dasharray:none;opacity:.18}
body.we-growth-page .hero-constellations--near path{stroke-dasharray:none;opacity:.25}
body.we-growth-page .hero-starfield .hero-star{fill:rgba(222,245,255,.58);opacity:.26;animation:g105HeroStarTwinkle 9.5s ease-in-out infinite}
body.we-growth-page .hero-starfield .hero-star--big{opacity:.42}
@keyframes g105HeroStarTwinkle{0%,100%{opacity:.18;transform:scale(1)}50%{opacity:.42;transform:scale(1.12)}}

body.we-growth-page .hero-saturn-system .hero-orbit{fill:none;stroke:url(#g104OuterOrbit);stroke-linecap:round;opacity:.36;transform-box:fill-box;transform-origin:center;animation:g104HeroOrbit 42s linear infinite}
body.we-growth-page .hero-saturn-system .hero-orbit--outer{stroke-width:1.12;stroke-dasharray:none}
body.we-growth-page .hero-saturn-system .hero-orbit--v{animation-direction:reverse;animation-duration:48s;opacity:.3}
body.we-growth-page .hero-saturn-system .hero-ring{opacity:.8}
body.we-growth-page .hero-saturn-system .hero-ring--1{stroke-width:1.45;opacity:.64}
body.we-growth-page .hero-saturn-system .hero-ring--2{stroke-width:1.6;opacity:.68}
body.we-growth-page .hero-saturn-system .hero-ring--3{stroke-width:1.75;opacity:.74}
body.we-growth-page .hero-saturn-system .hero-ring--4{stroke-width:1.95;opacity:.78}
body.we-growth-page .hero-saturn-system .hero-ring--5{stroke-width:2.1;opacity:.84}
body.we-growth-page .hero-saturn-system .hero-ring--6{stroke-width:2.28;opacity:.72}
body.we-growth-page .hero-planet-halo{opacity:.78;animation:g105PlanetHalo 8s ease-in-out infinite}
body.we-growth-page .hero-planet-shadow{fill:rgba(3,11,24,.94);filter:url(#g104BlurM)}
body.we-growth-page .hero-planet-core{filter:drop-shadow(0 0 18px rgba(118,255,120,.2))}
body.we-growth-page .hero-planet-edge{stroke:rgba(227,255,241,.28);stroke-width:1}
@keyframes g105PlanetHalo{0%,100%{opacity:.46;transform:scale(.94)}50%{opacity:.75;transform:scale(1.03)}}

body.we-growth-page .hero-moon-glow{fill:rgba(144,255,116,.13);filter:blur(7px)}
body.we-growth-page .hero-moon-ring{stroke:rgba(144,255,116,.34)}
body.we-growth-page .hero-moon-core--green{fill:#9dff79;filter:drop-shadow(0 0 8px rgba(144,255,116,.52))}
body.we-growth-page .hero-moon-core--cyan{fill:#78ebff;filter:drop-shadow(0 0 7px rgba(15,214,255,.42))}
body.we-growth-page .hero-moon-core--white{fill:#eafcff;filter:drop-shadow(0 0 6px rgba(15,214,255,.28))}

/* calmer hover — only on the right visual area */
body.we-growth-page .growth-hero-field--saturn:hover::before,
body.we-growth-page .growth-hero-field--saturn:focus-within::before{opacity:.28;filter:blur(34px) saturate(.15)}
body.we-growth-page .growth-hero-field--saturn:hover::after,
body.we-growth-page .growth-hero-field--saturn:focus-within::after{opacity:.22;filter:blur(58px) saturate(.05)}
body.we-growth-page .growth-hero-field--saturn:hover .hero-planet-halo,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-planet-halo{opacity:.95;transform:scale(1.08)}
body.we-growth-page .growth-hero-field--saturn:hover .hero-planet-core,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-planet-core{filter:drop-shadow(0 0 26px rgba(144,255,116,.38))}
body.we-growth-page .growth-hero-field--saturn:hover .hero-moon-core--green,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-moon-core--green{filter:drop-shadow(0 0 12px rgba(144,255,116,.62))}
body.we-growth-page .growth-hero-field--saturn:hover .hero-moon-core--cyan,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-moon-core--cyan,
body.we-growth-page .growth-hero-field--saturn:hover .hero-moon-core--white,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-moon-core--white{filter:drop-shadow(0 0 9px rgba(239,252,255,.48))}
body.we-growth-page .growth-hero-field--saturn:hover .hero-starfield .hero-star,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-starfield .hero-star{opacity:.32}

@media (max-width:1100px){
  body.we-growth-page .growth-hero h1{font-size:clamp(40px,4.5vw,60px);max-width:660px}
  body.we-growth-page .growth-hero-field--saturn{right:-1vw;width:73vw;height:84%}
  body.we-growth-page .hero-saturn-system{transform:translate(-12px,0) scale(1.12)}
}
@media (max-width:900px){
  body.we-growth-page .growth-hero h1{font-size:clamp(38px,8.3vw,54px);max-width:560px}
  body.we-growth-page .growth-hero-field--saturn{right:-22%;top:17%;width:112vw;height:72%;opacity:.62}
  body.we-growth-page .growth-field-center--saturn{left:58.5%;top:52.2%}
  body.we-growth-page .hero-saturn-system{transform:translate(6px,10px) scale(1.04)}
}
@media (max-width:640px){
  body.we-growth-page .growth-hero h1{font-size:clamp(34px,11.4vw,46px)}
  body.we-growth-page .growth-hero-orbit-label{font-size:10px;letter-spacing:.18em}
}
@media (prefers-reduced-motion:reduce){
  body.we-growth-page .hero-starfield .hero-star,
  body.we-growth-page .hero-saturn-system .hero-orbit,
  body.we-growth-page .hero-planet-halo{animation:none!important}
}
/* neutralize broader hero hover from v0.10.4 */
body.we-growth-page .growth-hero:hover .hero-starfield .hero-star,
body.we-growth-page .growth-hero:focus-within .hero-starfield .hero-star{animation-duration:9.5s}
body.we-growth-page .growth-hero:hover .hero-moon-core--green,
body.we-growth-page .growth-hero:focus-within .hero-moon-core--green{filter:drop-shadow(0 0 8px rgba(144,255,116,.52))}
body.we-growth-page .growth-hero:hover .hero-moon-core--cyan,
body.we-growth-page .growth-hero:focus-within .hero-moon-core--cyan{filter:drop-shadow(0 0 7px rgba(15,214,255,.42))}
body.we-growth-page .growth-hero:hover .hero-moon-core--white,
body.we-growth-page .growth-hero:focus-within .hero-moon-core--white{filter:drop-shadow(0 0 6px rgba(15,214,255,.28))}

/* =========================================================
   GROWTH HERO POLISH — V0.10.6
   move badge right / refine planet / add visible nebula depth
   ========================================================= */
body.we-growth-page .growth-hero-orbit-label{display:none!important}
body.we-growth-page .growth-hero-orbit-badge{position:absolute;left:61.2%;top:66.5%;transform:translateX(-50%);z-index:6;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid rgba(83,218,255,.18);border-radius:999px;background:linear-gradient(180deg,rgba(4,16,30,.78),rgba(3,10,20,.62));box-shadow:0 16px 42px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.04);color:rgba(218,242,247,.88);font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(10px)}
body.we-growth-page .growth-hero-orbit-badge::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,rgba(15,214,255,.88),rgba(144,255,116,.72))}

body.we-growth-page .growth-hero-field--saturn{right:2.2vw;top:3%;width:min(68vw,1100px);height:90%}
body.we-growth-page .growth-hero-field--saturn::before,
body.we-growth-page .growth-hero-field--saturn::after{inset:2% 0 4% 3%;mix-blend-mode:screen}
body.we-growth-page .growth-hero-field--saturn::before{background:
  radial-gradient(circle at 61% 49%,rgba(29,185,255,.12),transparent 16%),
  radial-gradient(circle at 72% 42%,rgba(89,107,255,.10),transparent 14%),
  radial-gradient(circle at 55% 61%,rgba(126,255,144,.11),transparent 18%),
  radial-gradient(circle at 79% 62%,rgba(161,106,255,.08),transparent 17%),
  radial-gradient(circle at 67% 56%,rgba(17,75,175,.12),transparent 28%);
  filter:blur(40px) saturate(1.12);opacity:.96;transform:none}
body.we-growth-page .growth-hero-field--saturn::after{background:
  radial-gradient(ellipse at 62% 52%,rgba(17,59,173,.20),transparent 34%),
  radial-gradient(ellipse at 74% 56%,rgba(119,74,255,.11),transparent 25%),
  radial-gradient(ellipse at 55% 43%,rgba(16,137,179,.16),transparent 22%);
  filter:blur(64px);opacity:.88}

body.we-growth-page .growth-field-center--saturn{left:61%;top:51.4%}
body.we-growth-page .hero-saturn-system{transform:translate(-34px,0) scale(1.24);transform-origin:584px 390px}
body.we-growth-page .hero-constellations circle{opacity:.09;fill:rgba(228,244,255,.12)}
body.we-growth-page .hero-constellations path{opacity:.18}
body.we-growth-page .hero-starfield .hero-star{opacity:.22}
body.we-growth-page .hero-starfield .hero-star--big{opacity:.34}
body.we-growth-page .hero-moon--g,
body.we-growth-page .hero-moon--h{display:none}
body.we-growth-page .hero-planet-halo{opacity:.86;filter:url(#g104BlurXL)}
body.we-growth-page .hero-planet-shadow{fill:rgba(5,38,53,.44);filter:url(#g104BlurM)}
body.we-growth-page .hero-planet-core{fill:url(#g104PlanetCore);filter:drop-shadow(0 0 16px rgba(145,255,119,.20))}
body.we-growth-page .hero-planet-edge{stroke:rgba(222,253,244,.34)}
body.we-growth-page .hero-ring{stroke:url(#g104RingStroke);filter:none}
body.we-growth-page .hero-orbit{opacity:.26}
body.we-growth-page .hero-orbit--outer{opacity:.28}

/* remove dark center feel + richer planet */
body.we-growth-page #growth-hero-visual #g104PlanetCore stop[offset="0"]{stop-color:#f2fff7;stop-opacity:.42}
body.we-growth-page #growth-hero-visual #g104PlanetCore stop[offset=".2"]{stop-color:#a7ff7f;stop-opacity:.96}
body.we-growth-page #growth-hero-visual #g104PlanetCore stop[offset=".52"]{stop-color:#25dfff;stop-opacity:.46}
body.we-growth-page #growth-hero-visual #g104PlanetCore stop[offset="1"]{stop-color:#0b3b42;stop-opacity:.96}

/* visual-only hover: stronger planet glow */
body.we-growth-page .growth-hero-field--saturn:hover::before,
body.we-growth-page .growth-hero-field--saturn:focus-within::before{opacity:.22;filter:blur(42px) saturate(.12)}
body.we-growth-page .growth-hero-field--saturn:hover::after,
body.we-growth-page .growth-hero-field--saturn:focus-within::after{opacity:.18;filter:blur(68px) saturate(.04)}
body.we-growth-page .growth-hero-field--saturn:hover .hero-planet-halo,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-planet-halo{opacity:1;filter:url(#g104BlurXL);transform:scale(1.06)}
body.we-growth-page .growth-hero-field--saturn:hover .hero-planet-core,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-planet-core{filter:drop-shadow(0 0 30px rgba(144,255,116,.46)) drop-shadow(0 0 50px rgba(15,214,255,.20))}
body.we-growth-page .growth-hero-field--saturn:hover .hero-planet-shadow,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-planet-shadow{fill:rgba(8,54,74,.30)}

@media (max-width:1100px){
  body.we-growth-page .growth-hero-field--saturn{right:0;width:72vw;height:86%}
  body.we-growth-page .hero-saturn-system{transform:translate(-24px,0) scale(1.16)}
  body.we-growth-page .growth-hero-orbit-badge{left:60.4%;top:65.5%}
}
@media (max-width:900px){
  body.we-growth-page .growth-hero-field--saturn{right:-22%;top:16%;width:114vw;height:72%;opacity:.7}
  body.we-growth-page .hero-saturn-system{transform:translate(10px,8px) scale(1.04)}
  body.we-growth-page .growth-hero-orbit-badge{left:56%;top:69%;padding:8px 13px;font-size:10px}
}
@media (max-width:640px){
  body.we-growth-page .growth-hero-orbit-badge{display:none}
}

/* =========================================================
   GROWTH HERO FINAL TUNE — V0.10.7
   remove inner label, strengthen nebula depth, cleaner planet center
   ========================================================= */
body.we-growth-page .growth-field-center--saturn{left:61%;top:51.3%;width:170px;text-align:center;z-index:7}
body.we-growth-page .growth-field-center--saturn small{display:none!important}
body.we-growth-page .growth-field-center--saturn strong{display:block;font-size:50px;line-height:1;font-weight:800;letter-spacing:-.03em;color:#f5fbff;text-shadow:0 0 16px rgba(255,255,255,.10),0 0 30px rgba(21,214,255,.10)}

body.we-growth-page .growth-hero-field--saturn{overflow:visible}
body.we-growth-page .growth-hero-field--saturn svg{overflow:visible}
body.we-growth-page .hero-nebula-clouds{mix-blend-mode:screen;pointer-events:none;transition:opacity .45s ease,transform .45s ease,filter .45s ease}
body.we-growth-page .hero-nebula-clouds--back{opacity:.9}
body.we-growth-page .hero-nebula-clouds--mid{opacity:.86}
body.we-growth-page .hero-nebula-clouds ellipse{transform-origin:584px 390px}

body.we-growth-page .growth-hero-field--saturn::before{background:
  radial-gradient(circle at 68% 44%,rgba(45,208,255,.18),transparent 0 16%),
  radial-gradient(circle at 76% 62%,rgba(126,88,255,.14),transparent 0 20%),
  radial-gradient(circle at 59% 61%,rgba(130,255,137,.12),transparent 0 18%),
  radial-gradient(circle at 84% 46%,rgba(14,103,184,.15),transparent 0 17%),
  radial-gradient(circle at 71% 56%,rgba(18,46,132,.14),transparent 0 30%);
  filter:blur(28px) saturate(1.1);opacity:1}
body.we-growth-page .growth-hero-field--saturn::after{background:
  radial-gradient(ellipse at 67% 52%,rgba(20,82,180,.16),transparent 0 35%),
  radial-gradient(ellipse at 78% 58%,rgba(121,87,255,.12),transparent 0 24%),
  radial-gradient(ellipse at 57% 46%,rgba(17,191,220,.14),transparent 0 22%);
  filter:blur(52px);opacity:.95}

body.we-growth-page .hero-constellations circle{opacity:.055;fill:rgba(227,242,255,.12)}
body.we-growth-page .hero-constellations path{opacity:.10;stroke-width:1.15}
body.we-growth-page .hero-starfield .hero-star{opacity:.24}
body.we-growth-page .hero-starfield .hero-star--big{opacity:.38}
body.we-growth-page .hero-planet-shadow{fill:rgba(10,42,57,.16);filter:url(#g104BlurM)}
body.we-growth-page .hero-planet-halo{opacity:.94}
body.we-growth-page .hero-planet-core{filter:drop-shadow(0 0 18px rgba(146,255,117,.16)) drop-shadow(0 0 24px rgba(15,214,255,.12))}
body.we-growth-page .hero-ring{stroke-width:2.1}
body.we-growth-page .hero-orbit{opacity:.21}
body.we-growth-page .hero-orbit--outer{opacity:.19}

body.we-growth-page .growth-hero-field--saturn:hover .hero-nebula-clouds--back,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-nebula-clouds--back{opacity:.62;filter:url(#g104BlurXL)}
body.we-growth-page .growth-hero-field--saturn:hover .hero-nebula-clouds--mid,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-nebula-clouds--mid{opacity:.52;filter:url(#g104BlurM)}
body.we-growth-page .growth-hero-field--saturn:hover .hero-planet-core,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-planet-core{filter:drop-shadow(0 0 36px rgba(144,255,116,.44)) drop-shadow(0 0 58px rgba(15,214,255,.22))}
body.we-growth-page .growth-hero-field--saturn:hover .hero-planet-halo,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-planet-halo{opacity:1}

@media (max-width:1100px){
  body.we-growth-page .growth-field-center--saturn strong{font-size:44px}
}
@media (max-width:900px){
  body.we-growth-page .growth-field-center--saturn strong{font-size:38px}
}

/* =========================================================
   GROWTH HERO DEPTH NETWORK — V0.10.8
   ========================================================= */
body.we-growth-page .growth-field-center--saturn{display:none!important}

body.we-growth-page .hero-depth-network{pointer-events:none;mix-blend-mode:screen}
body.we-growth-page .hero-depth-network__lines path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
body.we-growth-page .hero-depth-network__lines--far path{stroke:rgba(105,188,226,.16);stroke-width:.9}
body.we-growth-page .hero-depth-network__lines--near path{stroke:url(#g104OuterOrbit);stroke-width:1.05;opacity:.42}
body.we-growth-page .hero-depth-network__nodes--far circle{fill:#9ddcf4;opacity:.16;filter:drop-shadow(0 0 8px rgba(15,214,255,.10))}
body.we-growth-page .hero-depth-network__nodes--near rect{fill:rgba(95,214,243,.24);stroke:rgba(149,236,255,.22);stroke-width:.5;filter:drop-shadow(0 0 7px rgba(15,214,255,.12))}

body.we-growth-page .hero-depth-network__lines--far{opacity:.72;animation:growthNetworkBreathe 7.5s ease-in-out infinite alternate}
body.we-growth-page .hero-depth-network__lines--near{opacity:.72;animation:growthNetworkBreathe 6.2s ease-in-out -2.1s infinite alternate}
body.we-growth-page .hero-depth-network__nodes--far{animation:growthNodesBreathe 5.6s ease-in-out infinite alternate}
body.we-growth-page .hero-depth-network__nodes--near{animation:growthNodesBreathe 4.8s ease-in-out -1.6s infinite alternate}

body.we-growth-page .hero-constellations{opacity:.34!important}
body.we-growth-page .hero-constellations path{opacity:.12!important;stroke-width:.75!important}
body.we-growth-page .hero-constellations circle{opacity:.035!important}

body.we-growth-page .growth-hero-field--saturn:hover .hero-depth-network__lines--near,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-depth-network__lines--near{opacity:.98}
body.we-growth-page .growth-hero-field--saturn:hover .hero-depth-network__nodes--near,
body.we-growth-page .growth-hero-field--saturn:focus-within .hero-depth-network__nodes--near{opacity:1}

@keyframes growthNetworkBreathe{
  from{opacity:.44}
  to{opacity:.88}
}
@keyframes growthNodesBreathe{
  from{opacity:.42}
  to{opacity:.92}
}

@media (prefers-reduced-motion: reduce){
  body.we-growth-page .hero-depth-network__lines--far,
  body.we-growth-page .hero-depth-network__lines--near,
  body.we-growth-page .hero-depth-network__nodes--far,
  body.we-growth-page .hero-depth-network__nodes--near{animation:none!important}
}

/* =========================================================
   GROWTH HERO — CANVAS DEPTH SYSTEM / V0.10.15
   replaces the CSS/SVG planet with a layered 2D canvas scene
   ========================================================= */
body.we-growth-page .growth-hero-field--canvas{
  right:1.5vw;
  top:7%;
  width:min(61vw,1040px);
  height:82%;
  opacity:1;
  overflow:visible;
  pointer-events:auto;
  mask-image:none;
  -webkit-mask-image:none;
  background:transparent;
  isolation:isolate;
  transition:transform .45s var(--ease),opacity .35s ease;
}
body.we-growth-page .growth-hero-field--canvas::before,
body.we-growth-page .growth-hero-field--canvas::after{display:none!important}
body.we-growth-page .growth-hero-field--canvas .growth-hero-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  filter:saturate(1.03) contrast(1.02);
}
body.we-growth-page .growth-hero-field--canvas .growth-hero-orbit-badge{
  left:auto;
  right:7%;
  top:auto;
  bottom:8%;
  transform:none;
  z-index:4;
}
body.we-growth-page .growth-hero-field--canvas:hover .growth-hero-orbit-badge{
  border-color:rgba(108,235,255,.28);
  box-shadow:0 18px 48px rgba(0,0,0,.18),0 0 24px rgba(0,199,255,.045),inset 0 1px 0 rgba(255,255,255,.05);
}

@media (max-width:1100px){
  body.we-growth-page .growth-hero-field--canvas{right:-3vw;top:8%;width:69vw;height:80%}
  body.we-growth-page .growth-hero-field--canvas .growth-hero-orbit-badge{left:auto;right:7%;top:auto;bottom:7%;transform:none}
}
@media (max-width:900px){
  body.we-growth-page .growth-hero-field--canvas{right:-25%;top:21%;width:112vw;height:70%;opacity:.48;pointer-events:none}
  body.we-growth-page .growth-hero-field--canvas .growth-hero-orbit-badge{display:none}
}
@media (max-width:640px){
  body.we-growth-page .growth-hero-field--canvas{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.we-growth-page .growth-hero-field--canvas{transition:none}
}


/* =========================================================
   GROWTH INTERACTION REFINEMENT — V0.10.17
   Hero: zero-parallax planet glow. Section 03: clickable solar
   system with focused zoom + shared detail card.
   ========================================================= */

/* Hero: the scene stays completely still. Only the planet reacts. */
body.we-growth-page .growth-hero-field--canvas{cursor:default;transform:none!important}
body.we-growth-page .growth-hero-field--canvas.is-planet-hover{cursor:pointer}
body.we-growth-page .growth-hero-field--canvas:hover .growth-hero-orbit-badge{
  border-color:rgba(108,235,255,.20);
  box-shadow:0 18px 48px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.04)
}

/* Section 03: make the orbits read more like one coherent solar system. */
body.we-growth-page .growth-orbit-board{isolation:isolate;overflow:visible;perspective:1200px}
body.we-growth-page .growth-orbit-system{
  --orbit-shift-x:0px;
  --orbit-shift-y:0px;
  transform:translate3d(var(--orbit-shift-x),var(--orbit-shift-y),0) scale(1);
  transform-origin:50% 50%;
  transition:transform .72s cubic-bezier(.22,.75,.22,1),filter .45s ease;
}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
  transform:translate3d(var(--orbit-shift-x),var(--orbit-shift-y),0) scale(1.105);
  filter:saturate(1.04)
}
body.we-growth-page .growth-orbit-track{
  transition:opacity .38s ease,filter .38s ease,border-color .38s ease,box-shadow .38s ease;
}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-track:not(.is-selected){opacity:.24;filter:saturate(.45) brightness(.76)}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-track.is-selected{
  z-index:7;
  opacity:1;
  border-color:rgba(126,238,255,.54);
  box-shadow:0 0 26px rgba(15,214,255,.08),inset 0 0 22px rgba(15,214,255,.025)
}
body.we-growth-page .growth-orbit-track.is-selected::before{opacity:.9}

/* Planet points: tactile on hover, but hover never pauses the system. */
body.we-growth-page .growth-orbit-point{z-index:8;isolation:isolate}
body.we-growth-page .growth-orbit-dot{
  position:relative;
  transition:transform .24s ease,box-shadow .28s ease,filter .28s ease;
}
body.we-growth-page .growth-orbit-dot::before{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(125,240,255,.20),rgba(125,240,255,.05) 42%,transparent 72%);
  opacity:.25;
  transform:scale(.78);
  transition:opacity .25s ease,transform .25s ease;
  z-index:-1;
}
body.we-growth-page .growth-orbit-point:hover .growth-orbit-dot,
body.we-growth-page .growth-orbit-point:focus-visible .growth-orbit-dot,
body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-dot{
  transform:scale(1.32);
  filter:saturate(1.12) brightness(1.14);
  box-shadow:0 0 0 7px rgba(15,214,255,.055),0 0 19px rgba(15,214,255,.52),0 0 42px rgba(144,255,116,.20)
}
body.we-growth-page .growth-orbit-point:hover .growth-orbit-dot::before,
body.we-growth-page .growth-orbit-point:focus-visible .growth-orbit-dot::before,
body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-dot::before{opacity:1;transform:scale(1.18)}
body.we-growth-page .growth-orbit-point--seo .growth-orbit-dot{background:radial-gradient(circle at 35% 35%,#fff 0%,#d8fbff 40%,#48dfff 100%)}
body.we-growth-page .growth-orbit-point--content .growth-orbit-dot{background:radial-gradient(circle at 35% 35%,#fff 0%,#bcfff3 38%,#42dbc9 100%)}
body.we-growth-page .growth-orbit-point--geo .growth-orbit-dot{background:radial-gradient(circle at 35% 35%,#fff 0%,#c8ff9d 40%,#59e8d5 100%)}
body.we-growth-page .growth-orbit-point--data .growth-orbit-dot{background:radial-gradient(circle at 35% 35%,#fff 0%,#9defff 38%,#3d9eff 100%)}
body.we-growth-page .growth-orbit-point--social .growth-orbit-dot{background:radial-gradient(circle at 35% 35%,#fff 0%,#baffd6 38%,#5ad9aa 100%)}
body.we-growth-page .growth-orbit-point--sea .growth-orbit-dot{background:radial-gradient(circle at 35% 35%,#fff 0%,#e9fbff 40%,#64cdfb 100%)}

/* The rotating mini-cards were the fragile part. Desktop now uses one stable shared detail card. */
@media (min-width:641px){
  body.we-growth-page .growth-orbit-pop{display:none!important}
}

body.we-growth-page .growth-orbit-core{
  overflow:visible;
  background:
    radial-gradient(circle at 43% 35%,rgba(177,255,194,.20) 0 8%,rgba(31,154,161,.14) 18%,transparent 34%),
    radial-gradient(circle at 50% 48%,rgba(14,80,96,.88),rgba(4,19,33,.91) 58%,rgba(2,9,19,.96));
  border-color:rgba(105,226,239,.27);
  box-shadow:0 0 0 10px rgba(15,214,255,.018),0 0 68px rgba(15,214,255,.22),0 0 142px rgba(144,255,116,.13)
}
body.we-growth-page .growth-orbit-core::before{box-shadow:0 0 34px rgba(15,214,255,.07)}
body.we-growth-page .growth-orbit-core::after{box-shadow:0 0 52px rgba(144,255,116,.035)}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-core{opacity:.52;filter:saturate(.65);transition:opacity .35s ease,filter .35s ease}

/* Shared detail card */
body.we-growth-page .growth-orbit-detail{
  position:absolute;
  z-index:20;
  right:0;
  top:50%;
  width:min(330px,30vw);
  padding:25px 24px 22px;
  border:1px solid rgba(91,208,235,.26);
  border-radius:22px;
  background:
    linear-gradient(145deg,rgba(7,28,46,.92),rgba(3,13,26,.88)),
    radial-gradient(circle at 18% 0%,rgba(15,214,255,.12),transparent 38%);
  box-shadow:0 28px 90px rgba(0,8,24,.40),0 0 48px rgba(15,214,255,.06),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(16px);
  opacity:0;
  pointer-events:none;
  transform:translate3d(24px,-46%,0) scale(.96);
  transition:opacity .36s ease,transform .55s cubic-bezier(.22,.75,.22,1),border-color .3s ease;
}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-detail{
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,-50%,0) scale(1)
}
body.we-growth-page .growth-orbit-detail::before{
  content:"";
  position:absolute;
  left:-64px;
  top:50%;
  width:52px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(89,229,255,.58));
  box-shadow:0 0 12px rgba(89,229,255,.20)
}
body.we-growth-page .growth-orbit-detail-close{
  position:absolute;
  right:13px;
  top:12px;
  width:34px;
  height:34px;
  border:1px solid rgba(120,212,238,.18);
  border-radius:50%;
  background:rgba(4,14,27,.52);
  color:#8fb0bf;
  font:500 22px/1 Manrope,sans-serif;
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease,transform .2s ease
}
body.we-growth-page .growth-orbit-detail-close:hover,
body.we-growth-page .growth-orbit-detail-close:focus-visible{outline:none;color:#f1fdff;border-color:rgba(144,255,116,.36);transform:rotate(5deg)}
body.we-growth-page .growth-orbit-detail-kicker{display:flex;align-items:center;gap:9px;padding-right:38px;color:#65cfe7;font-size:8px;font-weight:800;letter-spacing:.18em}
body.we-growth-page .growth-orbit-detail-kicker i{width:20px;height:1px;background:linear-gradient(90deg,#5ae6ff,#8fff79)}
body.we-growth-page .growth-orbit-detail-kicker small{font:inherit;color:#83a9b8}
body.we-growth-page .growth-orbit-detail h3{margin:18px 0 0;color:#f3fbff;font-size:34px;line-height:1;letter-spacing:-.045em}
body.we-growth-page .growth-orbit-detail>p{margin:15px 0 0;color:#a3bdc9;font-size:13px;line-height:1.65}
body.we-growth-page .growth-orbit-detail-meta{display:grid;gap:10px;margin-top:21px;padding-top:16px;border-top:1px solid rgba(95,188,219,.13)}
body.we-growth-page .growth-orbit-detail-meta>div{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:start}
body.we-growth-page .growth-orbit-detail-meta small{color:#577e90;font-size:7px;font-weight:800;letter-spacing:.15em;line-height:1.45}
body.we-growth-page .growth-orbit-detail-meta strong{color:#dff7fb;font-size:11px;line-height:1.45;font-weight:700}

body.we-growth-page .growth-orbit-hint{
  position:absolute;
  left:2%;
  bottom:4%;
  display:flex;
  align-items:center;
  gap:10px;
  color:#557788;
  font-size:8px;
  font-weight:750;
  letter-spacing:.16em;
  text-transform:uppercase;
  transition:opacity .3s ease
}
body.we-growth-page .growth-orbit-hint span{width:18px;height:1px;background:linear-gradient(90deg,#4fdffc,#8eff77)}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-hint{opacity:0}

@media (max-width:1100px) and (min-width:901px){
  body.we-growth-page .growth-orbit-detail{right:-4px;width:290px;padding:22px 21px}
  body.we-growth-page .growth-orbit-detail h3{font-size:30px}
  body.we-growth-page .growth-orbit-detail::before{display:none}
}

@media (max-width:900px){
  body.we-growth-page .growth-orbit-board{display:block;min-height:690px}
  body.we-growth-page .growth-orbit-system{margin:0 auto;transition:filter .35s ease}
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{transform:none;filter:saturate(.82) brightness(.82)}
  body.we-growth-page .growth-orbit-detail{
    left:50%;right:auto;top:auto;bottom:12px;width:min(560px,calc(100% - 34px));
    transform:translate3d(-50%,18px,0) scale(.97)
  }
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-detail{transform:translate3d(-50%,0,0) scale(1)}
  body.we-growth-page .growth-orbit-detail::before{display:none}
  body.we-growth-page .growth-orbit-hint{left:50%;bottom:0;transform:translateX(-50%);white-space:nowrap}
}

@media (max-width:640px){
  body.we-growth-page .growth-orbit-board{min-height:auto;padding-bottom:0}
  body.we-growth-page .growth-orbit-system{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:188px}
  body.we-growth-page .growth-orbit-track{display:contents!important}
  body.we-growth-page .growth-orbit-point{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    display:block;text-align:left;min-height:126px;padding:14px 15px!important;
    border:1px solid rgba(78,191,230,.18)!important;border-radius:16px!important;
    background:linear-gradient(155deg,rgba(5,22,39,.58),rgba(3,13,26,.42))!important
  }
  body.we-growth-page .growth-orbit-point:hover .growth-orbit-dot,
  body.we-growth-page .growth-orbit-point:focus-visible .growth-orbit-dot,
  body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-dot{transform:scale(1.12)}
  body.we-growth-page .growth-orbit-pop{display:block!important;position:static!important;opacity:1!important;transform:none!important;pointer-events:none!important}
  body.we-growth-page .growth-orbit-core{position:absolute;top:0;left:50%;transform:translateX(-50%)}
  body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-track:not(.is-selected){opacity:1;filter:none}
  body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-core{opacity:.42}
  body.we-growth-page .growth-orbit-detail{
    position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;margin:14px 0 0;
    display:none;transform:none!important;padding:20px 18px
  }
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-detail{display:block;opacity:1}
  body.we-growth-page .growth-orbit-detail h3{font-size:29px}
  body.we-growth-page .growth-orbit-detail-meta>div{grid-template-columns:78px 1fr}
  body.we-growth-page .growth-orbit-hint{display:none}
}

@media (prefers-reduced-motion:reduce){
  body.we-growth-page .growth-orbit-system,
  body.we-growth-page .growth-orbit-detail,
  body.we-growth-page .growth-orbit-dot,
  body.we-growth-page .growth-orbit-dot::before{transition:none!important}
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{transform:translate3d(var(--orbit-shift-x),var(--orbit-shift-y),0) scale(1.03)}
}

/* =========================================================
   V0.10.18 — GROWTH HERO HOVER FIX + SYSTEM SECTION REFINEMENT
   ========================================================= */
body.we-growth-page .growth-step--3 h3,
body.we-growth-page .growth-step--5 h3{padding-bottom:2px}

/* Hero interaction: the right-side system area can now actually receive pointer movement,
   while the canvas itself stays passive. Hovering the system softly brightens the planet only. */
body.we-growth-page .growth-hero-field{pointer-events:auto}
body.we-growth-page .growth-hero-canvas{pointer-events:none}
body.we-growth-page .growth-hero-field.is-planet-hover .growth-hero-orbit-badge{
  border-color:rgba(137,239,255,.46);
  color:#effcff;
  box-shadow:0 0 26px rgba(15,214,255,.12), inset 0 0 0 1px rgba(255,255,255,.03);
}

/* Section 03 — make it feel like a real solar system with layered depth. */
body.we-growth-page .growth-orbit-board{
  position:relative;
  min-height:670px;
  margin-top:32px;
  padding:8px 0 28px;
  border-radius:34px;
  overflow:hidden;
  isolation:isolate;
}
body.we-growth-page .growth-orbit-board::before{
  width:760px;
  height:520px;
  background:radial-gradient(circle,rgba(12,96,168,.20),rgba(12,96,168,.10) 28%,rgba(13,40,82,.04) 56%,transparent 78%);
  filter:blur(64px);
  opacity:.92;
}
body.we-growth-page .growth-orbit-board::after{
  width:520px;
  height:360px;
  background:radial-gradient(circle,rgba(124,255,170,.09),rgba(124,255,170,.04) 36%,transparent 72%);
  filter:blur(54px);
  opacity:.80;
}
body.we-growth-page .growth-orbit-cosmos{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
}
body.we-growth-page .growth-orbit-nebula{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  mix-blend-mode:screen;
  filter:blur(74px);
  opacity:.72;
  animation:g103NebulaDrift 18s ease-in-out infinite alternate, g103NebulaHue 20s linear infinite;
}
body.we-growth-page .growth-orbit-nebula--a{
  width:78%;
  height:54%;
  left:-10%;
  top:14%;
  background:radial-gradient(circle at 42% 46%,rgba(53,226,255,.22),rgba(32,116,255,.12) 34%,rgba(23,61,174,.05) 52%,transparent 76%);
}
body.we-growth-page .growth-orbit-nebula--b{
  width:68%;
  height:48%;
  right:-8%;
  top:28%;
  background:radial-gradient(circle at 44% 42%,rgba(148,90,255,.22),rgba(74,112,255,.09) 38%,rgba(21,64,164,.03) 58%,transparent 78%);
  animation-duration:22s,24s;
  animation-delay:-7s,-4s;
}
body.we-growth-page .growth-orbit-nebula--c{
  width:88%;
  height:42%;
  left:8%;
  bottom:4%;
  background:radial-gradient(circle at 45% 44%,rgba(146,255,164,.16),rgba(37,214,255,.09) 34%,rgba(82,139,255,.03) 56%,transparent 78%);
  animation-duration:16s,18s;
  animation-delay:-3s,-11s;
}
body.we-growth-page .growth-orbit-stars{
  position:absolute;
  inset:0;
  z-index:1;
}
body.we-growth-page .growth-orbit-stars span{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background:#f4fdff;
  box-shadow:0 0 10px rgba(201,246,255,.88),0 0 26px rgba(89,229,255,.28),0 0 50px rgba(89,229,255,.10);
  opacity:.62;
  animation:g103StarPulse 4.8s ease-in-out infinite;
  animation-delay:var(--delay);
}
body.we-growth-page .growth-orbit-stars span::before,
body.we-growth-page .growth-orbit-stars span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:calc(var(--size) * 3.6);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(234,251,255,.9),transparent);
  transform:translate(-50%,-50%);
  opacity:.32;
}
body.we-growth-page .growth-orbit-stars span::after{transform:translate(-50%,-50%) rotate(90deg)}

body.we-growth-page .growth-orbit-system{
  position:relative;
  z-index:2;
  width:min(900px,84vw);
  height:620px;
}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
  transform:translate3d(var(--orbit-shift-x),var(--orbit-shift-y),0) scale(1.045);
  filter:saturate(1.07);
}
body.we-growth-page .growth-orbit-track{
  border:1px solid rgba(108,223,246,.30);
  box-shadow:inset 0 0 22px rgba(15,214,255,.03),0 0 18px rgba(15,214,255,.05);
}
body.we-growth-page .growth-orbit-track::before{
  inset:-1px;
  background:radial-gradient(circle at 50% 50%,rgba(15,214,255,.07),rgba(15,214,255,.018) 42%,transparent 76%);
  opacity:.52;
}
body.we-growth-page .growth-orbit-track::after{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:inherit;
  border:1px solid rgba(255,255,255,.04);
  pointer-events:none;
}
body.we-growth-page .growth-orbit-track--one{--w:220px;--h:220px;--dur:16s;border-color:rgba(130,232,255,.34)}
body.we-growth-page .growth-orbit-track--two{--w:308px;--h:308px;--dur:20s;border-color:rgba(153,239,215,.26)}
body.we-growth-page .growth-orbit-track--ellipse-h{--w:580px;--h:260px;--dur:24s;border-color:rgba(110,220,252,.24)}
body.we-growth-page .growth-orbit-track--ellipse-v{--w:260px;--h:580px;--dur:28s;border-color:rgba(110,220,252,.22)}
body.we-growth-page .growth-orbit-track--ellipse-d{--w:520px;--h:250px;--dur:22s;border-color:rgba(139,236,222,.22)}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-track:not(.is-selected){opacity:.56;filter:saturate(.72) brightness(.88)}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-track.is-selected{
  opacity:1;
  border-color:rgba(174,245,255,.62);
  box-shadow:0 0 30px rgba(15,214,255,.10), inset 0 0 34px rgba(15,214,255,.05);
}
body.we-growth-page .growth-orbit-dot{
  box-shadow:0 0 0 6px rgba(15,214,255,.05),0 0 18px rgba(15,214,255,.36),0 0 34px rgba(255,255,255,.10);
}
body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-dot,
body.we-growth-page .growth-orbit-point:hover .growth-orbit-dot,
body.we-growth-page .growth-orbit-point:focus-visible .growth-orbit-dot{
  box-shadow:0 0 0 7px rgba(15,214,255,.06),0 0 22px rgba(15,214,255,.48),0 0 42px rgba(255,255,255,.12);
}
body.we-growth-page .growth-orbit-core{
  width:210px;
  height:210px;
  border-color:rgba(136,234,244,.32);
  box-shadow:0 0 0 12px rgba(15,214,255,.024),0 0 94px rgba(15,214,255,.24),0 0 168px rgba(144,255,116,.12);
}
body.we-growth-page .growth-orbit-core::before{inset:-22px;border-color:rgba(108,223,246,.12)}
body.we-growth-page .growth-orbit-core::after{inset:-44px;border-color:rgba(144,255,116,.08)}
body.we-growth-page .growth-orbit-core strong{text-shadow:0 0 18px rgba(15,214,255,.12)}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-core{opacity:.78;filter:saturate(.88)}

body.we-growth-page .growth-orbit-detail{
  z-index:4;
  right:8px;
  width:min(340px,31vw);
}
body.we-growth-page .growth-orbit-hint{
  z-index:3;
  left:4%;
  bottom:5%;
  color:#86a8b8;
}

@keyframes g103NebulaDrift{
  0%{transform:translate3d(-2%,0,0) scale(.96);opacity:.56}
  50%{transform:translate3d(2%,-2%,0) scale(1.05);opacity:.78}
  100%{transform:translate3d(4%,2%,0) scale(1.02);opacity:.62}
}
@keyframes g103NebulaHue{
  0%{filter:blur(74px) hue-rotate(0deg) saturate(1)}
  50%{filter:blur(82px) hue-rotate(22deg) saturate(1.12)}
  100%{filter:blur(74px) hue-rotate(-18deg) saturate(1.02)}
}
@keyframes g103StarPulse{
  0%,100%{opacity:.42;transform:scale(.86)}
  50%{opacity:1;transform:scale(1.28)}
}

@media (max-width:1100px){
  body.we-growth-page .growth-orbit-system{width:min(800px,90vw);height:580px}
  body.we-growth-page .growth-orbit-track--ellipse-h{--w:520px;--h:230px}
  body.we-growth-page .growth-orbit-track--ellipse-v{--w:230px;--h:520px}
  body.we-growth-page .growth-orbit-track--ellipse-d{--w:468px;--h:222px}
}
@media (max-width:900px){
  body.we-growth-page .growth-orbit-board{min-height:740px;padding-bottom:20px}
  body.we-growth-page .growth-orbit-system{width:min(720px,95vw);height:540px}
  body.we-growth-page .growth-orbit-track--ellipse-h{--w:480px;--h:210px}
  body.we-growth-page .growth-orbit-track--ellipse-v{--w:210px;--h:480px}
  body.we-growth-page .growth-orbit-track--ellipse-d{--w:420px;--h:190px}
  body.we-growth-page .growth-orbit-detail{width:min(580px,calc(100% - 34px))}
}
@media (max-width:640px){
  body.we-growth-page .growth-orbit-board{min-height:auto;border-radius:26px;padding-bottom:0}
  body.we-growth-page .growth-orbit-cosmos{inset:-4%}
  body.we-growth-page .growth-orbit-stars span:nth-child(n+13){display:none}
}
@media (prefers-reduced-motion:reduce){
  body.we-growth-page .growth-orbit-nebula,
  body.we-growth-page .growth-orbit-stars span{animation:none!important}
}

/* =========================================================
   V0.10.19 — GROWTH SECTION 03 DEPTH + HOVER PAUSE + CLEARER ORBITS
   ========================================================= */

/* More depth: give the board a richer spatial field and a subtle vignette. */
body.we-growth-page .growth-orbit-board{
  background:
    radial-gradient(circle at 50% 52%, rgba(31,124,206,.10), transparent 34%),
    radial-gradient(circle at 18% 28%, rgba(22,168,255,.05), transparent 28%),
    radial-gradient(circle at 84% 62%, rgba(130,94,255,.07), transparent 30%);
}
body.we-growth-page .growth-orbit-board::before{
  background:radial-gradient(circle,rgba(14,111,194,.23),rgba(14,111,194,.11) 26%,rgba(11,43,92,.05) 56%,transparent 78%);
  filter:blur(78px);
}
body.we-growth-page .growth-orbit-board::after{
  background:radial-gradient(circle,rgba(150,255,182,.10),rgba(150,255,182,.05) 34%,transparent 72%);
  filter:blur(66px);
}
body.we-growth-page .growth-orbit-cosmos::before,
body.we-growth-page .growth-orbit-cosmos::after{
  content:"";
  position:absolute;
  inset:auto;
  pointer-events:none;
  border-radius:50%;
  mix-blend-mode:screen;
}
body.we-growth-page .growth-orbit-cosmos::before{
  width:92%;
  height:34%;
  left:4%;
  bottom:10%;
  background:radial-gradient(ellipse at 50% 50%, rgba(116,247,179,.10), rgba(21,137,192,.03) 54%, transparent 76%);
  filter:blur(64px);
  opacity:.62;
}
body.we-growth-page .growth-orbit-cosmos::after{
  width:74%;
  height:24%;
  right:1%;
  top:11%;
  background:radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.06), rgba(92,231,255,.03) 45%, transparent 72%);
  filter:blur(50px);
  opacity:.34;
}

/* Make the star field crisper and more alive without feeling noisy. */
body.we-growth-page .growth-orbit-stars span{
  opacity:.72;
  box-shadow:0 0 12px rgba(208,248,255,.95),0 0 28px rgba(89,229,255,.34),0 0 56px rgba(89,229,255,.12);
}
body.we-growth-page .growth-orbit-stars span:nth-child(4n){opacity:.95}
body.we-growth-page .growth-orbit-stars span:nth-child(5n){animation-duration:6.4s}
body.we-growth-page .growth-orbit-stars span:nth-child(3n){animation-duration:3.9s}

/* Spatially spread the orbit phases so the six touchpoints read better on load. */
body.we-growth-page .growth-orbit-track--one{animation-delay:-2.4s}
body.we-growth-page .growth-orbit-track--two{animation-delay:-8.2s}
body.we-growth-page .growth-orbit-track--ellipse-h{animation-delay:-5.6s}
body.we-growth-page .growth-orbit-track--ellipse-v{animation-delay:-14.4s}
body.we-growth-page .growth-orbit-track--diag-a{animation-delay:-10.1s}
body.we-growth-page .growth-orbit-track--diag-b{animation-delay:-17.2s}

/* Hover/focus pause to make the orbit points easier to catch and click. */
body.we-growth-page .growth-orbit-system.is-hover-paused .growth-orbit-track,
body.we-growth-page .growth-orbit-system.is-paused .growth-orbit-track{
  animation-play-state:paused;
}

/* Bigger hit area + clearer hover state for each moving point. */
body.we-growth-page .growth-orbit-point{position:absolute;z-index:8}
body.we-growth-page .growth-orbit-point::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:44px;
  height:44px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.06), rgba(255,255,255,0) 68%);
}
body.we-growth-page .growth-orbit-point .growth-orbit-dot{
  width:16px;
  height:16px;
}
body.we-growth-page .growth-orbit-point--seo .growth-orbit-dot{width:14px;height:14px}
body.we-growth-page .growth-orbit-point--content .growth-orbit-dot{width:15px;height:15px}
body.we-growth-page .growth-orbit-point--data .growth-orbit-dot{width:17px;height:17px}
body.we-growth-page .growth-orbit-point:hover .growth-orbit-dot,
body.we-growth-page .growth-orbit-point:focus-visible .growth-orbit-dot,
body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-dot{
  transform:scale(1.38);
}

/* Bring back a refined micro-tooltip on desktop so each point already feels content-rich. */
@media (min-width:641px){
  body.we-growth-page .growth-orbit-pop{
    display:block!important;
    left:24px;
    top:-16px;
    min-width:182px;
    padding:13px 14px;
    border-color:rgba(90,204,235,.18);
    background:linear-gradient(155deg,rgba(6,24,40,.78),rgba(3,13,26,.64));
    box-shadow:0 18px 42px rgba(0,16,34,.18);
    backdrop-filter:blur(10px);
  }
  body.we-growth-page .growth-orbit-pop b{font-size:17px}
  body.we-growth-page .growth-orbit-pop em{font-size:11px;max-width:18ch}
}

/* The central planet gets a little more dimensionality. */
body.we-growth-page .growth-orbit-core{
  background:
    radial-gradient(circle at 38% 30%, rgba(194,255,212,.18) 0 7%, rgba(41,167,173,.16) 17%, transparent 34%),
    radial-gradient(circle at 56% 58%, rgba(20,104,135,.22), transparent 42%),
    radial-gradient(circle at 50% 48%, rgba(14,84,101,.92), rgba(4,18,33,.94) 60%, rgba(1,7,16,.98));
}
body.we-growth-page .growth-orbit-core::before{box-shadow:0 0 38px rgba(15,214,255,.10)}
body.we-growth-page .growth-orbit-core::after{box-shadow:0 0 74px rgba(144,255,116,.06)}

/* Make the selected state calmer: keep depth, but don't wash out the remaining system too much. */
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-track:not(.is-selected){
  opacity:.62;
  filter:saturate(.78) brightness(.90);
}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-core{
  opacity:.84;
  filter:saturate(.94);
}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
  transform:translate3d(var(--orbit-shift-x),var(--orbit-shift-y),0) scale(1.055);
}

/* Slightly richer detail card to support all six content states better. */
body.we-growth-page .growth-orbit-detail{
  background:
    linear-gradient(145deg,rgba(7,28,46,.94),rgba(3,13,26,.90)),
    radial-gradient(circle at 18% 0%,rgba(15,214,255,.13),transparent 40%),
    radial-gradient(circle at 82% 100%,rgba(144,255,116,.06),transparent 30%);
  box-shadow:0 30px 96px rgba(0,8,24,.42),0 0 52px rgba(15,214,255,.07),inset 0 1px 0 rgba(255,255,255,.05);
}

@media (max-width:900px){
  body.we-growth-page .growth-orbit-board{min-height:760px}
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{transform:none}
}
@media (max-width:640px){
  body.we-growth-page .growth-orbit-point::before{width:34px;height:34px}
}

/* =========================================================
   V0.10.20 — GROWTH SYSTEM CLEANUP PER FEEDBACK
   - remove floating hover mini-card
   - no visible nebula boxes
   - blur/dim the background when a detail card is open
   - keep hover pause behavior for easier clicking
   ========================================================= */

/* 1) Remove the small floating hover card like “04 DATA / Messen & optimieren”. */
@media (min-width:641px){
  body.we-growth-page .growth-orbit-pop{display:none!important}
}

/* 2) Rebuild the nebula as full-area gradient atmosphere instead of blurred rectangles,
      so no hard box edges are visible anymore. */
body.we-growth-page .growth-orbit-nebula{display:none!important}
body.we-growth-page .growth-orbit-cosmos{
  background:
    radial-gradient(56% 36% at 20% 30%, rgba(18,183,255,.15), transparent 74%),
    radial-gradient(48% 30% at 68% 64%, rgba(109,89,255,.11), transparent 76%),
    radial-gradient(60% 32% at 48% 82%, rgba(128,255,176,.11), transparent 78%),
    radial-gradient(30% 18% at 84% 32%, rgba(34,169,255,.09), transparent 76%),
    radial-gradient(26% 16% at 38% 54%, rgba(255,255,255,.04), transparent 80%);
  opacity:.96;
  filter:saturate(1.02);
  animation:g103CosmosHue 18s ease-in-out infinite alternate;
  mask-image:radial-gradient(ellipse at 50% 54%, #000 18%, rgba(0,0,0,.96) 72%, transparent 100%);
  -webkit-mask-image:radial-gradient(ellipse at 50% 54%, #000 18%, rgba(0,0,0,.96) 72%, transparent 100%);
}
body.we-growth-page .growth-orbit-cosmos::before{
  width:84%;
  height:28%;
  left:8%;
  bottom:16%;
  background:radial-gradient(ellipse at 50% 50%, rgba(124,255,186,.08), rgba(31,147,203,.03) 54%, transparent 78%);
  filter:blur(52px);
  opacity:.46;
}
body.we-growth-page .growth-orbit-cosmos::after{
  width:56%;
  height:18%;
  right:8%;
  top:20%;
  background:radial-gradient(ellipse at 50% 50%, rgba(255,255,255,.04), rgba(87,206,255,.02) 45%, transparent 76%);
  filter:blur(38px);
  opacity:.26;
}

/* 3) Make the system feel cleaner and give the card clearer stage space. */
body.we-growth-page .growth-orbit-board{
  min-height:700px;
}
body.we-growth-page .growth-orbit-system{
  width:min(860px,80vw);
  height:620px;
  transition:transform .72s cubic-bezier(.22,.75,.22,1), filter .42s ease, opacity .36s ease;
}
body.we-growth-page .growth-orbit-track--one{--w:224px;--h:224px}
body.we-growth-page .growth-orbit-track--two{--w:316px;--h:316px}
body.we-growth-page .growth-orbit-track--ellipse-h{--w:560px;--h:238px}
body.we-growth-page .growth-orbit-track--ellipse-v{--w:238px;--h:560px}
body.we-growth-page .growth-orbit-track--ellipse-d{--w:500px;--h:228px}

/* 4) When a point is clicked, pause remains, the background becomes blurry/dim,
      and the detail card becomes the clear focus. */
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-cosmos,
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
  filter:blur(5px) saturate(.74) brightness(.70);
  opacity:.54;
}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
  transform:translate3d(var(--orbit-shift-x),var(--orbit-shift-y),0) scale(1.015);
}
body.we-growth-page .growth-orbit-detail{
  z-index:6;
  right:18px;
  width:min(342px,31vw);
  border-color:rgba(104,216,241,.30);
  background:
    linear-gradient(145deg,rgba(6,27,44,.96),rgba(3,13,26,.94)),
    radial-gradient(circle at 18% 0%,rgba(15,214,255,.12),transparent 40%),
    radial-gradient(circle at 88% 100%,rgba(144,255,116,.05),transparent 28%);
  box-shadow:0 34px 110px rgba(0,6,22,.52),0 0 60px rgba(15,214,255,.08),inset 0 1px 0 rgba(255,255,255,.05);
}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-detail{
  opacity:1;
  pointer-events:auto;
  transform:translate3d(0,-50%,0) scale(1);
}

/* 5) Keep hover pause easy to read. */
body.we-growth-page .growth-orbit-system.is-hover-paused .growth-orbit-track,
body.we-growth-page .growth-orbit-system.is-hover-paused .growth-orbit-point,
body.we-growth-page .growth-orbit-system.is-paused .growth-orbit-track,
body.we-growth-page .growth-orbit-system.is-paused .growth-orbit-point{
  animation-play-state:paused;
}
body.we-growth-page .growth-orbit-point::before{width:46px;height:46px}
body.we-growth-page .growth-orbit-point .growth-orbit-dot{width:15px;height:15px}
body.we-growth-page .growth-orbit-point--seo .growth-orbit-dot{width:14px;height:14px}
body.we-growth-page .growth-orbit-point--content .growth-orbit-dot{width:15px;height:15px}
body.we-growth-page .growth-orbit-point--data .growth-orbit-dot{width:17px;height:17px}

/* 6) Minor detail polish. */
body.we-growth-page .growth-orbit-hint{z-index:5}
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-track:not(.is-selected),
body.we-growth-page .growth-orbit-system.has-selection .growth-orbit-core{
  opacity:1;
  filter:none;
}

@keyframes g103CosmosHue{
  0%{transform:scale(1) translate3d(0,0,0); filter:hue-rotate(0deg) saturate(1.00)}
  50%{transform:scale(1.02) translate3d(0,-1.2%,0); filter:hue-rotate(12deg) saturate(1.05)}
  100%{transform:scale(1.01) translate3d(0,1%,0); filter:hue-rotate(-10deg) saturate(1.02)}
}

@media (max-width:1100px){
  body.we-growth-page .growth-orbit-system{width:min(780px,88vw);height:580px}
  body.we-growth-page .growth-orbit-detail{right:6px;width:300px}
}
@media (max-width:900px){
  body.we-growth-page .growth-orbit-board{min-height:760px}
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-cosmos,
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
    filter:blur(4px) saturate(.78) brightness(.74);
    opacity:.60;
  }
  body.we-growth-page .growth-orbit-detail{
    left:50%;
    right:auto;
    width:min(560px,calc(100% - 34px));
  }
}
@media (max-width:640px){
  body.we-growth-page .growth-orbit-system{width:100%;height:auto}
  body.we-growth-page .growth-orbit-cosmos{
    mask-image:none;
    -webkit-mask-image:none;
  }
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-cosmos,
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
    filter:none;
    opacity:1;
  }
  body.we-growth-page .growth-orbit-point::before{width:34px;height:34px}
}
@media (prefers-reduced-motion:reduce){
  body.we-growth-page .growth-orbit-cosmos{animation:none!important}
}

/* =========================================================
   V0.10.21 — remove framed nebula + make all six detail states explicit
   ========================================================= */

/* Remove the large rectangular nebula layer completely to avoid any visible frame. */
body.we-growth-page .growth-orbit-cosmos,
body.we-growth-page .growth-orbit-cosmos::before,
body.we-growth-page .growth-orbit-cosmos::after{
  background:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
  animation:none!important;
  filter:none!important;
}
body.we-growth-page .growth-orbit-cosmos{
  opacity:1;
}

/* Replace it with softer free glows directly on the board, so the section keeps depth
   without looking like a boxed overlay. */
body.we-growth-page .growth-orbit-board{
  background:none;
}
body.we-growth-page .growth-orbit-board::before{
  width:720px;
  height:480px;
  background:
    radial-gradient(circle,rgba(14,111,194,.18),rgba(14,111,194,.08) 30%,rgba(11,43,92,.03) 56%,transparent 76%),
    radial-gradient(circle at 55% 58%,rgba(138,255,180,.06),transparent 46%);
  filter:blur(70px);
  opacity:.78;
}
body.we-growth-page .growth-orbit-board::after{
  width:440px;
  height:320px;
  background:radial-gradient(circle,rgba(138,255,180,.07),rgba(138,255,180,.03) 38%,transparent 72%);
  filter:blur(56px);
  opacity:.62;
}

/* Keep the stars, but no boxed atmosphere layer. */
body.we-growth-page .growth-orbit-stars{
  opacity:.92;
}

/* Detail state: dim/blur only the actual orbital system, not a phantom overlay layer. */
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
  filter:blur(4px) saturate(.76) brightness(.72);
  opacity:.56;
  transform:translate3d(var(--orbit-shift-x),var(--orbit-shift-y),0) scale(1.015);
}
body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-cosmos{
  opacity:1;
}

/* Make the one shared detail card clearly navigable across all 6 content states. */
body.we-growth-page .growth-orbit-detail-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:18px;
  padding-top:14px;
  border-top:1px solid rgba(95,188,219,.13);
}
body.we-growth-page .growth-orbit-detail-arrow{
  width:38px;
  height:38px;
  border:1px solid rgba(120,212,238,.18);
  border-radius:50%;
  background:rgba(4,14,27,.52);
  color:#d7f8ff;
  font:600 18px/1 Manrope,sans-serif;
  cursor:pointer;
  transition:border-color .2s ease,color .2s ease,transform .2s ease,background .2s ease;
}
body.we-growth-page .growth-orbit-detail-arrow:hover,
body.we-growth-page .growth-orbit-detail-arrow:focus-visible{
  outline:none;
  color:#ffffff;
  border-color:rgba(144,255,116,.36);
  background:rgba(8,23,36,.74);
  transform:translateY(-1px);
}
body.we-growth-page .growth-orbit-detail-counter{
  display:flex;
  align-items:baseline;
  gap:6px;
  color:#9fc7d7;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}
body.we-growth-page .growth-orbit-detail-counter span{
  color:#f4fbff;
  font-size:16px;
  letter-spacing:.12em;
}
body.we-growth-page .growth-orbit-detail-counter small{
  color:#6f93a5;
  font-size:11px;
  letter-spacing:.14em;
}

/* Slightly calmer layout so the system and card can coexist nicely. */
body.we-growth-page .growth-orbit-detail{
  right:24px;
  width:min(350px,32vw);
}
body.we-growth-page .growth-orbit-system{
  width:min(840px,78vw);
}

@media (max-width:1100px){
  body.we-growth-page .growth-orbit-detail{right:10px;width:304px}
  body.we-growth-page .growth-orbit-system{width:min(760px,87vw)}
}
@media (max-width:900px){
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
    filter:blur(3px) saturate(.80) brightness(.76);
    opacity:.62;
  }
  body.we-growth-page .growth-orbit-detail{width:min(560px,calc(100% - 34px))}
}
@media (max-width:640px){
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
    filter:none;
    opacity:1;
  }
  body.we-growth-page .growth-orbit-detail-nav{margin-top:16px}
  body.we-growth-page .growth-orbit-detail-counter span{font-size:15px}
}

/* =========================================================
   V0.10.22 — orbit redistribution + section 04 nebula field
   ========================================================= */

/* SECTION 03 — distribute the six orbit points more evenly around the system. */
body.we-growth-page .growth-orbit-track{
  transform:translate(-50%,-50%) rotate(calc(var(--tilt,0deg) + var(--phase,0deg)));
  animation-name:g103OrbitSpinPhase;
}
@keyframes g103OrbitSpinPhase{
  from{transform:translate(-50%,-50%) rotate(calc(var(--tilt,0deg) + var(--phase,0deg)))}
  to{transform:translate(-50%,-50%) rotate(calc(360deg + var(--tilt,0deg) + var(--phase,0deg)))}
}
body.we-growth-page .growth-orbit-track--one{--phase:8deg}
body.we-growth-page .growth-orbit-track--two{--phase:176deg}
body.we-growth-page .growth-orbit-track--ellipse-h{--phase:288deg}
body.we-growth-page .growth-orbit-track--ellipse-v{--phase:108deg}
body.we-growth-page .growth-orbit-track--diag-a{--phase:228deg}
body.we-growth-page .growth-orbit-track--diag-b{--phase:48deg}

/* Keep the one shared card, but make it explicit that all six states are part of the same system. */
body.we-growth-page .growth-orbit-detail-counter small{min-width:3ch;text-align:left}
body.we-growth-page .growth-orbit-detail-arrow{user-select:none}

/* SECTION 04 — replace line network with nebula atmosphere + twinkling stars. */
body.we-growth-page .growth-contact{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
body.we-growth-page .growth-contact::before,
body.we-growth-page .growth-contact::after{
  content:"";
  position:absolute;
  inset:auto;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  mix-blend-mode:screen;
}
body.we-growth-page .growth-contact::before{
  width:56vw;
  height:40vw;
  left:-12vw;
  top:6%;
  background:radial-gradient(circle at 50% 50%,rgba(33,174,255,.14),rgba(33,174,255,.06) 34%,transparent 72%);
  filter:blur(76px);
  opacity:.68;
}
body.we-growth-page .growth-contact::after{
  width:44vw;
  height:32vw;
  right:-8vw;
  bottom:2%;
  background:radial-gradient(circle at 50% 50%,rgba(108,84,255,.12),rgba(108,84,255,.05) 36%,transparent 74%);
  filter:blur(70px);
  opacity:.48;
}
body.we-growth-page .growth-signal-lines{
  opacity:1;
  mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);
}
body.we-growth-page .growth-signal-lines svg{display:none!important}
body.we-growth-page .growth-signal-nebula{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  mix-blend-mode:screen;
  filter:blur(62px);
  opacity:.62;
  animation:g103SignalNebula 17s ease-in-out infinite alternate;
}
body.we-growth-page .growth-signal-nebula--a{
  width:66%;
  height:36%;
  left:-8%;
  top:12%;
  background:radial-gradient(circle at 54% 50%,rgba(34,190,255,.16),rgba(34,190,255,.07) 34%,transparent 74%);
}
body.we-growth-page .growth-signal-nebula--b{
  width:58%;
  height:34%;
  right:-6%;
  top:18%;
  background:radial-gradient(circle at 50% 50%,rgba(145,94,255,.13),rgba(145,94,255,.05) 36%,transparent 76%);
  animation-duration:20s;
  animation-delay:-5s;
}
body.we-growth-page .growth-signal-nebula--c{
  width:72%;
  height:32%;
  left:12%;
  bottom:4%;
  background:radial-gradient(circle at 50% 50%,rgba(138,255,180,.11),rgba(28,193,255,.04) 38%,transparent 76%);
  animation-duration:15s;
  animation-delay:-8s;
}
body.we-growth-page .growth-signal-stars{
  position:absolute;
  inset:0;
}
body.we-growth-page .growth-signal-stars span{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--size);
  height:var(--size);
  border-radius:50%;
  background:#f4fdff;
  box-shadow:0 0 10px rgba(212,248,255,.92),0 0 24px rgba(89,229,255,.28),0 0 42px rgba(89,229,255,.12);
  opacity:.22;
  animation:g103SignalStar 5.4s ease-in-out infinite;
  animation-delay:var(--delay);
}
body.we-growth-page .growth-signal-stars span:nth-child(4n){animation-duration:7.1s}
body.we-growth-page .growth-signal-stars span:nth-child(5n){animation-duration:4.3s}
body.we-growth-page .growth-signal-stars span::before,
body.we-growth-page .growth-signal-stars span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:calc(var(--size) * 4.2);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(234,251,255,.88),transparent);
  transform:translate(-50%,-50%);
  opacity:.26;
}
body.we-growth-page .growth-signal-stars span::after{transform:translate(-50%,-50%) rotate(90deg)}

/* Keep content in the foreground over the atmospheric background. */
body.we-growth-page .growth-contact-shell{position:relative;z-index:2}
body.we-growth-page .growth-contact-input,
body.we-growth-page .growth-contact-prompts button{backdrop-filter:blur(8px)}

@keyframes g103SignalNebula{
  0%{transform:translate3d(-1.5%,0,0) scale(.98);opacity:.48}
  50%{transform:translate3d(2%, -1.5%,0) scale(1.04);opacity:.72}
  100%{transform:translate3d(4%,1.5%,0) scale(1.01);opacity:.56}
}
@keyframes g103SignalStar{
  0%,100%{opacity:.18;transform:scale(.84)}
  40%{opacity:.82;transform:scale(1.2)}
  55%{opacity:.34;transform:scale(.96)}
  70%{opacity:1;transform:scale(1.28)}
}

@media (max-width:1100px){
  body.we-growth-page .growth-contact::before{width:72vw;height:48vw;left:-18vw}
  body.we-growth-page .growth-contact::after{width:58vw;height:40vw;right:-14vw}
}
@media (max-width:900px){
  body.we-growth-page .growth-signal-nebula--a{width:88%;height:38%;left:-18%;top:14%}
  body.we-growth-page .growth-signal-nebula--b{width:82%;height:34%;right:-18%;top:24%}
  body.we-growth-page .growth-signal-nebula--c{width:96%;height:34%;left:2%;bottom:8%}
}
@media (max-width:640px){
  body.we-growth-page .growth-signal-stars span:nth-child(n+11){display:none}
  body.we-growth-page .growth-contact::before{width:88vw;height:64vw;left:-28vw}
  body.we-growth-page .growth-contact::after{width:70vw;height:56vw;right:-24vw}
}
@media (prefers-reduced-motion:reduce){
  body.we-growth-page .growth-signal-nebula,
  body.we-growth-page .growth-signal-stars span{animation:none!important}
}

/* =========================================================
   V0.10.23 — orbit interaction reliability + spacing fixes
   ========================================================= */

/* Transparent orbit elements must never block mouse clicks on other points. */
body.we-growth-page .growth-orbit-track{
  pointer-events:none;
  animation-delay:0s!important;
}
body.we-growth-page .growth-orbit-point{
  pointer-events:auto;
}

/* Give every point a clearly separated orbital radius so two dots do not sit on top
   of one another at the initial state. */
body.we-growth-page .growth-orbit-track--one{
  --w:220px;
  --h:220px;
  --phase:334deg;
}
body.we-growth-page .growth-orbit-track--two{
  --w:326px;
  --h:326px;
  --phase:154deg;
}
body.we-growth-page .growth-orbit-track--ellipse-h{
  --w:610px;
  --h:382px;
  --phase:76deg;
}
body.we-growth-page .growth-orbit-track--ellipse-v{
  --w:286px;
  --h:610px;
  --phase:206deg;
}
body.we-growth-page .growth-orbit-track--diag-a{
  --w:560px;
  --h:458px;
  --phase:274deg;
}
body.we-growth-page .growth-orbit-track--diag-b{
  --w:620px;
  --h:516px;
  --phase:32deg;
}

/* Stronger selected-point feedback while browsing cards with the arrows. */
body.we-growth-page .growth-orbit-point.is-focus .growth-orbit-dot{
  transform:scale(1.48);
  box-shadow:
    0 0 0 8px rgba(15,214,255,.08),
    0 0 24px rgba(15,214,255,.72),
    0 0 52px rgba(255,255,255,.18)!important;
}
body.we-growth-page .growth-orbit-track.is-selected{
  border-color:rgba(164,241,255,.58)!important;
  opacity:1!important;
}

@media (max-width:1100px){
  body.we-growth-page .growth-orbit-track--ellipse-h{--w:540px;--h:342px}
  body.we-growth-page .growth-orbit-track--ellipse-v{--w:256px;--h:540px}
  body.we-growth-page .growth-orbit-track--diag-a{--w:500px;--h:408px}
  body.we-growth-page .growth-orbit-track--diag-b{--w:548px;--h:456px}
}
@media (max-width:900px){
  body.we-growth-page .growth-orbit-track--one{--w:204px;--h:204px}
  body.we-growth-page .growth-orbit-track--two{--w:294px;--h:294px}
  body.we-growth-page .growth-orbit-track--ellipse-h{--w:466px;--h:306px}
  body.we-growth-page .growth-orbit-track--ellipse-v{--w:226px;--h:466px}
  body.we-growth-page .growth-orbit-track--diag-a{--w:430px;--h:360px}
  body.we-growth-page .growth-orbit-track--diag-b{--w:472px;--h:400px}
}


/* =========================================================
   V0.10.24 — inner orbit click target fix
   ========================================================= */

/* The centre planet sits above the innermost orbit visually. It must never
   intercept pointer events from a dot passing close to its edge. */
body.we-growth-page .growth-orbit-core,
body.we-growth-page .growth-orbit-core::before,
body.we-growth-page .growth-orbit-core::after{
  pointer-events:none!important;
}

/* Give the innermost point a little more breathing room around the planet.
   This also makes its full hit area accessible instead of grazing the core. */
body.we-growth-page .growth-orbit-track--one{
  --w:260px;
  --h:260px;
}

/* Keep moving points as the top interactive layer within their orbit system. */
body.we-growth-page .growth-orbit-point{
  z-index:30!important;
  pointer-events:auto!important;
}

@media (max-width:900px){
  body.we-growth-page .growth-orbit-track--one{--w:232px;--h:232px}
}

/* =========================================================
   WORLD / BRAND — V0.10.25
   editorial composition, identity systems, social + print
   ========================================================= */
body.we-brand-page{
  --brand-pink:#ef4fd2;
  --brand-pink-rgb:239,79,210;
  --brand-hot:#ff78df;
  --brand-violet:#8d5cff;
  --brand-cream:#f7f1f7;
  --brand-soft:#b8a9bb;
  --brand-line:rgba(239,79,210,.22);
  background:
    radial-gradient(ellipse at 10% 22%,rgba(239,79,210,.08),transparent 32%),
    radial-gradient(ellipse at 86% 52%,rgba(126,79,255,.07),transparent 38%),
    #030207;
}
body.we-brand-page ::selection{background:rgba(239,79,210,.30);color:#fff}
.brand-world-main{position:relative;z-index:1;overflow:clip;background:transparent}
.brand-scene{position:relative;z-index:2;min-height:100svh;display:flex;align-items:center;padding:116px 0 92px;isolation:isolate}
.brand-scene .page-shell{width:min(1180px,calc(100% - 9vw));margin:0 auto}
.brand-index{display:flex;align-items:center;gap:12px;color:#ff9be7;font-size:10px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.brand-index::before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--brand-pink),transparent);box-shadow:0 0 13px rgba(239,79,210,.30)}
.brand-head-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);gap:clamp(54px,8vw,118px);align-items:end;margin-top:30px}
.brand-head-split h2{margin:0;color:#f8f4f9;font-size:clamp(42px,4.45vw,68px);line-height:.97;letter-spacing:-.055em}
.brand-head-split h2 span{color:transparent;background:linear-gradient(95deg,#f8eff8 0%,#ef9bdd 36%,#ef4fd2 72%,#9d62ff 100%);-webkit-background-clip:text;background-clip:text}
.brand-head-split>p{margin:0 0 5px;color:#b8aebd;font-size:18px;line-height:1.72}

/* ambient star field */
.brand-cosmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.74}
.brand-cosmos::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(222,244,255,.52) .7px,transparent .9px),radial-gradient(circle,rgba(255,190,239,.30) .7px,transparent .9px);background-size:104px 104px,157px 157px;background-position:14px 21px,71px 54px;opacity:.34}
.brand-cosmos::after{content:"";position:absolute;width:58vw;height:58vw;left:-22vw;top:18vh;border-radius:50%;background:radial-gradient(circle,rgba(239,79,210,.09),rgba(90,50,150,.025) 42%,transparent 70%);filter:blur(34px)}
.brand-cosmos i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fef8ff;box-shadow:0 0 10px rgba(255,185,239,.72),0 0 28px rgba(239,79,210,.20);opacity:.28;animation:brandStar 7s ease-in-out infinite}
.brand-cosmos i:nth-child(1){left:8%;top:18%;animation-delay:-1s}.brand-cosmos i:nth-child(2){left:17%;top:69%;animation-delay:-4s}.brand-cosmos i:nth-child(3){left:27%;top:34%;animation-delay:-2.3s}.brand-cosmos i:nth-child(4){left:37%;top:83%;animation-delay:-5.1s}.brand-cosmos i:nth-child(5){left:46%;top:15%;animation-delay:-3.2s}.brand-cosmos i:nth-child(6){left:55%;top:58%;animation-delay:-.7s}.brand-cosmos i:nth-child(7){left:64%;top:28%;animation-delay:-4.8s}.brand-cosmos i:nth-child(8){left:73%;top:76%;animation-delay:-2s}.brand-cosmos i:nth-child(9){left:81%;top:39%;animation-delay:-6s}.brand-cosmos i:nth-child(10){left:90%;top:20%;animation-delay:-3.9s}.brand-cosmos i:nth-child(11){left:94%;top:68%;animation-delay:-1.8s}.brand-cosmos i:nth-child(12){left:51%;top:91%;animation-delay:-5.8s}
@keyframes brandStar{0%,100%{opacity:.16;transform:scale(.75)}50%{opacity:.82;transform:scale(1.35)}}

/* 01 / HERO */
.brand-hero{padding-top:122px;overflow:hidden}
.brand-hero::before{content:"";position:absolute;right:-10vw;top:12%;width:62vw;height:72%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(239,79,210,.12),rgba(119,73,255,.05) 36%,transparent 70%);filter:blur(28px)}
.brand-hero-shell{display:grid;grid-template-columns:minmax(0,.94fr) minmax(460px,.76fr);gap:clamp(48px,6vw,90px);align-items:center}
.brand-hero-copy{position:relative;z-index:3;max-width:720px}
.brand-hero h1{margin:28px 0 0;color:#faf7fb;font-size:clamp(48px,4.65vw,75px);line-height:.94;letter-spacing:-.061em;max-width:760px}
.brand-hero h1 span{color:transparent;background:linear-gradient(100deg,#f9eef8 0%,#ff9be5 28%,#ef4fd2 62%,#9e62ff 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 36px rgba(239,79,210,.08)}
.brand-hero-copy>p{max-width:710px;margin:27px 0 0;color:#b9adbb;font-size:18px;line-height:1.68}
.brand-tags{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin-top:23px;color:#f5dff0;font-size:9px;font-weight:800;letter-spacing:.14em}
.brand-tags i{width:4px;height:4px;border-radius:50%;background:var(--brand-pink);box-shadow:0 0 10px rgba(239,79,210,.6)}
.brand-signal{width:min(650px,100%);min-height:70px;margin-top:28px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(239,79,210,.28);border-radius:19px;background:linear-gradient(90deg,rgba(22,7,25,.68),rgba(8,8,22,.58));color:#fbf4fa;box-shadow:0 20px 60px rgba(31,5,34,.18);cursor:pointer;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}
.brand-signal:hover,.brand-signal:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(255,128,224,.54);box-shadow:0 22px 66px rgba(46,7,52,.25),0 0 34px rgba(239,79,210,.08)}
.brand-signal>span{text-align:left;font-size:17px;font-weight:750}.brand-signal small{display:block;margin-bottom:5px;color:#bf81af;font-size:9px;letter-spacing:.18em}.brand-signal>i{flex:0 0 52px;width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ff8be2,var(--brand-pink) 54%,#9f65ff);color:#19051a;font-size:25px;font-style:normal;font-weight:800;box-shadow:0 0 28px rgba(239,79,210,.26)}

/* Hero WE composition */
.brand-hero-art{--brand-light-x:58%;--brand-light-y:44%;position:relative;min-height:590px;display:grid;place-items:center;perspective:1200px;isolation:isolate}
.brand-art-light{position:absolute;inset:3% -4%;z-index:-1;pointer-events:none;background:radial-gradient(circle at var(--brand-light-x) var(--brand-light-y),rgba(255,128,223,.20),rgba(150,76,255,.07) 26%,transparent 55%);filter:blur(22px);transition:opacity .3s ease;opacity:.72}
.brand-hero-art.is-active .brand-art-light{opacity:1}
.brand-we-composition{position:relative;width:min(610px,44vw);height:390px;display:flex;align-items:center;justify-content:center;gap:34px;filter:drop-shadow(0 34px 72px rgba(22,3,27,.28));transform:rotateX(1deg) rotateY(-2deg);transform-style:preserve-3d}
.brand-letter{position:relative;height:310px;flex:0 0 auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.22))}
.brand-letter--w{width:276px}.brand-letter--e{width:224px}
.brand-stroke{position:absolute;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(255,180,236,.28);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(239,79,210,.075) 46%,rgba(70,31,90,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 42px rgba(30,4,34,.20);backdrop-filter:blur(12px);transition:border-color .35s ease,box-shadow .35s ease,filter .35s ease}
.brand-stroke::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--brand-light-x) var(--brand-light-y),rgba(255,255,255,.20),transparent 38%);opacity:.54;mix-blend-mode:screen}
.brand-stroke b,.brand-stroke em{position:relative;z-index:2;font-style:normal}.brand-stroke b{color:#fff1fb;font-size:12px;letter-spacing:-.02em}.brand-stroke em{color:#d493c5;font-size:7px;font-weight:800;letter-spacing:.16em}
.brand-stroke--w1,.brand-stroke--w2,.brand-stroke--w3,.brand-stroke--w4{width:58px;height:265px;padding:14px 10px;transform-origin:50% 100%}
.brand-stroke--w1{left:20px;top:12px;transform:rotate(-13deg);background:linear-gradient(160deg,rgba(255,123,221,.18),rgba(31,10,40,.64))}
.brand-stroke--w2{left:78px;top:35px;transform:rotate(13deg);background:linear-gradient(160deg,rgba(137,91,255,.17),rgba(22,9,37,.68))}
.brand-stroke--w3{left:137px;top:35px;transform:rotate(-13deg);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(239,79,210,.11),rgba(20,7,29,.68))}
.brand-stroke--w4{left:195px;top:12px;transform:rotate(13deg);background:linear-gradient(160deg,rgba(239,79,210,.24),rgba(38,8,43,.67))}
.brand-stroke--w4 b{font-size:21px;letter-spacing:-.08em}
.brand-stroke--e1{left:10px;top:20px;width:58px;height:270px;padding:14px 10px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(239,79,210,.13),rgba(29,8,37,.72))}
.brand-stroke--e2,.brand-stroke--e3,.brand-stroke--e4{left:10px;height:58px;padding:11px 14px;flex-direction:row;align-items:center}
.brand-stroke--e2{top:20px;width:204px;background:linear-gradient(90deg,rgba(239,79,210,.24),rgba(88,33,110,.18))}.brand-stroke--e3{top:125px;width:168px;background:linear-gradient(90deg,rgba(163,94,255,.19),rgba(40,18,65,.20))}.brand-stroke--e4{top:232px;width:204px;background:linear-gradient(90deg,rgba(255,134,222,.18),rgba(50,16,55,.16))}
.brand-stroke--e2 b,.brand-stroke--e3 b,.brand-stroke--e4 b{font-size:10px;letter-spacing:.08em}.brand-stroke--e1 b{font-size:10px;writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.11em}
.brand-hero-art:hover .brand-stroke{border-color:rgba(255,190,237,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 52px rgba(43,5,48,.25),0 0 24px rgba(239,79,210,.035)}
.brand-art-swatches{position:absolute;right:4%;bottom:15%;display:flex;gap:6px;padding:8px;border:1px solid rgba(239,79,210,.18);border-radius:999px;background:rgba(9,5,16,.52);backdrop-filter:blur(10px)}
.brand-art-swatches i{width:12px;height:12px;border-radius:50%;background:#f9f2f7}.brand-art-swatches i:nth-child(2){background:#ef4fd2}.brand-art-swatches i:nth-child(3){background:#9d62ff}.brand-art-swatches i:nth-child(4){background:#120817}
.brand-art-meta{position:absolute;left:7%;bottom:8%;display:flex;flex-direction:column;gap:6px;color:#d990c6;font-size:7px;font-weight:800;letter-spacing:.17em}.brand-art-meta small{color:#644b65;font-size:6px;letter-spacing:.15em}

/* 02 / CHALLENGES */
.brand-challenges{padding-top:112px;padding-bottom:104px}
.brand-challenges::before{content:"";position:absolute;left:-12vw;top:22%;width:48vw;height:48vw;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(239,79,210,.08),transparent 68%);filter:blur(32px)}
.brand-challenge-studio{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:14px;min-height:610px;margin-top:48px}
.brand-challenge-canvas{position:relative;min-height:610px;overflow:hidden;border:1px solid rgba(239,79,210,.22);border-radius:28px;background:linear-gradient(150deg,rgba(15,7,20,.76),rgba(5,8,18,.64));box-shadow:0 28px 90px rgba(20,3,24,.22),inset 0 1px 0 rgba(255,255,255,.035)}
.brand-board-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(239,79,210,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(239,79,210,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(140deg,#000 20%,transparent 82%);-webkit-mask-image:linear-gradient(140deg,#000 20%,transparent 82%);opacity:.7}
.brand-board-piece{position:absolute;z-index:2;border:1px solid rgba(255,175,233,.20);background:rgba(17,8,23,.78);box-shadow:0 18px 46px rgba(19,2,22,.22);transition:transform .75s cubic-bezier(.22,.75,.22,1),opacity .42s ease,border-color .42s ease,filter .42s ease,background .42s ease;color:#f8f1f7;overflow:hidden}
.brand-board-piece small{display:block;color:#a9749e;font-size:7px;font-weight:800;letter-spacing:.15em}.brand-board-piece span{color:#b29fab;font-size:9px}
.brand-board-piece--poster{left:8%;top:8%;width:235px;height:270px;padding:20px;border-radius:18px;transform:rotate(-6deg);background:linear-gradient(145deg,#f3e9f0,#efc9e5 52%,#bb67db);color:#170916}.brand-board-piece--poster small{color:#8e4e7a}.brand-board-piece--poster strong{display:block;margin-top:40px;color:#1b0b18;font-size:34px;line-height:.88;letter-spacing:-.065em}.brand-board-piece--poster i{position:absolute;width:150px;height:150px;right:-54px;bottom:-38px;border-radius:50%;background:radial-gradient(circle,#ff76d7,rgba(139,80,255,.46) 44%,transparent 70%);filter:blur(3px)}
.brand-board-piece--social{right:9%;top:9%;width:205px;height:205px;padding:18px;border-radius:22px;transform:rotate(5deg);background:radial-gradient(circle at 72% 26%,rgba(239,79,210,.28),transparent 30%),linear-gradient(145deg,#12091a,#080c18)}.brand-board-piece--social b{display:block;margin-top:24px;font-size:25px;line-height:.9;letter-spacing:-.055em}.brand-board-piece--social span{position:absolute;bottom:16px;left:18px}
.brand-board-piece--type{left:38%;top:13%;width:180px;height:145px;padding:16px;border-radius:16px;transform:rotate(2deg)}.brand-board-piece--type strong{font-size:60px;line-height:1;letter-spacing:-.08em;color:#ff9be3}.brand-board-piece--type span{display:block;margin-top:-2px}
.brand-board-piece--palette{right:24%;top:44%;width:185px;height:82px;padding:14px;border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;align-items:end;transform:rotate(-3deg)}.brand-board-piece--palette small{position:absolute;left:14px;top:10px}.brand-board-piece--palette span{height:31px;border-radius:7px}.brand-board-piece--palette .c1{background:#f8f0f7}.brand-board-piece--palette .c2{background:#ef4fd2}.brand-board-piece--palette .c3{background:#925cff}.brand-board-piece--palette .c4{background:#16091a}
.brand-board-piece--card{left:12%;top:55%;width:250px;height:125px;padding:17px;border-radius:16px;transform:rotate(4deg);background:linear-gradient(145deg,rgba(239,79,210,.20),rgba(15,8,24,.92))}.brand-board-piece--card strong{display:block;margin-top:16px;font-size:23px;letter-spacing:-.06em}.brand-board-piece--card span{position:absolute;right:16px;bottom:15px;text-align:right;line-height:1.4}
.brand-board-piece--wordmark{left:48%;top:60%;width:210px;height:62px;border-radius:999px;display:grid;place-items:center;transform:rotate(-4deg);background:rgba(239,79,210,.08)}.brand-board-piece--wordmark span{color:#ffd9f4;font-size:11px;font-weight:800;letter-spacing:.16em}
.brand-challenge-readout{position:absolute;z-index:5;left:5%;right:5%;bottom:4%;min-height:154px;padding:20px 250px 18px 20px;border-top:1px solid rgba(239,79,210,.14);background:linear-gradient(90deg,rgba(6,5,12,.78),rgba(6,5,12,.36),transparent);backdrop-filter:blur(8px)}
.brand-challenge-kicker{display:flex;align-items:center;gap:9px;color:#ff8ede;font-size:8px;font-weight:800;letter-spacing:.16em}.brand-challenge-kicker i{width:22px;height:1px;background:var(--brand-pink)}.brand-challenge-kicker small{font:inherit;color:#a56b97}
.brand-challenge-readout h3{margin:12px 0 0;color:#fff6fc;font-size:30px;line-height:1;letter-spacing:-.045em}.brand-challenge-readout p{max-width:640px;margin:11px 0 0;color:#b9aeba;font-size:13px;line-height:1.55}
.brand-challenge-impact{position:absolute;right:22px;bottom:19px;display:flex;flex-direction:column;align-items:flex-end;gap:5px}.brand-challenge-impact small{color:#78516f;font-size:7px;letter-spacing:.16em;font-weight:800}.brand-challenge-impact strong{color:#ffc0ee;font-size:17px;letter-spacing:-.03em}
.brand-challenge-tabs{display:grid;grid-template-rows:repeat(5,1fr);gap:10px}
.brand-challenge-tabs button{position:relative;display:grid;grid-template-columns:34px 1fr;grid-template-rows:1fr auto;column-gap:10px;align-items:center;padding:17px 16px;border:1px solid rgba(239,79,210,.15);border-radius:19px;background:linear-gradient(145deg,rgba(15,8,22,.72),rgba(5,8,17,.64));color:#c6b8c6;text-align:left;transition:border-color .3s ease,background .3s ease,transform .3s ease,box-shadow .3s ease}
.brand-challenge-tabs button span{grid-row:1/3;color:#9a628d;font-size:9px;font-weight:800;letter-spacing:.14em}.brand-challenge-tabs button b{font-size:15px;line-height:1.1}.brand-challenge-tabs button small{margin-top:5px;color:#725a71;font-size:7px;font-weight:800;letter-spacing:.13em}.brand-challenge-tabs button:hover,.brand-challenge-tabs button:focus-visible{outline:none;transform:translateX(-4px);border-color:rgba(239,79,210,.34);color:#fff0fa}.brand-challenge-tabs button.is-active{border-color:rgba(239,79,210,.48);background:linear-gradient(145deg,rgba(74,16,67,.46),rgba(15,8,24,.78));box-shadow:0 0 30px rgba(239,79,210,.05),inset 3px 0 0 rgba(239,79,210,.68);color:#fff3fb}.brand-challenge-tabs button.is-active span{color:#ff8ade}.brand-challenge-tabs button.is-active small{color:#b57aa8}
/* board state choreography */
.brand-challenge-studio[data-state="positioning"] .brand-board-piece--poster{transform:translate(110px,14px) rotate(-1deg) scale(.93)}.brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{transform:translate(-40px,160px) rotate(0) scale(1.08)}.brand-challenge-studio[data-state="positioning"] .brand-board-piece--wordmark{transform:translate(80px,-80px) rotate(0);border-color:rgba(239,79,210,.42)}.brand-challenge-studio[data-state="positioning"] .brand-board-piece--social,.brand-challenge-studio[data-state="positioning"] .brand-board-piece--palette,.brand-challenge-studio[data-state="positioning"] .brand-board-piece--card{opacity:.42;filter:saturate(.5)}
.brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{transform:translate(12px,10px) rotate(0) scale(.82)}.brand-challenge-studio[data-state="consistency"] .brand-board-piece--type{transform:translate(0,120px) rotate(0)}.brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{transform:translate(-8px,18px) rotate(0) scale(.92)}.brand-challenge-studio[data-state="consistency"] .brand-board-piece--palette{transform:translate(-22px,-8px) rotate(0)}.brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{transform:translate(92px,-20px) rotate(0) scale(.90)}.brand-challenge-studio[data-state="consistency"] .brand-board-piece--wordmark{transform:translate(-70px,-72px) rotate(0)}
.brand-challenge-studio[data-state="difference"] .brand-board-piece{border-color:rgba(255,128,224,.34)}.brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{transform:translate(34px,-2px) rotate(-11deg) scale(1.02)}.brand-challenge-studio[data-state="difference"] .brand-board-piece--social{transform:translate(-30px,35px) rotate(11deg)}.brand-challenge-studio[data-state="difference"] .brand-board-piece--type{transform:translate(-18px,42px) rotate(-4deg) scale(1.16);background:rgba(239,79,210,.13)}.brand-challenge-studio[data-state="difference"] .brand-board-piece--wordmark{transform:translate(22px,-28px) rotate(8deg);background:linear-gradient(90deg,rgba(239,79,210,.22),rgba(141,92,255,.18))}
.brand-challenge-studio[data-state="scale"] .brand-board-piece--poster{transform:translate(-15px,3px) rotate(-3deg) scale(.78)}.brand-challenge-studio[data-state="scale"] .brand-board-piece--poster::after,.brand-challenge-studio[data-state="scale"] .brand-board-piece--social::after{content:"";position:absolute;inset:-18px 18px 18px -18px;z-index:-2;border:1px solid rgba(239,79,210,.20);border-radius:inherit;box-shadow:-17px 17px 0 -1px rgba(239,79,210,.035)}.brand-challenge-studio[data-state="scale"] .brand-board-piece--social{transform:translate(-12px,10px) rotate(2deg) scale(.84)}.brand-challenge-studio[data-state="scale"] .brand-board-piece--type{transform:translate(-5px,126px) scale(.90)}.brand-challenge-studio[data-state="scale"] .brand-board-piece--palette{transform:translate(-34px,6px) rotate(0)}.brand-challenge-studio[data-state="scale"] .brand-board-piece--card{transform:translate(70px,-34px) rotate(0) scale(.82)}.brand-challenge-studio[data-state="scale"] .brand-board-piece--wordmark{transform:translate(-40px,-86px) rotate(0) scale(.9)}

/* 03 / BRAND SYSTEM / CREATIVE LAB */
.brand-system{padding-top:112px;padding-bottom:104px}
.brand-system::before{content:"";position:absolute;right:-16vw;top:12%;width:52vw;height:52vw;z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(142,86,255,.08),rgba(239,79,210,.03) 42%,transparent 70%);filter:blur(28px)}
.brand-lab{position:relative;min-height:690px;margin-top:42px;isolation:isolate}
.brand-lab-stage{position:relative;min-height:690px;border:1px solid rgba(239,79,210,.16);border-radius:30px;background:linear-gradient(145deg,rgba(13,7,20,.58),rgba(4,8,17,.46));overflow:hidden;transition:filter .42s ease,opacity .42s ease,transform .55s cubic-bezier(.22,.75,.22,1)}
.brand-lab-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(239,79,210,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(239,79,210,.03) 1px,transparent 1px);background-size:54px 54px;opacity:.72;mask-image:radial-gradient(ellipse at center,#000 18%,transparent 88%);-webkit-mask-image:radial-gradient(ellipse at center,#000 18%,transparent 88%)}
.brand-lab-core{position:absolute;left:50%;top:50%;width:230px;height:180px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;padding:23px;border:1px solid rgba(255,167,231,.30);border-radius:26px;background:linear-gradient(145deg,rgba(74,18,67,.78),rgba(19,10,31,.88));box-shadow:0 0 70px rgba(239,79,210,.12),0 28px 70px rgba(13,2,17,.24)}.brand-lab-core::before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.045);border-radius:19px}.brand-lab-core small{color:#d88ac4;font-size:7px;font-weight:800;letter-spacing:.17em}.brand-lab-core strong{margin-top:13px;color:#fff5fc;font-size:27px;line-height:.9;letter-spacing:-.055em}.brand-lab-core span{margin-top:16px;color:#855d80;font-size:6px;font-weight:800;letter-spacing:.14em}
.brand-artifact{position:absolute;z-index:3;padding:18px;border:1px solid rgba(239,79,210,.20);border-radius:19px;background:linear-gradient(145deg,rgba(19,9,27,.88),rgba(5,9,18,.82));color:#f9f2f8;text-align:left;box-shadow:0 22px 56px rgba(18,2,22,.22);transition:transform .36s cubic-bezier(.22,.75,.22,1),border-color .3s ease,box-shadow .3s ease,filter .3s ease;background .3s ease}.brand-artifact:hover,.brand-artifact:focus-visible{outline:none;transform:translateY(-7px) rotate(0deg)!important;border-color:rgba(255,140,224,.48);box-shadow:0 30px 70px rgba(31,4,36,.30),0 0 36px rgba(239,79,210,.06)}.brand-artifact.is-active{border-color:rgba(255,157,229,.62);box-shadow:0 0 0 1px rgba(239,79,210,.10),0 0 42px rgba(239,79,210,.10)}
.brand-artifact small{display:block;color:#bc78ad;font-size:7px;font-weight:800;letter-spacing:.16em}.brand-artifact>strong{display:block;color:#fff4fb;letter-spacing:-.055em}.brand-artifact>span{display:block;color:#9e869a;font-size:8px;font-weight:700;letter-spacing:.10em}
.brand-artifact--strategy{left:4%;top:7%;width:260px;height:190px;transform:rotate(-3deg);background:linear-gradient(145deg,#f6eef4,#eccfe3);color:#1a0b18}.brand-artifact--strategy small{color:#96517f}.brand-artifact--strategy>strong{margin-top:35px;color:#1a0b18;font-size:29px;line-height:.9}.brand-artifact--strategy>span{position:absolute;left:18px;bottom:17px;color:#7a5f71;font-size:7px}
.brand-artifact--visual{right:5%;top:7%;width:250px;height:190px;transform:rotate(3deg)}.brand-artifact--visual>strong{font-size:78px;line-height:.9;color:#ff93df}.artifact-swatches{display:flex!important;gap:7px;margin-top:14px}.artifact-swatches i{width:28px;height:19px;border-radius:5px;background:#f8eff6}.artifact-swatches i:nth-child(2){background:#ef4fd2}.artifact-swatches i:nth-child(3){background:#965dff}
.brand-artifact--verbal{left:7%;top:42%;width:270px;height:170px;transform:rotate(2deg)}.brand-artifact--verbal>strong{margin-top:25px;font-size:29px;line-height:.90}.brand-artifact--verbal>span{position:absolute;bottom:17px;left:18px}
.brand-artifact--social{right:7%;top:40%;width:220px;height:230px;transform:rotate(-3deg)}.artifact-social-image{height:130px;margin-top:12px;border-radius:13px;padding:16px;display:flex;align-items:end;background:radial-gradient(circle at 70% 26%,#ff82d8 0%,rgba(239,79,210,.34) 26%,transparent 46%),linear-gradient(150deg,#26102d,#0a0d1a)}.artifact-social-image b{font-size:25px;line-height:.88;letter-spacing:-.06em}.brand-artifact--social>span{margin-top:9px;color:#9f8298}
.brand-artifact--print{left:17%;bottom:6%;width:270px;height:160px;transform:rotate(-2deg);background:linear-gradient(145deg,#1b0b1e,#080b16)}.brand-artifact--print::before{content:"";position:absolute;right:18px;top:18px;width:72px;height:96px;border:1px solid rgba(255,255,255,.18);background:linear-gradient(155deg,#f4eaf1,#efb9dd);transform:rotate(5deg);box-shadow:-12px 12px 0 rgba(239,79,210,.06)}.brand-artifact--print>strong{margin-top:23px;font-size:25px;line-height:.92;max-width:140px}.brand-artifact--print>span{position:absolute;left:18px;bottom:16px}
.brand-artifact--campaign{right:17%;bottom:6%;width:285px;height:160px;transform:rotate(2deg);background:linear-gradient(125deg,rgba(239,79,210,.20),rgba(134,84,255,.12),rgba(6,8,18,.88))}.brand-artifact--campaign>strong{margin-top:24px;font-size:26px;line-height:.92}.brand-artifact--campaign>span{position:absolute;left:18px;bottom:16px}
.brand-lab.is-detail-open .brand-lab-stage{filter:blur(4px) saturate(.66) brightness(.68);opacity:.48;transform:scale(.985)}
.brand-service-detail{position:absolute;z-index:8;right:5%;top:50%;width:min(365px,34vw);padding:27px 25px 23px;border:1px solid rgba(255,140,224,.34);border-radius:23px;background:linear-gradient(145deg,rgba(31,11,34,.96),rgba(8,9,21,.95));box-shadow:0 35px 110px rgba(17,2,21,.58),0 0 58px rgba(239,79,210,.10),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translate3d(26px,-47%,0) scale(.96);transition:opacity .34s ease,transform .52s cubic-bezier(.22,.75,.22,1)}
.brand-lab.is-detail-open .brand-service-detail{opacity:1;pointer-events:auto;transform:translate3d(0,-50%,0) scale(1)}
.brand-service-close{position:absolute;right:13px;top:12px;width:34px;height:34px;border:1px solid rgba(255,175,234,.18);border-radius:50%;background:rgba(13,6,18,.62);color:#bc91b5;font:500 22px/1 Manrope,sans-serif;transition:border-color .2s ease,color .2s ease,transform .2s ease}.brand-service-close:hover,.brand-service-close:focus-visible{outline:none;color:#fff;border-color:rgba(255,140,224,.42);transform:rotate(5deg)}
.brand-service-kicker{display:flex;align-items:center;gap:9px;padding-right:40px;color:#ff89df;font-size:8px;font-weight:800;letter-spacing:.18em}.brand-service-kicker i{width:20px;height:1px;background:linear-gradient(90deg,#ff82dc,#9d62ff)}.brand-service-kicker small{font:inherit;color:#9c6d91}
.brand-service-detail h3{margin:18px 0 0;color:#fff6fc;font-size:34px;line-height:.98;letter-spacing:-.05em}.brand-service-detail>p{margin:15px 0 0;color:#c2b1bf;font-size:13px;line-height:1.65}
.brand-service-meta{display:grid;gap:12px;margin-top:22px;padding-top:17px;border-top:1px solid rgba(239,79,210,.15)}.brand-service-meta>div{display:grid;grid-template-columns:70px 1fr;gap:14px}.brand-service-meta small{color:#77536f;font-size:7px;font-weight:800;letter-spacing:.15em}.brand-service-meta strong{color:#f5dff0;font-size:11px;line-height:1.45}
.brand-system-note{max-width:1000px;margin:20px auto 0;color:#8e7b8b;font-size:13px;line-height:1.65;text-align:center}

/* 04 / CONTACT */
.brand-contact{min-height:88svh;padding-top:104px;padding-bottom:100px;text-align:center;overflow:hidden}
.brand-contact::before{content:"";position:absolute;left:50%;top:48%;width:68vw;height:50vw;transform:translate(-50%,-50%);z-index:-2;border-radius:50%;background:radial-gradient(circle,rgba(239,79,210,.08),rgba(137,83,255,.03) 42%,transparent 72%);filter:blur(32px)}
.brand-contact-shell{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center}.brand-contact .brand-index{justify-content:center}
.brand-contact h2{margin:30px 0 0;color:#faf6fb;font-size:clamp(54px,5.6vw,88px);line-height:.94;letter-spacing:-.061em}.brand-contact h2 span{color:transparent;background:linear-gradient(92deg,#ffc4ef,#ef4fd2 53%,#9561ff);-webkit-background-clip:text;background-clip:text}
.brand-contact-input{width:min(720px,100%);min-height:70px;margin-top:34px;padding:8px 10px 8px 19px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(239,79,210,.30);border-radius:19px;background:linear-gradient(90deg,rgba(24,8,27,.76),rgba(8,9,21,.62));color:#fcf6fb;box-shadow:0 20px 70px rgba(31,3,35,.20);cursor:pointer;transition:.3s ease;backdrop-filter:blur(10px)}
.brand-contact-input:hover,.brand-contact-input:focus-visible{outline:none;transform:translateY(-2px);border-color:rgba(255,137,224,.52);box-shadow:0 22px 70px rgba(35,5,39,.28),0 0 36px rgba(239,79,210,.07)}
.brand-contact-input>span{text-align:left;font-size:17px;font-weight:750}.brand-contact-input small{display:block;margin-bottom:5px;color:#b87ca8;font-size:9px;letter-spacing:.18em}.brand-contact-input>i{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#ff91e3,#ef4fd2 58%,#9d62ff);color:#180519;font-size:25px;font-style:normal;font-weight:800}
.brand-contact-shell>p{max-width:770px;margin:22px auto 0;color:#baaeba;font-size:17px;line-height:1.66}
.brand-contact-prompts{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:18px}.brand-contact-prompts button{padding:10px 15px;border:1px solid rgba(239,79,210,.17);border-radius:999px;background:rgba(12,7,18,.46);color:#9f899b;font-size:9px;cursor:pointer;transition:.25s ease;backdrop-filter:blur(8px)}.brand-contact-prompts button:hover,.brand-contact-prompts button:focus-visible{outline:none;color:#fff0fa;border-color:rgba(255,132,224,.36);transform:translateY(-2px);background:rgba(75,15,67,.25)}
.brand-contact-ambient{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 88%,transparent)}
.brand-contact-cloud{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(72px);animation:brandCloudDrift 16s ease-in-out infinite alternate}.brand-contact-cloud--a{width:58%;height:38%;left:-8%;top:22%;background:radial-gradient(circle,rgba(239,79,210,.14),rgba(239,79,210,.04) 42%,transparent 72%)}.brand-contact-cloud--b{width:50%;height:36%;right:-7%;bottom:12%;background:radial-gradient(circle,rgba(140,88,255,.13),rgba(239,79,210,.03) 42%,transparent 74%);animation-duration:20s;animation-delay:-7s}
.brand-contact-stars{position:absolute;inset:0}.brand-contact-stars i{position:absolute;left:var(--x);top:var(--y);width:2.5px;height:2.5px;border-radius:50%;background:#fff8fd;box-shadow:0 0 10px rgba(255,205,242,.90),0 0 28px rgba(239,79,210,.28);animation:brandContactStar 5s ease-in-out infinite;animation-delay:var(--d)}
@keyframes brandCloudDrift{from{transform:translate3d(-2%,0,0) scale(.96);opacity:.52}to{transform:translate3d(5%,-2%,0) scale(1.08);opacity:.76}}
@keyframes brandContactStar{0%,100%{opacity:.15;transform:scale(.7)}44%{opacity:.88;transform:scale(1.3)}70%{opacity:.30;transform:scale(.9)}}
.brand-footer{position:relative;z-index:3;display:flex;justify-content:space-between;width:min(1180px,calc(100% - 9vw));margin:-46px auto 0;padding:0 0 28px;color:#70566b;font-size:8px;letter-spacing:.16em}

/* BRAND responsive */
@media (max-width:1100px){
  .brand-hero-shell{grid-template-columns:minmax(0,1fr) minmax(400px,.65fr);gap:42px}.brand-we-composition{width:min(560px,48vw);transform:scale(.90)}
  .brand-challenge-studio{grid-template-columns:minmax(0,1fr) 250px}.brand-challenge-tabs button{padding:14px 13px}.brand-challenge-tabs button b{font-size:14px}
  .brand-lab-core{width:210px;height:168px}.brand-artifact--strategy{left:2%}.brand-artifact--visual{right:3%}.brand-artifact--verbal{left:3%}.brand-artifact--social{right:3%}.brand-artifact--print{left:10%}.brand-artifact--campaign{right:10%}
}
@media (max-width:900px){
  .brand-scene{min-height:auto;padding:108px 0 92px}.brand-scene .page-shell{width:min(100% - 38px,760px)}
  .brand-head-split{grid-template-columns:1fr;gap:24px}.brand-head-split h2{font-size:clamp(40px,8.5vw,58px)}.brand-head-split>p{font-size:17px}
  .brand-hero{min-height:100svh;align-items:flex-start;padding-top:132px}.brand-hero-shell{display:block}.brand-hero h1{font-size:clamp(46px,9.6vw,64px)}.brand-hero-copy>p{font-size:17px}.brand-hero-art{min-height:500px;margin-top:24px}.brand-we-composition{width:560px;max-width:100%;transform:scale(.82)}
  .brand-challenge-studio{grid-template-columns:1fr;min-height:auto}.brand-challenge-canvas{min-height:600px}.brand-challenge-tabs{grid-template-columns:repeat(5,1fr);grid-template-rows:auto;gap:7px}.brand-challenge-tabs button{display:flex;flex-direction:column;gap:6px;min-height:92px;padding:12px 10px}.brand-challenge-tabs button span{font-size:8px}.brand-challenge-tabs button b{font-size:11px}.brand-challenge-tabs button small{display:none}.brand-challenge-tabs button:hover,.brand-challenge-tabs button:focus-visible{transform:translateY(-2px)}
  .brand-lab{min-height:750px}.brand-lab-stage{min-height:750px}.brand-artifact--strategy{width:230px}.brand-artifact--visual{width:220px}.brand-artifact--verbal{width:230px}.brand-artifact--social{width:200px}.brand-artifact--print{left:4%;width:240px}.brand-artifact--campaign{right:4%;width:250px}.brand-service-detail{right:auto;left:50%;top:52%;width:min(520px,calc(100% - 36px));transform:translate3d(-50%,-44%,0) scale(.96)}.brand-lab.is-detail-open .brand-service-detail{transform:translate3d(-50%,-50%,0) scale(1)}
}
@media (max-width:640px){
  .brand-index{font-size:9px;letter-spacing:.16em}.brand-hero{padding-top:120px}.brand-hero h1{margin-top:22px;font-size:clamp(40px,11.8vw,54px);line-height:.95}.brand-hero-copy>p{font-size:16px}.brand-tags{font-size:8px;gap:8px}.brand-signal{min-height:64px}.brand-signal>span,.brand-contact-input>span{font-size:15px}.brand-signal>i,.brand-contact-input>i{width:48px;height:48px;flex-basis:48px}
  .brand-hero-art{min-height:390px;margin-inline:-26px}.brand-we-composition{width:560px;transform:scale(.60);gap:22px}.brand-art-swatches{right:8%;bottom:9%}.brand-art-meta{left:10%;bottom:5%}
  .brand-challenge-canvas{min-height:640px}.brand-board-piece--poster{left:5%;top:8%;width:180px;height:220px}.brand-board-piece--poster strong{font-size:27px}.brand-board-piece--social{right:4%;top:11%;width:155px;height:165px}.brand-board-piece--type{left:42%;top:38%;width:145px}.brand-board-piece--palette{right:8%;top:56%;width:150px}.brand-board-piece--card{left:4%;top:48%;width:190px}.brand-board-piece--wordmark{left:30%;top:72%;width:180px}.brand-challenge-readout{left:3%;right:3%;bottom:2%;padding:18px 16px 82px}.brand-challenge-readout h3{font-size:25px}.brand-challenge-readout p{font-size:12px}.brand-challenge-impact{left:16px;right:auto;bottom:18px;align-items:flex-start}.brand-challenge-tabs{grid-template-columns:1fr 1fr}.brand-challenge-tabs button:last-child{grid-column:1/-1}
  .brand-lab{min-height:auto}.brand-lab-stage{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:190px 12px 14px}.brand-lab-grid{display:none}.brand-lab-core{top:20px;width:180px;height:145px}.brand-lab-core strong{font-size:24px}.brand-artifact,.brand-artifact--strategy,.brand-artifact--visual,.brand-artifact--verbal,.brand-artifact--social,.brand-artifact--print,.brand-artifact--campaign{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;height:auto;min-height:150px;transform:none!important}.brand-artifact--strategy{background:linear-gradient(145deg,#f6eef4,#eccfe3)}.brand-artifact--strategy>strong{font-size:22px}.brand-artifact--visual>strong{font-size:55px}.brand-artifact--social{min-height:200px}.artifact-social-image{height:110px}.brand-artifact--print::before{display:none}.brand-artifact--print>strong,.brand-artifact--campaign>strong{font-size:21px}.brand-lab.is-detail-open .brand-lab-stage{filter:blur(3px) saturate(.7) brightness(.72);opacity:.42}.brand-service-detail{position:absolute;left:50%;top:54%;width:calc(100% - 24px);padding:22px 18px}.brand-service-detail h3{font-size:29px}.brand-service-meta>div{grid-template-columns:58px 1fr}.brand-system-note{font-size:12px}
  .brand-contact h2{font-size:clamp(46px,12vw,62px)}.brand-contact-shell>p{font-size:16px}.brand-contact-prompts{gap:7px}.brand-contact-prompts button{font-size:8px;padding:9px 11px}.brand-footer{display:none}
}
@media (prefers-reduced-motion:reduce){
  .brand-cosmos i,.brand-contact-cloud,.brand-contact-stars i{animation:none!important}.brand-board-piece,.brand-artifact,.brand-lab-stage,.brand-service-detail,.brand-signal,.brand-contact-input{transition:none!important}
}

/* =========================================================
   V0.10.26 — BRAND refinement (previous round)
   - cooler WE-compatible palette
   - hero chaos resolves into WE on hover/tap
   - ordered challenge choreography in 100vh
   - editorial service section for SEO/GEO-readable content
   - contact orbit + shared concierge support
   ========================================================= */

body.we-brand-page{
  --brand-pink:#d84fc4;
  --brand-pink-rgb:216,79,196;
  --brand-hot:#ee7bd7;
  --brand-violet:#7b68ff;
  --brand-cyan:#28c9ff;
  --brand-blue:#358dff;
  --brand-cream:#f5f5f8;
  --brand-soft:#aeb8c8;
  --brand-line:rgba(111,174,255,.18);
  background:
    radial-gradient(ellipse at 5% 24%,rgba(22,163,223,.085),transparent 34%),
    radial-gradient(ellipse at 88% 46%,rgba(124,88,255,.06),transparent 38%),
    radial-gradient(ellipse at 54% 86%,rgba(216,79,196,.035),transparent 34%),
    #03060d;
}
body.we-brand-page ::selection{background:rgba(76,183,255,.28);color:#fff}
.brand-index{color:#e48ad3}
.brand-index::before{background:linear-gradient(90deg,#28c9ff,#d84fc4,transparent);box-shadow:0 0 13px rgba(40,201,255,.24)}
.brand-head-split h2 span{background:linear-gradient(95deg,#f2f8ff 0%,#9bdbff 25%,#d278d1 62%,#826cff 100%);-webkit-background-clip:text;background-clip:text}
.brand-head-split>p{color:#aeb7c5}
.brand-cosmos::after{background:radial-gradient(circle,rgba(36,180,238,.075),rgba(91,67,170,.025) 42%,transparent 70%)}
.brand-cosmos::before{background-image:radial-gradient(circle,rgba(222,244,255,.54) .7px,transparent .9px),radial-gradient(circle,rgba(170,198,255,.26) .7px,transparent .9px)}
.brand-cosmos i{box-shadow:0 0 10px rgba(196,233,255,.75),0 0 28px rgba(69,170,255,.18)}

/* 01 / HERO */
.brand-hero::before{background:radial-gradient(ellipse at 50% 48%,rgba(40,201,255,.09),rgba(123,104,255,.055) 38%,rgba(216,79,196,.03) 54%,transparent 72%)}
.brand-hero h1{max-width:770px;font-size:clamp(48px,4.55vw,73px)}
.brand-hero h1 span{background:linear-gradient(100deg,#e8f8ff 0%,#6fd8ff 25%,#d96bc9 62%,#826cff 100%);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 34px rgba(58,183,255,.075)}
.brand-hero-copy>p{color:#aeb9c8}
.brand-tags{color:#d7e1ed}.brand-tags i{background:linear-gradient(135deg,#28c9ff,#d84fc4);box-shadow:0 0 10px rgba(40,201,255,.45)}
.brand-signal{border-color:rgba(81,176,236,.27);background:linear-gradient(90deg,rgba(6,18,32,.72),rgba(13,9,27,.60));box-shadow:0 20px 60px rgba(0,16,34,.18)}
.brand-signal:hover,.brand-signal:focus-visible{border-color:rgba(105,205,255,.48);box-shadow:0 22px 66px rgba(0,22,48,.24),0 0 34px rgba(85,178,255,.07)}
.brand-signal small{color:#789eb6}.brand-signal>i{background:linear-gradient(135deg,#43d8ff,#4b9cff 47%,#d45ac7 100%);color:#04101a;box-shadow:0 0 28px rgba(40,201,255,.24)}

.brand-hero-art{--brand-light-x:58%;--brand-light-y:44%;position:relative;min-height:590px;display:grid;place-items:center;perspective:1200px;isolation:isolate;outline:none}
.brand-art-light{inset:1% -7%;background:radial-gradient(circle at var(--brand-light-x) var(--brand-light-y),rgba(69,209,255,.16),rgba(122,91,255,.08) 26%,rgba(216,79,196,.035) 43%,transparent 62%);filter:blur(26px);opacity:.68}
.brand-chaos-composition{position:relative;width:min(640px,46vw);height:430px;filter:drop-shadow(0 30px 72px rgba(0,8,24,.30));transform-style:preserve-3d}
.brand-chaos-thread{position:absolute;width:min(640px,46vw);height:430px;overflow:visible;pointer-events:none;opacity:.62;transition:opacity .7s ease,filter .7s ease,transform .9s cubic-bezier(.22,.75,.22,1)}
.brand-chaos-thread path{fill:none;stroke:url(#none);stroke:rgba(88,178,232,.20);stroke-width:1.15;stroke-linecap:round;stroke-dasharray:4 8;filter:drop-shadow(0 0 9px rgba(40,201,255,.08));transition:stroke .6s ease,stroke-dasharray .8s ease}
.brand-hero-art.is-active .brand-chaos-thread{opacity:.15;filter:blur(.5px);transform:scale(.93)}
.brand-hero-art.is-active .brand-chaos-thread path{stroke:rgba(115,174,217,.11);stroke-dasharray:2 12}
.brand-chaos-token{position:absolute;left:50%;top:50%;z-index:3;display:flex;flex-direction:column;justify-content:space-between;padding:13px;border:1px solid rgba(120,186,230,.24);border-radius:16px;background:linear-gradient(145deg,rgba(10,23,39,.91),rgba(12,10,26,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 48px rgba(0,9,26,.28);backdrop-filter:blur(12px);color:#eef8ff;transform:translate(-50%,-50%) translate(var(--cx),var(--cy)) rotate(var(--cr));transition:transform 1.05s cubic-bezier(.18,.82,.22,1),border-color .55s ease,box-shadow .55s ease,background .55s ease,filter .55s ease;transform-origin:50% 50%;overflow:hidden}
.brand-chaos-token::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--brand-light-x) var(--brand-light-y),rgba(255,255,255,.16),transparent 42%);mix-blend-mode:screen;opacity:.55}
.brand-chaos-token small,.brand-chaos-token b,.brand-chaos-token span{position:relative;z-index:2}.brand-chaos-token small{color:#79a9bf;font-size:6px;font-weight:800;letter-spacing:.16em}.brand-chaos-token b{font-size:18px;line-height:.88;letter-spacing:-.055em}.brand-chaos-token>span{color:#7f94a5;font-size:6px;font-weight:750;letter-spacing:.10em}
.brand-chaos-token--print{width:118px;height:178px;--cx:-95px;--cy:-30px;--cr:24deg;background:linear-gradient(150deg,#eff4f7,#cddce7);color:#08111c}.brand-chaos-token--print small,.brand-chaos-token--print>span{color:#526b7c}.brand-chaos-token--print b{font-size:23px}
.brand-chaos-token--voice{width:78px;height:188px;--cx:8px;--cy:-94px;--cr:-19deg}.brand-chaos-token--voice b{font-size:53px;color:#71d9ff}.brand-chaos-token--voice>span{writing-mode:vertical-rl;align-self:flex-end}
.brand-chaos-token--color{width:88px;height:182px;--cx:-12px;--cy:72px;--cr:17deg}.brand-chaos-token--color b{font-size:25px;color:#d783d0}.chaos-swatches{display:flex!important;flex-direction:column;gap:7px}.chaos-swatches i{display:block;width:28px;height:16px;border-radius:5px;background:#e9f7ff}.chaos-swatches i:nth-child(2){background:#37c9ff}.chaos-swatches i:nth-child(3){background:#d45ac7}
.brand-chaos-token--campaign{width:112px;height:178px;--cx:98px;--cy:48px;--cr:-9deg;background:linear-gradient(145deg,rgba(47,131,214,.28),rgba(120,80,255,.14),rgba(12,10,27,.91))}.brand-chaos-token--campaign b{font-size:21px}.brand-chaos-token--campaign>span{color:#c181ca}
.brand-chaos-token--guide{width:60px;height:250px;--cx:2px;--cy:-4px;--cr:73deg;background:linear-gradient(180deg,rgba(36,150,214,.25),rgba(48,23,74,.86))}.brand-chaos-token--guide b{font-size:18px;writing-mode:vertical-rl;transform:rotate(180deg)}.brand-chaos-token--guide>span{writing-mode:vertical-rl;color:#7cb8cf}
.brand-chaos-token--social{width:178px;height:68px;--cx:136px;--cy:-58px;--cr:11deg;flex-direction:row;align-items:center;background:radial-gradient(circle at 76% 28%,rgba(216,79,196,.25),transparent 32%),linear-gradient(145deg,#0a1524,#0d0b1e)}.brand-chaos-token--social b{font-size:16px}.brand-chaos-token--social>span{align-self:flex-end}
.brand-chaos-token--blog{width:150px;height:68px;--cx:-142px;--cy:82px;--cr:-7deg;flex-direction:row;align-items:center}.brand-chaos-token--blog b{font-size:15px}.brand-chaos-token--blog>span{color:#50c9f3}
.brand-chaos-token--poster{width:180px;height:68px;--cx:62px;--cy:108px;--cr:13deg;flex-direction:row;align-items:center;background:linear-gradient(105deg,rgba(64,174,231,.16),rgba(216,79,196,.15),rgba(12,11,27,.90))}.brand-chaos-token--poster b{font-size:15px}.brand-chaos-token--poster>span{align-self:flex-end}
.brand-hero-art.is-active .brand-chaos-token{border-color:rgba(124,203,245,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 52px rgba(0,11,32,.30),0 0 22px rgba(40,201,255,.035);filter:saturate(1.03)}
.brand-hero-art.is-active .brand-chaos-token--print{transform:translate(-50%,-50%) translate(-216px,-4px) rotate(-14deg)}
.brand-hero-art.is-active .brand-chaos-token--voice{transform:translate(-50%,-50%) translate(-150px,18px) rotate(14deg)}
.brand-hero-art.is-active .brand-chaos-token--color{transform:translate(-50%,-50%) translate(-84px,18px) rotate(-14deg)}
.brand-hero-art.is-active .brand-chaos-token--campaign{transform:translate(-50%,-50%) translate(-18px,-4px) rotate(14deg)}
.brand-hero-art.is-active .brand-chaos-token--guide{transform:translate(-50%,-50%) translate(70px,0) rotate(0deg)}
.brand-hero-art.is-active .brand-chaos-token--social{transform:translate(-50%,-50%) translate(170px,-94px) rotate(0deg)}
.brand-hero-art.is-active .brand-chaos-token--blog{transform:translate(-50%,-50%) translate(155px,0) rotate(0deg)}
.brand-hero-art.is-active .brand-chaos-token--poster{transform:translate(-50%,-50%) translate(170px,94px) rotate(0deg)}
.brand-art-meta{left:6%;bottom:7%;color:#7cc9e8}.brand-art-meta small{color:#5b7185}

/* 02 / CHALLENGES — ordered composition rather than scattered cards */
@media (min-width:901px){
  .brand-challenges{min-height:100svh;padding-top:94px;padding-bottom:58px;align-items:center}
  .brand-challenges .brand-head-split{margin-top:22px;align-items:end}
  .brand-challenges .brand-head-split h2{font-size:clamp(38px,3.55vw,54px);line-height:.96}
  .brand-challenges .brand-head-split>p{font-size:16px;line-height:1.62}
  .brand-challenge-studio{min-height:492px;margin-top:30px;grid-template-columns:minmax(0,1fr) 270px;gap:12px}
  .brand-challenge-canvas{min-height:492px;border-color:rgba(76,161,218,.20);background:linear-gradient(150deg,rgba(5,18,31,.74),rgba(9,8,21,.68));box-shadow:0 28px 90px rgba(0,10,28,.20),inset 0 1px 0 rgba(255,255,255,.035)}
  .brand-board-grid{background-image:linear-gradient(rgba(71,163,220,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(71,163,220,.03) 1px,transparent 1px)}
  .brand-board-piece{transition:left .72s cubic-bezier(.22,.75,.22,1),top .72s cubic-bezier(.22,.75,.22,1),transform .72s cubic-bezier(.22,.75,.22,1),opacity .4s ease,filter .4s ease,border-color .4s ease!important;border-color:rgba(104,178,224,.20)}
  .brand-challenge-studio[data-state] .brand-board-piece{opacity:.18;filter:blur(4px) saturate(.55) brightness(.72);transform:scale(.76) rotate(0deg)!important;z-index:1}
  .brand-challenge-readout{left:4%;right:4%;bottom:3%;min-height:128px;padding:17px 220px 15px 18px;border-top-color:rgba(83,162,213,.14);background:linear-gradient(90deg,rgba(3,12,22,.91),rgba(7,9,20,.66),transparent)}
  .brand-challenge-readout h3{font-size:26px}.brand-challenge-readout p{font-size:12px;max-width:610px}.brand-challenge-impact{right:18px;bottom:17px}.brand-challenge-impact strong{color:#9bdcff}
  .brand-challenge-tabs button{border-color:rgba(83,162,213,.16);background:linear-gradient(145deg,rgba(5,18,31,.72),rgba(8,8,20,.64))}.brand-challenge-tabs button:hover,.brand-challenge-tabs button:focus-visible{border-color:rgba(83,184,239,.32)}.brand-challenge-tabs button.is-active{border-color:rgba(196,91,186,.44);background:linear-gradient(145deg,rgba(40,27,65,.48),rgba(6,17,30,.78));box-shadow:0 0 30px rgba(68,170,232,.045),inset 3px 0 0 rgba(205,79,190,.62)}

  /* recognition */
  .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{left:5%;top:5%;opacity:1;filter:none;transform:scale(.72) rotate(-2deg)!important;z-index:4}
  .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{left:37%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.88) rotate(1deg)!important;z-index:4}
  .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{left:70%;top:18%;right:auto;opacity:1;filter:none;transform:scale(1.02) rotate(0deg)!important;z-index:4}
  /* positioning */
  .brand-challenge-studio[data-state="positioning"] .brand-board-piece--wordmark{left:7%;top:20%;opacity:1;filter:none;transform:scale(1.12) rotate(0deg)!important;z-index:4}
  .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{left:38%;top:8%;opacity:1;filter:none;transform:scale(1.03) rotate(0deg)!important;z-index:4}
  .brand-challenge-studio[data-state="positioning"] .brand-board-piece--card{left:67%;top:11%;opacity:1;filter:none;transform:scale(.88) rotate(0deg)!important;z-index:4}
  /* consistency */
  .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{left:5%;top:6%;opacity:1;filter:none;transform:scale(.70) rotate(0deg)!important;z-index:4}
  .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{left:37%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.86) rotate(0deg)!important;z-index:4}
  .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{left:68%;top:13%;opacity:1;filter:none;transform:scale(.86) rotate(0deg)!important;z-index:4}
  /* difference */
  .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{left:6%;top:8%;opacity:1;filter:none;transform:scale(1.02) rotate(-2deg)!important;z-index:4}
  .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{left:39%;top:18%;right:auto;opacity:1;filter:none;transform:scale(1.02) rotate(0deg)!important;z-index:4}
  .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{left:66%;top:4%;opacity:1;filter:none;transform:scale(.70) rotate(3deg)!important;z-index:4}
  /* scale */
  .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{left:6%;top:12%;opacity:1;filter:none;transform:scale(.92) rotate(0deg)!important;z-index:4}
  .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{left:38%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.86) rotate(0deg)!important;z-index:4}
  .brand-challenge-studio[data-state="scale"] .brand-board-piece--wordmark{left:70%;top:20%;opacity:1;filter:none;transform:scale(1.12) rotate(0deg)!important;z-index:4}
}

/* 03 / BRAND SYSTEM — editorial, text-first service architecture */
.brand-system{padding-top:105px;padding-bottom:100px;min-height:100svh}
.brand-system::before{right:-18vw;top:6%;width:48vw;height:48vw;background:radial-gradient(circle,rgba(43,159,228,.07),rgba(118,84,255,.035) 42%,transparent 70%)}
.brand-system-head{margin-bottom:34px}
.brand-service-editorial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(91,170,219,.22);border-bottom:1px solid rgba(91,170,219,.16)}
.brand-service-block{position:relative;min-height:255px;padding:28px 28px 25px;border-right:1px solid rgba(91,170,219,.13);border-bottom:1px solid rgba(91,170,219,.13);overflow:hidden;transition:background .3s ease,transform .3s ease,border-color .3s ease}
.brand-service-block:nth-child(3n){border-right:0}.brand-service-block:nth-child(n+4){border-bottom:0}
.brand-service-block::before{content:"";position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,#28c9ff,#7d68ff,#d84fc4);transition:width .45s cubic-bezier(.22,.75,.22,1)}
.brand-service-block::after{content:"";position:absolute;width:150px;height:150px;right:-70px;top:-78px;border-radius:50%;background:radial-gradient(circle,rgba(49,183,244,.075),transparent 70%);opacity:0;transition:opacity .35s ease}
.brand-service-block:hover{background:linear-gradient(145deg,rgba(9,27,43,.42),rgba(18,10,31,.24));transform:translateY(-3px)}.brand-service-block:hover::before{width:100%}.brand-service-block:hover::after{opacity:1}
.brand-service-no{color:#6495ad;font-size:8px;font-weight:800;letter-spacing:.17em}
.brand-service-block h3{max-width:330px;margin:24px 0 0;color:#f3f8fc;font-size:clamp(23px,2vw,31px);line-height:.98;letter-spacing:-.048em}.brand-service-block h3 span{color:transparent;background:linear-gradient(95deg,#8fddff,#d677cb 66%,#8c71ff);-webkit-background-clip:text;background-clip:text}
.brand-service-block p{max-width:360px;margin:18px 0 0;color:#9faebc;font-size:13px;line-height:1.62}.brand-service-block>small{position:absolute;left:28px;right:28px;bottom:22px;color:#60788a;font-size:7px;font-weight:800;letter-spacing:.12em;line-height:1.5}
.brand-system-note{margin-top:23px;color:#73899b}

/* 04 / CONTACT — orbiting signal behind the question */
.brand-contact{min-height:92svh;background:radial-gradient(ellipse at 50% 48%,rgba(42,156,226,.035),transparent 42%)}
.brand-contact::before{background:radial-gradient(circle,rgba(52,171,237,.065),rgba(121,88,255,.025) 42%,transparent 72%)}
.brand-contact-ambient{mask-image:linear-gradient(180deg,transparent,#000 10%,#000 92%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 10%,#000 92%,transparent)}
.brand-contact-cloud--a{background:radial-gradient(circle,rgba(40,182,240,.10),rgba(40,182,240,.025) 42%,transparent 72%)}.brand-contact-cloud--b{background:radial-gradient(circle,rgba(125,91,255,.09),rgba(216,79,196,.02) 42%,transparent 74%)}
.brand-contact-orbit{position:absolute;left:50%;top:44%;width:min(850px,72vw);height:265px;transform:translate(-50%,-50%) rotate(-7deg);border:1px solid rgba(87,178,230,.15);border-radius:50%;box-shadow:0 0 54px rgba(53,165,226,.025);animation:brandContactOrbit 24s linear infinite}
.brand-contact-orbit::after{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#eafaff;box-shadow:0 0 14px rgba(76,210,255,.92),0 0 34px rgba(77,154,255,.30)}
.brand-contact-orbit span{position:absolute;inset:36px 90px;border:1px solid rgba(144,105,255,.10);border-radius:50%;transform:rotate(13deg)}
.brand-contact-orbit i{position:absolute;left:19%;top:12%;width:4px;height:4px;border-radius:50%;background:#db84d1;box-shadow:0 0 12px rgba(216,79,196,.65)}
.brand-contact h2 span{background:linear-gradient(92deg,#a4e4ff 0%,#50caff 28%,#d16bc5 67%,#846eff 100%);-webkit-background-clip:text;background-clip:text}
.brand-contact-input{border-color:rgba(82,174,232,.27);background:linear-gradient(90deg,rgba(6,20,34,.78),rgba(15,9,28,.62));box-shadow:0 20px 70px rgba(0,13,31,.20)}.brand-contact-input:hover,.brand-contact-input:focus-visible{border-color:rgba(102,203,255,.50);box-shadow:0 22px 70px rgba(0,18,40,.25),0 0 36px rgba(52,173,236,.07)}.brand-contact-input small{color:#769bb2}.brand-contact-input>i{background:linear-gradient(135deg,#50d8ff,#4f9cff 48%,#d35bc7);color:#04111c}
.brand-contact-prompts button{border-color:rgba(89,167,218,.17);background:rgba(5,14,25,.48);color:#869bab}.brand-contact-prompts button:hover,.brand-contact-prompts button:focus-visible,.brand-contact-prompts button.is-selected{color:#eefaff;border-color:rgba(92,193,248,.36);background:rgba(15,47,66,.32)}
@keyframes brandContactOrbit{from{transform:translate(-50%,-50%) rotate(-7deg)}to{transform:translate(-50%,-50%) rotate(353deg)}}

@media (max-width:1100px){
  .brand-chaos-composition,.brand-chaos-thread{width:600px;max-width:48vw;transform:scale(.91)}
  .brand-service-editorial{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-service-block:nth-child(3n){border-right:1px solid rgba(91,170,219,.13)}.brand-service-block:nth-child(2n){border-right:0}.brand-service-block:nth-child(n+4){border-bottom:1px solid rgba(91,170,219,.13)}.brand-service-block:nth-child(n+5){border-bottom:0}
}
@media (max-width:900px){
  .brand-chaos-composition,.brand-chaos-thread{width:620px;max-width:none;transform:scale(.78)}
  .brand-challenges{min-height:auto}.brand-challenge-studio{margin-top:34px}.brand-challenge-canvas{min-height:590px}
  .brand-service-editorial{grid-template-columns:1fr}.brand-service-block{min-height:220px;border-right:0!important;border-bottom:1px solid rgba(91,170,219,.13)!important}.brand-service-block:last-child{border-bottom:0!important}
  .brand-service-block>small{position:static;display:block;margin-top:20px}
  .brand-contact-orbit{width:90vw;height:230px}
}
@media (max-width:640px){
  .brand-hero h1{font-size:clamp(40px,11.2vw,52px)}
  .brand-hero-art{min-height:410px}.brand-chaos-composition,.brand-chaos-thread{transform:scale(.58)}
  .brand-service-block{padding:24px 20px}.brand-service-block p{font-size:13px}.brand-service-block h3{font-size:26px}
  .brand-contact-orbit{width:110vw;height:200px;opacity:.72}
}
@media (prefers-reduced-motion:reduce){
  .brand-contact-orbit{animation:none!important}.brand-chaos-token,.brand-chaos-thread,.brand-board-piece,.brand-service-block{transition:none!important}
}

/* =========================================================
   V0.10.27 — BRAND refinement round 2
   user feedback: less blue, clearer hero WE, tighter section 2,
   new print↔digital bridge section, smaller contact ellipse.
   ======================================================= */

/* Theme metadata sync */
/* Version marker: 0.10.31 */

/* 01 / HERO — calmer pink/neutral palette + clearer WE */
.we-brand-page .brand-hero::before{
  background:radial-gradient(ellipse at 52% 48%,rgba(245,172,222,.09),rgba(178,108,213,.055) 36%,rgba(255,255,255,.03) 54%,transparent 74%);
}
.we-brand-page .brand-hero-shell{grid-template-columns:minmax(0,.92fr) minmax(520px,.86fr);gap:clamp(48px,5.6vw,84px)}
.we-brand-page .brand-hero-copy{max-width:760px}
.we-brand-page .brand-hero h1{
  max-width:760px;
  font-size:clamp(40px,3.7vw,60px);
  line-height:.93;
  letter-spacing:-.06em;
}
.we-brand-page .brand-hero h1 span{
  background:linear-gradient(95deg,#f7f3f7 0%,#cbc3cb 22%,#f38edb 58%,#ab78de 100%);
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:0 0 32px rgba(230,120,206,.08);
}
.we-brand-page .brand-hero-copy>p{color:#b9b1bb;max-width:680px}
.we-brand-page .brand-index{color:#eb97d9}
.we-brand-page .brand-index::before{background:linear-gradient(90deg,rgba(239,126,211,.95),rgba(239,126,211,.18) 74%,transparent);box-shadow:0 0 13px rgba(239,79,210,.22)}
.we-brand-page .brand-tags{color:#ebe5eb}.we-brand-page .brand-tags i{background:var(--brand-pink);box-shadow:0 0 10px rgba(239,79,210,.38)}
.we-brand-page .brand-signal{
  border-color:rgba(225,137,203,.26);
  background:linear-gradient(90deg,rgba(19,10,23,.74),rgba(10,10,21,.62));
  box-shadow:0 20px 60px rgba(23,7,28,.18);
}
.we-brand-page .brand-signal:hover,.we-brand-page .brand-signal:focus-visible{border-color:rgba(239,122,210,.44);box-shadow:0 22px 66px rgba(29,9,34,.22),0 0 34px rgba(239,79,210,.06)}
.we-brand-page .brand-signal small{color:#b18baa}
.we-brand-page .brand-signal>i{background:linear-gradient(135deg,#ffd9f1,#ef7ed3 54%,#9f65ff);color:#19051a;box-shadow:0 0 28px rgba(239,79,210,.22)}

.we-brand-page .brand-hero-art{min-height:660px;justify-items:end;padding-right:14px}
.we-brand-page .brand-art-light{
  inset:0 -8%;
  background:radial-gradient(circle at var(--brand-light-x) var(--brand-light-y),rgba(255,248,252,.14),rgba(239,134,210,.11) 22%,rgba(160,105,214,.06) 39%,transparent 60%);
  filter:blur(28px);
  opacity:.74;
}
.we-brand-page .brand-chaos-composition,
.we-brand-page .brand-chaos-thread{width:min(760px,54vw);height:500px}
.we-brand-page .brand-chaos-thread{opacity:.34}
.we-brand-page .brand-chaos-thread path{stroke:rgba(213,148,205,.12);stroke-width:.95;filter:drop-shadow(0 0 6px rgba(239,79,210,.04))}
.we-brand-page .brand-hero-art.is-active .brand-chaos-thread{opacity:.10;filter:blur(.65px);transform:scale(.95) translateX(2px)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-thread path{stroke:rgba(213,148,205,.08);stroke-dasharray:2 14}
.we-brand-page .brand-chaos-token{
  border-color:rgba(223,164,220,.22);
  background:linear-gradient(145deg,rgba(23,13,28,.92),rgba(10,10,21,.90));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 18px 48px rgba(18,8,24,.28);
  color:#f7f3f7;
}
.we-brand-page .brand-chaos-token small{color:#c6a4bf;line-height:1.2;font-size:8px;letter-spacing:.14em}
.we-brand-page .brand-chaos-token>span{color:#aaa1ab;font-size:7px;letter-spacing:.09em}
.we-brand-page .brand-chaos-token b{letter-spacing:-.05em;word-break:normal}
.we-brand-page .brand-chaos-token--print{width:108px;height:232px;--cx:-92px;--cy:-18px;--cr:19deg;background:linear-gradient(150deg,#f7f1f5,#e0d3de);color:#140d16}
.we-brand-page .brand-chaos-token--print small,.we-brand-page .brand-chaos-token--print>span{color:#6f6171}
.we-brand-page .brand-chaos-token--print b{font-size:18px;line-height:.92;max-width:76px}
.we-brand-page .brand-chaos-token--voice{width:58px;height:170px;--cx:6px;--cy:-92px;--cr:-21deg}
.we-brand-page .brand-chaos-token--voice b{font-size:48px;color:#efe2ef}
.we-brand-page .brand-chaos-token--voice>span{display:none}
.we-brand-page .brand-chaos-token--color{width:58px;height:166px;--cx:-20px;--cy:80px;--cr:15deg}
.we-brand-page .brand-chaos-token--color b{font-size:25px;color:#d77ad0}
.we-brand-page .chaos-swatches i{background:#f4eff4}.we-brand-page .chaos-swatches i:nth-child(2){background:#ef7ed3}.we-brand-page .chaos-swatches i:nth-child(3){background:#9f65ff}
.we-brand-page .brand-chaos-token--campaign{width:106px;height:232px;--cx:72px;--cy:16px;--cr:-12deg;background:linear-gradient(145deg,rgba(239,126,211,.12),rgba(158,101,255,.12),rgba(12,10,23,.91))}
.we-brand-page .brand-chaos-token--campaign b{font-size:21px}
.we-brand-page .brand-chaos-token--campaign>span{color:#c181ca}
.we-brand-page .brand-chaos-token--guide{width:66px;height:272px;--cx:118px;--cy:-6px;--cr:78deg;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(108,62,145,.16),rgba(20,10,25,.88))}
.we-brand-page .brand-chaos-token--guide b{font-size:30px;writing-mode:vertical-rl;transform:rotate(180deg)}
.we-brand-page .brand-chaos-token--guide>span{display:none}
.we-brand-page .brand-chaos-token--social,
.we-brand-page .brand-chaos-token--blog,
.we-brand-page .brand-chaos-token--poster{width:166px;height:66px;justify-content:center;gap:7px;padding-block:12px}
.we-brand-page .brand-chaos-token--social{--cx:188px;--cy:-90px;--cr:-6deg;align-items:flex-start;flex-direction:column;background:radial-gradient(circle at 78% 28%,rgba(239,126,211,.25),transparent 32%),linear-gradient(145deg,#13111e,#0f0c18)}
.we-brand-page .brand-chaos-token--social b{font-size:17px}
.we-brand-page .brand-chaos-token--social>span{display:none}
.we-brand-page .brand-chaos-token--blog{--cx:176px;--cy:10px;--cr:4deg;align-items:flex-start;flex-direction:column}
.we-brand-page .brand-chaos-token--blog b{font-size:17px}
.we-brand-page .brand-chaos-token--blog>span{display:none}
.we-brand-page .brand-chaos-token--poster{--cx:184px;--cy:118px;--cr:-7deg;align-items:flex-start;flex-direction:column;background:linear-gradient(105deg,rgba(255,255,255,.08),rgba(239,126,211,.13),rgba(12,11,27,.90))}
.we-brand-page .brand-chaos-token--poster b{font-size:17px}
.we-brand-page .brand-chaos-token--poster>span{display:none}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token{border-color:rgba(239,149,217,.34);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 22px 52px rgba(21,10,27,.32),0 0 22px rgba(239,79,210,.03);filter:saturate(1.03)}
/* clearer W / E geometry */
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--print{transform:translate(-50%,-50%) translate(-278px,-10px) rotate(-14deg)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--voice{transform:translate(-50%,-50%) translate(-204px,16px) rotate(15deg)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--color{transform:translate(-50%,-50%) translate(-148px,16px) rotate(-15deg)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--campaign{transform:translate(-50%,-50%) translate(-84px,-10px) rotate(14deg)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--guide{transform:translate(-50%,-50%) translate(114px,-2px) rotate(0deg)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--social{transform:translate(-50%,-50%) translate(223px,-114px) rotate(0deg)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--blog{transform:translate(-50%,-50%) translate(223px,-2px) rotate(0deg)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--poster{transform:translate(-50%,-50%) translate(223px,110px) rotate(0deg)}
.we-brand-page .brand-hero-art::before,
.we-brand-page .brand-hero-art::after,
.we-brand-page .brand-chaos-composition::before,
.we-brand-page .brand-chaos-composition::after{content:"";position:absolute;pointer-events:none;transition:opacity .65s ease,transform .9s cubic-bezier(.2,.82,.2,1),box-shadow .65s ease}
.we-brand-page .brand-hero-art::before{
  right:152px;top:114px;width:318px;height:224px;border:1px solid rgba(132,218,255,.13);border-radius:50%;
  transform:rotate(-8deg);opacity:.34;z-index:1;box-shadow:0 0 54px rgba(76,189,255,.03);animation:brandHeroOrbitDrift 26s linear infinite;
}
.we-brand-page .brand-hero-art::after{
  right:194px;top:140px;width:238px;height:168px;border:1px solid rgba(171,110,220,.10);border-radius:50%;
  transform:rotate(11deg);opacity:.22;z-index:1;animation:brandHeroOrbitDriftInner 20s linear infinite reverse;
}
.we-brand-page .brand-chaos-composition::before{
  left:176px;top:96px;width:258px;height:182px;border-radius:50%;
  background:radial-gradient(circle,rgba(132,218,255,.075),rgba(132,218,255,.018) 34%,transparent 72%);
  filter:blur(28px);opacity:.24;z-index:0;
}
.we-brand-page .brand-chaos-composition::after{
  width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle,#ffffff 0%,#ebfbff 46%,rgba(108,209,255,.28) 76%,transparent 78%);
  box-shadow:0 0 16px rgba(132,218,255,.26),0 0 42px rgba(166,107,223,.10);
  z-index:1;opacity:.88;
  offset-path:path('M 236 128 A 152 108 0 1 1 235.9 128');
  offset-distance:0%;offset-rotate:0deg;
  animation:brandHeroOrbitRun 15s linear infinite;
}
.we-brand-page .brand-hero-art.is-active::before{opacity:.46;box-shadow:0 0 68px rgba(76,189,255,.04)}
.we-brand-page .brand-hero-art.is-active::after{opacity:.30}
.we-brand-page .brand-hero-art.is-active .brand-chaos-composition::before{opacity:.32}
.we-brand-page .brand-hero-art.is-active .brand-chaos-composition::after{opacity:1;box-shadow:0 0 22px rgba(132,218,255,.30),0 0 42px rgba(166,107,223,.12)}
@keyframes brandHeroOrbitRun{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes brandHeroOrbitDrift{from{transform:rotate(-8deg)}to{transform:rotate(352deg)}}
@keyframes brandHeroOrbitDriftInner{from{transform:rotate(11deg)}to{transform:rotate(371deg)}}
.we-brand-page .brand-chaos-token--print,.we-brand-page .brand-chaos-token--campaign{z-index:2}
.we-brand-page .brand-chaos-token--voice,.we-brand-page .brand-chaos-token--color,.we-brand-page .brand-chaos-token--guide{z-index:4}
.we-brand-page .brand-chaos-token--social,.we-brand-page .brand-chaos-token--blog,.we-brand-page .brand-chaos-token--poster{z-index:3}
.we-brand-page .brand-art-meta{color:#da8ece}.we-brand-page .brand-art-meta small{color:#88728a}

/* 02 / CHALLENGES — explicit focus areas */
.we-brand-page .brand-challenges::before{background:radial-gradient(circle,rgba(239,126,211,.07),transparent 68%)}
.we-brand-page .brand-challenge-canvas{border-color:rgba(214,135,204,.18);background:linear-gradient(150deg,rgba(17,8,21,.76),rgba(7,9,18,.64));box-shadow:0 28px 90px rgba(20,3,24,.18),inset 0 1px 0 rgba(255,255,255,.03)}
.we-brand-page .brand-board-grid{background-image:linear-gradient(rgba(239,126,211,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px)}
.we-brand-page .brand-board-piece{border-color:rgba(228,174,221,.20);background:rgba(17,8,23,.80);box-shadow:0 18px 46px rgba(19,2,22,.18)}
.we-brand-page .brand-board-piece small{color:#c18cb3}.we-brand-page .brand-board-piece span{color:#baa8b7}
.we-brand-page .brand-board-piece--poster{background:linear-gradient(145deg,#f5edf4,#e9d6e5 52%,#d98ccf)}
.we-brand-page .brand-board-piece--social{background:radial-gradient(circle at 72% 26%,rgba(239,126,211,.26),transparent 30%),linear-gradient(145deg,#17111e,#090912)}
.we-brand-page .brand-board-piece--type strong{color:#ffb0ea}
.we-brand-page .brand-board-piece--palette .c1{background:#f7f0f5}.we-brand-page .brand-board-piece--palette .c2{background:#ef7ed3}.we-brand-page .brand-board-piece--palette .c3{background:#a66bdf}.we-brand-page .brand-board-piece--palette .c4{background:#1a101a}
.we-brand-page .brand-board-piece--card{background:linear-gradient(145deg,rgba(239,126,211,.18),rgba(15,8,24,.92))}
.we-brand-page .brand-board-piece--wordmark{background:rgba(239,126,211,.07)}.we-brand-page .brand-board-piece--wordmark span{color:#ffe5f7}
.we-brand-page .brand-board-piece--insight{left:24%;top:32%;width:194px;height:128px;padding:16px;border-radius:18px;transform:rotate(-4deg);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(239,126,211,.10),rgba(15,9,24,.92))}
.we-brand-page .brand-board-piece--insight strong{display:block;margin-top:18px;font-size:28px;line-height:.9;letter-spacing:-.06em}
.we-brand-page .brand-board-piece--insight span{position:absolute;left:16px;bottom:14px}
.we-brand-page .brand-board-piece--message{right:18%;top:54%;width:170px;height:152px;padding:16px;border-radius:18px;transform:rotate(6deg);background:linear-gradient(145deg,rgba(239,126,211,.14),rgba(99,59,135,.12),rgba(12,9,22,.91))}
.we-brand-page .brand-board-piece--message strong{display:block;margin-top:18px;font-size:25px;line-height:.92;letter-spacing:-.06em}
.we-brand-page .brand-board-piece--message span{position:absolute;left:16px;bottom:14px}
.we-brand-page .brand-challenge-readout{
  min-height:160px;
  padding-right:210px;
  background:linear-gradient(90deg,rgba(13,7,17,.93),rgba(10,9,20,.76),transparent);
  border-top-color:rgba(220,156,215,.14);
}
.we-brand-page .brand-challenge-readout p{max-width:610px}
.we-brand-page .brand-challenge-focus{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px;padding-right:14px}
.we-brand-page .brand-challenge-focus span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border:1px solid rgba(233,171,224,.18);border-radius:999px;background:rgba(255,255,255,.03);color:#e7dce6;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.we-brand-page .brand-challenge-impact strong{color:#f2b8ea}
.we-brand-page .brand-challenge-tabs button{border-color:rgba(215,153,207,.15);background:linear-gradient(145deg,rgba(19,11,24,.72),rgba(9,11,20,.75))}
.we-brand-page .brand-challenge-tabs button:hover,.we-brand-page .brand-challenge-tabs button:focus-visible{border-color:rgba(239,126,211,.26)}
.we-brand-page .brand-challenge-tabs button.is-active{border-color:rgba(211,111,196,.38);background:linear-gradient(145deg,rgba(53,21,55,.42),rgba(10,11,21,.82));box-shadow:0 0 30px rgba(239,79,210,.035),inset 3px 0 0 rgba(216,92,197,.58)}

@media (min-width:901px){
  .we-brand-page .brand-challenges{min-height:100svh;padding-top:90px;padding-bottom:52px}
  .we-brand-page .brand-challenges .brand-head-split h2{font-size:clamp(36px,3.25vw,50px)}
  .we-brand-page .brand-challenge-studio{min-height:520px;grid-template-columns:minmax(0,1fr) 270px}
  .we-brand-page .brand-challenge-canvas{min-height:520px}
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece{opacity:.12;filter:blur(5px) saturate(.45) brightness(.68);transform:scale(.74) rotate(0deg)!important;z-index:1}
  /* recognition */
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{left:4%;top:6%;opacity:1;filter:none;transform:scale(.72) rotate(-2deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{left:35%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.88) rotate(1deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{left:67%;top:16%;right:auto;opacity:1;filter:none;transform:scale(1) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{left:67%;top:52%;opacity:1;filter:none;transform:scale(.92) rotate(0deg)!important;z-index:4}
  /* positioning */
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--insight{left:5%;top:8%;opacity:1;filter:none;transform:scale(.96) rotate(-2deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--message{left:35%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.98) rotate(2deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--wordmark{left:68%;top:12%;opacity:1;filter:none;transform:scale(1.06) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{left:36%;top:54%;opacity:1;filter:none;transform:scale(.90) rotate(0deg)!important;z-index:4}
  /* consistency */
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{left:4%;top:7%;opacity:1;filter:none;transform:scale(.70) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{left:35%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.88) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{left:67%;top:11%;opacity:1;filter:none;transform:scale(.86) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--wordmark{left:67%;top:55%;opacity:1;filter:none;transform:scale(1.08) rotate(0deg)!important;z-index:4}
  /* difference */
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{left:5%;top:9%;opacity:1;filter:none;transform:scale(1) rotate(-2deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{left:35%;top:18%;right:auto;opacity:1;filter:none;transform:scale(1.02) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{left:65%;top:5%;opacity:1;filter:none;transform:scale(.70) rotate(3deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--social{left:36%;top:54%;right:auto;opacity:1;filter:none;transform:scale(.84) rotate(0deg)!important;z-index:4}
  /* scale */
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{left:5%;top:12%;opacity:1;filter:none;transform:scale(.90) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{left:35%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.86) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--message{left:66%;top:11%;right:auto;opacity:1;filter:none;transform:scale(.92) rotate(0deg)!important;z-index:4}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--wordmark{left:67%;top:55%;opacity:1;filter:none;transform:scale(1.08) rotate(0deg)!important;z-index:4}
}

/* 03 / PRINT ↔ DIGITAL bridge */
.we-brand-page .brand-system{padding-top:102px;padding-bottom:96px;min-height:auto}
.we-brand-page .brand-system::before{right:-18vw;top:14%;width:46vw;height:46vw;background:radial-gradient(circle,rgba(239,126,211,.06),rgba(171,110,220,.028) 44%,transparent 70%)}
.we-brand-page .brand-system-head{margin-bottom:30px}
.we-brand-page .brand-system-head h2{font-size:clamp(42px,3.65vw,60px);line-height:.94}
.we-brand-page .brand-bridge{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(330px,.86fr);gap:28px;align-items:center}
.we-brand-page .brand-bridge-visual{
  position:relative;
  min-height:540px;
  border:1px solid rgba(222,168,217,.14);
  border-radius:34px;
  background:linear-gradient(145deg,rgba(15,8,20,.78),rgba(7,9,18,.68));
  box-shadow:0 30px 80px rgba(18,3,22,.18),inset 0 1px 0 rgba(255,255,255,.03);
  overflow:hidden;
}
.we-brand-page .brand-bridge-visual::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(239,126,211,.02) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(155deg,#000 30%,transparent 92%);-webkit-mask-image:linear-gradient(155deg,#000 30%,transparent 92%)}
.we-brand-page .brand-bridge-axis{position:absolute;border:1px solid rgba(219,159,217,.09);border-radius:999px;pointer-events:none}
.we-brand-page .brand-bridge-axis--one{left:10%;top:13%;width:54%;height:68%;transform:rotate(-9deg)}
.we-brand-page .brand-bridge-axis--two{left:34%;top:16%;width:46%;height:60%;transform:rotate(7deg)}
.we-brand-page .brand-bridge-sheet{position:absolute;border:1px solid rgba(231,181,225,.18);box-shadow:0 20px 46px rgba(15,3,19,.24);overflow:hidden}
.we-brand-page .brand-bridge-sheet small{display:block;font-size:8px;font-weight:800;letter-spacing:.18em}
.we-brand-page .brand-bridge-sheet--cover{
  left:6%;top:14%;width:212px;height:300px;padding:22px;border-radius:22px;
  background:linear-gradient(152deg,#f6eff4,#eadbe5 58%,#d58dcf);
  transform:rotate(-5deg);
  color:#190d18;
}
.we-brand-page .brand-bridge-sheet--cover small{color:#8f5f83}
.we-brand-page .brand-bridge-sheet--cover strong{display:block;margin-top:56px;font-size:38px;line-height:.88;letter-spacing:-.07em}
.we-brand-page .brand-bridge-sheet--cover span{position:absolute;left:22px;bottom:18px;color:#77546e;font-size:11px;font-weight:700}
.we-brand-page .brand-bridge-sheet--spread{
  left:26%;top:18%;width:362px;height:260px;padding:24px 22px;border-radius:24px;
  background:linear-gradient(145deg,rgba(250,246,249,.96),rgba(244,236,242,.93));
  transform:rotate(-1.5deg);
  display:grid;grid-template-columns:1.08fr .92fr;gap:16px;color:#20151f;
}
.we-brand-page .editorial-left small,.we-brand-page .editorial-right li{color:#6f6270}
.we-brand-page .editorial-left h3{margin:26px 0 0;font-size:32px;line-height:.92;letter-spacing:-.06em}
.we-brand-page .editorial-left p{margin:18px 0 0;color:#554d55;font-size:14px;line-height:1.55}
.we-brand-page .editorial-right{display:flex;flex-direction:column;justify-content:space-between}
.we-brand-page .spread-icon{width:74px;height:74px;border-radius:20px;background:radial-gradient(circle at 50% 44%,rgba(239,126,211,.18),rgba(166,107,223,.10) 55%,rgba(23,13,28,.02) 70%);border:1px solid rgba(197,128,186,.20);position:relative}
.we-brand-page .spread-icon::before,.we-brand-page .spread-icon::after{content:"";position:absolute;background:#ef7ed3;border-radius:999px}
.we-brand-page .spread-icon::before{left:18px;top:34px;width:38px;height:2px}
.we-brand-page .spread-icon::after{left:36px;top:16px;width:2px;height:38px}
.we-brand-page .editorial-right ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.we-brand-page .editorial-right li{padding-top:8px;border-top:1px solid rgba(65,43,62,.12);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.we-brand-page .brand-bridge-sheet--digital{
  right:5%;top:23%;width:280px;height:236px;padding:14px 14px 16px;border-radius:24px;
  background:linear-gradient(145deg,rgba(20,10,24,.96),rgba(10,11,20,.94));
  transform:rotate(4deg);
  color:#fbf7fb;
}
.we-brand-page .brand-bridge-sheet--digital small{color:#bd90b7;margin-bottom:10px}
.we-brand-page .digital-window{height:100%;border:1px solid rgba(233,181,226,.14);border-radius:18px;background:radial-gradient(circle at 72% 22%,rgba(239,126,211,.15),transparent 26%),linear-gradient(145deg,rgba(32,16,38,.92),rgba(8,9,17,.9));padding:12px}
.we-brand-page .digital-window-bar{display:flex;gap:6px}.we-brand-page .digital-window-bar i{width:9px;height:9px;border-radius:50%;background:#44334a}.we-brand-page .digital-window-bar i:first-child{background:#f6d9ef}.we-brand-page .digital-window-bar i:nth-child(2){background:#ef7ed3}.we-brand-page .digital-window-bar i:nth-child(3){background:#a66bdf}
.we-brand-page .digital-window-hero{margin-top:14px;padding:14px;border-radius:16px;background:rgba(255,255,255,.03)}
.we-brand-page .digital-window-hero strong{display:block;font-size:28px;line-height:.9;letter-spacing:-.06em}.we-brand-page .digital-window-hero span{display:block;margin-top:8px;color:#9d8ca0;font-size:11px}
.we-brand-page .digital-window-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.we-brand-page .digital-card{min-height:54px;padding:12px;border:1px solid rgba(237,179,227,.12);border-radius:14px;background:rgba(255,255,255,.025);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f2e8f1}
.we-brand-page .digital-card--copy{grid-column:1/3}.we-brand-page .digital-card--swatches{display:flex;align-items:center;gap:7px}.we-brand-page .digital-card--swatches i{display:block;width:26px;height:18px;border-radius:6px;background:#f5eef4}.we-brand-page .digital-card--swatches i:nth-child(2){background:#ef7ed3}.we-brand-page .digital-card--swatches i:nth-child(3){background:#a66bdf}
.we-brand-page .brand-bridge-copy{display:grid;gap:14px}
.we-brand-page .brand-bridge-copy article{padding:22px 22px 20px;border:1px solid rgba(224,170,218,.12);border-radius:22px;background:linear-gradient(145deg,rgba(17,9,22,.72),rgba(8,10,19,.55));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.we-brand-page .brand-bridge-copy small{display:block;color:#bd8fb6;font-size:8px;font-weight:800;letter-spacing:.18em}
.we-brand-page .brand-bridge-copy h3{margin:16px 0 0;font-size:28px;line-height:.95;letter-spacing:-.055em;color:#f6f1f6}
.we-brand-page .brand-bridge-copy p{margin:14px 0 0;color:#a8a1ab;font-size:14px;line-height:1.62}
.we-brand-page .brand-system-note{max-width:980px;margin-top:22px;color:#918695}

/* 04 / CONTACT — smaller ellipse */
.we-brand-page .brand-contact{background:radial-gradient(ellipse at 50% 48%,rgba(239,126,211,.028),transparent 42%)}
.we-brand-page .brand-contact::before{background:radial-gradient(circle,rgba(239,126,211,.05),rgba(171,110,220,.02) 42%,transparent 72%)}
.we-brand-page .brand-contact-cloud--a{background:radial-gradient(circle,rgba(239,126,211,.08),rgba(239,126,211,.02) 42%,transparent 72%)}
.we-brand-page .brand-contact-cloud--b{background:radial-gradient(circle,rgba(171,110,220,.07),rgba(239,126,211,.018) 42%,transparent 74%)}
.we-brand-page .brand-contact-orbit{width:min(620px,56vw);height:190px;top:44%;border-color:rgba(214,141,208,.13);box-shadow:0 0 54px rgba(239,79,210,.02)}
.we-brand-page .brand-contact-orbit::after{background:#fff6fd;box-shadow:0 0 14px rgba(239,126,211,.86),0 0 34px rgba(166,107,223,.22)}
.we-brand-page .brand-contact-orbit span{inset:30px 74px;border-color:rgba(171,110,220,.10)}
.we-brand-page .brand-contact-orbit i{background:#ef7ed3;box-shadow:0 0 12px rgba(239,126,211,.55)}
.we-brand-page .brand-contact h2 span{background:linear-gradient(92deg,#f5f1f5 0%,#d3c6d5 26%,#ef7ed3 67%,#a66bdf 100%);-webkit-background-clip:text;background-clip:text}
.we-brand-page .brand-contact-input{border-color:rgba(222,149,213,.24);background:linear-gradient(90deg,rgba(22,11,24,.78),rgba(12,10,21,.62));box-shadow:0 20px 70px rgba(23,8,26,.18)}
.we-brand-page .brand-contact-input:hover,.we-brand-page .brand-contact-input:focus-visible{border-color:rgba(239,126,211,.40);box-shadow:0 22px 70px rgba(28,9,30,.22),0 0 36px rgba(239,126,211,.05)}
.we-brand-page .brand-contact-input small{color:#b18baa}.we-brand-page .brand-contact-input>i{background:linear-gradient(135deg,#ffe1f5,#ef7ed3 54%,#a66bdf);color:#170819}
.we-brand-page .brand-contact-prompts button{border-color:rgba(224,161,217,.15);background:rgba(18,10,22,.48);color:#a99daa}.we-brand-page .brand-contact-prompts button:hover,.we-brand-page .brand-contact-prompts button:focus-visible,.we-brand-page .brand-contact-prompts button.is-selected{color:#fff8fe;border-color:rgba(239,126,211,.32);background:rgba(46,16,45,.24)}

@media (max-width:1100px){
  .we-brand-page .brand-chaos-composition,.we-brand-page .brand-chaos-thread{width:740px;max-width:55vw;transform:scale(.98)}
  .we-brand-page .brand-bridge{grid-template-columns:1fr}
}
@media (max-width:900px){
  .we-brand-page .brand-hero-shell{grid-template-columns:1fr}
  .we-brand-page .brand-hero-art{order:2;min-height:560px;justify-items:center;padding-right:0}
  .we-brand-page .brand-chaos-composition,.we-brand-page .brand-chaos-thread{width:720px;max-width:none;transform:scale(.74)}
  .we-brand-page .brand-challenge-readout{padding-right:18px}
  .we-brand-page .brand-challenge-impact{position:static;margin-top:14px;align-items:flex-start}
  .we-brand-page .brand-bridge-visual{min-height:520px}
  .we-brand-page .brand-bridge-sheet--cover{left:4%;top:16%;transform:rotate(-5deg) scale(.92)}
  .we-brand-page .brand-bridge-sheet--spread{left:22%;top:20%;transform:rotate(-1deg) scale(.94)}
  .we-brand-page .brand-bridge-sheet--digital{right:4%;top:28%;transform:rotate(4deg) scale(.92)}
  .we-brand-page .brand-contact-orbit{width:72vw;height:170px}
}
@media (max-width:640px){
  .we-brand-page .brand-hero h1{font-size:clamp(36px,9.2vw,46px)}
  .we-brand-page .brand-hero-art{min-height:420px}
  .we-brand-page .brand-chaos-composition,.we-brand-page .brand-chaos-thread{transform:scale(.56)}
  .we-brand-page .brand-challenge-readout{min-height:auto}
  .we-brand-page .brand-challenge-focus span{font-size:9px;padding:0 10px}
  .we-brand-page .brand-bridge-visual{min-height:760px;padding:0 0 12px}
  .we-brand-page .brand-bridge-sheet--cover{left:50%;top:5%;transform:translateX(-50%) rotate(-4deg) scale(.94)}
  .we-brand-page .brand-bridge-sheet--spread{left:50%;top:33%;width:calc(100% - 28px);height:auto;min-height:240px;transform:translateX(-50%) rotate(-1deg);grid-template-columns:1fr}
  .we-brand-page .brand-bridge-sheet--digital{left:50%;right:auto;top:67%;width:calc(100% - 48px);height:220px;transform:translateX(-50%) rotate(0deg)}
  .we-brand-page .brand-bridge-axis{display:none}
  .we-brand-page .brand-bridge-copy h3{font-size:24px}
  .we-brand-page .brand-contact-orbit{width:82vw;height:150px;opacity:.72}
}
@media (prefers-reduced-motion:reduce){
  .we-brand-page .brand-bridge-sheet,.we-brand-page .brand-bridge-copy article{transition:none!important}
}


/* Brand hero refinements v0.10.31 */
.we-brand-page .brand-hero-orbits{position:absolute;inset:0;pointer-events:none;z-index:1}
.we-brand-page .brand-hero-moon{position:absolute;left:58%;top:27%;width:16px;height:16px;border-radius:50%;background:radial-gradient(circle,#ffffff 0%,#edf9ff 44%,rgba(145,214,255,.35) 74%,transparent 76%);box-shadow:0 0 16px rgba(136,215,255,.24),0 0 34px rgba(136,215,255,.08);opacity:.96}
.we-brand-page .brand-hero-orbit{position:absolute;left:55%;top:50%;border:1px solid rgba(156,198,219,.12);border-radius:50%;transform:translate(-50%,-50%);opacity:.46;box-shadow:0 0 48px rgba(75,183,255,.03)}
.we-brand-page .brand-hero-orbit--outer{width:510px;height:210px;border-color:rgba(239,126,211,.11);transform:translate(-50%,-50%) rotate(-6deg)}
.we-brand-page .brand-hero-orbit--inner{width:430px;height:172px;border-color:rgba(216,225,232,.12);transform:translate(-50%,-50%) rotate(8deg)}
.we-brand-page .brand-hero-orbit .orbit-dot{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%);offset-distance:0%;offset-rotate:0deg}
.we-brand-page .brand-hero-orbit--outer .orbit-dot{background:radial-gradient(circle,#ffd8f4 0%,#ef7ed3 62%,rgba(239,126,211,.2) 76%,transparent 78%);box-shadow:0 0 16px rgba(239,126,211,.25);offset-path:path('M 255 105 A 233 86 0 1 1 254.9 105');animation:brandOuterOrbitDot 14s linear infinite}
.we-brand-page .brand-hero-orbit--inner .orbit-dot{background:radial-gradient(circle,#ffffff 0%,#edf1f4 58%,rgba(255,255,255,.18) 76%,transparent 78%);box-shadow:0 0 14px rgba(255,255,255,.16);offset-path:path('M 215 86 A 194 66 0 1 1 214.9 86');animation:brandInnerOrbitDot 11s linear infinite reverse}
.we-brand-page .brand-hero-art.is-active .brand-hero-orbit--outer{opacity:.58}
.we-brand-page .brand-hero-art.is-active .brand-hero-orbit--inner{opacity:.52}
.we-brand-page .brand-hero-art.is-active .brand-hero-moon{box-shadow:0 0 20px rgba(136,215,255,.28),0 0 42px rgba(136,215,255,.10)}
@keyframes brandOuterOrbitDot{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes brandInnerOrbitDot{from{offset-distance:0%}to{offset-distance:100%}}

/* disable previous orbit pseudo-elements in brand hero */
.we-brand-page .brand-hero-art::before,
.we-brand-page .brand-hero-art::after,
.we-brand-page .brand-chaos-composition::before,
.we-brand-page .brand-chaos-composition::after{display:none}

/* W slightly larger in the ordered state so W and E feel equal */
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--print{transform:translate(-50%,-50%) translate(-286px,-10px) rotate(-14deg) scale(1.1)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--voice{transform:translate(-50%,-50%) translate(-208px,18px) rotate(15deg) scale(1.1)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--color{transform:translate(-50%,-50%) translate(-148px,18px) rotate(-15deg) scale(1.1)}
.we-brand-page .brand-hero-art.is-active .brand-chaos-token--campaign{transform:translate(-50%,-50%) translate(-78px,-10px) rotate(14deg) scale(1.1)}


/* Brand refinements v0.10.32 */
.we-brand-page .brand-hero-orbit{border-width:1.25px;opacity:.74;box-shadow:0 0 42px rgba(239,126,211,.05), inset 0 0 18px rgba(255,255,255,.015)}
.we-brand-page .brand-hero-orbit--outer{border-color:rgba(239,126,211,.22)}
.we-brand-page .brand-hero-orbit--inner{border-color:rgba(228,230,236,.22)}
.we-brand-page .brand-hero-art.is-active .brand-hero-orbit--outer{opacity:.8}
.we-brand-page .brand-hero-art.is-active .brand-hero-orbit--inner{opacity:.72}
.we-brand-page .brand-hero-orbit .orbit-dot{width:12px;height:12px}

.we-brand-page .brand-challenges .brand-head-split h2 span{background:none;-webkit-background-clip:initial;background-clip:initial;color:#ef7ed3}
.we-brand-page .brand-challenge-readout{left:0;right:0;bottom:0;min-height:156px;padding:20px 28px 20px 28px;border-top:1px solid rgba(233,171,224,.12);background:linear-gradient(90deg,rgba(13,7,17,.96),rgba(11,8,19,.88) 58%,rgba(10,9,20,.72) 100%);border-bottom-left-radius:28px;border-bottom-right-radius:28px}
.we-brand-page .brand-challenge-readout p{max-width:760px}
.we-brand-page .brand-challenge-focus{padding-right:180px}
.we-brand-page .brand-challenge-impact{right:28px;bottom:22px}

.we-brand-page .brand-board-piece--social span{left:18px;right:18px;bottom:14px}
.we-brand-page .brand-board-piece--wordmark span{font-size:10px}
.we-brand-page .brand-board-piece--channels{left:52%;top:34%;width:178px;height:158px;padding:16px;border-radius:18px;transform:rotate(-3deg);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(239,126,211,.10),rgba(11,9,22,.92))}
.we-brand-page .brand-board-piece--channels strong{display:block;margin-top:18px;font-size:25px;line-height:.92;letter-spacing:-.06em}
.we-brand-page .brand-board-piece--channels span{position:absolute;left:16px;bottom:14px;right:16px}

.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{left:4%;top:6%;opacity:1;filter:none;transform:scale(.70) rotate(-2deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{left:33%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.86) rotate(1deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{left:61%;top:10%;right:auto;opacity:1;filter:none;transform:scale(.98) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{left:61%;top:38%;opacity:1;filter:none;transform:scale(.88) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--message{left:79%;top:11%;right:auto;opacity:1;filter:none;transform:scale(.84) rotate(3deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--channels{left:79%;top:40%;opacity:1;filter:none;transform:scale(.84) rotate(-2deg)!important;z-index:4}

.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--insight{left:5%;top:9%;opacity:1;filter:none;transform:scale(.92) rotate(-2deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--message{left:31%;top:9%;right:auto;opacity:1;filter:none;transform:scale(.94) rotate(2deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--wordmark{left:58%;top:11%;opacity:1;filter:none;transform:scale(1.02) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--channels{left:78%;top:11%;opacity:1;filter:none;transform:scale(.82) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{left:34%;top:40%;opacity:1;filter:none;transform:scale(.84) rotate(0deg)!important;z-index:4}

.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{left:5%;top:7%;opacity:1;filter:none;transform:scale(.68) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{left:30%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.84) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--channels{left:55%;top:9%;opacity:1;filter:none;transform:scale(.82) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{left:79%;top:10%;opacity:1;filter:none;transform:scale(.80) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--wordmark{left:56%;top:41%;opacity:1;filter:none;transform:scale(1.02) rotate(0deg)!important;z-index:4}

.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{left:6%;top:9%;opacity:1;filter:none;transform:scale(.96) rotate(-2deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{left:30%;top:17%;right:auto;opacity:1;filter:none;transform:scale(.98) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{left:54%;top:5%;opacity:1;filter:none;transform:scale(.68) rotate(3deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--social{left:79%;top:9%;right:auto;opacity:1;filter:none;transform:scale(.80) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--message{left:35%;top:41%;opacity:1;filter:none;transform:scale(.86) rotate(0deg)!important;z-index:4}

.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{left:5%;top:11%;opacity:1;filter:none;transform:scale(.86) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{left:29%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.82) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--message{left:53%;top:10%;right:auto;opacity:1;filter:none;transform:scale(.88) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--channels{left:79%;top:10%;opacity:1;filter:none;transform:scale(.82) rotate(0deg)!important;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--wordmark{left:56%;top:41%;opacity:1;filter:none;transform:scale(1.04) rotate(0deg)!important;z-index:4}

@media (max-width: 1180px){
  .we-brand-page .brand-challenge-readout{padding:18px 20px 18px 20px}
  .we-brand-page .brand-challenge-focus{padding-right:0}
}
@media (max-width: 980px){
  .we-brand-page .brand-challenge-readout{border-bottom-left-radius:24px;border-bottom-right-radius:24px}
  .we-brand-page .brand-challenge-impact{position:static;margin-top:14px;align-items:flex-start}
}


/* Brand refinements v0.10.33 */
.we-brand-page .brand-hero-orbit .orbit-dot{animation:none!important;offset-path:none!important;offset-distance:0!important;left:50%;top:50%;transform:translate(-50%,-50%);will-change:left,top}
.we-brand-page .brand-hero-orbit .orbit-dot::after{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 72%);z-index:-1}
.we-brand-page .brand-hero-orbit--outer .orbit-dot{box-shadow:0 0 16px rgba(239,126,211,.28),0 0 0 5px rgba(239,126,211,.08)}
.we-brand-page .brand-hero-orbit--inner .orbit-dot{box-shadow:0 0 14px rgba(255,255,255,.20),0 0 0 5px rgba(255,255,255,.05)}

.we-brand-page .brand-challenges .brand-head-split h2 span{color:transparent;background:linear-gradient(95deg,#f8eff8 0%,#dbcfdd 28%,#efb6df 53%,#ef7ed3 76%,#9d62ff 100%);-webkit-background-clip:text;background-clip:text}

.we-brand-page .brand-challenge-canvas{--board-top-zone:66%}
.we-brand-page .brand-challenge-studio.is-settling .brand-board-piece{transition-duration:.95s}
.we-brand-page .brand-board-piece{z-index:2}
.we-brand-page .brand-board-piece--keyword{width:144px;height:42px;padding:0 14px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(239,126,211,.09),rgba(10,9,20,.9));border-color:rgba(239,126,211,.22);box-shadow:0 18px 34px rgba(19,2,22,.12);overflow:visible}
.we-brand-page .brand-board-piece--keyword strong{font-size:11px;line-height:1;letter-spacing:-.02em;color:#fff7fc;white-space:nowrap}
.we-brand-page .brand-board-piece--keyword::before{content:"";position:absolute;inset:-8px;z-index:-1;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(239,126,211,.18),transparent 70%);opacity:.45}
.we-brand-page .brand-challenge-readout{z-index:8}
.we-brand-page .brand-board-piece--poster strong{font-size:32px}
.we-brand-page .brand-board-piece--social b,.we-brand-page .brand-board-piece--message strong,.we-brand-page .brand-board-piece--channels strong{font-size:21px}
.we-brand-page .brand-board-piece--type strong{font-size:54px}
.we-brand-page .brand-board-piece small{font-size:7.5px}
.we-brand-page .brand-board-piece span{font-size:9.5px}

.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{left:4%;top:7%;transform:scale(.68) rotate(-2deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{left:31%;top:10%;right:auto;transform:scale(.83) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{left:57%;top:10%;right:auto;transform:scale(.96) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--message{left:76%;top:12%;right:auto;transform:scale(.82) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{left:58%;top:38%;transform:scale(.84) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--channels{left:77%;top:39%;transform:scale(.80) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--keyword-a{left:5%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--keyword-b{left:24%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--keyword-c{left:43%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--keyword-d{left:62%;top:58%;transform:scale(1)!important}

.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--insight{left:5%;top:10%;opacity:1;filter:none;transform:scale(.90) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--message{left:33%;top:12%;opacity:1;filter:none;transform:scale(.90) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--wordmark{left:58%;top:13%;opacity:1;filter:none;transform:scale(1.02) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--channels{left:77%;top:13%;opacity:1;filter:none;transform:scale(.78) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--social{left:5%;top:39%;right:auto;opacity:1;filter:none;transform:scale(.78) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{left:31%;top:40%;opacity:1;filter:none;transform:scale(.80) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--keyword-a{left:50%;top:56%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--keyword-b{left:66%;top:56%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--keyword-c{left:50%;top:64%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--keyword-d{left:66%;top:64%;transform:scale(1)!important}

.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{left:5%;top:8%;opacity:1;filter:none;transform:scale(.66) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{left:28%;top:8%;right:auto;opacity:1;filter:none;transform:scale(.81) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--channels{left:54%;top:10%;opacity:1;filter:none;transform:scale(.80) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{left:77%;top:11%;opacity:1;filter:none;transform:scale(.77) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--wordmark{left:31%;top:40%;opacity:1;filter:none;transform:scale(1.01) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--keyword-a{left:52%;top:57%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--keyword-b{left:68%;top:57%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--keyword-c{left:52%;top:65%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--keyword-d{left:68%;top:65%;transform:scale(1)!important}

.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{left:5%;top:10%;opacity:1;filter:none;transform:scale(.95) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{left:27%;top:12%;right:auto;opacity:1;filter:none;transform:scale(.98) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{left:49%;top:7%;opacity:1;filter:none;transform:scale(.67) rotate(2deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--social{left:76%;top:9%;right:auto;opacity:1;filter:none;transform:scale(.78) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--message{left:6%;top:40%;opacity:1;filter:none;transform:scale(.84) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--channels{left:30%;top:40%;opacity:1;filter:none;transform:scale(.78) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--keyword-a{left:57%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--keyword-b{left:73%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--keyword-c{left:57%;top:66%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--keyword-d{left:73%;top:66%;transform:scale(1)!important}

.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{left:5%;top:12%;opacity:1;filter:none;transform:scale(.84) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{left:30%;top:9%;right:auto;opacity:1;filter:none;transform:scale(.79) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--message{left:55%;top:11%;right:auto;opacity:1;filter:none;transform:scale(.84) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--channels{left:79%;top:11%;opacity:1;filter:none;transform:scale(.76) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--wordmark{left:31%;top:40%;opacity:1;filter:none;transform:scale(1.00) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--type{left:56%;top:40%;opacity:1;filter:none;transform:scale(.82) rotate(0)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--keyword-a{left:5%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--keyword-b{left:23%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--keyword-c{left:41%;top:58%;transform:scale(1)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--keyword-d{left:59%;top:58%;transform:scale(1)!important}

.we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--keyword{opacity:1;filter:none;z-index:4}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--insight,
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--card,
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--wordmark{opacity:.14;filter:blur(4px) saturate(.5);pointer-events:none}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--poster,
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--palette,
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--card{opacity:.14;filter:blur(4px) saturate(.5);pointer-events:none}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--palette,
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--type,
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--insight,
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--message{opacity:.14;filter:blur(4px) saturate(.5);pointer-events:none}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--insight,
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--card,
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--wordmark{opacity:.14;filter:blur(4px) saturate(.5);pointer-events:none}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--poster,
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--palette,
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--insight{opacity:.14;filter:blur(4px) saturate(.5);pointer-events:none}

@media (max-width: 1280px){
  .we-brand-page .brand-board-piece--keyword{width:132px}
  .we-brand-page .brand-board-piece--keyword strong{font-size:10px}
}
@media (max-width: 1180px){
  .we-brand-page .brand-board-piece--keyword{display:none}
}


/* Brand refinements v0.10.34 */
.we-brand-page .brand-board-piece--keyword,
.we-brand-page .brand-board-piece--wordmark{display:none!important}
.we-brand-page .brand-challenge-canvas{--top-zone:63%;min-height:620px}
.we-brand-page .brand-challenge-readout{inset:auto 0 0 0;min-height:37%;padding:18px 24px 18px;border-top:1px solid rgba(214,135,204,.14);background:linear-gradient(180deg,rgba(9,10,19,.18),rgba(8,8,18,.74) 16%,rgba(8,8,18,.92) 100%)}
.we-brand-page .brand-challenge-readout::before{left:0;right:0;top:auto;bottom:0;background:linear-gradient(180deg,rgba(239,126,211,.03),transparent 65%);height:100%}
.we-brand-page .brand-challenge-readout h3{max-width:70%}
.we-brand-page .brand-challenge-studio[data-state] .brand-board-piece{opacity:1!important;filter:none!important;pointer-events:auto!important;z-index:4;transition:left .72s cubic-bezier(.2,.7,.2,1), top .72s cubic-bezier(.2,.7,.2,1), transform .72s cubic-bezier(.2,.7,.2,1), opacity .35s ease, box-shadow .28s ease;will-change:transform,left,top}
.we-brand-page .brand-board-piece{box-shadow:0 16px 34px rgba(18,4,24,.18);backdrop-filter:blur(9px)}
.we-brand-page .brand-board-piece:hover{animation:brandBoardWobble .42s ease;box-shadow:0 22px 44px rgba(26,6,30,.24);transform-origin:50% 50%}
@keyframes brandBoardWobble{0%{transform:translate3d(0,0,0) rotate(0deg)}25%{transform:translate3d(-1px,-2px,0) rotate(-1.2deg)}50%{transform:translate3d(2px,1px,0) rotate(1deg)}75%{transform:translate3d(-1px,1px,0) rotate(-.8deg)}100%{transform:translate3d(0,0,0) rotate(0deg)}}
@media (prefers-reduced-motion: reduce){.we-brand-page .brand-board-piece:hover{animation:none}}

.we-brand-page .brand-board-piece--poster{width:176px;height:184px;padding:18px;left:4%;top:7%;transform:rotate(-2deg)!important}
.we-brand-page .brand-board-piece--poster strong{margin-top:28px;font-size:30px;line-height:.9}
.we-brand-page .brand-board-piece--social{width:168px;height:150px;padding:16px;left:24%;top:10%;right:auto;transform:rotate(0deg)!important}
.we-brand-page .brand-board-piece--social b{font-size:18px;line-height:.92}
.we-brand-page .brand-board-piece--type{width:140px;height:108px;padding:16px;left:57%;top:35%;transform:rotate(0deg)!important}
.we-brand-page .brand-board-piece--type strong{font-size:52px;line-height:.86}
.we-brand-page .brand-board-piece--palette{width:148px;height:70px;padding:14px 14px 10px;left:56%;top:10%;right:auto;transform:rotate(0deg)!important}
.we-brand-page .brand-board-piece--palette small{display:block;margin-bottom:12px}
.we-brand-page .brand-board-piece--palette span{width:28px;height:28px}
.we-brand-page .brand-board-piece--card{width:164px;height:124px;padding:16px;left:4%;top:35%;transform:rotate(0deg)!important}
.we-brand-page .brand-board-piece--card strong{display:block;margin-top:18px;font-size:25px;line-height:.9;letter-spacing:-.05em}
.we-brand-page .brand-board-piece--insight{width:186px;height:120px;padding:16px;left:24%;top:34%;transform:rotate(0deg)!important}
.we-brand-page .brand-board-piece--insight strong{margin-top:15px;font-size:24px;line-height:.92}
.we-brand-page .brand-board-piece--message{width:162px;height:118px;padding:16px;left:74%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-board-piece--message strong{font-size:22px;line-height:.9}
.we-brand-page .brand-board-piece--channels{width:162px;height:124px;padding:16px;left:74%;top:33%;transform:rotate(0deg)!important}
.we-brand-page .brand-board-piece--channels strong{font-size:18px;line-height:.95}
.we-brand-page .brand-board-piece small{font-size:7px;letter-spacing:.18em}
.we-brand-page .brand-board-piece span{font-size:9px;line-height:1.25}
.we-brand-page .brand-board-piece--social span,.we-brand-page .brand-board-piece--card span,.we-brand-page .brand-board-piece--insight span,.we-brand-page .brand-board-piece--message span,.we-brand-page .brand-board-piece--channels span,.we-brand-page .brand-board-piece--type span{position:absolute;left:16px;bottom:14px;right:16px}

/* Recognition */
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{left:5%;top:9%;transform:rotate(-2deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{left:27%;top:8%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{left:57%;top:8%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--message{left:75%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--card{left:5%;top:38%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--insight{left:27%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{left:57%;top:35%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--channels{left:75%;top:35%;transform:rotate(0deg)!important}

/* Positioning */
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--poster{left:5%;top:11%;transform:rotate(-1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--social{left:58%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--palette{left:77%;top:11%;transform:scale(.92) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--message{left:26%;top:11%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--card{left:58%;top:35%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--insight{left:5%;top:38%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{left:26%;top:39%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--channels{left:77%;top:35%;transform:scale(.95) rotate(0deg)!important}

/* Consistency */
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{left:5%;top:8%;transform:rotate(-1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{left:27%;top:8%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--palette{left:76%;top:9%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--message{left:56%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{left:76%;top:36%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--insight{left:5%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--type{left:27%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--channels{left:56%;top:10%;transform:rotate(0deg)!important}

/* Difference */
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{left:56%;top:8%;transform:rotate(2deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--social{left:77%;top:12%;transform:scale(.95) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{left:5%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--message{left:25%;top:8%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--card{left:56%;top:38%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--insight{left:5%;top:35%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{left:25%;top:38%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--channels{left:77%;top:37%;transform:scale(.95) rotate(0deg)!important}

/* Scale */
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--poster{left:56%;top:9%;transform:rotate(-1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{left:27%;top:8%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--palette{left:77%;top:10%;transform:scale(.92) rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--message{left:5%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{left:5%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--insight{left:27%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--type{left:56%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--channels{left:77%;top:36%;transform:scale(.95) rotate(0deg)!important}

@media (max-width: 1360px){
  .we-brand-page .brand-board-piece--poster{width:166px;height:176px}
  .we-brand-page .brand-board-piece--social,.we-brand-page .brand-board-piece--insight,.we-brand-page .brand-board-piece--message,.we-brand-page .brand-board-piece--channels,.we-brand-page .brand-board-piece--card{width:154px}
  .we-brand-page .brand-board-piece--type{width:132px}
  .we-brand-page .brand-board-piece--palette{width:136px}
}
@media (max-width: 1180px){
  .we-brand-page .brand-challenge-canvas{min-height:700px}
  .we-brand-page .brand-challenge-readout h3{max-width:100%}
}


/* Brand refinements v0.10.35 */
.we-brand-page .brand-challenge-canvas{--top-zone:60%;min-height:596px}
.we-brand-page .brand-challenge-readout{min-height:40%;padding:18px 22px 20px}
.we-brand-page .brand-challenge-readout h3{max-width:72%;font-size:22px}
.we-brand-page .brand-challenge-readout p{max-width:78%;font-size:13px}
.we-brand-page .brand-board-piece{border-radius:18px;box-shadow:0 12px 26px rgba(17,4,21,.16)}
.we-brand-page .brand-board-piece small{font-size:6.5px;letter-spacing:.2em;line-height:1.2}
.we-brand-page .brand-board-piece span{display:none}
.we-brand-page .brand-board-piece strong,
.we-brand-page .brand-board-piece b{display:block;margin-top:14px;font-size:14px;line-height:.95;letter-spacing:-.04em}
.we-brand-page .brand-board-piece--poster{width:150px;height:162px;padding:16px}
.we-brand-page .brand-board-piece--poster strong{margin-top:24px;font-size:22px}
.we-brand-page .brand-board-piece--poster i{width:118px;height:118px;right:-44px;bottom:-34px}
.we-brand-page .brand-board-piece--social{width:136px;height:104px;padding:14px}
.we-brand-page .brand-board-piece--social strong{font-size:13px}
.we-brand-page .brand-board-piece--type{width:96px;height:88px;padding:14px}
.we-brand-page .brand-board-piece--type strong{font-size:32px;line-height:.86;margin-top:10px}
.we-brand-page .brand-board-piece--palette{width:128px;height:58px;padding:12px 12px 10px}
.we-brand-page .brand-board-piece--palette small{margin-bottom:10px}
.we-brand-page .brand-board-piece--palette span{display:inline-flex;width:22px;height:22px}
.we-brand-page .brand-board-piece--card{width:128px;height:102px;padding:14px}
.we-brand-page .brand-board-piece--card strong{font-size:18px;margin-top:16px}
.we-brand-page .brand-board-piece--insight{width:150px;height:96px;padding:14px}
.we-brand-page .brand-board-piece--insight strong{font-size:17px;margin-top:16px}
.we-brand-page .brand-board-piece--message{width:134px;height:98px;padding:14px}
.we-brand-page .brand-board-piece--message strong{font-size:16px;margin-top:14px}
.we-brand-page .brand-board-piece--channels{width:134px;height:98px;padding:14px}
.we-brand-page .brand-board-piece--channels strong{font-size:16px;margin-top:14px}

.we-brand-page .brand-challenge-studio[data-state] .brand-board-piece{opacity:1!important;filter:none!important;pointer-events:auto!important}

/* tighter, puzzle-like cluster */
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{left:5%;top:9%;transform:rotate(-2deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{left:23%;top:9%;transform:rotate(1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{left:41%;top:11%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--message{left:60%;top:8%;transform:rotate(-1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--card{left:6%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--insight{left:22%;top:36%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{left:43%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--channels{left:58%;top:35%;transform:rotate(0deg)!important}

.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--poster{left:18%;top:8%;transform:rotate(-2deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--social{left:38%;top:11%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--palette{left:58%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--message{left:5%;top:11%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--card{left:60%;top:35%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--insight{left:18%;top:36%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{left:39%;top:39%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--channels{left:5%;top:37%;transform:rotate(0deg)!important}

.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{left:6%;top:10%;transform:rotate(-1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{left:24%;top:9%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--palette{left:56%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--message{left:40%;top:36%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{left:59%;top:35%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--insight{left:6%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--type{left:25%;top:38%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--channels{left:39%;top:12%;transform:rotate(0deg)!important}

.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{left:39%;top:8%;transform:rotate(2deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--social{left:59%;top:11%;transform:rotate(-1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{left:6%;top:11%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--message{left:22%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--card{left:57%;top:36%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--insight{left:6%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{left:24%;top:39%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--channels{left:39%;top:37%;transform:rotate(0deg)!important}

.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--poster{left:40%;top:8%;transform:rotate(-1deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{left:22%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--palette{left:59%;top:10%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--message{left:6%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{left:6%;top:11%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--insight{left:22%;top:37%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--type{left:40%;top:39%;transform:rotate(0deg)!important}
.we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--channels{left:58%;top:36%;transform:rotate(0deg)!important}

@media (max-width: 1360px){
  .we-brand-page .brand-board-piece--poster{width:142px;height:154px}
  .we-brand-page .brand-board-piece--social,.we-brand-page .brand-board-piece--insight,.we-brand-page .brand-board-piece--message,.we-brand-page .brand-board-piece--channels,.we-brand-page .brand-board-piece--card{width:124px}
  .we-brand-page .brand-board-piece--palette{width:118px}
  .we-brand-page .brand-board-piece--type{width:90px}
}


/* Brand refinements v0.10.36 */
.we-brand-page .brand-challenge-readout{
  min-height:31%;
  padding:16px 22px 50px;
}
.we-brand-page .brand-challenge-readout h3{
  max-width:84%;
  margin-top:10px;
}
.we-brand-page .brand-challenge-readout p{
  max-width:74%;
  margin-top:10px;
  line-height:1.5;
}
.we-brand-page .brand-challenge-focus{
  position:absolute;
  left:22px;
  right:190px;
  bottom:15px;
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  align-items:center;
}
.we-brand-page .brand-challenge-focus span{
  white-space:nowrap;
  padding:7px 12px 8px;
  font-size:10px;
}
.we-brand-page .brand-challenge-impact{
  right:22px;
  bottom:16px;
}
.we-brand-page .brand-challenge-impact small{margin-bottom:2px}

/* recognition layout: clearer card logic with tighter lower readout */
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{
  left:5%;
  top:9%;
  transform:rotate(0deg)!important;
}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{
  left:24%;
  top:9%;
  transform:rotate(0deg)!important;
}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--channels{
  left:43%;
  top:9%;
  transform:rotate(0deg)!important;
}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--message{
  left:60.5%;
  top:9%;
  transform:rotate(0deg)!important;
}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--card{
  left:5%;
  top:37%;
  transform:rotate(0deg)!important;
}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--insight{
  left:24%;
  top:37%;
  transform:rotate(0deg)!important;
}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{
  left:43%;
  top:37%;
  transform:rotate(0deg)!important;
}
.we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{
  left:60.5%;
  top:39%;
  transform:rotate(0deg)!important;
}

@media (max-width: 1200px){
  .we-brand-page .brand-challenge-focus{
    position:static;
    margin-top:14px;
    flex-wrap:wrap;
  }
  .we-brand-page .brand-challenge-impact{
    position:static;
    margin-top:12px;
    align-items:flex-start;
  }
  .we-brand-page .brand-challenge-readout{
    padding-bottom:18px;
  }
}


/* Brand refinements v0.10.37 */
@media (min-width: 901px){
  .we-brand-page .brand-challenges .brand-challenge-studio{
    margin-top: 68px;
  }

  .we-brand-page .brand-challenge-readout{
    min-height: 27%;
    padding: 14px 22px 42px;
  }

  .we-brand-page .brand-challenge-readout h3{
    margin-top: 9px;
  }

  .we-brand-page .brand-challenge-readout p{
    margin-top: 8px;
    max-width: 72%;
  }

  .we-brand-page .brand-challenge-focus{
    bottom: 14px;
  }

  /* unify the top-zone so cards fill the visible area without overlapping */
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--poster,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--social,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--type,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--palette,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--card,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--wordmark,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--insight,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--message,
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--channels{
    transform: rotate(0deg) !important;
  }

  /* 01 — Wiedererkennung */
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{left:5%;top:8.5%}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{left:23.5%;top:9.5%}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--message{left:60.5%;top:9.5%}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--channels{left:42.5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--card{left:5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--insight{left:23.5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{left:42.5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{left:60.5%;top:39%}

  /* 02 — Positionierung */
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--message{left:5%;top:10%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--wordmark{left:24%;top:10.5%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--channels{left:60.5%;top:10.5%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--palette{left:42.5%;top:12%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--insight{left:5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--social{left:24%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{left:42.5%;top:38.5%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--card{left:60.5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--poster{left:42.5%;top:36.5%}

  /* 03 — Konsistenz */
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{left:5%;top:9%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{left:24%;top:9.5%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--channels{left:42.5%;top:10%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{left:60.5%;top:10%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--insight{left:5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--type{left:24%;top:38.5%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--wordmark{left:42.5%;top:39%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--message{left:60.5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--palette{left:60.5%;top:10%}

  /* 04 — Differenzierung */
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{left:5%;top:10.5%}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--message{left:23.5%;top:10%}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{left:42.5%;top:8.5%}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--social{left:60.5%;top:10%}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--insight{left:5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{left:23.5%;top:38.5%}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--channels{left:42.5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--card{left:60.5%;top:36.5%}

  /* 05 — Skalierbarkeit */
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{left:5%;top:10%}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{left:24%;top:10%}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--poster{left:42.5%;top:8.5%}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--palette{left:60.5%;top:10.5%}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--message{left:5%;top:36.5%}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--wordmark{left:24%;top:39%}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--type{left:42.5%;top:38.5%}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--channels{left:60.5%;top:36.5%}
}


/* Brand refinements v0.10.38 */
@media (min-width: 901px){
  /* My recommendation: for this section, a dense modular board works better than scattered cards.
     So the top area becomes a compact puzzle-cluster with fixed 15px rhythm. */
  .we-brand-page .brand-challenges .brand-challenge-studio{
    margin-top: 62px;
  }

  .we-brand-page .brand-challenge-canvas{
    min-height: 606px;
    display: grid;
    grid-template-columns: 1.32fr 1fr 1fr .92fr .92fr;
    grid-template-rows: 112px 112px;
    column-gap: 15px;
    row-gap: 15px;
    align-content: start;
    padding: 24px 18px 0;
  }

  .we-brand-page .brand-board-grid,
  .we-brand-page .brand-challenge-readout{
    grid-column: 1 / -1;
  }

  .we-brand-page .brand-board-grid{
    position: absolute;
    inset: 0;
  }

  .we-brand-page .brand-challenge-readout{
    position: absolute;
    inset: auto 0 0 0;
    min-height: 31%;
    padding: 16px 22px 18px;
  }

  .we-brand-page .brand-challenge-readout h3{
    margin-top: 8px;
    max-width: 76%;
  }

  .we-brand-page .brand-challenge-readout p{
    margin-top: 8px;
    max-width: 72%;
  }

  .we-brand-page .brand-challenge-focus{
    left: 22px;
    right: 160px;
    bottom: 16px;
    gap: 8px;
  }

  .we-brand-page .brand-challenge-impact{
    right: 20px;
    bottom: 17px;
  }

  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece{
    position: relative;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-width: 0;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
    pointer-events: auto !important;
    align-self: stretch;
    justify-self: stretch;
    box-sizing: border-box;
  }

  .we-brand-page .brand-board-piece--poster{
    grid-column: 1;
    grid-row: 1 / span 2;
    min-height: 239px;
    padding: 18px;
    border-radius: 18px;
  }

  .we-brand-page .brand-board-piece--poster strong{
    margin-top: 28px;
    font-size: 24px;
  }

  .we-brand-page .brand-board-piece--poster i{
    width: 120px;
    height: 120px;
    right: -38px;
    bottom: -30px;
  }

  .we-brand-page .brand-board-piece--social,
  .we-brand-page .brand-board-piece--message,
  .we-brand-page .brand-board-piece--card,
  .we-brand-page .brand-board-piece--insight,
  .we-brand-page .brand-board-piece--channels{
    min-height: 112px;
    padding: 14px;
    border-radius: 18px;
  }

  .we-brand-page .brand-board-piece--social{grid-column: 2; grid-row: 1;}
  .we-brand-page .brand-board-piece--message{grid-column: 3; grid-row: 1;}
  .we-brand-page .brand-board-piece--palette{grid-column: 4 / span 2; grid-row: 1; min-height: 112px; padding: 14px; border-radius: 16px; align-content: end;}
  .we-brand-page .brand-board-piece--card{grid-column: 2; grid-row: 2;}
  .we-brand-page .brand-board-piece--insight{grid-column: 3; grid-row: 2;}
  .we-brand-page .brand-board-piece--type{grid-column: 4; grid-row: 2; min-height: 112px; padding: 14px; border-radius: 16px;}
  .we-brand-page .brand-board-piece--channels{grid-column: 5; grid-row: 2;}

  .we-brand-page .brand-board-piece--social b,
  .we-brand-page .brand-board-piece--message strong,
  .we-brand-page .brand-board-piece--channels strong,
  .we-brand-page .brand-board-piece--card strong,
  .we-brand-page .brand-board-piece--insight strong{
    margin-top: 14px;
    font-size: 18px;
    line-height: .92;
  }

  .we-brand-page .brand-board-piece--type strong{
    margin-top: 12px;
    font-size: 40px;
    line-height: .85;
  }

  .we-brand-page .brand-board-piece--type span,
  .we-brand-page .brand-board-piece--social span,
  .we-brand-page .brand-board-piece--message span,
  .we-brand-page .brand-board-piece--channels span,
  .we-brand-page .brand-board-piece--insight span,
  .we-brand-page .brand-board-piece--card span{
    display: block;
    margin-top: 8px;
    font-size: 9px;
    line-height: 1.35;
  }

  .we-brand-page .brand-board-piece small{
    font-size: 6.5px;
    letter-spacing: .18em;
  }

  .we-brand-page .brand-board-piece--palette{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    align-items: end;
  }

  .we-brand-page .brand-board-piece--palette small{
    position: static;
    grid-column: 1 / -1;
    margin-bottom: 8px;
  }

  .we-brand-page .brand-board-piece--palette span{
    display: block;
    width: 100%;
    height: 30px;
    border-radius: 8px;
  }
}


/* Brand refinements v0.10.39 */
@media (min-width: 901px){
  .we-brand-page .brand-challenge-canvas{
    min-height: 540px;
    display: grid;
    grid-template-columns: 1.28fr 1fr 1fr 1.08fr;
    grid-template-rows: 150px 150px;
    gap: 15px;
    align-content: start;
    padding: 18px 18px 0;
  }

  .we-brand-page .brand-challenge-readout{
    position:absolute;
    inset:auto 0 0 0;
    min-height:34%;
    padding:15px 22px 44px;
  }

  .we-brand-page .brand-challenge-readout h3{margin-top:7px;max-width:78%}
  .we-brand-page .brand-challenge-readout p{margin-top:7px;max-width:74%;line-height:1.48}
  .we-brand-page .brand-challenge-focus{left:22px;right:172px;bottom:14px;gap:8px}
  .we-brand-page .brand-challenge-impact{right:20px;bottom:15px}

  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece{
    position:relative;
    left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
    width:auto!important;height:auto!important;
    min-width:0;
    opacity:1!important;filter:none!important;pointer-events:auto!important;
    transform:none!important;
    box-sizing:border-box;
    align-self:stretch;justify-self:stretch;
    transition:border-color .28s ease,box-shadow .28s ease,background .28s ease,translate .28s ease,scale .28s ease;
  }

  .we-brand-page .brand-board-piece--poster{grid-column:1;grid-row:1 / span 2;min-height:315px;padding:18px;border-radius:18px}
  .we-brand-page .brand-board-piece--poster strong{margin-top:34px;font-size:25px;line-height:.9}
  .we-brand-page .brand-board-piece--poster i{width:126px;height:126px;right:-34px;bottom:-28px}

  .we-brand-page .brand-board-piece--social,
  .we-brand-page .brand-board-piece--message,
  .we-brand-page .brand-board-piece--card,
  .we-brand-page .brand-board-piece--insight,
  .we-brand-page .brand-board-piece--channels,
  .we-brand-page .brand-board-piece--type,
  .we-brand-page .brand-board-piece--palette{
    min-height:150px;padding:15px;border-radius:17px;
  }

  .we-brand-page .brand-board-piece--social strong,
  .we-brand-page .brand-board-piece--message strong,
  .we-brand-page .brand-board-piece--card strong,
  .we-brand-page .brand-board-piece--insight strong,
  .we-brand-page .brand-board-piece--channels strong{
    margin-top:18px;font-size:19px;line-height:.91;letter-spacing:-.045em;
  }
  .we-brand-page .brand-board-piece--type strong{margin-top:17px;font-size:44px;line-height:.84}
  .we-brand-page .brand-board-piece--palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:end}
  .we-brand-page .brand-board-piece--palette small{position:static;grid-column:1/-1;margin-bottom:8px}
  .we-brand-page .brand-board-piece--palette span{display:block;width:100%;height:36px;border-radius:9px}
  .we-brand-page .brand-board-piece small{font-size:7px;letter-spacing:.18em;line-height:1.22}
  .we-brand-page .brand-board-piece span{font-size:9px}

  /* hover: lift, brighten, and a tiny tactile shift */
  .we-brand-page .brand-board-piece:hover{
    translate:0 -5px;
    scale:1.018;
    border-color:rgba(239,126,211,.48);
    box-shadow:0 24px 48px rgba(19,4,26,.28),0 0 28px rgba(239,79,210,.07);
    z-index:8;
  }
  .we-brand-page .brand-board-piece--poster:hover{box-shadow:0 26px 52px rgba(28,6,32,.22),0 0 34px rgba(239,79,210,.10)}

  /* recompose feedback when switching tabs */
  .we-brand-page .brand-challenge-studio.is-settling .brand-board-piece{animation:brandCardRecompose .62s cubic-bezier(.2,.75,.2,1)}
  @keyframes brandCardRecompose{
    0%{opacity:.58;translate:0 10px;scale:.975}
    55%{opacity:1;translate:0 -2px;scale:1.008}
    100%{opacity:1;translate:0 0;scale:1}
  }

  /* state-specific 7-card puzzle layouts */
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--message{display:none!important}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--social{grid-column:2;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--palette{grid-column:3;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--channels{grid-column:4;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--card{grid-column:2;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--insight{grid-column:3;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--type{grid-column:4;grid-row:2}

  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--palette{display:none!important}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--message{grid-column:2;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--social{grid-column:3;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--channels{grid-column:4;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--card{grid-column:2;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--insight{grid-column:3;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type{grid-column:4;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--type strong{font-size:22px;line-height:.92;margin-top:17px}

  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--palette{display:none!important}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--social{grid-column:2;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--channels{grid-column:3;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--message{grid-column:4;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--insight{grid-column:2;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--type{grid-column:3;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--card{grid-column:4;grid-row:2}

  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--channels{display:none!important}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--social{grid-column:2;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--palette{grid-column:3;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--message{grid-column:4;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--insight{grid-column:2;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--type{grid-column:3;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--card{grid-column:4;grid-row:2}

  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--palette{display:none!important}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--social{grid-column:2;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--channels{grid-column:3;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--message{grid-column:4;grid-row:1}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--card{grid-column:2;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--insight{grid-column:3;grid-row:2}
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--type{grid-column:4;grid-row:2}

  /* larger tab labels */
  .we-brand-page .brand-challenge-tabs button b{font-size:17px;line-height:1.08}
  .we-brand-page .brand-challenge-tabs button span{font-size:10px}
  .we-brand-page .brand-challenge-tabs button small{font-size:8px}
}

@media (prefers-reduced-motion:reduce){
  .we-brand-page .brand-challenge-studio.is-settling .brand-board-piece{animation:none!important}
  .we-brand-page .brand-board-piece:hover{translate:0 0;scale:1}
}


/* Brand refinements v0.10.40 */
@media (min-width:901px){
  /* Section 02 — clearer state change through the hero card */
  .we-brand-page .brand-challenge-studio[data-state="recognition"] .brand-board-piece--poster{
    background:linear-gradient(150deg,#f7eff4 0%,#eadce7 58%,#da91d2 100%);
    color:#170c16;
  }
  .we-brand-page .brand-challenge-studio[data-state="positioning"] .brand-board-piece--poster{
    background:linear-gradient(150deg,#eeeaf0 0%,#d8cedf 54%,#a99bbb 100%);
    color:#18121c;
  }
  .we-brand-page .brand-challenge-studio[data-state="consistency"] .brand-board-piece--poster{
    background:linear-gradient(150deg,#eee8f2 0%,#cfb5dc 52%,#9b77bd 100%);
    color:#17101b;
  }
  .we-brand-page .brand-challenge-studio[data-state="difference"] .brand-board-piece--poster{
    background:linear-gradient(150deg,#f4e8f0 0%,#d998c9 52%,#a75aa8 100%);
    color:#180d17;
  }
  .we-brand-page .brand-challenge-studio[data-state="scale"] .brand-board-piece--poster{
    background:linear-gradient(150deg,#efe8ed 0%,#cdb8c8 52%,#967b91 100%);
    color:#171117;
  }
  .we-brand-page .brand-challenge-studio[data-state] .brand-board-piece--poster small{color:rgba(62,30,57,.56)}

  /* keep the readout compact; badges sit directly below copy */
  .we-brand-page .brand-challenge-readout{
    min-height:31%;
    padding:15px 22px 17px;
  }
  .we-brand-page .brand-challenge-readout p{margin-top:7px;max-width:74%}
  .we-brand-page .brand-challenge-focus{
    position:static;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:10px;
    padding-right:165px;
  }
  .we-brand-page .brand-challenge-impact{right:20px;bottom:18px}
}

/* Section 03 — print ↔ digital, without a boxed stage */
.we-brand-page .brand-system{padding-top:108px;padding-bottom:100px;overflow:hidden}
.we-brand-page .brand-system-head{margin-bottom:54px}
.we-brand-page .brand-system-head h2 span{
  color:transparent;
  background:linear-gradient(96deg,#fbf8fa 0%,#d7d1d7 30%,#e9b4d9 54%,#ef7ed3 76%,#9d62ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.we-brand-page .brand-bridge{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:58px;align-items:center}

.we-brand-page .brand-bridge-visual{
  position:relative;
  min-height:510px;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  overflow:visible;
  isolation:isolate;
}
.we-brand-page .brand-bridge-visual::before{display:none}
.we-brand-page .brand-bridge-axis,
.we-brand-page .brand-bridge-sheet{display:none!important}
.we-brand-page .brand-bridge-glow{
  position:absolute;left:15%;top:14%;width:70%;height:72%;border-radius:50%;
  background:radial-gradient(circle,rgba(239,126,211,.11),rgba(166,107,223,.045) 38%,transparent 72%);
  filter:blur(34px);z-index:-2;animation:brandBridgeGlow 7s ease-in-out infinite alternate;
}
.we-brand-page .brand-bridge-thread{position:absolute;left:9%;top:20%;width:78%;height:56%;border:1px solid rgba(239,126,211,.10);border-radius:50%;z-index:-1;pointer-events:none}
.we-brand-page .brand-bridge-thread--a{transform:rotate(-8deg)}
.we-brand-page .brand-bridge-thread--b{transform:rotate(9deg) scale(.88);border-color:rgba(214,219,229,.08)}

.we-brand-page .brand-bridge-card{
  position:absolute;
  border:1px solid rgba(233,181,226,.20);
  border-radius:24px;
  box-shadow:0 24px 64px rgba(19,3,23,.26),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;
  transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .3s ease,border-color .3s ease;
  will-change:transform;
}
.we-brand-page .brand-bridge-card small{display:block;font-size:8px;font-weight:800;letter-spacing:.18em}
.we-brand-page .brand-bridge-card strong{display:block;letter-spacing:-.065em;line-height:.88}
.we-brand-page .brand-bridge-card:hover{box-shadow:0 32px 80px rgba(22,4,28,.34),0 0 36px rgba(239,126,211,.08);border-color:rgba(239,126,211,.40)}

.we-brand-page .brand-bridge-card--print{
  left:5%;top:14%;width:214px;height:306px;padding:22px;
  color:#190e18;background:linear-gradient(152deg,#f7f1f5,#eadde7 58%,#d68fd0);
  transform:rotate(-5deg);animation:brandBridgePrintFloat 7.5s ease-in-out infinite alternate;
}
.we-brand-page .brand-bridge-card--print small{color:#8d6284}
.we-brand-page .brand-bridge-card--print strong{margin-top:70px;font-size:40px}
.we-brand-page .bridge-mark{position:absolute;left:22px;bottom:20px;color:#87617d;font-size:11px;font-weight:800;letter-spacing:.15em}

.we-brand-page .brand-bridge-card--system{
  left:36%;top:23%;width:252px;height:248px;padding:22px;color:#f8eff6;
  background:linear-gradient(145deg,rgba(29,13,34,.96),rgba(12,10,22,.95));
  transform:rotate(-1deg);animation:brandBridgeSystemFloat 8.3s ease-in-out infinite alternate;
}
.we-brand-page .brand-bridge-card--system small{color:#c28bb7}
.we-brand-page .brand-bridge-card--system strong{margin-top:38px;font-size:36px}
.we-brand-page .bridge-swatches{position:absolute;left:22px;bottom:22px;display:flex;gap:9px}
.we-brand-page .bridge-swatches i{width:34px;height:24px;border-radius:7px;background:#f6eff4}.we-brand-page .bridge-swatches i:nth-child(2){background:#ef7ed3}.we-brand-page .bridge-swatches i:nth-child(3){background:#9d62ff}

.we-brand-page .brand-bridge-card--digital{
  right:4%;top:18%;width:238px;height:282px;padding:22px;color:#fbf7fb;
  background:radial-gradient(circle at 72% 22%,rgba(239,126,211,.18),transparent 28%),linear-gradient(145deg,rgba(22,11,29,.98),rgba(8,10,20,.96));
  transform:rotate(4deg);animation:brandBridgeDigitalFloat 7.9s ease-in-out infinite alternate;
}
.we-brand-page .brand-bridge-card--digital small{color:#bd90b7}
.we-brand-page .brand-bridge-card--digital strong{margin-top:62px;font-size:45px}
.we-brand-page .bridge-ui{position:absolute;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:1.3fr .8fr .7fr;gap:8px}
.we-brand-page .bridge-ui i{height:34px;border:1px solid rgba(238,190,229,.14);border-radius:10px;background:rgba(255,255,255,.035)}
.we-brand-page .bridge-ui i:first-child{background:linear-gradient(90deg,rgba(239,126,211,.12),rgba(255,255,255,.025))}

@keyframes brandBridgePrintFloat{from{transform:translate3d(0,0,0) rotate(-5deg)}to{transform:translate3d(0,-10px,0) rotate(-3.5deg)}}
@keyframes brandBridgeSystemFloat{from{transform:translate3d(0,2px,0) rotate(-1deg)}to{transform:translate3d(7px,-7px,0) rotate(.5deg)}}
@keyframes brandBridgeDigitalFloat{from{transform:translate3d(0,0,0) rotate(4deg)}to{transform:translate3d(-5px,-9px,0) rotate(2.5deg)}}
@keyframes brandBridgeGlow{from{opacity:.58;transform:scale(.96)}to{opacity:.95;transform:scale(1.04)}}

/* Endless vertical rail */
.we-brand-page .brand-system-rail{position:relative;min-width:0}
.we-brand-page .brand-system-rail-viewport{
  height:472px;overflow:hidden;position:relative;
  mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent 100%);
}
.we-brand-page .brand-system-rail-track{display:flex;flex-direction:column;gap:14px;animation:brandRailLoop 32s linear infinite;will-change:transform}
.we-brand-page .brand-system-rail:hover .brand-system-rail-track{animation-play-state:paused}
.we-brand-page .brand-rail-card{
  min-height:126px;padding:20px 22px 18px;border:1px solid rgba(226,170,220,.14);border-radius:22px;
  background:linear-gradient(145deg,rgba(19,10,25,.76),rgba(8,10,19,.60));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:transform .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;
}
.we-brand-page .brand-rail-card:hover{transform:translateX(-6px);border-color:rgba(239,126,211,.34);background:linear-gradient(145deg,rgba(28,12,32,.88),rgba(10,10,21,.76));box-shadow:0 16px 42px rgba(20,3,24,.18)}
.we-brand-page .brand-rail-card small{display:block;color:#bd8fb6;font-size:8px;font-weight:800;letter-spacing:.18em}
.we-brand-page .brand-rail-card h3{margin:12px 0 0;color:#f8f3f7;font-size:24px;line-height:.95;letter-spacing:-.045em}
.we-brand-page .brand-rail-card p{margin:9px 0 0;color:#a59aa7;font-size:12px;line-height:1.48}
.we-brand-page .brand-system-rail-hint{display:flex;align-items:center;gap:9px;margin-top:12px;color:#775f73;font-size:7px;font-weight:800;letter-spacing:.16em}
.we-brand-page .brand-system-rail-hint i{width:24px;height:1px;background:linear-gradient(90deg,#ef7ed3,#9d62ff)}
@keyframes brandRailLoop{from{transform:translateY(0)}to{transform:translateY(calc(-50% - 7px))}}
.we-brand-page .brand-system-note{max-width:880px;margin-top:32px}

@media (max-width:1180px){
  .we-brand-page .brand-bridge{grid-template-columns:1fr;gap:30px}
  .we-brand-page .brand-bridge-visual{min-height:500px;max-width:850px;width:100%;margin:0 auto}
  .we-brand-page .brand-system-rail{max-width:760px;width:100%;margin:0 auto}
  .we-brand-page .brand-system-rail-viewport{height:430px}
}
@media (max-width:720px){
  .we-brand-page .brand-system-head{margin-bottom:34px}
  .we-brand-page .brand-bridge-visual{min-height:620px;display:grid;grid-template-columns:1fr;gap:12px}
  .we-brand-page .brand-bridge-card,.we-brand-page .brand-bridge-card--print,.we-brand-page .brand-bridge-card--system,.we-brand-page .brand-bridge-card--digital{position:relative;inset:auto;width:auto;height:auto;min-height:170px;transform:none!important;animation:none!important;padding:20px}
  .we-brand-page .brand-bridge-card--print strong,.we-brand-page .brand-bridge-card--system strong,.we-brand-page .brand-bridge-card--digital strong{margin-top:32px;font-size:34px}
  .we-brand-page .bridge-mark,.we-brand-page .bridge-swatches,.we-brand-page .bridge-ui{position:static;margin-top:26px}
  .we-brand-page .brand-bridge-thread,.we-brand-page .brand-bridge-glow{display:none}
  .we-brand-page .brand-system-rail-viewport{height:390px}
  .we-brand-page .brand-rail-card{min-height:116px;padding:18px}
  .we-brand-page .brand-rail-card h3{font-size:21px}
}
@media (prefers-reduced-motion:reduce){
  .we-brand-page .brand-bridge-card,.we-brand-page .brand-system-rail-track{animation:none!important}
}

/* ========================================================================== 
   WORLD AI · v0.10.41
   Visual language: agent graph / signals / decisions / workflow states
   ========================================================================== */
.we-ai-page{
  --ai:#9b7cff;
  --ai-soft:#c9b8ff;
  --ai-ice:#eef1f8;
  --ai-line:rgba(168,142,255,.22);
  --ai-panel:rgba(11,10,24,.72);
  --ai-border:rgba(170,145,255,.20);
  background:#070914;
  color:#f7f7fb;
}
.we-ai-page .topbar{z-index:120}
.we-ai-page .full-logo img{filter:drop-shadow(0 0 12px rgba(73,184,255,.28))}
.ai-world-main{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 14%,rgba(0,182,255,.11),transparent 28%),
  radial-gradient(circle at 78% 36%,rgba(119,76,210,.10),transparent 32%),
  linear-gradient(180deg,#07101a 0%,#080914 43%,#070912 100%)}
.ai-world-main::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:
  radial-gradient(circle at 16% 24%,rgba(255,255,255,.78) 0 1px,transparent 1.3px),
  radial-gradient(circle at 70% 18%,rgba(136,219,255,.65) 0 1px,transparent 1.4px),
  radial-gradient(circle at 82% 72%,rgba(202,184,255,.7) 0 1px,transparent 1.4px),
  radial-gradient(circle at 38% 68%,rgba(255,255,255,.50) 0 1px,transparent 1.3px);
  background-size:240px 230px,310px 300px,390px 360px,460px 430px;opacity:.25}
.ai-cosmos{position:absolute;inset:0;pointer-events:none;z-index:0}
.ai-cosmos i{position:absolute;left:var(--x);top:var(--y);width:calc(3px * var(--s));height:calc(3px * var(--s));border-radius:50%;background:#dff6ff;box-shadow:0 0 10px rgba(174,224,255,.65);animation:aiStarPulse 5s ease-in-out infinite alternate}
.ai-cosmos i:nth-child(3n){animation-delay:-1.7s;background:#c9b8ff;box-shadow:0 0 12px rgba(155,124,255,.45)}
@keyframes aiStarPulse{from{opacity:.25;transform:scale(.78)}to{opacity:1;transform:scale(1.2)}}
.ai-scene{position:relative;min-height:100vh;z-index:1;display:flex;align-items:center;padding:120px 0 70px}
.ai-scene .page-shell{width:min(1180px,calc(100% - 48px));margin:0 auto;position:relative}
.ai-index{display:flex;align-items:center;gap:14px;color:#bca6ff;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.ai-index::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,#7ddfff,#9b7cff)}
.ai-tags,.ai-contact-prompts{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.ai-tags{margin:20px 0 22px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#d2d7e5}
.ai-tags i{width:4px;height:4px;border-radius:50%;background:#9b7cff;box-shadow:0 0 10px rgba(155,124,255,.6)}
.ai-signal,.ai-contact-input{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(155,124,255,.32);border-radius:18px;background:linear-gradient(90deg,rgba(14,20,34,.76),rgba(28,14,42,.56));color:#fff;padding:10px 10px 10px 18px;cursor:pointer;transition:.25s ease;text-align:left}
.ai-signal:hover,.ai-contact-input:hover{border-color:rgba(184,159,255,.7);box-shadow:0 0 30px rgba(128,90,220,.10);transform:translateY(-2px)}
.ai-signal span,.ai-contact-input span{display:grid;gap:4px;font-size:16px;font-weight:800}
.ai-signal small,.ai-contact-input small{font-size:9px;letter-spacing:.18em;color:#aa96d5}
.ai-signal>i,.ai-contact-input>i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#b8a3ff,#7656ef);font-style:normal;font-size:26px;color:#090812;box-shadow:0 0 25px rgba(155,124,255,.22)}

/* HERO */
.ai-hero{padding-top:125px}
.ai-hero-shell{display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:72px;align-items:center}
.ai-hero-copy h1{font-size:clamp(54px,5vw,82px);line-height:.92;letter-spacing:-.065em;margin:28px 0 20px;max-width:650px}
.ai-hero-copy h1 span{color:transparent;background:linear-gradient(95deg,#f8f8fb 0%,#c9cbd5 24%,#c9b8ff 58%,#9b7cff 82%,#7854ff 100%);-webkit-background-clip:text;background-clip:text}
.ai-hero-copy>p{max-width:620px;color:#bcc5d4;font-size:17px;line-height:1.55}
.ai-hero-system{position:relative;height:590px;isolation:isolate;cursor:crosshair}
.ai-hero-aura{position:absolute;inset:8% 4%;border-radius:50%;background:radial-gradient(circle,rgba(155,124,255,.12),rgba(78,148,255,.035) 43%,transparent 72%);filter:blur(20px);z-index:0}
.ai-network-lines{position:absolute;inset:36px 0 0;width:100%;height:520px;overflow:visible;z-index:1}
.ai-network-lines path{fill:none;stroke:rgba(166,186,216,.14);stroke-width:1.1;stroke-linecap:round;transition:.35s ease;stroke-dasharray:5 7}
.ai-network-lines path.is-active{stroke:#b7a0ff;stroke-width:1.7;filter:drop-shadow(0 0 6px rgba(155,124,255,.5));stroke-dasharray:9 5;animation:aiDash .8s linear infinite}
@keyframes aiDash{to{stroke-dashoffset:-14}}
.ai-node{position:absolute;z-index:3;width:126px;min-height:78px;border:1px solid rgba(175,193,222,.17);border-radius:17px;padding:13px 14px;background:linear-gradient(145deg,rgba(17,24,40,.88),rgba(14,10,29,.86));box-shadow:0 14px 30px rgba(0,0,0,.18);transition:.35s cubic-bezier(.2,.75,.2,1)}
.ai-node small{display:block;font-size:7px;letter-spacing:.18em;color:#8d9ab2;font-weight:800}
.ai-node strong{display:block;margin-top:9px;font-size:17px;letter-spacing:-.03em}
.ai-node span{display:block;margin-top:5px;font-size:8px;color:#8794aa}
.ai-node.is-active{transform:translateY(-4px) scale(1.035);border-color:rgba(186,163,255,.75);box-shadow:0 0 0 1px rgba(155,124,255,.12),0 0 36px rgba(119,86,227,.18);background:linear-gradient(145deg,rgba(38,27,66,.96),rgba(16,15,36,.94))}
.ai-node.is-active strong{color:#f3edff}
.ai-node--input{left:2%;top:238px}.ai-node--context{left:23%;top:118px}.ai-node--tools{left:25%;top:326px}.ai-node--agent{left:47%;top:215px;width:138px;min-height:94px;border-color:rgba(155,124,255,.35);background:radial-gradient(circle at 60% 20%,rgba(155,124,255,.16),transparent 46%),linear-gradient(145deg,rgba(21,21,45,.95),rgba(13,10,28,.93))}.ai-node--agent strong{font-size:30px;color:#baa6ff}.ai-node--decision{left:68%;top:88px}.ai-node--action{left:68%;top:338px}.ai-node--human{right:2%;top:192px;width:82px;min-height:62px}.ai-node--result{right:0;top:282px;width:126px}
.ai-network-core{position:absolute;left:49%;top:49%;transform:translate(-50%,-50%);z-index:2;width:228px;height:228px;border-radius:50%;border:1px solid rgba(155,124,255,.12);display:grid;place-items:center;color:#9b7cff;font-size:8px;letter-spacing:.22em;pointer-events:none}
.ai-network-core::before,.ai-network-core::after{content:"";position:absolute;border:1px solid rgba(155,124,255,.08);border-radius:50%}.ai-network-core::before{inset:24px}.ai-network-core::after{inset:52px}.ai-network-core i{position:absolute;width:7px;height:7px;border-radius:50%;background:#f3edff;box-shadow:0 0 16px #9b7cff;animation:aiCorePulse 2.4s ease-in-out infinite}
@keyframes aiCorePulse{50%{transform:scale(1.8);opacity:.55}}
.ai-network-hint{position:absolute;right:12px;bottom:22px;font-size:8px;letter-spacing:.18em;color:#69748a}.ai-network-hint i{display:inline-block;width:30px;height:1px;background:#8b6df0;vertical-align:middle;margin-right:8px}

/* CHALLENGES */
.ai-challenges{padding-top:100px}
.ai-challenges-head,.ai-build-head{display:grid;grid-template-columns:1.45fr .75fr;gap:78px;align-items:end;margin-top:26px}
.ai-challenges-head h2,.ai-build-head h2{font-size:clamp(46px,4.3vw,70px);line-height:.94;letter-spacing:-.055em;margin:0}
.ai-challenges-head h2 span,.ai-build-head h2 span{color:transparent;background:linear-gradient(95deg,#f6f5fa 0%,#d0d0da 26%,#cbbcff 58%,#9b7cff 82%,#7252ef 100%);-webkit-background-clip:text;background-clip:text}
.ai-challenges-head p,.ai-build-head p{margin:0;color:#b2bbca;font-size:16px;line-height:1.55}
.ai-challenge-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;margin-top:54px;align-items:stretch}
.ai-process-stage{position:relative;min-height:520px;border:1px solid rgba(155,124,255,.18);border-radius:30px;overflow:hidden;background:linear-gradient(150deg,rgba(13,18,32,.72),rgba(13,9,28,.64))}
.ai-process-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(155,124,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(155,124,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0 65%,transparent 92%)}
.ai-process-lines{position:absolute;left:3%;top:18px;width:94%;height:390px;z-index:1}.ai-process-lines path{fill:none;stroke:rgba(158,175,206,.18);stroke-width:1.2;stroke-dasharray:6 7}.ai-process-lines path.is-pulse{stroke:#9b7cff;animation:aiProcessTrace .9s ease both}@keyframes aiProcessTrace{from{stroke-dashoffset:60;opacity:.2}to{stroke-dashoffset:0;opacity:1}}
.ai-process-node{position:absolute;z-index:2;width:128px;height:76px;padding:13px;border:1px solid rgba(176,186,216,.17);border-radius:16px;background:rgba(11,13,26,.88);transition:.38s ease}.ai-process-node small{font-size:7px;letter-spacing:.16em;color:#758098}.ai-process-node strong{display:block;margin-top:11px;font-size:15px}.ai-process-node.is-pulse{border-color:rgba(168,142,255,.72);box-shadow:0 0 28px rgba(118,87,217,.13);transform:translateY(-3px)}
.ai-process-node--a{left:4%;top:166px}.ai-process-node--b{left:24%;top:86px}.ai-process-node--c{left:45%;top:164px;border-color:rgba(155,124,255,.34);background:linear-gradient(145deg,rgba(37,25,65,.92),rgba(15,12,30,.94))}.ai-process-node--c strong{color:#b9a6ff}.ai-process-node--d{left:67%;top:82px}.ai-process-node--e{left:67%;top:248px}.ai-process-node--f{right:3%;top:164px}
.ai-process-readout{position:absolute;left:0;right:0;bottom:0;z-index:4;min-height:142px;border-top:1px solid rgba(155,124,255,.14);background:linear-gradient(90deg,rgba(10,11,22,.97),rgba(13,10,26,.91));padding:18px 22px;display:grid;grid-template-columns:1.25fr 1.4fr 100px;gap:24px;align-items:center}.ai-process-readout small{font-size:8px;letter-spacing:.18em;color:#9c83dd}.ai-process-readout h3{font-size:23px;line-height:1;margin:7px 0 0}.ai-process-readout p{margin:0;color:#aab3c2;font-size:12px;line-height:1.5}.ai-process-readout>strong{text-align:right;color:#c7b6ff;font-size:20px;letter-spacing:-.04em}
.ai-challenge-tabs{display:grid;grid-template-rows:repeat(5,1fr);gap:10px}.ai-challenge-tab{appearance:none;border:1px solid rgba(168,178,204,.14);border-radius:20px;background:rgba(10,12,24,.62);color:#dfe3ec;text-align:left;padding:18px;cursor:pointer;display:grid;grid-template-columns:28px 1fr;grid-template-areas:"n b" ". s";align-content:center;transition:.25s ease}.ai-challenge-tab span{grid-area:n;color:#8b77c4;font-size:9px;font-weight:800}.ai-challenge-tab b{grid-area:b;font-size:16px}.ai-challenge-tab small{grid-area:s;margin-top:8px;font-size:7px;letter-spacing:.16em;color:#6f788c}.ai-challenge-tab:hover{transform:translateX(-3px);border-color:rgba(155,124,255,.3)}.ai-challenge-tab.is-active{border-color:rgba(174,145,255,.72);background:linear-gradient(135deg,rgba(39,24,62,.75),rgba(15,13,28,.74));box-shadow:0 0 30px rgba(120,88,218,.08)}.ai-challenge-tab.is-active small{color:#a992e8}

/* BUILD */
.ai-build{padding-top:105px}.ai-build-head{margin-top:26px}.ai-workflow-board{position:relative;margin-top:52px;min-height:590px;border-radius:32px;background:radial-gradient(circle at 52% 48%,rgba(155,124,255,.09),transparent 36%);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:15px;padding:56px 46px;overflow:hidden}.ai-workflow-board::before{content:"";position:absolute;inset:24px;border:1px solid rgba(155,124,255,.10);border-radius:28px;pointer-events:none}.ai-workflow-track{position:absolute;left:9%;right:9%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(155,124,255,.22),rgba(218,227,242,.16),rgba(155,124,255,.22),transparent)}.ai-workflow-track i{position:absolute;width:7px;height:7px;border-radius:50%;background:#c7b7ff;box-shadow:0 0 12px rgba(155,124,255,.6);top:50%;transform:translateY(-50%)}.ai-workflow-track i:nth-child(1){left:17%}.ai-workflow-track i:nth-child(2){left:50%}.ai-workflow-track i:nth-child(3){left:82%}
.ai-workflow-card{position:relative;z-index:2;border:1px solid rgba(165,177,205,.16);border-radius:22px;background:linear-gradient(145deg,rgba(16,21,35,.90),rgba(13,10,28,.88));padding:24px;min-height:206px;transition:.32s cubic-bezier(.2,.75,.2,1);outline:none}.ai-workflow-card:hover,.ai-workflow-card:focus{transform:translateY(-6px);border-color:rgba(174,150,255,.62);box-shadow:0 18px 45px rgba(20,8,45,.24)}.ai-workflow-card small{font-size:8px;letter-spacing:.17em;color:#9e89d7;font-weight:800}.ai-workflow-card h3{margin:18px 0 10px;font-size:25px;line-height:.96;letter-spacing:-.045em;max-width:290px}.ai-workflow-card p{margin:0;color:#909caf;font-size:12px;line-height:1.5;max-width:290px}.ai-workflow-card>span{position:absolute;right:18px;bottom:16px;font-size:8px;letter-spacing:.18em;color:#6f7b90}.ai-workflow-card--3,.ai-workflow-card--4{border-color:rgba(155,124,255,.28)}
.ai-workflow-signal{position:absolute;left:10%;top:calc(50% - 15px);z-index:5;font-size:7px;letter-spacing:.2em;color:#8774bd;animation:aiWorkflowRun 13s linear infinite}.ai-workflow-signal i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#f4efff;box-shadow:0 0 18px #9b7cff;margin-right:9px;vertical-align:middle}.ai-workflow-board.is-paused .ai-workflow-signal{animation-play-state:paused}@keyframes aiWorkflowRun{0%{left:10%}49%{left:84%;top:calc(50% - 15px)}50%{left:84%;top:calc(50% + 17px)}99%{left:10%;top:calc(50% + 17px)}100%{left:10%;top:calc(50% - 15px)}}.ai-build-note{text-align:center;color:#7f899d;font-size:11px;margin:12px auto 0;max-width:900px}

/* CONTACT */
.ai-contact{overflow:hidden}.ai-contact-shell{text-align:center;z-index:2}.ai-contact-shell .ai-index{justify-content:center}.ai-contact h2{font-size:clamp(54px,6vw,88px);line-height:.91;letter-spacing:-.065em;margin:28px 0 30px}.ai-contact h2 span{color:transparent;background:linear-gradient(95deg,#f3f4f8 0%,#c9cbd7 24%,#cbbaff 57%,#9b7cff 80%,#7855ff 100%);-webkit-background-clip:text;background-clip:text}.ai-contact-input{max-width:730px;margin:0 auto}.ai-contact-shell>p{max-width:760px;margin:20px auto;color:#aab3c3;font-size:16px;line-height:1.55}.ai-contact-prompts{justify-content:center;max-width:900px;margin:0 auto}.ai-contact-prompts button{border:1px solid rgba(155,124,255,.20);border-radius:999px;background:rgba(12,13,26,.52);color:#aeb7c7;font-size:10px;padding:10px 13px;cursor:pointer;transition:.22s ease}.ai-contact-prompts button:hover{border-color:rgba(170,145,255,.58);color:#f4efff;transform:translateY(-2px)}
.ai-contact-loop{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:640px;height:640px;opacity:.32;pointer-events:none}.ai-contact-loop svg{width:100%;height:100%;overflow:visible}.ai-contact-loop ellipse{fill:none;stroke:rgba(155,124,255,.24);stroke-width:1}.ai-loop-node{position:absolute;border:1px solid rgba(155,124,255,.2);border-radius:999px;padding:8px 12px;font-size:8px;letter-spacing:.18em;color:#8875bd;background:rgba(8,10,22,.75)}.ai-loop-node--input{left:9%;top:46%}.ai-loop-node--think{left:43%;top:7%}.ai-loop-node--act{right:7%;top:46%}.ai-loop-node--learn{left:42%;bottom:7%}.ai-loop-dot{position:absolute;left:50%;top:50%;width:10px;height:10px;border-radius:50%;background:#f5f2ff;box-shadow:0 0 18px #9b7cff;offset-path:path('M 77 320 A 243 126 0 1 1 563 320 A 243 126 0 1 1 77 320');offset-distance:0%;animation:aiLoopRun 11s linear infinite}@keyframes aiLoopRun{to{offset-distance:100%}}
.ai-footer{color:#6f7890}.ai-footer div:last-child{color:#8b75c6}

@media (max-width:1150px){
  .ai-hero-shell{grid-template-columns:1fr;gap:28px}.ai-hero-copy{max-width:760px}.ai-hero-system{height:560px;max-width:760px;width:100%;margin:0 auto}.ai-challenges-head,.ai-build-head{grid-template-columns:1fr;gap:22px}.ai-challenge-layout{grid-template-columns:1fr}.ai-challenge-tabs{grid-template-columns:repeat(5,1fr);grid-template-rows:none}.ai-challenge-tab{padding:13px;grid-template-columns:22px 1fr}.ai-challenge-tab b{font-size:13px}.ai-challenge-tab small{display:none}.ai-workflow-board{padding:44px 34px}
}
@media (max-width:820px){
  .ai-scene{min-height:auto;padding:105px 0 64px}.ai-scene .page-shell{width:min(100% - 30px,700px)}.ai-hero-copy h1{font-size:50px}.ai-hero-system{height:650px}.ai-network-lines{display:none}.ai-network-core{display:none}.ai-node{width:43%;min-height:76px}.ai-node--input{left:3%;top:70px}.ai-node--context{left:54%;top:70px}.ai-node--tools{left:3%;top:180px}.ai-node--agent{left:54%;top:180px;width:43%}.ai-node--decision{left:3%;top:300px}.ai-node--action{left:54%;top:300px}.ai-node--human{left:3%;right:auto;top:420px;width:43%}.ai-node--result{left:54%;right:auto;top:420px;width:43%}.ai-network-hint{display:none}.ai-challenge-tabs{grid-template-columns:1fr 1fr;gap:8px}.ai-process-stage{min-height:680px}.ai-process-lines{display:none}.ai-process-node{width:42%;position:absolute}.ai-process-node--a{left:4%;top:45px}.ai-process-node--b{left:54%;top:45px}.ai-process-node--c{left:4%;top:145px}.ai-process-node--d{left:54%;top:145px}.ai-process-node--e{left:4%;top:245px}.ai-process-node--f{left:54%;right:auto;top:245px}.ai-process-readout{grid-template-columns:1fr;gap:10px;min-height:260px}.ai-process-readout>strong{text-align:left}.ai-workflow-board{grid-template-columns:1fr;grid-template-rows:auto;padding:30px 20px;min-height:auto}.ai-workflow-track,.ai-workflow-signal{display:none}.ai-workflow-card{min-height:160px}.ai-contact-loop{width:520px;height:520px}.ai-contact h2{font-size:52px}
}
@media (max-width:520px){
  .ai-hero-copy h1{font-size:43px}.ai-hero-copy>p{font-size:15px}.ai-tags{font-size:8px;gap:8px}.ai-signal span,.ai-contact-input span{font-size:14px}.ai-signal>i,.ai-contact-input>i{width:44px;height:44px}.ai-challenges-head h2,.ai-build-head h2{font-size:42px}.ai-challenge-tabs{grid-template-columns:1fr}.ai-process-stage{min-height:760px}.ai-process-node{width:90%;left:5%!important}.ai-process-node--a{top:35px}.ai-process-node--b{top:125px}.ai-process-node--c{top:215px}.ai-process-node--d{top:305px}.ai-process-node--e{top:395px}.ai-process-node--f{top:485px}.ai-process-readout{min-height:250px}.ai-contact h2{font-size:45px}.ai-contact-prompts button{font-size:9px}.ai-contact-loop{opacity:.20}
}
@media (prefers-reduced-motion:reduce){
  .ai-cosmos i,.ai-network-core i,.ai-workflow-signal,.ai-loop-dot{animation:none!important}.ai-node,.ai-workflow-card,.ai-challenge-tab{transition:none!important}
}


/* AI refinements v0.10.42 */
@media (min-width: 1151px){
  .we-ai-page .ai-hero-copy h1{
    font-size:clamp(52px,4.15vw,66px);
    line-height:.94;
    max-width:560px;
  }
  .we-ai-page .ai-hero-system{
    width:110%;
    height:640px;
    margin-left:-5%;
  }
  .we-ai-page .ai-network-lines{inset:56px 0 0;height:540px}
}

.we-ai-page .ai-challenges-head h2,
.we-ai-page .ai-build-head h2{
  font-size:clamp(42px,3.65vw,60px);
  line-height:.95;
}

/* make the live workflow legible: route in the gutters + active-card pulse */
.we-ai-page .ai-workflow-track{display:none!important}
.we-ai-page .ai-workflow-route{
  position:absolute;
  inset:28px 24px;
  width:calc(100% - 48px);
  height:calc(100% - 56px);
  z-index:4;
  pointer-events:none;
  overflow:visible;
}
.we-ai-page .ai-workflow-route path{
  fill:none;
  stroke:rgba(164,139,255,.24);
  stroke-width:1.25;
  stroke-linecap:round;
  stroke-dasharray:7 10;
}
.we-ai-page .ai-workflow-route circle{
  fill:#f6f2ff;
  stroke:rgba(155,124,255,.72);
  stroke-width:4;
  paint-order:stroke fill;
  filter:drop-shadow(0 0 8px #9b7cff) drop-shadow(0 0 18px rgba(155,124,255,.7));
}
.we-ai-page .ai-workflow-signal{
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  animation:none!important;
  padding:7px 10px;
  border:1px solid rgba(155,124,255,.16);
  border-radius:999px;
  background:rgba(8,9,20,.74);
  backdrop-filter:blur(8px);
  z-index:6;
}
.we-ai-page .ai-workflow-signal i{animation:aiWorkflowLegendPulse 1.8s ease-in-out infinite}
@keyframes aiWorkflowLegendPulse{50%{opacity:.45;transform:scale(.72)}}
.we-ai-page .ai-workflow-card.is-live{
  border-color:rgba(185,163,255,.68);
  box-shadow:0 0 0 1px rgba(155,124,255,.08),0 18px 48px rgba(79,48,155,.17),inset 0 0 34px rgba(155,124,255,.035);
}
.we-ai-page .ai-workflow-card.is-live::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:radial-gradient(circle at 50% 100%,rgba(155,124,255,.12),transparent 58%);
  pointer-events:none;
}

/* contact: abstract hero-like agent graph, but no labels or stray free dot */
.we-ai-page .ai-contact-network{
  position:absolute;
  left:50%;
  top:50%;
  width:min(980px,78vw);
  aspect-ratio:900/620;
  transform:translate(-50%,-49%);
  opacity:.31;
  pointer-events:none;
  z-index:0;
  filter:drop-shadow(0 0 30px rgba(96,73,177,.05));
}
.we-ai-page .ai-contact-network svg{width:100%;height:100%;overflow:visible}
.we-ai-page .ai-contact-rings ellipse{
  fill:none;
  stroke:rgba(155,124,255,.13);
  stroke-width:1;
}
.we-ai-page .ai-contact-edges path{
  fill:none;
  stroke:rgba(163,180,214,.13);
  stroke-width:1;
  stroke-linecap:round;
  stroke-dasharray:5 9;
  animation:aiContactSignal 8s linear infinite;
}
.we-ai-page .ai-contact-edges path:nth-child(2n){animation-duration:11s;animation-direction:reverse}
@keyframes aiContactSignal{to{stroke-dashoffset:-84}}
.we-ai-page .ai-contact-nodes circle{
  fill:#bba9ff;
  opacity:.55;
  filter:drop-shadow(0 0 9px rgba(155,124,255,.7));
  animation:aiContactNodePulse 3.4s ease-in-out infinite;
}
.we-ai-page .ai-contact-nodes circle:nth-child(2n){animation-delay:-1.4s}
.we-ai-page .ai-contact-nodes circle:nth-child(3n){animation-delay:-2.3s}
.we-ai-page .ai-contact-nodes .ai-contact-core-dot{
  fill:#f5f2ff;
  opacity:.8;
}
@keyframes aiContactNodePulse{50%{opacity:.24;transform:scale(.75);transform-origin:center}}
.we-ai-page .ai-contact-loop{display:none!important}

/* footer repair */
.we-ai-page .ai-footer{
  position:relative;
  z-index:4;
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:min(1180px,calc(100% - 9vw));
  margin:-46px auto 0;
  padding:0 0 28px;
  color:#68728b;
  font-size:8px;
  line-height:1.2;
  letter-spacing:.16em;
  background:none;
}
.we-ai-page .ai-footer div:last-child{color:#8b75c6}

@media (max-width:1150px){
  .we-ai-page .ai-hero-system{width:100%;margin-left:auto}
  .we-ai-page .ai-workflow-route{display:none}
}
@media (max-width:820px){
  .we-ai-page .ai-contact-network{width:900px;opacity:.18}
  .we-ai-page .ai-footer{display:none}
}
@media (prefers-reduced-motion:reduce){
  .we-ai-page .ai-contact-edges path,
  .we-ai-page .ai-contact-nodes circle,
  .we-ai-page .ai-workflow-signal i{animation:none!important}
}


/* AI refinements v0.10.43 */
/* Sections 02 + 03: quieter headings so the systems carry more visual weight. */
.we-ai-page .ai-challenges-head h2,
.we-ai-page .ai-build-head h2{
  font-size:clamp(38px,3.05vw,52px);
  line-height:.96;
  letter-spacing:-.052em;
}

/* Workflow: two narrow signal lanes — top row at DISCOVER/CONNECT/THINK,
   lower row just above the eyebrow, never through the main copy. */
.we-ai-page .ai-workflow-route path{
  stroke:rgba(170,146,255,.30);
  stroke-width:1.2;
  stroke-dasharray:6 10;
}
.we-ai-page .ai-workflow-route circle{
  r:5px;
}
.we-ai-page .ai-workflow-signal{
  top:49.7%;
  padding:6px 10px;
  background:rgba(8,9,20,.84);
}
.we-ai-page .ai-workflow-card.is-live{
  transform:translateY(-2px);
}

/* Contact: more depth, still quieter than the hero. */
.we-ai-page .ai-contact-network{
  width:min(1080px,84vw);
  opacity:.36;
  filter:drop-shadow(0 0 38px rgba(96,73,177,.08));
}
.we-ai-page .ai-contact-network::before{
  content:"";
  position:absolute;
  inset:14% 10%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(132,99,240,.10),rgba(95,78,180,.035) 38%,transparent 70%);
  filter:blur(22px);
  z-index:-1;
}
.we-ai-page .ai-contact-rings ellipse:nth-child(4),
.we-ai-page .ai-contact-rings ellipse:nth-child(5){
  stroke:rgba(189,171,255,.09);
  stroke-dasharray:4 9;
}
.we-ai-page .ai-contact-edges path:nth-child(n+10){
  stroke:rgba(182,168,230,.10);
  stroke-dasharray:3 11;
}
.we-ai-page .ai-contact-signals > path{
  fill:none;
  stroke:rgba(155,124,255,.06);
  stroke-width:1;
  stroke-dasharray:2 10;
}
.we-ai-page .ai-contact-runner{
  fill:#f7f3ff;
  opacity:.92;
  filter:drop-shadow(0 0 7px #9b7cff) drop-shadow(0 0 14px rgba(155,124,255,.72));
}
.we-ai-page .ai-contact-runner--b{
  fill:#c8b8ff;
  opacity:.65;
}
.we-ai-page .ai-contact-input{
  box-shadow:0 0 0 1px rgba(155,124,255,.03),0 0 36px rgba(107,79,200,.055);
}
.we-ai-page .ai-contact-input:hover{
  box-shadow:0 0 0 1px rgba(173,151,255,.08),0 0 44px rgba(118,87,218,.13);
}

@media (max-width:820px){
  .we-ai-page .ai-challenges-head h2,
  .we-ai-page .ai-build-head h2{font-size:clamp(38px,8vw,46px)}
}
@media (prefers-reduced-motion:reduce){
  .we-ai-page .ai-contact-runner{display:none}
}


/* AI refinements v0.10.44 */
/* Hero: active edges now map 1:1 to the active node in JS; make that synchronization visually explicit. */
.we-ai-page .ai-network-lines path.is-active{
  stroke:rgba(196,179,255,.96);
  stroke-width:1.85;
  filter:drop-shadow(0 0 7px rgba(155,124,255,.58));
}
.we-ai-page .ai-node.is-active{
  box-shadow:0 0 0 1px rgba(185,163,255,.16),0 18px 52px rgba(82,54,157,.18),inset 0 0 30px rgba(155,124,255,.045);
}

/* Section 03 micro-fix: the lower return lane sits clearly below the lower-card eyebrows. */
.we-ai-page .ai-workflow-signal{
  top:50.7%;
}

/* ========================================================================== 
   WORLD INFRASTRUCTURE · v0.10.46
   Visual language: backbone / routing / status / uptime
   Palette: universe indigo + ice blue + lavender
   ========================================================================== */
.we-infrastructure-page{
  --infra:#6f83ff;
  --infra-blue:#7da9ff;
  --infra-ice:#c8ddff;
  --infra-lav:#9a7dff;
  --infra-soft:#d9e4ff;
  --infra-line:rgba(125,169,255,.22);
  --infra-panel:rgba(8,14,29,.78);
  --infra-border:rgba(122,154,255,.21);
  background:#060b15;
  color:#f7f8fc;
}
.we-infrastructure-page .topbar{z-index:120}
.we-infrastructure-page .full-logo img{filter:drop-shadow(0 0 12px rgba(65,177,255,.28))}
.infra-world-main{position:relative;overflow:hidden;background:
  radial-gradient(circle at 12% 15%,rgba(0,176,255,.12),transparent 28%),
  radial-gradient(circle at 78% 34%,rgba(103,98,240,.11),transparent 33%),
  radial-gradient(circle at 52% 72%,rgba(102,139,255,.045),transparent 34%),
  linear-gradient(180deg,#06101a 0%,#070b18 43%,#070914 100%)}
.infra-world-main::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:
  radial-gradient(circle at 16% 24%,rgba(255,255,255,.76) 0 1px,transparent 1.3px),
  radial-gradient(circle at 70% 18%,rgba(157,205,255,.66) 0 1px,transparent 1.4px),
  radial-gradient(circle at 82% 72%,rgba(164,146,255,.66) 0 1px,transparent 1.4px),
  radial-gradient(circle at 38% 68%,rgba(255,255,255,.50) 0 1px,transparent 1.3px);
  background-size:240px 230px,310px 300px,390px 360px,460px 430px;opacity:.24}
.infra-cosmos{position:absolute;inset:0;pointer-events:none;z-index:0}
.infra-cosmos i{position:absolute;left:var(--x);top:var(--y);width:calc(3px * var(--s));height:calc(3px * var(--s));border-radius:50%;background:#edf7ff;box-shadow:0 0 10px rgba(157,205,255,.62);animation:infraStarPulse 5.5s ease-in-out infinite alternate}
.infra-cosmos i:nth-child(3n){animation-delay:-1.7s;background:#b8a8ff;box-shadow:0 0 12px rgba(121,110,255,.48)}
@keyframes infraStarPulse{from{opacity:.28;transform:scale(.78)}to{opacity:1;transform:scale(1.18)}}
.infra-scene{position:relative;min-height:100vh;z-index:1;display:flex;align-items:center;padding:118px 0 72px}
.infra-scene .page-shell{width:var(--shell);margin:0 auto;position:relative}
.infra-index{display:flex;align-items:center;gap:14px;color:#9fb2ff;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.infra-index::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,#a7e4ff,#6f83ff,#9a7dff)}
.infra-tags,.infra-contact-prompts{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.infra-tags{margin:19px 0 22px;font-size:9px;font-weight:800;letter-spacing:.15em;color:#d4dbea}
.infra-tags i{width:4px;height:4px;border-radius:50%;background:#7da9ff;box-shadow:0 0 10px rgba(111,131,255,.65)}
.infra-signal,.infra-contact-input{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(111,131,255,.34);border-radius:18px;background:linear-gradient(90deg,rgba(9,20,37,.78),rgba(22,17,47,.60));color:#fff;padding:10px 10px 10px 18px;cursor:pointer;transition:.25s ease;text-align:left}
.infra-signal:hover,.infra-contact-input:hover{border-color:rgba(146,164,255,.74);box-shadow:0 0 34px rgba(82,113,255,.11);transform:translateY(-2px)}
.infra-signal span,.infra-contact-input span{display:grid;gap:4px;font-size:16px;font-weight:800}
.infra-signal small,.infra-contact-input small{font-size:9px;letter-spacing:.18em;color:#879bd7}
.infra-signal>i,.infra-contact-input>i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#bcdcff,#6f83ff 58%,#9a7dff);font-style:normal;font-size:26px;color:#07101b;box-shadow:0 0 27px rgba(111,131,255,.25)}

/* 01 — HERO / BACKBONE */
.infra-hero{padding-top:124px}
.infra-hero-shell{display:grid;grid-template-columns:minmax(0,.90fr) minmax(520px,1.02fr);gap:56px;align-items:center}
.infra-hero-copy h1{font-size:clamp(44px,3.7vw,58px);line-height:.97;letter-spacing:-.06em;margin:28px 0 20px;max-width:690px}
.infra-hero-copy h1 span{color:transparent;background:linear-gradient(95deg,#f8f9fc 0%,#cdd3df 28%,#bcd8ff 52%,#7da9ff 72%,#8877ff 100%);-webkit-background-clip:text;background-clip:text}
.infra-hero-copy>p{max-width:590px;color:#b9c5d5;font-size:17px;line-height:1.55}
.infra-backbone{position:relative;height:610px;isolation:isolate;cursor:crosshair}
.infra-backbone-aura{position:absolute;inset:7% 3%;border-radius:50%;background:radial-gradient(circle,rgba(111,131,255,.13),rgba(84,152,255,.045) 43%,transparent 72%);filter:blur(20px);z-index:0}
.infra-backbone-lines{position:absolute;inset:24px 0 0;width:100%;height:560px;overflow:visible;z-index:1}
.infra-backbone-lines path{fill:none;stroke:rgba(155,181,225,.16);stroke-width:1.15;stroke-linecap:round;transition:.32s ease;stroke-dasharray:4 8}
.infra-backbone-lines path.is-active{stroke:#8aa8ff;stroke-width:1.9;filter:drop-shadow(0 0 7px rgba(111,131,255,.63));stroke-dasharray:10 5;animation:infraDash .75s linear infinite}
@keyframes infraDash{to{stroke-dashoffset:-15}}
.infra-node{position:absolute;z-index:3;width:126px;min-height:78px;border:1px solid rgba(168,193,230,.17);border-radius:16px;padding:13px 14px;background:linear-gradient(145deg,rgba(12,24,42,.91),rgba(13,11,30,.88));box-shadow:0 14px 30px rgba(0,0,0,.18);transition:.34s cubic-bezier(.2,.75,.2,1)}
.infra-node small{display:block;font-size:7px;letter-spacing:.18em;color:#8292ad;font-weight:800}
.infra-node strong{display:block;margin-top:9px;font-size:17px;letter-spacing:-.03em}
.infra-node span{display:block;margin-top:5px;font-size:8px;color:#8393aa}
.infra-node.is-active{transform:translateY(-4px) scale(1.035);border-color:rgba(141,164,255,.82);box-shadow:0 0 0 1px rgba(111,131,255,.12),0 0 38px rgba(74,102,224,.18);background:linear-gradient(145deg,rgba(24,41,72,.97),rgba(21,15,52,.94))}
.infra-node.is-active strong{color:#edf5ff}
.infra-node--domain{left:1%;top:252px}.infra-node--dns{left:22%;top:105px}.infra-node--edge{left:43%;top:194px;width:138px;min-height:92px;border-color:rgba(111,131,255,.34);background:radial-gradient(circle at 60% 20%,rgba(111,131,255,.15),transparent 47%),linear-gradient(145deg,rgba(16,29,54,.95),rgba(14,12,36,.93))}.infra-node--edge strong{font-size:25px;color:#bcd8ff}.infra-node--hosting{left:67%;top:112px}.infra-node--response{right:0;top:190px;width:104px}.infra-node--mail{left:23%;top:370px}.infra-node--server{left:44%;top:292px;width:138px}.infra-node--backup{left:68%;top:370px}.infra-node--monitor{right:0;top:286px;width:108px}
.infra-backbone-core{position:absolute;left:53%;top:49%;transform:translate(-50%,-50%);z-index:2;width:232px;height:232px;border-radius:50%;border:1px solid rgba(111,131,255,.12);display:grid;place-items:center;color:#8197ff;font-size:8px;letter-spacing:.22em;pointer-events:none}
.infra-backbone-core::before,.infra-backbone-core::after{content:"";position:absolute;border:1px solid rgba(125,169,255,.075);border-radius:50%}.infra-backbone-core::before{inset:27px}.infra-backbone-core::after{inset:58px}.infra-backbone-core i{position:absolute;width:7px;height:7px;border-radius:50%;background:#eff7ff;box-shadow:0 0 9px #8fc8ff,0 0 20px #776eff;animation:infraCorePulse 2.5s ease-in-out infinite}
@keyframes infraCorePulse{50%{transform:scale(1.75);opacity:.55}}
.infra-backbone-hint{position:absolute;right:12px;bottom:20px;font-size:8px;letter-spacing:.18em;color:#68758d}.infra-backbone-hint i{display:inline-block;width:30px;height:1px;background:linear-gradient(90deg,#7dd9ff,#766fff);vertical-align:middle;margin-right:8px}

/* 02 — STATUS / CHALLENGES */
.infra-challenges{padding-top:102px}
.infra-challenges-head,.infra-system-head{display:grid;grid-template-columns:1.42fr .78fr;gap:78px;align-items:end;margin-top:24px}
.infra-challenges-head h2,.infra-system-head h2{font-size:clamp(40px,3.2vw,54px);line-height:.96;letter-spacing:-.055em;margin:0}
.infra-challenges-head h2 span,.infra-system-head h2 span{color:transparent;background:linear-gradient(95deg,#f6f7fa 0%,#cfd5df 28%,#c4ddff 52%,#819dff 73%,#8d72ff 100%);-webkit-background-clip:text;background-clip:text}
.infra-challenges-head p,.infra-system-head p{margin:0;color:#b2bdcb;font-size:16px;line-height:1.55}
.infra-challenge-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:16px;margin-top:50px;align-items:stretch}
.infra-status-stage{position:relative;min-height:522px;border:1px solid rgba(111,131,255,.19);border-radius:28px;overflow:hidden;background:linear-gradient(150deg,rgba(9,19,34,.77),rgba(13,10,31,.67))}
.infra-status-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(125,169,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,169,255,.035) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000 0 66%,transparent 93%)}
.infra-status-lines{position:absolute;left:3%;top:18px;width:94%;height:390px;z-index:1}.infra-status-lines path{fill:none;stroke:rgba(151,176,213,.15);stroke-width:1.15;stroke-dasharray:5 8;transition:.3s ease}.infra-status-lines path.is-active{stroke:#829cff;stroke-width:1.7;filter:drop-shadow(0 0 5px rgba(111,131,255,.48));animation:infraStatusDash 1s linear infinite}@keyframes infraStatusDash{to{stroke-dashoffset:-13}}
.infra-status-node{position:absolute;z-index:2;width:128px;height:76px;padding:13px;border:1px solid rgba(168,191,223,.17);border-radius:15px;background:rgba(8,15,29,.9);transition:.36s ease}.infra-status-node small{font-size:7px;letter-spacing:.16em;color:#74819a}.infra-status-node strong{display:block;margin-top:11px;font-size:15px}.infra-status-node.is-pulse{border-color:rgba(132,157,255,.70);box-shadow:0 0 28px rgba(78,105,218,.13);transform:translateY(-3px)}
.infra-status-node--a{left:4%;top:166px}.infra-status-node--b{left:24%;top:86px}.infra-status-node--c{left:45%;top:164px;border-color:rgba(111,131,255,.34);background:linear-gradient(145deg,rgba(22,34,66,.94),rgba(17,13,41,.95))}.infra-status-node--c strong{color:#b9ceff}.infra-status-node--d{left:67%;top:82px}.infra-status-node--e{left:67%;top:248px}.infra-status-node--f{right:3%;top:164px}
.infra-status-readout{position:absolute;left:0;right:0;bottom:0;z-index:4;min-height:142px;border-top:1px solid rgba(111,131,255,.15);background:linear-gradient(90deg,rgba(7,13,26,.98),rgba(14,10,31,.93));padding:18px 22px;display:grid;grid-template-columns:1.25fr 1.4fr 110px;gap:24px;align-items:center}.infra-status-readout small{font-size:8px;letter-spacing:.18em;color:#8298de}.infra-status-readout h3{font-size:21px;line-height:1.03;letter-spacing:-.035em;margin:8px 0 0}.infra-status-readout p{font-size:12px;line-height:1.5;color:#a8b4c6;margin:0}.infra-status-readout>strong{text-align:right;font-size:16px;color:#b9ceff}
.infra-challenge-tabs{display:grid;grid-template-rows:repeat(5,1fr);gap:9px}
.infra-challenge-tab{border:1px solid rgba(162,181,216,.14);border-radius:18px;background:linear-gradient(145deg,rgba(10,17,31,.78),rgba(14,10,29,.76));color:#d8deea;display:grid;grid-template-columns:28px 1fr;grid-template-rows:auto auto;padding:16px;text-align:left;cursor:pointer;transition:.28s ease}
.infra-challenge-tab span{grid-row:1/3;font-size:9px;color:#8191ad;align-self:center}.infra-challenge-tab b{font-size:15px;align-self:end}.infra-challenge-tab small{font-size:8.5px;line-height:1.1;letter-spacing:.18em;color:#8392b1;margin-top:7px;font-weight:800}.infra-challenge-tab:hover{border-color:rgba(121,153,255,.42);transform:translateX(-2px)}.infra-challenge-tab.is-active{border-color:rgba(135,157,255,.72);background:radial-gradient(circle at 78% 20%,rgba(111,131,255,.12),transparent 46%),linear-gradient(145deg,rgba(19,29,55,.94),rgba(22,13,48,.88));box-shadow:0 0 32px rgba(78,100,205,.08)}.infra-challenge-tab.is-active b{color:#fff}.infra-challenge-tab.is-active span,.infra-challenge-tab.is-active small{color:#b7c7ff}

/* 03 — INFRASTRUCTURE RACK */
.infra-system{padding-top:100px}
.infra-system-head{margin-bottom:42px}
.infra-rack{position:relative;border:1px solid rgba(111,131,255,.20);border-radius:28px;background:linear-gradient(155deg,rgba(8,18,33,.85),rgba(13,10,30,.74));overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.16)}
.infra-rack::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(125,169,255,.035) 50%,transparent),repeating-linear-gradient(0deg,rgba(125,169,255,.018) 0 1px,transparent 1px 36px)}
.infra-rack-top{height:42px;padding:0 18px 0 42px;border-bottom:1px solid rgba(111,131,255,.16);display:flex;align-items:center;justify-content:space-between;color:#70809c;font-size:8px;letter-spacing:.16em;position:relative;z-index:2}.infra-rack-top strong{color:#8ea5ff;font-weight:700}
.infra-rack-rail{position:absolute;left:19px;top:43px;bottom:0;width:1px;background:linear-gradient(180deg,rgba(133,193,255,.12),rgba(111,131,255,.40),rgba(154,125,255,.14));z-index:4}.infra-rack-rail::before{content:"";position:absolute;inset:0 -5px;background:linear-gradient(180deg,transparent,rgba(111,131,255,.045),transparent);filter:blur(4px)}.infra-rack-rail i{position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:#eef7ff;box-shadow:0 0 8px #94c9ff,0 0 18px #756eff;transition:transform .58s cubic-bezier(.2,.8,.2,1);will-change:transform}
.infra-rack-row{position:relative;z-index:2;min-height:88px;display:grid;grid-template-columns:55px minmax(0,1fr) 120px;gap:18px;align-items:center;padding:15px 24px 15px 34px;border-bottom:1px solid rgba(126,151,205,.11);transition:.32s ease;outline:none}.infra-rack-row:last-child{border-bottom:0}.infra-rack-row::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(125,169,255,.00),rgba(111,131,255,.00));opacity:0;transition:.3s;pointer-events:none}.infra-rack-row:hover,.infra-rack-row:focus,.infra-rack-row.is-active{background:linear-gradient(90deg,rgba(88,123,255,.045),rgba(123,93,255,.028));box-shadow:inset 2px 0 0 rgba(127,160,255,.64)}.infra-rack-row.is-active::after{opacity:1;background:radial-gradient(circle at 70% 50%,rgba(111,131,255,.075),transparent 44%)}
.infra-rack-index{font-size:10px;color:#8093b5;letter-spacing:.14em}.infra-rack-row small{display:block;font-size:7px;letter-spacing:.18em;color:#8096d4;font-weight:800}.infra-rack-row h3{margin:7px 0 0;font-size:19px;line-height:1.04;letter-spacing:-.035em}.infra-rack-row p{margin:9px 0 0;color:#96a6be;font-size:12px;line-height:1.52;max-width:760px}.infra-rack-status{text-align:right;color:#8797b3;font-size:10px;letter-spacing:.14em}.infra-rack-row.is-active .infra-rack-status{color:#bcd8ff;text-shadow:0 0 14px rgba(111,131,255,.48)}.infra-rack-row.is-active h3{color:#fff}
.infra-system-note{text-align:center;color:#75839b;font-size:10px;margin:18px auto 0;max-width:900px}

/* 04 — SIGNAL */
.infra-contact{overflow:hidden;padding-top:108px}
.infra-contact-network{position:absolute;left:50%;top:50%;width:min(1100px,88vw);aspect-ratio:1000/620;transform:translate(-50%,-49%);opacity:.34;pointer-events:none;z-index:0;filter:drop-shadow(0 0 40px rgba(74,108,220,.07))}
.infra-contact-network::before{content:"";position:absolute;inset:10% 5%;border-radius:50%;background:radial-gradient(circle,rgba(90,129,255,.11),rgba(116,92,225,.035) 39%,transparent 70%);filter:blur(26px);z-index:-1}
.infra-contact-network svg{width:100%;height:100%;overflow:visible}.infra-contact-lines path{fill:none;stroke:rgba(134,165,224,.14);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:6 10;animation:infraContactDash 11s linear infinite}.infra-contact-lines path:nth-child(2n){animation-duration:14s;animation-direction:reverse}@keyframes infraContactDash{to{stroke-dashoffset:-96}}
.infra-contact-nodes circle{fill:#8eb5ff;opacity:.56;filter:drop-shadow(0 0 8px rgba(111,131,255,.70));animation:infraContactPulse 3.8s ease-in-out infinite}.infra-contact-nodes circle:nth-child(2n){fill:#a78dff;animation-delay:-1.5s}.infra-contact-nodes circle:nth-child(3n){animation-delay:-2.4s}@keyframes infraContactPulse{50%{opacity:.25;transform:scale(.78);transform-origin:center}}
.infra-contact-runner{fill:#f5f9ff;opacity:.92;filter:drop-shadow(0 0 7px #83b9ff) drop-shadow(0 0 16px rgba(111,131,255,.75))}.infra-contact-runner--b{fill:#bdaaff;opacity:.7}
.infra-contact-shell{text-align:center;z-index:2}.infra-contact .infra-index{justify-content:center}.infra-contact h2{font-size:clamp(58px,6vw,88px);line-height:.93;letter-spacing:-.06em;margin:30px auto 26px}.infra-contact h2 span{color:transparent;background:linear-gradient(95deg,#f6f8fb 0%,#cfd5e0 27%,#c7ddff 50%,#819eff 72%,#8e71ff 100%);-webkit-background-clip:text;background-clip:text}.infra-contact-input{max-width:720px;margin:0 auto}.infra-contact-shell>p{max-width:720px;margin:20px auto 18px;color:#aeb9ca;font-size:15px;line-height:1.5}.infra-contact-prompts{justify-content:center;max-width:830px;margin:0 auto}.infra-contact-prompts button{border:1px solid rgba(123,149,212,.22);border-radius:999px;background:rgba(7,14,28,.60);color:#9eabc0;padding:9px 14px;font-size:9px;cursor:pointer;transition:.23s}.infra-contact-prompts button:hover{border-color:rgba(126,153,255,.52);color:#e6efff;transform:translateY(-2px);box-shadow:0 0 20px rgba(111,131,255,.06)}

/* footer */
.we-infrastructure-page .infra-footer{position:relative;z-index:4;display:flex;justify-content:space-between;align-items:center;width:var(--shell);margin:-46px auto 0;padding:0 0 28px;color:#68758c;font-size:8px;line-height:1.2;letter-spacing:.16em;background:none}.we-infrastructure-page .infra-footer div:last-child{color:#778bd1}

@media (max-width:1150px){
  .infra-hero-shell{grid-template-columns:1fr;gap:28px}.infra-hero-copy{max-width:760px}.infra-backbone{height:590px;max-width:760px;width:100%;margin:0 auto}.infra-challenges-head,.infra-system-head{grid-template-columns:1fr;gap:22px}.infra-challenge-layout{grid-template-columns:1fr}.infra-challenge-tabs{grid-template-columns:repeat(5,1fr);grid-template-rows:none}.infra-challenge-tab{padding:13px;grid-template-columns:22px 1fr}.infra-challenge-tab b{font-size:13px}.infra-challenge-tab small{display:none}.infra-rack-row{grid-template-columns:48px 1fr 100px}.infra-contact-network{width:1060px}
}
@media (max-width:820px){
  .infra-scene{min-height:auto;padding:105px 0 66px}.infra-scene .page-shell{width:min(100% - 30px,700px)}.infra-hero-copy h1{font-size:42px}.infra-hero-copy>p{font-size:15px}.infra-backbone{height:720px}.infra-backbone-lines,.infra-backbone-core{display:none}.infra-node{width:43%;min-height:76px}.infra-node--domain{left:3%;top:60px}.infra-node--dns{left:54%;top:60px}.infra-node--edge{left:3%;top:170px;width:43%}.infra-node--hosting{left:54%;top:170px}.infra-node--response{left:3%;right:auto;top:280px;width:43%}.infra-node--mail{left:54%;top:280px}.infra-node--server{left:3%;top:390px;width:43%}.infra-node--backup{left:54%;top:390px}.infra-node--monitor{left:3%;right:auto;top:500px;width:43%}.infra-backbone-hint{display:none}.infra-challenge-tabs{grid-template-columns:1fr 1fr;gap:8px}.infra-status-stage{min-height:700px}.infra-status-lines{display:none}.infra-status-node{width:42%}.infra-status-node--a{left:4%;top:45px}.infra-status-node--b{left:54%;top:45px}.infra-status-node--c{left:4%;top:145px}.infra-status-node--d{left:54%;top:145px}.infra-status-node--e{left:4%;top:245px}.infra-status-node--f{left:54%;right:auto;top:245px}.infra-status-readout{grid-template-columns:1fr;gap:10px;min-height:290px}.infra-status-readout>strong{text-align:left}.infra-rack-row{grid-template-columns:36px 1fr;gap:8px;padding-right:14px}.infra-rack-status{grid-column:2;text-align:left;font-size:8px}.infra-rack-row h3{font-size:17px}.infra-contact h2{font-size:52px}.infra-contact-network{width:920px;opacity:.21}.we-infrastructure-page .infra-footer{display:none}
}
@media (max-width:520px){
  .infra-hero-copy h1{font-size:36px}.infra-tags{font-size:8px;gap:7px}.infra-signal span,.infra-contact-input span{font-size:14px}.infra-signal>i,.infra-contact-input>i{width:44px;height:44px}.infra-challenges-head h2,.infra-system-head h2{font-size:40px}.infra-challenge-tabs{grid-template-columns:1fr}.infra-status-stage{min-height:780px}.infra-status-node{width:90%;left:5%!important}.infra-status-node--a{top:35px}.infra-status-node--b{top:125px}.infra-status-node--c{top:215px}.infra-status-node--d{top:305px}.infra-status-node--e{top:395px}.infra-status-node--f{top:485px}.infra-status-readout{min-height:260px}.infra-rack-index{display:none}.infra-rack-row{grid-template-columns:1fr;padding:14px 14px 14px 28px}.infra-rack-status{grid-column:1}.infra-contact h2{font-size:45px}.infra-contact-prompts button{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  .infra-cosmos i,.infra-backbone-core i,.infra-contact-lines path,.infra-contact-nodes circle{animation:none!important}.infra-node,.infra-status-node,.infra-rack-row,.infra-challenge-tab{transition:none!important}.infra-contact-runner{display:none}
}

/* ================================================================
   WORLD INFRASTRUCTURE · v0.10.46
   Distinct visual language: chassis / telemetry / rack / backplane
   ================================================================ */

/* 01 — HERO / BACKPLANE CHASSIS */
.infra-chassis{
  position:relative;
  min-height:566px;
  border:1px solid rgba(128,154,255,.24);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 16%,rgba(122,113,255,.09),transparent 34%),
    linear-gradient(155deg,rgba(7,18,31,.92),rgba(10,10,25,.94));
  box-shadow:0 32px 90px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.015);
  isolation:isolate;
}
.infra-chassis::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background:
    repeating-linear-gradient(0deg,rgba(144,180,235,.024) 0 1px,transparent 1px 34px),
    linear-gradient(90deg,transparent 0 49.8%,rgba(126,149,255,.06) 50%,transparent 50.2%);
}
.infra-chassis::after{
  content:"";position:absolute;inset:12px;border:1px solid rgba(153,180,230,.055);border-radius:20px;pointer-events:none;
}
.infra-chassis-top{
  position:relative;z-index:3;height:48px;padding:0 17px 0 18px;border-bottom:1px solid rgba(126,153,255,.16);
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  color:#71809a;font-size:8px;letter-spacing:.17em;
  background:linear-gradient(90deg,rgba(10,22,39,.93),rgba(15,12,34,.9));
}
.infra-chassis-top strong{color:#a9b9ff;font-weight:800;letter-spacing:.14em}
.infra-chassis-lights{display:flex;gap:5px}.infra-chassis-lights i{width:6px;height:6px;border-radius:50%;background:#59667d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.infra-chassis-lights i:first-child{background:#8fd7ff;box-shadow:0 0 11px rgba(100,184,255,.7)}
.infra-chassis-lights i:nth-child(2){background:#788dff;box-shadow:0 0 10px rgba(111,131,255,.5)}
.infra-chassis-lights i:nth-child(3){background:#9d82ff;box-shadow:0 0 9px rgba(154,125,255,.4)}
.infra-chassis-body{
  position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);
  gap:13px;padding:22px 22px 19px 48px;min-height:438px;
}
.infra-power-rail{position:absolute;left:25px;top:16px;bottom:16px;width:1px;background:linear-gradient(180deg,rgba(120,203,255,.12),rgba(111,131,255,.54),rgba(154,125,255,.20));z-index:4}
.infra-power-rail::before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:7px;background:linear-gradient(180deg,transparent,rgba(115,141,255,.05),transparent);filter:blur(3px)}
.infra-power-rail i{position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:#f4f9ff;box-shadow:0 0 9px #89c9ff,0 0 22px rgba(108,99,255,.75);transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}
.infra-module{
  position:relative;border:1px solid rgba(151,177,219,.14);border-radius:16px;padding:15px 18px 14px 20px;
  background:linear-gradient(145deg,rgba(12,24,40,.82),rgba(12,11,27,.78));
  box-shadow:inset 3px 0 0 rgba(120,159,255,.08);transition:.28s ease;overflow:hidden;outline:none;
}
.infra-module::before{content:"";position:absolute;left:8px;top:50%;width:5px;height:5px;border-radius:50%;transform:translateY(-50%);background:#526078;box-shadow:0 0 0 1px rgba(255,255,255,.03)}
.infra-module::after{content:"";position:absolute;right:12px;bottom:11px;width:38px;height:3px;border-radius:99px;background:repeating-linear-gradient(90deg,rgba(130,153,195,.18) 0 4px,transparent 4px 7px)}
.infra-module small{display:block;font-size:7px;letter-spacing:.18em;color:#7889aa;font-weight:800}
.infra-module h3{margin:9px 0 0;font-size:20px;line-height:1;letter-spacing:-.035em}
.infra-module p{margin:7px 48px 0 0;color:#8290a6;font-size:9px;line-height:1.35}
.infra-module>span{position:absolute;right:13px;top:13px;font-size:7px;letter-spacing:.14em;color:#71809d;font-weight:800}
.infra-module.is-active{border-color:rgba(130,160,255,.65);background:radial-gradient(circle at 85% 10%,rgba(117,119,255,.12),transparent 34%),linear-gradient(145deg,rgba(19,34,59,.95),rgba(17,13,40,.92));box-shadow:inset 3px 0 0 rgba(126,171,255,.85),0 0 28px rgba(72,101,210,.09)}
.infra-module.is-active::before{background:#eaf8ff;box-shadow:0 0 7px #79c6ff,0 0 16px rgba(119,107,255,.8)}
.infra-module.is-active h3{color:#f7f9ff}.infra-module.is-active>span{color:#b9c9ff;text-shadow:0 0 12px rgba(121,139,255,.55)}
.infra-chassis-metrics{position:relative;z-index:3;height:80px;border-top:1px solid rgba(126,153,255,.14);display:grid;grid-template-columns:repeat(4,1fr);background:rgba(5,10,22,.66)}
.infra-chassis-metrics span{display:flex;flex-direction:column;justify-content:center;padding:0 16px;border-right:1px solid rgba(126,153,255,.1)}.infra-chassis-metrics span:last-child{border-right:0}
.infra-chassis-metrics small{font-size:7px;letter-spacing:.17em;color:#65738c}.infra-chassis-metrics b{margin-top:8px;font-size:11px;letter-spacing:.08em;color:#9db2ef}

/* 02 — CHALLENGES / LIVE DIAGNOSTICS */
.infra-diagnostics{position:relative;min-height:522px;border:1px solid rgba(111,131,255,.19);border-radius:28px;overflow:hidden;background:linear-gradient(150deg,rgba(7,18,32,.83),rgba(11,9,27,.82));box-shadow:0 22px 60px rgba(0,0,0,.14)}
.infra-diag-top{height:44px;padding:0 18px;border-bottom:1px solid rgba(127,153,205,.13);display:flex;align-items:center;justify-content:space-between;color:#70809c;font-size:8px;letter-spacing:.16em;background:linear-gradient(90deg,rgba(11,22,38,.78),rgba(15,12,33,.78))}
.infra-diag-top strong{color:#96aaff;font-size:8px;letter-spacing:.14em}
.infra-diag-screen{position:absolute;left:0;right:0;top:44px;bottom:142px;padding:29px 20px 18px;background-image:linear-gradient(rgba(125,169,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(125,169,255,.028) 1px,transparent 1px);background-size:38px 38px;overflow:hidden}
.infra-diag-screen::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(119,139,255,.035) 50%,transparent 52%);pointer-events:none}
.infra-diag-scale{position:absolute;left:106px;right:112px;top:10px;display:flex;justify-content:space-between;font-size:6px;letter-spacing:.12em;color:#4f5b73}
.infra-diag-sweep{position:absolute;top:0;bottom:0;width:1px;left:16%;background:linear-gradient(180deg,transparent,rgba(131,164,255,.28),transparent);box-shadow:0 0 18px rgba(103,121,255,.12);animation:infraDiagSweep 7.2s linear infinite}
@keyframes infraDiagSweep{from{left:14%;opacity:0}12%{opacity:1}88%{opacity:1}to{left:86%;opacity:0}}
.infra-diag-lane{position:relative;display:grid;grid-template-columns:86px minmax(0,1fr) 92px;align-items:center;gap:14px;height:48px;border-bottom:1px solid rgba(128,153,199,.09);opacity:.68;transition:.28s ease}
.infra-diag-lane:last-child{border-bottom:0}.infra-diag-lane>span{font-size:9px;letter-spacing:.15em;color:#8090ad;font-weight:800}.infra-diag-lane>b{text-align:right;font-size:9px;letter-spacing:.1em;color:#75839d}
.infra-diag-trace{position:relative;height:22px;overflow:hidden;background:linear-gradient(180deg,transparent 48%,rgba(124,155,217,.16) 49%,rgba(124,155,217,.16) 52%,transparent 53%)}
.infra-diag-trace::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,rgba(126,159,224,.05) 24px 25px)}
.infra-diag-trace i{position:absolute;left:var(--trace-start,18%);top:50%;width:var(--trace-width,18%);height:2px;border-radius:99px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,#8bbcff 26%,#8c79ff 72%,transparent);box-shadow:0 0 7px rgba(115,135,255,.45);opacity:var(--trace-opacity,.88);animation:infraTracePulse var(--trace-speed,3.2s) ease-in-out infinite;animation-delay:var(--trace-delay,0s);will-change:transform,opacity}
@keyframes infraTracePulse{0%,100%{opacity:calc(var(--trace-opacity,.88) * .58);transform:translateY(-50%) scaleX(.95)}50%{opacity:var(--trace-opacity,.88);transform:translateY(-50%) scaleX(1.05)}}
@keyframes infraTraceGlide{0%,100%{transform:translateY(-50%) translateX(-2px);opacity:calc(var(--trace-opacity,.88) * .68)}50%{transform:translateY(-50%) translateX(2px);opacity:var(--trace-opacity,.88)}}
@keyframes infraMorseBlink{0%,15%,100%{opacity:.14}18%,28%{opacity:var(--trace-opacity,.9)}31%,36%{opacity:.2}40%,48%{opacity:calc(var(--trace-opacity,.9) * .84)}52%,100%{opacity:.18}}
@keyframes infraWaveRoll{0%,100%{transform:translateY(-50%) scaleX(.98)}50%{transform:translateY(-50%) scaleX(1.04) translateY(-1px)}}
@keyframes infraOpsShimmer{0%{opacity:.26;filter:brightness(.88)}50%{opacity:var(--trace-opacity,.9);filter:brightness(1.22)}100%{opacity:.26;filter:brightness(.88)}}
.infra-diag-lane.is-active{opacity:1}.infra-diag-lane.is-active>span{color:#c3d3ff}.infra-diag-lane.is-active>b{color:#a8bbff;text-shadow:0 0 12px rgba(111,131,255,.32)}
.infra-diag-lane.is-alert .infra-diag-trace i{height:3px;background:linear-gradient(90deg,transparent,#d7e8ff 25%,#9178ff 75%,transparent);box-shadow:0 0 10px rgba(135,119,255,.6)}
.infra-diagnostics[data-state="uptime"] .infra-diag-trace i{border-radius:4px;background:repeating-linear-gradient(90deg,transparent 0 6%,#ddecff 6% 11%,transparent 11% 19%,#8f7cff 19% 24%,transparent 24% 34%,#89b8ff 34% 39%,transparent 39% 52%);box-shadow:0 0 10px rgba(141,186,255,.34);animation:infraMorseBlink var(--trace-speed,2.8s) steps(1,end) infinite}
.infra-diagnostics[data-state="uptime"] .infra-diag-sweep{animation:infraDiagSweepStep 8.2s steps(6,end) infinite;opacity:.52}
@keyframes infraDiagSweepStep{0%{transform:translateX(0)}100%{transform:translateX(430px)}}
.infra-diagnostics[data-state="delivery"] .infra-diag-trace i{background:linear-gradient(90deg,transparent,#c7dcff 15%,#a2b4ff 42%,#927eff 78%,transparent);box-shadow:0 0 10px rgba(125,145,255,.42);animation:infraTracePulse var(--trace-speed,3s) ease-in-out infinite}
.infra-diagnostics[data-state="delivery"] .infra-diag-sweep{animation-duration:6.4s;opacity:.36}
.infra-diagnostics[data-state="performance"] .infra-diag-trace i{height:3px;background:linear-gradient(90deg,transparent,#8ec5ff 18%,#d7e8ff 50%,#907eff 82%,transparent);box-shadow:0 0 12px rgba(128,169,255,.48);animation:infraTraceGlide var(--trace-speed,4.1s) ease-in-out infinite}
.infra-diagnostics[data-state="performance"] .infra-diag-sweep{animation-duration:9.2s;opacity:.28}
.infra-diagnostics[data-state="security"] .infra-diag-trace i{height:4px;border-radius:999px;background:repeating-radial-gradient(circle at 8px 50%,#dce9ff 0 1.5px,#9f8bff 1.5px 3px,transparent 3px 9px);box-shadow:0 0 11px rgba(144,123,255,.34);animation:infraWaveRoll var(--trace-speed,3.5s) ease-in-out infinite}
.infra-diagnostics[data-state="security"] .infra-diag-sweep{animation-duration:7.5s;opacity:.44;filter:blur(.3px)}
.infra-diagnostics[data-state="operations"] .infra-diag-trace i{height:2px;background:linear-gradient(90deg,transparent,rgba(224,239,255,.08) 10%,rgba(199,222,255,.94) 52%,rgba(143,126,255,.72) 74%,transparent 100%);box-shadow:0 0 10px rgba(136,166,255,.38);animation:infraOpsShimmer var(--trace-speed,2.9s) linear infinite}
.infra-diagnostics[data-state="operations"] .infra-diag-sweep{animation-duration:11s;opacity:.22}

/* 04 — SIGNAL / HORIZONTAL BACKPLANE */
.infra-contact-backplane{position:absolute;left:50%;top:50%;width:100vw;max-width:none;height:570px;transform:translate(-50%,-48%);opacity:.42;pointer-events:none;z-index:0;overflow:hidden}
.infra-contact-backplane::before{content:"";position:absolute;inset:15% 8%;background:radial-gradient(ellipse at center,rgba(93,119,255,.08),rgba(115,90,231,.025) 45%,transparent 72%);filter:blur(22px)}
.infra-contact-rail{position:absolute;left:-1%;right:-1%;height:1px;background:linear-gradient(90deg,transparent,rgba(138,176,234,.18) 9%,rgba(115,130,255,.32) 50%,rgba(139,112,255,.14) 91%,transparent);transform-origin:center}
.infra-contact-rail::after{content:"";position:absolute;left:0;top:-5px;width:100%;height:11px;background:repeating-linear-gradient(90deg,transparent 0 64px,rgba(132,159,211,.05) 64px 65px)}
.infra-contact-rail span{position:absolute;left:6%;top:-20px;font-size:7px;letter-spacing:.17em;color:#62718e}
.infra-contact-rail i{position:absolute;top:50%;left:-3%;width:7px;height:7px;border-radius:50%;transform:translateY(-50%);background:#eef8ff;box-shadow:0 0 9px #86c7ff,0 0 20px rgba(121,103,255,.62);animation:infraRailPacket 8s linear infinite}
.infra-contact-rail--a{top:24%;transform:rotate(-3deg)}.infra-contact-rail--b{top:40%;transform:rotate(2deg)}.infra-contact-rail--c{top:59%;transform:rotate(-1.5deg)}.infra-contact-rail--d{top:76%;transform:rotate(3deg)}
.infra-contact-rail--b i{animation-delay:-2s}.infra-contact-rail--c i{animation-delay:-4s}.infra-contact-rail--d i{animation-delay:-6s}
@keyframes infraRailPacket{from{left:-3%;opacity:0}8%{opacity:1}92%{opacity:1}to{left:103%;opacity:0}}
.infra-contact-watermark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(150px,19vw,300px);font-weight:900;letter-spacing:-.075em;color:transparent;-webkit-text-stroke:1px rgba(125,146,255,.055);white-space:nowrap}

/* Make Infrastructure feel calmer and more operational than AI. */
.we-infrastructure-page .infra-challenge-tab{border-radius:12px;background:linear-gradient(90deg,rgba(9,18,31,.82),rgba(11,10,25,.78))}
.we-infrastructure-page .infra-challenge-tab.is-active{background:linear-gradient(90deg,rgba(17,31,53,.95),rgba(19,14,43,.88));box-shadow:inset 3px 0 0 rgba(129,158,255,.72)}
.we-infrastructure-page .infra-rack{border-radius:18px}
.we-infrastructure-page .infra-contact-input{box-shadow:0 10px 35px rgba(0,0,0,.12)}

@media (max-width:1150px){
  .infra-chassis{max-width:760px;width:100%;margin:0 auto;min-height:555px}
  .infra-diagnostics{min-height:522px}
}
@media (max-width:820px){
  .infra-chassis{min-height:auto}.infra-chassis-body{grid-template-columns:1fr;grid-template-rows:none;padding:18px 18px 18px 42px}.infra-module{min-height:92px}.infra-chassis-metrics{grid-template-columns:1fr 1fr;height:auto}.infra-chassis-metrics span{min-height:62px;border-bottom:1px solid rgba(126,153,255,.1)}
  .infra-diagnostics{min-height:650px}.infra-diag-screen{bottom:245px;padding:28px 14px 14px}.infra-diag-lane{grid-template-columns:70px 1fr 76px;gap:8px}.infra-diag-scale{left:90px;right:92px}.infra-status-readout{min-height:245px;grid-template-columns:1fr;gap:10px}.infra-status-readout>strong{text-align:left}
  .infra-contact-backplane{width:980px;height:620px;opacity:.28}.infra-contact-watermark{font-size:190px}
}
@media (max-width:520px){
  .infra-chassis-top{grid-template-columns:auto 1fr}.infra-chassis-top strong{display:none}.infra-chassis-metrics{grid-template-columns:1fr 1fr}.infra-module h3{font-size:18px}
  .infra-diagnostics{min-height:690px}.infra-diag-lane{grid-template-columns:62px 1fr 66px}.infra-diag-lane>span,.infra-diag-lane>b{font-size:7px}.infra-diag-scale{display:none}
  .infra-contact-backplane{width:780px;opacity:.2}
}
@media (prefers-reduced-motion:reduce){
  .infra-diag-sweep,.infra-diag-trace i,.infra-contact-rail i{animation:none!important}
  .infra-power-rail i,.infra-module,.infra-diag-lane{transition:none!important}
}


/* ==================================================================
   INFRASTRUCTURE V0.10.50 — narrower shell + distinct instruments
   ================================================================== */
@media (min-width:1081px){
  .we-infrastructure-page .infra-scene .page-shell,
  .we-infrastructure-page .infra-footer{width:min(1320px,calc(100vw - 120px))}
}

.infra-viz{position:absolute;inset:0;padding:24px 20px 16px;color:#c7d4f4}
.infra-viz *{box-sizing:border-box}
.infra-viz--uptime{padding-top:29px;background-image:linear-gradient(rgba(125,169,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(125,169,255,.026) 1px,transparent 1px);background-size:38px 38px}
.infra-morse-row{display:grid;grid-template-columns:86px minmax(0,1fr) 92px;gap:14px;align-items:center;height:48px;border-bottom:1px solid rgba(128,153,199,.09)}
.infra-morse-row>span,.infra-morse-row>b{font-size:9px;letter-spacing:.14em;font-weight:800}.infra-morse-row>b{text-align:right;color:#9eb0e8}.infra-morse-track{position:relative;height:18px;border-bottom:1px solid rgba(134,160,219,.14);overflow:hidden}
.infra-morse-track i{position:absolute;top:8px;height:3px;border-radius:2px;background:#cfe4ff;box-shadow:0 0 9px rgba(128,154,255,.52);animation:infraMorseDrift 3.4s steps(1,end) infinite}
.infra-morse-track i:nth-child(1){left:10%;width:2%}.infra-morse-track i:nth-child(2){left:15%;width:6%;animation-delay:.18s}.infra-morse-track i:nth-child(3){left:24%;width:2%;animation-delay:.36s}.infra-morse-track i:nth-child(4){left:30%;width:8%;animation-delay:.54s}.infra-morse-track i:nth-child(5){left:42%;width:3%;animation-delay:.72s}
.infra-morse-row.m2{opacity:.66}.infra-morse-row.m2 .infra-morse-track{transform:translateX(2%)}.infra-morse-row.m3 .infra-morse-track{transform:translateX(8%)}.infra-morse-row.m4 .infra-morse-track{transform:translateX(27%)}.infra-morse-row.m5 .infra-morse-track{transform:translateX(46%)}
@keyframes infraMorseDrift{0%,14%,100%{opacity:.18}15%,28%{opacity:1}29%,39%{opacity:.26}40%,54%{opacity:.84}55%,100%{opacity:.2}}

.infra-viz--delivery{display:flex;flex-direction:column;justify-content:center;padding:22px 28px;background:radial-gradient(circle at 50% 52%,rgba(94,112,255,.07),transparent 52%)}
.infra-delivery-caption,.infra-delivery-foot{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:.17em;color:#65728d}.infra-delivery-caption b{font-size:8px;color:#97a8da}
.infra-delivery-route{position:relative;height:172px;margin:10px 5px 12px}.infra-delivery-line{position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,rgba(122,155,225,.15),rgba(137,161,255,.78),rgba(128,110,255,.7),rgba(122,155,225,.15));box-shadow:0 0 16px rgba(106,127,255,.12)}
.infra-mail-gate{position:absolute;top:50%;width:80px;height:86px;transform:translate(-50%,-50%);border:1px solid rgba(132,152,224,.22);border-radius:12px;background:linear-gradient(160deg,rgba(14,25,43,.92),rgba(17,12,37,.9));display:flex;flex-direction:column;justify-content:center;padding:11px;box-shadow:0 8px 28px rgba(0,0,0,.16)}
.infra-mail-gate span{font-size:6px;letter-spacing:.15em;color:#72809e}.infra-mail-gate strong{font-size:14px;margin-top:4px;color:#fff}.infra-mail-gate small{font-size:7px;margin-top:8px;color:#9facd1;letter-spacing:.08em}.infra-mail-gate i{position:absolute;right:-4px;top:50%;width:7px;height:7px;border-radius:50%;background:#a8c7ff;box-shadow:0 0 10px rgba(130,154,255,.65)}
.infra-mail-gate.gate-1{left:10%}.infra-mail-gate.gate-2{left:30%}.infra-mail-gate.gate-3{left:50%}.infra-mail-gate.gate-4{left:70%}.infra-mail-gate.gate-5{left:90%;border-color:rgba(137,123,255,.42);box-shadow:0 0 28px rgba(108,94,255,.08)}
.infra-mail-packet{position:absolute;top:calc(50% - 6px);left:4%;width:12px;height:9px;border:1px solid #d9e9ff;border-radius:2px;background:rgba(187,210,255,.18);box-shadow:0 0 14px rgba(133,159,255,.7);z-index:6;animation:infraMailTravel 6.6s linear infinite}.infra-mail-packet::after{content:"";position:absolute;left:2px;right:2px;top:3px;height:1px;background:#dceaff;transform:rotate(24deg)}.infra-mail-packet--b{animation-delay:-3.3s;opacity:.5}
@keyframes infraMailTravel{0%{left:4%;opacity:0}4%{opacity:1}92%{opacity:1}96%,100%{left:94%;opacity:0}}

.infra-viz--performance{padding:21px 22px 12px;background:linear-gradient(180deg,rgba(10,21,37,.28),transparent)}
.infra-perf-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#6f7e9a}.infra-perf-head strong{color:#aebdf1}.infra-perf-head em{font-style:normal;font-size:16px;color:#e1eaff;letter-spacing:0}.infra-perf-wave{position:absolute;left:95px;top:47px;width:calc(100% - 185px);height:52px;opacity:.22;filter:drop-shadow(0 0 7px rgba(128,142,255,.32))}.infra-perf-wave path{fill:none;stroke:#8499ff;stroke-width:1.2;stroke-dasharray:4 5;animation:infraPerfDash 8s linear infinite}@keyframes infraPerfDash{to{stroke-dashoffset:-90}}
.infra-waterfall{margin-top:34px}.infra-water-row{display:grid;grid-template-columns:86px 1fr 70px;gap:14px;align-items:center;height:43px;border-bottom:1px solid rgba(128,153,199,.08)}.infra-water-row>span,.infra-water-row>b{font-size:8px;letter-spacing:.14em;font-weight:800}.infra-water-row>b{text-align:right;color:#aebbf0}.infra-water-track{position:relative;height:16px;border-bottom:1px solid rgba(133,160,216,.13)}.infra-water-track i{position:absolute;left:var(--left);width:var(--width);top:7px;height:3px;border-radius:99px;background:linear-gradient(90deg,#89bfff,#d4e7ff 48%,#8e79ff);box-shadow:0 0 11px rgba(115,150,255,.42);transform-origin:left;animation:infraWaterGrow 3.6s ease-in-out infinite;animation-delay:var(--delay)}@keyframes infraWaterGrow{0%,100%{transform:scaleX(.72);opacity:.45}48%{transform:scaleX(1);opacity:1}}

.infra-viz--security{padding:18px 24px 12px;background:linear-gradient(180deg,rgba(9,17,33,.24),rgba(15,10,33,.09)),radial-gradient(circle at 75% 48%,rgba(105,91,255,.09),transparent 44%)}
.infra-security-head,.infra-security-foot{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#6f7d9d}.infra-security-head strong,.infra-security-foot b{font-size:7px;color:#a4b3df}.infra-security-stage{display:grid;grid-template-columns:88px minmax(0,1fr) 170px;gap:18px;align-items:center;height:242px;margin-top:8px}.infra-threat-stream{position:relative;height:184px;border-right:1px solid rgba(126,151,215,.12)}.infra-threat-stream>span{position:absolute;left:0;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;font-size:6px;letter-spacing:.18em;color:#5f6b84}.threat-packet{position:absolute;right:8px;width:7px;height:7px;border-radius:50%;background:#d9e7ff;box-shadow:0 0 11px rgba(144,168,255,.65);animation:infraThreatApproach 4.8s ease-in-out infinite}.threat-packet--a{top:25%;animation-delay:-1.1s}.threat-packet--b{top:49%;animation-delay:-2.9s}.threat-packet--c{top:72%;animation-delay:-4s}@keyframes infraThreatApproach{0%,100%{transform:translateX(-42px) scale(.72);opacity:.18}52%{transform:translateX(0) scale(1);opacity:1}62%,100%{opacity:.16}}
.infra-defense-stack{position:relative;display:grid;grid-template-rows:repeat(5,1fr);gap:7px;min-width:0}.infra-defense-layer{position:relative;justify-self:start;display:grid;grid-template-columns:28px minmax(0,1fr) 72px;gap:11px;align-items:center;height:36px;padding:0 12px;border:1px solid rgba(127,148,213,.16);border-radius:10px;background:linear-gradient(90deg,rgba(17,25,43,.76),rgba(20,14,42,.7));overflow:hidden;box-shadow:inset 0 0 20px rgba(89,96,177,.025)}.infra-defense-layer::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#9dc9ff,#8d78ff);opacity:.48}.infra-defense-layer>span{font-size:6px;letter-spacing:.13em;color:#66728d}.infra-defense-layer strong{display:block;font-size:10px;line-height:1;color:#eef4ff}.infra-defense-layer small{display:block;margin-top:3px;font-size:6px;letter-spacing:.08em;color:#6f7e9c}.infra-defense-layer>b{font-size:6px;letter-spacing:.12em;text-align:right;color:#99a9d6}.infra-defense-layer.layer-1{width:88%;margin-left:0}.infra-defense-layer.layer-2{width:94%;margin-left:0}.infra-defense-layer.layer-3{width:100%;margin-left:0;border-color:rgba(143,128,255,.3);background:linear-gradient(90deg,rgba(18,29,50,.84),rgba(35,20,67,.78));box-shadow:0 0 24px rgba(97,87,255,.06)}.infra-defense-layer.layer-4{width:92%;margin-left:0}.infra-defense-layer.layer-5{width:84%;margin-left:0}.infra-security-scan{position:absolute;left:-2%;right:-2%;top:0;height:1px;background:linear-gradient(90deg,transparent,#d8e8ff 42%,#8d7cff 62%,transparent);box-shadow:0 0 10px rgba(132,157,255,.46);animation:infraSecurityScan 5.4s ease-in-out infinite}@keyframes infraSecurityScan{0%,100%{top:4%;opacity:0}12%{opacity:.75}50%{opacity:.9}88%{opacity:.5}100%{top:96%;opacity:0}}
.infra-secure-core{height:154px;border:1px solid rgba(139,129,235,.3);border-radius:18px;background:linear-gradient(155deg,rgba(17,28,49,.86),rgba(28,17,55,.82));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 34px rgba(99,88,255,.07),inset 0 0 30px rgba(99,88,255,.03)}.infra-lock-mark{position:relative;width:34px;height:31px;margin-bottom:12px;border:1px solid rgba(173,194,255,.58);border-radius:8px;background:rgba(110,94,255,.06);box-shadow:0 0 18px rgba(130,116,255,.09)}.infra-lock-mark::before{content:"";position:absolute;left:9px;top:-12px;width:14px;height:14px;border:1px solid rgba(173,194,255,.58);border-bottom:0;border-radius:9px 9px 0 0}.infra-lock-mark i{position:absolute;left:50%;top:11px;width:4px;height:8px;transform:translateX(-50%);border-radius:3px;background:#d9e7ff;box-shadow:0 0 8px rgba(163,175,255,.55)}.infra-secure-core>span{font-size:6px;letter-spacing:.16em;color:#7886a7}.infra-secure-core>strong{margin-top:5px;font-size:16px;color:#f1f5ff}.infra-secure-core>small{margin-top:10px;font-size:6px;letter-spacing:.08em;color:#7885a5}.infra-security-foot{padding-top:10px;border-top:1px solid rgba(128,153,199,.08)}

.infra-viz--operations{padding:22px 28px 14px;background:linear-gradient(180deg,rgba(13,20,35,.24),transparent)}.infra-ops-head,.infra-ops-foot{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.16em;color:#6e7b96}.infra-ops-head strong{font-size:7px;color:#95a4ce}.infra-ops-rails{margin-top:22px}.infra-ops-row{display:grid;grid-template-columns:82px 1fr 84px;gap:16px;align-items:center;height:44px}.infra-ops-row>span,.infra-ops-row>strong{font-size:8px;letter-spacing:.13em;font-weight:800}.infra-ops-row>strong{text-align:right;color:#9facd9}.infra-ops-track{position:relative;height:12px}.infra-ops-track::before{content:"";position:absolute;left:0;right:0;top:5px;height:1px;background:rgba(127,154,211,.18)}.infra-ops-track i{position:absolute;top:4px;left:0;width:18%;height:2px;background:linear-gradient(90deg,transparent,#d7e7ff 44%,#8d7cff 70%,transparent);box-shadow:0 0 8px rgba(130,157,255,.36);animation:infraOpsRail 6.2s linear infinite;animation-delay:var(--delay)}.infra-ops-track b{position:absolute;left:var(--marker);top:2px;width:7px;height:7px;border-radius:50%;border:1px solid rgba(145,159,220,.65);background:#0b0d1b;box-shadow:0 0 9px rgba(129,148,255,.18)}@keyframes infraOpsRail{0%{left:-12%;opacity:0}12%{opacity:.8}88%{opacity:.8}100%{left:94%;opacity:0}}.infra-ops-foot{margin-top:17px;padding-top:12px;border-top:1px solid rgba(128,153,199,.09)}.infra-ops-foot b{color:#aab7dd}

@media (max-width:1080px){
  .infra-delivery-route{transform:scale(.92)}
  .infra-security-stage{grid-template-columns:64px minmax(0,1fr) 142px;gap:12px}.infra-secure-core{height:142px}
}
@media (max-width:760px){
  .infra-morse-row{grid-template-columns:62px 1fr 66px;gap:8px}.infra-morse-row>span,.infra-morse-row>b{font-size:7px}
  .infra-delivery-route{transform:scale(.82);transform-origin:center}.infra-delivery-foot{display:none}
  .infra-perf-wave{display:none}.infra-water-row{grid-template-columns:62px 1fr 58px;gap:8px}
  .infra-security-stage{grid-template-columns:1fr;height:248px}.infra-threat-stream,.infra-secure-core{display:none}.infra-defense-stack{margin-top:7px}.infra-security-foot{display:none}
  .infra-ops-row{grid-template-columns:62px 1fr 64px;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .infra-morse-track i,.infra-mail-packet,.infra-perf-wave path,.infra-water-track i,.threat-packet,.infra-security-scan,.infra-ops-track i{animation:none!important}
}

/* ======================================================================
   V0.10.52 — SHARED SITE PANEL
   ====================================================================== */
.glass-panel-v052{overflow:hidden}
.panel-nav-v052{margin:34px 0 24px;min-height:0;overflow-y:auto;padding-right:4px;scrollbar-width:none}
.panel-nav-v052::-webkit-scrollbar{display:none}
.panel-nav-v052 .panel-primary-link{padding:15px 0;font-size:25px}
.panel-worlds-toggle{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#eef5fa;padding:15px 0;display:flex;align-items:center;justify-content:space-between;text-align:left;transition:.22s ease}
.panel-worlds-toggle>span{display:block}.panel-worlds-toggle small{display:block;margin-bottom:7px;font-size:7px;letter-spacing:.22em;color:#587084;font-weight:600}.panel-worlds-toggle b{font-size:25px;letter-spacing:-.04em}.panel-worlds-toggle>i{font-style:normal;font-size:22px;color:#7b92a5;transition:.25s ease}.panel-worlds-toggle[aria-expanded="true"]>i{transform:rotate(45deg);color:#dff8ff}.panel-worlds-toggle:hover{padding-left:8px}
.panel-worlds-list{max-height:0;overflow:hidden;opacity:.28;transition:max-height .38s var(--ease),opacity .25s ease,padding .3s ease;border-bottom:1px solid rgba(255,255,255,.07)}
.panel-worlds-list.is-open{max-height:560px;opacity:1;padding:8px 0 10px}
.panel-world-link{min-height:0;overflow:hidden;display:grid!important;grid-template-columns:12px 1fr;gap:11px;align-items:center;padding:8px 4px!important;border:0!important;font-size:inherit!important;color:#b7c6d1!important}
.panel-world-link>i{width:7px;height:7px;border-radius:50%;background:var(--world-color);box-shadow:0 0 14px color-mix(in srgb,var(--world-color) 70%,transparent)}
.panel-world-link>span{display:block!important;margin:0!important}.panel-world-link strong{display:block;font-size:13px;letter-spacing:-.015em;color:#edf5fa}.panel-world-link small{display:block;margin-top:2px;font-size:7px;line-height:1.3;letter-spacing:.09em;color:#617687}.panel-world-link:hover,.panel-world-link.is-current{padding-left:10px!important;background:linear-gradient(90deg,color-mix(in srgb,var(--world-color) 8%,transparent),transparent);border-radius:10px}.panel-world-link.is-current strong{color:#fff}.panel-world-link.is-current>i{transform:scale(1.35)}
.panel-bottom-v052 small{max-width:210px}
@supports not (color:color-mix(in srgb,#fff,#000)){.panel-world-link>i{box-shadow:0 0 12px rgba(95,224,180,.35)}.panel-world-link:hover,.panel-world-link.is-current{background:rgba(255,255,255,.025)}}

/* ======================================================================
   V0.10.52 — TRUST WORLD
   ====================================================================== */
.we-trust-page{--trust:#55e6a5;--trust-2:#a8f5d1;--trust-soft:rgba(85,230,165,.13);--trust-line:rgba(99,226,175,.18);background:#030807}
.trust-world-main{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 16%,rgba(22,118,97,.16),transparent 28%),radial-gradient(circle at 82% 52%,rgba(85,230,165,.045),transparent 34%),linear-gradient(180deg,#03100e 0%,#04070d 44%,#030706 100%)}
.trust-cosmos{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.8}.trust-cosmos i{position:absolute;left:var(--x);top:var(--y);width:calc(2px * var(--s));height:calc(2px * var(--s));border-radius:50%;background:#d7fff0;box-shadow:0 0 8px rgba(117,245,192,.38)}
.trust-scene{min-height:100svh;position:relative;z-index:1;display:flex;align-items:center;padding:118px 0 72px;overflow:hidden}
.trust-index{display:flex;align-items:center;gap:14px;font-size:9px;letter-spacing:.22em;font-weight:800;color:#7fdcad}.trust-index::before{content:"";width:24px;height:1px;background:linear-gradient(90deg,#8ff0c2,#4fd69c)}
.trust-hero-shell{display:grid;grid-template-columns:minmax(0,.93fr) minmax(520px,1.07fr);gap:66px;align-items:center}
.trust-hero-copy h1{margin:25px 0 20px;font-size:clamp(50px,4.15vw,70px);line-height:.93;letter-spacing:-.065em}.trust-hero-copy h1 span,.trust-challenges-head h2 span,.trust-system-head h2 span,.trust-contact h2 span{color:transparent;background:linear-gradient(94deg,#f4f7f6 0%,#c9d4cf 31%,#a8f5d1 61%,#55e6a5 100%);-webkit-background-clip:text;background-clip:text}
.trust-hero-copy>p{max-width:650px;margin:0;color:#b6c4bf;font-size:16px;line-height:1.58}.trust-tags{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;color:#d9e5e1;font-size:8px;font-weight:800;letter-spacing:.13em}.trust-tags i{width:4px;height:4px;border-radius:50%;background:#5ce1a4;box-shadow:0 0 9px rgba(85,230,165,.55)}
.trust-signal,.trust-contact-input{margin-top:22px;width:min(100%,610px);min-height:65px;border:1px solid rgba(85,230,165,.26);border-radius:17px;background:linear-gradient(90deg,rgba(7,25,21,.72),rgba(8,15,19,.60));color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 9px 0 19px;text-align:left;box-shadow:0 18px 60px rgba(0,0,0,.16);transition:.25s ease}.trust-signal:hover,.trust-contact-input:hover{border-color:rgba(85,230,165,.48);box-shadow:0 0 30px rgba(85,230,165,.05),0 18px 60px rgba(0,0,0,.18)}.trust-signal span,.trust-contact-input span{font-size:15px;font-weight:700}.trust-signal small,.trust-contact-input small{display:block;margin-bottom:6px;color:#7bbf9f;font-size:8px;letter-spacing:.17em}.trust-signal>i,.trust-contact-input>i{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-style:normal;font-size:24px;color:#07110e;background:linear-gradient(135deg,#d9ffed,#74eab5 58%,#37c78d)}

.trust-hero-system{position:relative;min-height:540px;isolation:isolate}.trust-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;width:180px;height:180px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle at 50% 42%,rgba(92,232,169,.16),rgba(6,18,16,.95) 56%,rgba(4,9,11,.98));border:1px solid rgba(113,235,183,.26);box-shadow:0 0 0 20px rgba(85,230,165,.018),0 0 70px rgba(54,185,132,.08)}.trust-core small{font-size:7px;letter-spacing:.18em;color:#6f9c8b}.trust-core strong{margin-top:8px;font-size:31px;letter-spacing:-.06em}.trust-core span{display:block;margin-top:7px;font-size:7px;letter-spacing:.14em;color:#87d8b4}
.trust-orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(85,230,165,.12);border-radius:50%;z-index:1}.trust-orbit--outer{width:560px;height:330px;transform:translate(-50%,-50%) rotate(-9deg)}.trust-orbit--inner{width:440px;height:250px;transform:translate(-50%,-50%) rotate(13deg);border-color:rgba(213,255,237,.09)}.trust-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#dffff0;box-shadow:0 0 14px rgba(85,230,165,.75),0 0 30px rgba(85,230,165,.22);left:50%;top:50%;offset-rotate:0deg}.trust-orbit--outer i{offset-path:path('M 280 165 A 260 145 0 1 1 279.9 165');animation:trustOrbitA 13s linear infinite}.trust-orbit--inner i{offset-path:path('M 220 125 A 200 105 0 1 1 219.9 125');animation:trustOrbitB 10s linear infinite reverse}@keyframes trustOrbitA{to{offset-distance:100%}}@keyframes trustOrbitB{to{offset-distance:100%}}
.trust-layer{position:absolute;z-index:3;border:1px solid rgba(111,215,169,.18);border-radius:18px;background:linear-gradient(145deg,rgba(10,27,24,.88),rgba(5,12,16,.86));color:#eef8f4;text-align:left;padding:15px 16px;box-shadow:0 18px 44px rgba(0,0,0,.18);transition:.34s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(12px)}.trust-layer small{display:block;color:#6fa58e;font-size:7px;letter-spacing:.16em}.trust-layer strong{display:block;margin-top:13px;font-size:18px;line-height:.96;letter-spacing:-.035em}.trust-layer span{display:block;margin-top:8px;color:#7c9d90;font-size:8px}.trust-layer:hover,.trust-layer:focus-visible,.trust-layer.is-active{outline:none;transform:translateY(-5px) scale(1.035);border-color:rgba(108,236,181,.55);background:linear-gradient(145deg,rgba(15,41,34,.96),rgba(7,17,20,.94));box-shadow:0 0 28px rgba(73,217,158,.08),0 22px 46px rgba(0,0,0,.24)}.trust-layer.is-active strong{color:#baffd9}
.trust-layer--consent{left:6%;top:41%;width:150px}.trust-layer--privacy{left:24%;top:9%;width:160px}.trust-layer--tracking{right:21%;top:10%;width:164px}.trust-layer--access{right:5%;top:44%;width:150px}.trust-layer--policy{left:38%;bottom:3%;width:170px}.trust-hero-readout{position:absolute;right:8%;bottom:8%;display:flex;align-items:center;gap:10px;color:#628878;font-size:7px;letter-spacing:.16em}.trust-hero-readout i{width:42px;height:1px;background:linear-gradient(90deg,#55e6a5,transparent)}

.trust-challenges,.trust-system{padding-top:100px}.trust-challenges-head,.trust-system-head{display:grid;grid-template-columns:1.35fr .75fr;gap:80px;align-items:end;margin-top:24px}.trust-challenges-head h2,.trust-system-head h2{font-size:clamp(40px,3.15vw,54px);line-height:.97;letter-spacing:-.055em;margin:0}.trust-challenges-head p,.trust-system-head p{margin:0;color:#abb9b4;font-size:16px;line-height:1.55}.trust-challenge-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:16px;margin-top:46px}.trust-audit{min-height:515px;border:1px solid rgba(85,230,165,.19);border-radius:28px;overflow:hidden;background:linear-gradient(155deg,rgba(6,19,17,.84),rgba(8,10,16,.77));box-shadow:0 30px 90px rgba(0,0,0,.13)}.trust-audit-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(85,230,165,.12);font-size:8px;letter-spacing:.16em;color:#6d8f82}.trust-audit-top strong{color:#83d6b1;font-size:8px}.trust-audit-stage{position:relative;height:330px;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;padding:34px 42px;background-image:linear-gradient(rgba(107,221,174,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(107,221,174,.035) 1px,transparent 1px);background-size:38px 38px;overflow:hidden}.trust-audit-lines{position:absolute;inset:23px 32px 28px;width:calc(100% - 64px);height:calc(100% - 51px);z-index:1}.trust-audit-lines path{fill:none;stroke:rgba(118,222,180,.17);stroke-width:1.3;stroke-dasharray:5 9}.trust-audit.is-switching .trust-audit-lines path{animation:trustDash 1.05s linear infinite}@keyframes trustDash{to{stroke-dashoffset:-28}}
.trust-audit-column{position:relative;z-index:2;display:grid;gap:11px}.trust-audit-column small{font-size:7px;letter-spacing:.19em;color:#628275}.trust-audit-column span{display:flex;align-items:center;min-height:52px;padding:0 14px;border:1px solid rgba(143,224,190,.15);border-radius:13px;background:rgba(4,13,15,.86);font-size:12px;font-weight:700;letter-spacing:.04em}.trust-audit-column--result{text-align:right}.trust-audit-column--result span{justify-content:flex-end;color:#b7f2d4}.trust-audit-filter{position:relative;z-index:3;display:grid;justify-items:center;gap:13px}.trust-filter-ring{width:126px;height:126px;border-radius:50%;border:1px solid rgba(85,230,165,.25);display:grid;place-items:center;position:relative;background:radial-gradient(circle,rgba(85,230,165,.08),transparent 62%)}.trust-filter-ring::before,.trust-filter-ring::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(85,230,165,.10)}.trust-filter-ring::before{inset:17px}.trust-filter-ring::after{inset:34px}.trust-filter-ring i{position:absolute;top:8px;width:7px;height:7px;border-radius:50%;background:#dffff0;box-shadow:0 0 13px rgba(85,230,165,.8);animation:trustRingPulse 2s ease-in-out infinite}@keyframes trustRingPulse{50%{opacity:.38;transform:scale(1.55)}}.trust-filter-ring b{font-size:14px;letter-spacing:.08em}.trust-audit-filter small{font-size:7px;letter-spacing:.13em;color:#71a58e;text-align:center}
.trust-audit-readout{min-height:142px;border-top:1px solid rgba(85,230,165,.13);padding:18px 22px;display:grid;grid-template-columns:1.2fr 1.42fr 110px;gap:22px;align-items:center;background:linear-gradient(90deg,rgba(5,13,15,.98),rgba(8,14,14,.94))}.trust-audit-readout small{font-size:8px;letter-spacing:.17em;color:#72ba9a}.trust-audit-readout h3{margin:8px 0 0;font-size:21px;line-height:1.03;letter-spacing:-.035em}.trust-audit-readout p{font-size:12px;line-height:1.52;color:#a2b0aa;margin:0}.trust-audit-readout>strong{text-align:right;color:#aaf2cf;font-size:15px}.trust-challenge-tabs{display:grid;grid-template-rows:repeat(5,1fr);gap:9px}.trust-challenge-tab{border:1px solid rgba(125,183,159,.14);border-radius:18px;background:linear-gradient(145deg,rgba(7,17,18,.80),rgba(8,11,16,.78));color:#dbe5e1;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;padding:16px;text-align:left;transition:.28s ease}.trust-challenge-tab span{grid-row:1/3;font-size:9px;color:#6f897f;align-self:center}.trust-challenge-tab b{font-size:15px;align-self:end}.trust-challenge-tab small{font-size:9px;letter-spacing:.15em;color:#779184;margin-top:7px;font-weight:800}.trust-challenge-tab:hover{transform:translateX(-2px);border-color:rgba(85,230,165,.34)}.trust-challenge-tab.is-active{border-color:rgba(85,230,165,.62);background:radial-gradient(circle at 78% 20%,rgba(85,230,165,.10),transparent 46%),linear-gradient(145deg,rgba(10,28,24,.95),rgba(8,13,17,.92));box-shadow:0 0 30px rgba(85,230,165,.05)}.trust-challenge-tab.is-active b{color:#fff}.trust-challenge-tab.is-active small,.trust-challenge-tab.is-active span{color:#a8e7c9}

.trust-system-head{margin-bottom:42px}.trust-ledger{position:relative;border:1px solid rgba(85,230,165,.18);border-radius:28px;background:linear-gradient(155deg,rgba(5,18,16,.84),rgba(8,10,16,.76));overflow:hidden}.trust-ledger::before{content:"";position:absolute;inset:42px 0 0;background:repeating-linear-gradient(90deg,rgba(85,230,165,.018) 0 1px,transparent 1px 90px);pointer-events:none}.trust-ledger-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 42px;border-bottom:1px solid rgba(85,230,165,.13);color:#6c897d;font-size:8px;letter-spacing:.16em}.trust-ledger-top strong{color:#87dab6}.trust-ledger-rail{position:absolute;left:20px;top:43px;bottom:0;width:1px;background:linear-gradient(180deg,rgba(85,230,165,.14),rgba(85,230,165,.48),rgba(85,230,165,.08));z-index:4}.trust-ledger-rail i{position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:#e4fff2;box-shadow:0 0 9px #8ef2c4,0 0 20px rgba(85,230,165,.42);transition:transform .52s cubic-bezier(.2,.8,.2,1)}.trust-ledger-row{position:relative;z-index:2;min-height:88px;display:grid;grid-template-columns:54px minmax(0,1fr) 130px;gap:18px;align-items:center;padding:14px 24px 14px 34px;border-bottom:1px solid rgba(116,187,159,.105);transition:.3s ease;outline:none}.trust-ledger-row:last-child{border-bottom:0}.trust-ledger-row>span{font-size:10px;color:#6f8e82;letter-spacing:.14em}.trust-ledger-row small{display:block;font-size:7px;letter-spacing:.17em;color:#6fa58e;font-weight:800}.trust-ledger-row h3{margin:7px 0 0;font-size:19px;line-height:1.05;letter-spacing:-.035em}.trust-ledger-row p{margin:8px 0 0;color:#91a39c;font-size:12px;line-height:1.48}.trust-ledger-row>strong{text-align:right;color:#7d9c90;font-size:10px;letter-spacing:.13em}.trust-ledger-row:hover,.trust-ledger-row:focus,.trust-ledger-row.is-active{background:linear-gradient(90deg,rgba(85,230,165,.045),rgba(85,230,165,.012));box-shadow:inset 2px 0 0 rgba(85,230,165,.65)}.trust-ledger-row.is-active>strong{color:#baf8d8;text-shadow:0 0 14px rgba(85,230,165,.38)}.trust-system-note{text-align:center;color:#71867e;font-size:10px;margin:18px auto 0;max-width:980px}

.trust-contact{justify-content:center;text-align:center}.trust-contact-shell{z-index:3;display:grid;justify-items:center}.trust-contact h2{font-size:clamp(54px,5vw,80px);line-height:.94;letter-spacing:-.065em;margin:25px 0 0}.trust-contact-input{margin-top:25px;width:min(680px,86vw)}.trust-contact-shell>p{max-width:760px;margin:20px auto 0;color:#abb8b3;font-size:16px;line-height:1.55}.trust-contact-prompts{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px}.trust-contact-prompts button{border:1px solid rgba(112,199,163,.18);border-radius:999px;background:rgba(7,18,17,.55);color:#9cafaa;padding:9px 14px;font-size:9px;transition:.22s ease}.trust-contact-prompts button:hover{color:#eafff4;border-color:rgba(85,230,165,.39);background:rgba(23,61,48,.23)}.trust-contact-matrix{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.55}.trust-matrix-grid{position:absolute;left:8%;right:8%;top:24%;bottom:18%;background-image:linear-gradient(rgba(85,230,165,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(85,230,165,.035) 1px,transparent 1px);background-size:84px 84px;mask-image:radial-gradient(ellipse at center,#000 15%,transparent 72%)}.trust-matrix-node{position:absolute;width:9px;height:9px;border-radius:50%;background:#dffff0;box-shadow:0 0 12px rgba(85,230,165,.75),0 0 30px rgba(85,230,165,.15)}.trust-matrix-node::after{content:"";position:absolute;left:50%;top:50%;height:1px;width:38vw;background:linear-gradient(90deg,rgba(85,230,165,.28),transparent);transform-origin:left center}.trust-matrix-node--a{left:11%;top:39%}.trust-matrix-node--a::after{transform:rotate(5deg)}.trust-matrix-node--b{right:10%;top:31%}.trust-matrix-node--b::after{width:32vw;transform:rotate(172deg)}.trust-matrix-node--c{left:25%;bottom:27%}.trust-matrix-node--c::after{width:48vw;transform:rotate(-8deg)}.trust-matrix-node--d{right:27%;bottom:22%}.trust-matrix-node--d::after{width:29vw;transform:rotate(188deg)}.trust-matrix-node--e{left:49%;top:23%}.trust-matrix-node--e::after{height:34vh;width:1px;background:linear-gradient(180deg,rgba(85,230,165,.18),transparent);transform:rotate(0)}.trust-matrix-label{position:absolute;color:#4e7765;font-size:7px;letter-spacing:.16em}.trust-matrix-label--a{left:9%;top:34%}.trust-matrix-label--b{right:8%;top:26%}.trust-matrix-label--c{left:23%;bottom:22%}.trust-footer{color:#557066}

@media(max-width:1180px){.trust-hero-shell{grid-template-columns:1fr;gap:18px}.trust-hero-copy{max-width:760px}.trust-hero-system{min-height:510px}.trust-challenges-head,.trust-system-head{grid-template-columns:1fr;gap:20px}.trust-challenges-head p,.trust-system-head p{max-width:760px}.trust-challenge-layout{grid-template-columns:1fr}.trust-challenge-tabs{grid-template-columns:repeat(5,1fr);grid-template-rows:none}.trust-challenge-tab{min-height:95px}}
@media(max-width:760px){.glass-menu{grid-template-columns:1fr}.glass-menu-backdrop{display:none}.glass-panel-v052{width:100%;padding:22px}.panel-nav-v052 .panel-primary-link,.panel-worlds-toggle b{font-size:24px}.trust-scene{padding:112px 0 64px}.trust-hero-copy h1{font-size:clamp(39px,11vw,52px)}.trust-hero-copy>p,.trust-contact-shell>p{font-size:15px}.trust-hero-system{min-height:490px;transform:scale(.82);transform-origin:center top;margin-bottom:-65px}.trust-orbit--outer{width:520px}.trust-layer--consent{left:1%}.trust-layer--privacy{left:15%}.trust-layer--tracking{right:15%}.trust-layer--access{right:1%}.trust-layer--policy{left:34%}.trust-challenges-head h2,.trust-system-head h2{font-size:clamp(38px,10vw,50px)}.trust-audit-stage{height:390px;grid-template-columns:1fr 110px 1fr;padding:30px 16px}.trust-filter-ring{width:92px;height:92px}.trust-audit-readout{grid-template-columns:1fr;padding:18px}.trust-audit-readout>strong{text-align:left}.trust-challenge-tabs{display:flex;overflow-x:auto;padding-bottom:8px}.trust-challenge-tab{flex:0 0 180px}.trust-ledger-row{grid-template-columns:38px 1fr;padding:16px 16px 16px 30px}.trust-ledger-row>strong{grid-column:2;text-align:left}.trust-contact h2{font-size:clamp(46px,13vw,62px)}.trust-contact-input{width:100%}.trust-matrix-grid{left:-18%;right:-18%}.trust-matrix-label{display:none}}
@media(prefers-reduced-motion:reduce){.trust-orbit i,.trust-filter-ring i{animation:none!important}.trust-layer,.trust-ledger-row,.trust-ledger-rail i{transition:none!important}}

/* =========================================================
   V0.10.54 — TRUST DISTINCT SYSTEM LANGUAGE
   ========================================================= */
.we-trust-page{--trust:#55e6a5;--trust-2:#a8f5d1;--trust-deep:#0b2b21}
.trust-hero-shell{grid-template-columns:minmax(0,.98fr) minmax(540px,1.02fr);gap:48px}
.trust-hero-copy{max-width:690px}
.trust-hero-copy h1{font-size:clamp(46px,3.55vw,60px);line-height:.96;letter-spacing:-.058em;max-width:680px}
.trust-hero-system{min-height:570px;transform:scale(1.03);transform-origin:center}
.trust-orbit{overflow:visible;z-index:1}
.trust-orbit i{left:50%;top:50%;z-index:2;offset-path:none!important;animation:none!important;will-change:transform;pointer-events:none}
.trust-layer{z-index:4}
.trust-layer.is-orbit-hit{border-color:rgba(174,255,218,.86);box-shadow:0 0 0 1px rgba(85,230,165,.18),0 0 34px rgba(85,230,165,.2),0 24px 54px rgba(0,0,0,.24);background:linear-gradient(145deg,rgba(20,55,44,.98),rgba(7,20,20,.96))}
.trust-layer.is-orbit-hit::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(185,255,224,.12),transparent 68%);animation:trustCardFlash .7s ease both}
@keyframes trustCardFlash{0%{opacity:0}35%{opacity:1}100%{opacity:.15}}

/* 02 — every tab gets its own visual grammar */
.trust-audit-stage{position:relative;height:340px;display:block;padding:0;overflow:hidden;background-image:linear-gradient(rgba(107,221,174,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(107,221,174,.035) 1px,transparent 1px);background-size:38px 38px}
.trust-visual{position:absolute;inset:0;padding:34px 42px;opacity:0;visibility:hidden;transform:translateY(8px) scale(.99);transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1),visibility .32s;pointer-events:none}
.trust-visual.is-active{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.trust-visual small{font-size:7px;letter-spacing:.17em;color:#6fa58e}.trust-visual b,.trust-visual strong{font-weight:800}

/* Consent: clear decision gate */
.trust-visual--consent{display:grid;grid-template-columns:1fr 170px 1fr;align-items:center;gap:48px}
.trust-consent-input,.trust-consent-outcomes>div{border:1px solid rgba(143,224,190,.17);border-radius:15px;background:rgba(4,13,15,.88);padding:16px 18px;position:relative;z-index:2}
.trust-consent-input b{display:block;margin-top:9px;font-size:21px}.trust-consent-input span{display:block;color:#789286;font-size:10px;margin-top:5px}
.trust-consent-route{position:absolute;left:25%;right:25%;top:50%;height:1px;background:linear-gradient(90deg,rgba(85,230,165,.05),rgba(85,230,165,.45),rgba(85,230,165,.05))}.trust-consent-route i{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:#dffff0;box-shadow:0 0 14px rgba(85,230,165,.8);animation:trustRouteDot 2.8s linear infinite}.trust-consent-route i:nth-child(2){animation-delay:-.9s}.trust-consent-route i:nth-child(3){animation-delay:-1.8s}@keyframes trustRouteDot{from{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:100%;opacity:0}}
.trust-consent-gate{width:150px;height:150px;border-radius:50%;justify-self:center;display:grid;place-content:center;text-align:center;border:1px solid rgba(85,230,165,.28);background:radial-gradient(circle,rgba(85,230,165,.11),rgba(5,15,15,.94) 67%);position:relative;z-index:3;box-shadow:0 0 0 14px rgba(85,230,165,.018)}
.trust-consent-gate::before,.trust-consent-gate::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(85,230,165,.12);inset:-14px}.trust-consent-gate::after{inset:18px;border-style:solid}.trust-consent-gate strong{font-size:17px;margin:6px 0 2px}.trust-consent-gate small:last-child{color:#9de8c6}
.trust-consent-outcomes{display:grid;gap:14px}.trust-consent-outcomes>div{display:flex;align-items:center;justify-content:space-between}.trust-consent-outcomes b{font-size:15px;color:#baf4d8}.trust-consent-outcomes>div:last-child b{color:#759188}

/* Privacy: many inputs reduced to necessary output */
.trust-visual--privacy{display:grid;grid-template-columns:1fr 180px .82fr;align-items:center;gap:44px}
.trust-privacy-sources{display:grid;gap:9px}.trust-privacy-sources span{height:39px;border:1px solid rgba(128,200,170,.14);border-radius:11px;background:rgba(5,14,15,.78);display:flex;align-items:center;padding:0 14px;color:#a7bbb3;font-size:10px;font-weight:700;position:relative}.trust-privacy-sources span::after{content:"";position:absolute;right:-44px;width:44px;height:1px;background:linear-gradient(90deg,rgba(85,230,165,.28),transparent)}
.trust-privacy-funnel{height:210px;clip-path:polygon(0 0,100% 14%,70% 100%,30% 100%);display:grid;place-content:center;text-align:center;background:linear-gradient(180deg,rgba(85,230,165,.11),rgba(85,230,165,.025));border:1px solid rgba(85,230,165,.18);position:relative}.trust-privacy-funnel strong{font-size:22px;line-height:.9;margin-top:10px}.trust-privacy-output{display:grid;gap:14px}.trust-privacy-output span{height:58px;border-radius:14px;border:1px solid rgba(85,230,165,.27);background:linear-gradient(90deg,rgba(16,48,38,.66),rgba(5,15,16,.86));display:grid;place-items:center;color:#c8f6df;font-size:11px;font-weight:800;letter-spacing:.05em}.trust-privacy-cut{position:absolute;right:28%;top:26%;bottom:20%;width:2px}.trust-privacy-cut i{position:absolute;width:7px;height:7px;border-radius:50%;background:#dffff0;box-shadow:0 0 12px rgba(85,230,165,.7);animation:trustPrivacyCut 2.5s ease-in-out infinite}.trust-privacy-cut i:nth-child(2){top:44%;animation-delay:-.8s}.trust-privacy-cut i:nth-child(3){top:82%;animation-delay:-1.5s}@keyframes trustPrivacyCut{50%{opacity:.22;transform:scale(.65)}}

/* Tracking: consent-centred signal network */
.trust-visual--tracking{position:absolute}
.trust-track-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:112px;border-radius:22px;border:1px solid rgba(85,230,165,.35);background:radial-gradient(circle at 50% 15%,rgba(85,230,165,.12),rgba(5,14,16,.94) 62%);display:grid;place-content:center;text-align:center;z-index:3}.trust-track-core strong{font-size:23px;margin-top:8px}.trust-track-node{position:absolute;z-index:3;border:1px solid rgba(118,201,167,.18);border-radius:999px;background:rgba(4,13,15,.91);padding:11px 16px;color:#afc4bb;font-size:10px;font-weight:800;letter-spacing:.05em}.trust-track-node--a{left:10%;top:15%}.trust-track-node--b{left:12%;bottom:14%}.trust-track-node--c{right:9%;top:16%}.trust-track-node--d{right:8%;top:43%}.trust-track-node--e{right:11%;bottom:14%}.trust-track-lines{position:absolute;inset:24px 35px;width:calc(100% - 70px);height:calc(100% - 48px);z-index:1}.trust-track-lines path{fill:none;stroke:rgba(85,230,165,.18);stroke-width:1.4;stroke-dasharray:4 10;animation:trustDash 1.3s linear infinite}.trust-track-lines path:nth-child(even){stroke:rgba(199,255,232,.12);animation-direction:reverse}.trust-track-node::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;border-radius:50%;background:#baffdc;box-shadow:0 0 10px rgba(85,230,165,.8)}

/* Access: roles -> gate -> resource */
.trust-visual--access{display:grid;grid-template-columns:1fr 190px .9fr;align-items:center;gap:42px}.trust-access-roles{display:grid;gap:13px}.trust-access-roles span{min-height:58px;border:1px solid rgba(128,199,170,.15);border-radius:14px;background:rgba(5,14,15,.85);padding:12px 16px;font-size:13px;font-weight:800;position:relative}.trust-access-roles small{display:block;margin-bottom:7px}.trust-access-roles span::after{content:"";position:absolute;right:-42px;top:50%;width:42px;height:1px;background:linear-gradient(90deg,rgba(85,230,165,.24),transparent)}
.trust-access-gate{width:174px;height:210px;border-radius:24px;border:1px solid rgba(85,230,165,.29);justify-self:center;display:grid;place-content:center;text-align:center;background:linear-gradient(180deg,rgba(19,54,42,.42),rgba(5,14,16,.9));position:relative}.trust-access-gate i{width:42px;height:42px;border:1px solid rgba(184,255,222,.45);border-radius:10px;margin:0 auto 15px;position:relative}.trust-access-gate i::before{content:"";position:absolute;width:20px;height:15px;border:1px solid rgba(184,255,222,.45);border-bottom:0;border-radius:12px 12px 0 0;left:10px;top:-12px}.trust-access-gate strong{font-size:18px;line-height:.95;margin-top:8px}.trust-access-target{min-height:126px;border:1px solid rgba(85,230,165,.22);border-radius:20px;display:grid;align-content:center;padding:18px 20px;background:radial-gradient(circle at 15% 30%,rgba(85,230,165,.08),rgba(5,14,16,.9) 60%)}.trust-access-target strong{font-size:24px;margin:8px 0}.trust-access-target span{font-size:9px;color:#9fe8c5;letter-spacing:.12em}.trust-access-status{position:absolute;right:7%;bottom:20px;display:flex;gap:9px}.trust-access-status b{font-size:8px;letter-spacing:.12em;color:#6f9585;border:1px solid rgba(85,230,165,.13);padding:6px 9px;border-radius:999px}.trust-access-status b:first-child{color:#b7f5d5;border-color:rgba(85,230,165,.3)}

/* Governance: operating cycle */
.trust-visual--governance{position:absolute}.trust-gov-orbit{position:absolute;width:330px;height:230px;border:1px solid rgba(85,230,165,.17);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-10deg)}.trust-gov-orbit::before{content:"";position:absolute;inset:28px;border:1px dashed rgba(85,230,165,.11);border-radius:50%}.trust-gov-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:142px;height:142px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,rgba(85,230,165,.11),rgba(5,14,16,.94) 66%);border:1px solid rgba(85,230,165,.28)}.trust-gov-core strong{font-size:17px;line-height:.95;margin-top:9px}.trust-gov-step{position:absolute;width:150px;min-height:64px;border:1px solid rgba(126,199,168,.18);border-radius:15px;background:rgba(5,14,15,.9);display:flex;align-items:center;gap:12px;padding:12px 14px}.trust-gov-step span{color:#70a58f;font-size:9px}.trust-gov-step b{font-size:12px}.trust-gov-step--a{left:14%;top:13%}.trust-gov-step--b{right:13%;top:15%}.trust-gov-step--c{right:12%;bottom:14%}.trust-gov-step--d{left:14%;bottom:13%}.trust-gov-step::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#dffff0;box-shadow:0 0 12px rgba(85,230,165,.75);animation:trustGovPulse 2.3s ease-in-out infinite}.trust-gov-step--a::after{right:-3px;bottom:10px}.trust-gov-step--b::after{left:-3px;bottom:10px}.trust-gov-step--c::after{left:-3px;top:10px}.trust-gov-step--d::after{right:-3px;top:10px}@keyframes trustGovPulse{50%{opacity:.24;transform:scale(.6)}}

/* 03 — tree / data mind map */
.trust-system-head{margin-bottom:36px}.trust-map{position:relative;border:1px solid rgba(85,230,165,.18);border-radius:28px;overflow:hidden;background:linear-gradient(155deg,rgba(5,18,16,.86),rgba(8,10,16,.78));box-shadow:0 30px 90px rgba(0,0,0,.12)}
.trust-map-top{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(85,230,165,.13);color:#6f9485;font-size:8px;letter-spacing:.16em}.trust-map-top strong{color:#8ce5bd}
.trust-map-stage{position:relative;min-height:545px;padding:42px 34px 38px;background-image:linear-gradient(rgba(107,221,174,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(107,221,174,.035) 1px,transparent 1px);background-size:46px 46px;overflow:hidden}
.trust-map-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 20% 50%,rgba(85,230,165,.07),transparent 23%),radial-gradient(circle at 68% 50%,rgba(85,230,165,.035),transparent 42%)}
.trust-map-root{position:absolute;z-index:4;left:42px;top:50%;transform:translateY(-50%);width:175px;height:175px;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid rgba(85,230,165,.35);background:radial-gradient(circle at 50% 40%,rgba(85,230,165,.14),rgba(5,14,16,.96) 64%);box-shadow:0 0 0 18px rgba(85,230,165,.018),0 0 60px rgba(85,230,165,.055)}.trust-map-root small{font-size:7px;letter-spacing:.16em;color:#6f9c89}.trust-map-root strong{font-size:31px;letter-spacing:-.05em;margin-top:7px}.trust-map-root span{font-size:7px;letter-spacing:.12em;color:#8bd9b5;margin-top:8px}
.trust-map-trunk{position:absolute;z-index:2;left:252px;top:78px;bottom:78px;width:1px;background:linear-gradient(180deg,rgba(85,230,165,.08),rgba(85,230,165,.42),rgba(85,230,165,.08))}.trust-map-trunk::before{content:"";position:absolute;left:-35px;top:50%;width:35px;height:1px;background:rgba(85,230,165,.35)}.trust-map-trunk i{position:absolute;left:50%;top:0;width:8px;height:8px;border-radius:50%;background:#e5fff3;box-shadow:0 0 12px rgba(85,230,165,.8),0 0 24px rgba(85,230,165,.3);transform:translate(-50%,-50%);animation:trustMapSignal 7s linear infinite}@keyframes trustMapSignal{from{top:0}to{top:100%}}
.trust-map-branches{position:relative;z-index:3;margin-left:245px;display:grid;gap:10px}.trust-map-branch{position:relative;min-height:68px;display:grid;grid-template-columns:205px 1fr;align-items:center;gap:16px;padding-left:34px;outline:none}.trust-map-branch::before{content:"";position:absolute;left:0;top:50%;width:34px;height:1px;background:rgba(85,230,165,.16);transition:.28s ease}.trust-map-branch::after{content:"";position:absolute;left:-4px;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:#5c8d78;box-shadow:0 0 0 rgba(85,230,165,0);transition:.28s ease}.trust-map-main{min-height:58px;border:1px solid rgba(117,195,162,.17);border-radius:15px;padding:11px 14px;background:linear-gradient(90deg,rgba(7,20,18,.94),rgba(7,13,16,.84));display:grid;align-content:center;transition:.28s ease}.trust-map-main small{font-size:7px;letter-spacing:.16em;color:#6e9c89}.trust-map-main strong{font-size:15px;margin-top:5px}.trust-map-leaves{display:flex;flex-wrap:wrap;gap:7px}.trust-map-leaves span{border:1px solid rgba(112,183,153,.13);border-radius:999px;background:rgba(4,13,15,.72);padding:7px 10px;color:#718b80;font-size:9px;transition:.28s ease}.trust-map-branch:hover::before,.trust-map-branch:focus::before,.trust-map-branch.is-active::before{background:linear-gradient(90deg,#55e6a5,rgba(85,230,165,.28))}.trust-map-branch:hover::after,.trust-map-branch:focus::after,.trust-map-branch.is-active::after{background:#dffff0;box-shadow:0 0 12px rgba(85,230,165,.85)}.trust-map-branch:hover .trust-map-main,.trust-map-branch:focus .trust-map-main,.trust-map-branch.is-active .trust-map-main{border-color:rgba(85,230,165,.48);background:linear-gradient(90deg,rgba(17,48,38,.93),rgba(7,15,17,.9));transform:translateX(3px)}.trust-map-branch:hover .trust-map-leaves span,.trust-map-branch:focus .trust-map-leaves span,.trust-map-branch.is-active .trust-map-leaves span{color:#b7e8d1;border-color:rgba(85,230,165,.24);background:rgba(16,43,35,.55)}

@media(max-width:1180px){
  .trust-hero-shell{grid-template-columns:1fr;gap:20px}.trust-hero-copy{max-width:760px}.trust-hero-system{transform:scale(.96)}
  .trust-map-stage{min-height:auto;padding:34px 24px}.trust-map-root{position:relative;left:auto;top:auto;transform:none;margin:0 auto 28px;width:150px;height:150px}.trust-map-trunk{display:none}.trust-map-branches{margin-left:0}.trust-map-branch{padding-left:0}.trust-map-branch::before,.trust-map-branch::after{display:none}
}
@media(max-width:760px){
  .trust-hero-copy h1{font-size:clamp(38px,10.4vw,50px)}.trust-hero-system{transform:scale(.8);margin-bottom:-90px}
  .trust-visual{padding:22px 16px}.trust-audit-stage{height:400px}.trust-visual--consent,.trust-visual--privacy,.trust-visual--access{grid-template-columns:1fr;gap:12px;align-content:center}.trust-consent-route,.trust-privacy-cut{display:none}.trust-consent-gate{width:100px;height:100px}.trust-consent-outcomes{grid-template-columns:1fr 1fr}.trust-privacy-sources{grid-template-columns:repeat(2,1fr)}.trust-privacy-sources span:last-child{grid-column:1/-1}.trust-privacy-funnel{height:90px;clip-path:none;border-radius:16px}.trust-privacy-output{grid-template-columns:1fr 1fr}.trust-access-roles{grid-template-columns:repeat(3,1fr)}.trust-access-roles span{font-size:10px;padding:9px}.trust-access-gate{height:95px;width:100%;border-radius:16px}.trust-access-gate i{display:none}.trust-access-target{min-height:82px}.trust-access-status{display:none}.trust-track-node{font-size:8px;padding:8px 10px}.trust-track-core{width:118px;height:90px}.trust-gov-orbit{width:260px;height:185px}.trust-gov-step{width:112px;min-height:52px;padding:8px}.trust-gov-step b{font-size:9px}
  .trust-map-branch{grid-template-columns:1fr;gap:7px;border-bottom:1px solid rgba(85,230,165,.08);padding:8px 0 12px}.trust-map-main{min-height:50px}.trust-map-leaves span{font-size:8px;padding:6px 8px}
}
@media(prefers-reduced-motion:reduce){.trust-consent-route i,.trust-privacy-cut i,.trust-track-lines path,.trust-gov-step::after,.trust-map-trunk i{animation:none!important}}

/* ======================================================================
   V0.10.54 — TRUST ROADMAP + MODULAR SYSTEM
   ====================================================================== */
.we-trust-page{--trust:#55e6a5;--trust-2:#a8f5d1;--trust-deep:#0b2b21}

/* Hero: rounder orbit language, less "eye". */
.trust-hero-shell{grid-template-columns:minmax(0,.96fr) minmax(540px,1.04fr);gap:50px}
.trust-hero-copy{max-width:690px}
.trust-hero-copy h1{font-size:clamp(45px,3.5vw,59px);line-height:.96;letter-spacing:-.058em;max-width:690px}
.trust-hero-system{min-height:575px;transform:scale(1.03);transform-origin:center}
.trust-orbit--outer{width:530px;height:395px;transform:translate(-50%,-50%) rotate(-7deg);border-color:rgba(85,230,165,.14)}
.trust-orbit--inner{width:405px;height:305px;transform:translate(-50%,-50%) rotate(11deg);border-color:rgba(213,255,237,.10)}
.trust-layer--consent{left:5%;top:43%}.trust-layer--privacy{left:23%;top:10%}.trust-layer--tracking{right:20%;top:11%}.trust-layer--access{right:4%;top:44%;width:172px}.trust-layer--policy{left:38%;bottom:1%}
.trust-layer--access strong{font-size:16px;line-height:1.02}

/* 02 — roadmap: no dashboard frame, one progressive path. */
.trust-roadmap-section{padding-top:104px}
.trust-roadmap-head,.trust-modules-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.72fr);gap:96px;align-items:end;margin-top:24px}
.trust-roadmap-head h2,.trust-modules-head h2{margin:0;font-size:clamp(40px,3.12vw,53px);line-height:.98;letter-spacing:-.055em}
.trust-roadmap-head h2 span,.trust-modules-head h2 span{color:transparent;background:linear-gradient(94deg,#f4f7f6 0%,#c9d4cf 31%,#a8f5d1 61%,#55e6a5 100%);-webkit-background-clip:text;background-clip:text}
.trust-roadmap-head p,.trust-modules-head p{margin:0;color:#abb9b4;font-size:16px;line-height:1.58}
.trust-roadmap{position:relative;min-height:535px;margin-top:58px}
.trust-roadmap::before{content:"";position:absolute;inset:-10% 0 0;background:radial-gradient(circle at 82% 20%,rgba(85,230,165,.055),transparent 24%),radial-gradient(circle at 30% 67%,rgba(85,230,165,.035),transparent 26%);pointer-events:none}
.trust-roadmap-path{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.trust-roadmap-path path{fill:none;stroke:rgba(111,220,175,.14);stroke-width:1.2;stroke-dasharray:8 11;stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
.trust-roadmap-path .trust-roadmap-path-glow{stroke:#7de8b8;stroke-width:1.7;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:var(--trust-road-length,1600);stroke-dashoffset:var(--trust-road-length,1600);opacity:.56;filter:drop-shadow(0 0 9px rgba(85,230,165,.42))}
.trust-roadmap.is-live .trust-roadmap-path-glow{animation:trustRoadDraw 5.15s cubic-bezier(.22,.62,.2,1) .22s forwards}
@keyframes trustRoadDraw{to{stroke-dashoffset:0}}
.trust-road-step,.trust-road-end{position:absolute;z-index:2;width:min(270px,23%);min-height:136px;border:1px solid rgba(117,204,168,.19);border-radius:20px;background:linear-gradient(145deg,rgba(8,24,21,.91),rgba(5,11,14,.89));box-shadow:0 20px 50px rgba(0,0,0,.15);padding:19px 20px;text-align:left;color:#f4faf7;opacity:0;transform:translateY(18px) scale(.96);transition:opacity .55s ease,transform .55s cubic-bezier(.2,.8,.2,1),border-color .25s ease,background .25s ease,box-shadow .25s ease;overflow:visible}
.trust-road-step::after,.trust-road-end::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#dffff0;box-shadow:0 0 12px rgba(85,230,165,.8),0 0 26px rgba(85,230,165,.24)}
.trust-road-step small,.trust-road-end small{display:block;color:#74b99b;font-size:8px;font-weight:800;letter-spacing:.16em}
.trust-road-step strong,.trust-road-end strong{display:block;margin-top:12px;font-size:18px;line-height:1.05;letter-spacing:-.03em}
.trust-road-step p{margin:10px 0 0;color:#91a59d;font-size:11px;line-height:1.5}
.trust-road-step:hover{border-color:rgba(85,230,165,.45);background:linear-gradient(145deg,rgba(15,43,35,.95),rgba(6,15,17,.94));transform:translateY(-4px)!important;box-shadow:0 0 34px rgba(85,230,165,.05),0 24px 60px rgba(0,0,0,.2)}
.trust-road-step--1{left:0;top:25px}.trust-road-step--1::after{right:-5px;top:46%}
.trust-road-step--2{left:32%;top:25px}.trust-road-step--2::after{right:-5px;top:46%}
.trust-road-step--3{right:0;top:25px}.trust-road-step--3::after{right:-5px;top:46%}
.trust-road-step--4{right:16%;top:252px}.trust-road-step--4::after{left:-5px;top:48%}
.trust-road-step--5{left:28%;top:252px}.trust-road-step--5::after{left:-5px;top:48%}
.trust-road-end{left:0;bottom:0;min-height:112px;background:radial-gradient(circle at 18% 25%,rgba(85,230,165,.12),rgba(6,16,15,.94) 58%);cursor:pointer}
.trust-road-end::after{right:-5px;top:44%}.trust-road-end span{display:block;margin-top:10px;color:#83caaa;font-size:9px;letter-spacing:.08em}
.trust-road-end:hover{border-color:rgba(85,230,165,.54);box-shadow:0 0 42px rgba(85,230,165,.07),0 22px 60px rgba(0,0,0,.2);transform:translateY(-3px)!important}
.trust-roadmap.is-live [data-roadmap-step]{opacity:1;transform:translateY(0) scale(1)}
.trust-roadmap.is-live .trust-road-step--1{transition-delay:.18s}.trust-roadmap.is-live .trust-road-step--2{transition-delay:.82s}.trust-roadmap.is-live .trust-road-step--3{transition-delay:1.52s}.trust-roadmap.is-live .trust-road-step--4{transition-delay:2.55s}.trust-roadmap.is-live .trust-road-step--5{transition-delay:3.25s}.trust-roadmap.is-live .trust-road-end{transition-delay:4.05s}

/* 03 — modular grid. The grid is the canvas; there is deliberately no outer card. */
.trust-modules-section{padding-top:104px}
.trust-modules-head{margin-bottom:0}
.trust-module-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(290px,.72fr);grid-template-rows:minmax(360px,1fr) 120px;gap:16px;margin-top:48px;padding:34px;background-image:linear-gradient(rgba(93,210,163,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(93,210,163,.042) 1px,transparent 1px);background-size:42px 42px;isolation:isolate}
.trust-module-grid::before{content:"";position:absolute;inset:-12% -3%;z-index:-1;background:radial-gradient(circle at 22% 42%,rgba(85,230,165,.08),transparent 25%),radial-gradient(circle at 82% 54%,rgba(85,230,165,.035),transparent 22%);pointer-events:none}
.trust-module-featured{grid-column:1;grid-row:1;position:relative;overflow:hidden;border:1px solid rgba(112,202,164,.25);border-radius:26px;background:linear-gradient(145deg,rgba(8,26,22,.93),rgba(5,11,15,.91));padding:34px 36px;box-shadow:0 30px 70px rgba(0,0,0,.17);transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .25s ease,box-shadow .25s ease}
.trust-module-featured::after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-135px;background:radial-gradient(circle,rgba(85,230,165,.10),transparent 66%);pointer-events:none}
.trust-module-featured>*{position:relative;z-index:1;transition:opacity .2s ease,transform .24s cubic-bezier(.2,.8,.2,1)}
.trust-module-featured.is-swapping{transform:translateY(6px) scale(.99);border-color:rgba(85,230,165,.34);box-shadow:0 18px 42px rgba(0,0,0,.14)}
.trust-module-featured.is-swapping>*{opacity:0;transform:translateY(10px)}
.trust-module-featured.is-arrived{animation:trustModuleArrive .52s ease}
.trust-module-featured.is-arrived>*{animation:trustModuleContentIn .42s ease}
@keyframes trustModuleArrive{0%{box-shadow:0 0 0 rgba(85,230,165,0);border-color:rgba(85,230,165,.62)}100%{box-shadow:0 30px 70px rgba(0,0,0,.17)}}
@keyframes trustModuleContentIn{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}
.trust-module-featured-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}
.trust-module-state{display:flex;align-items:center;gap:8px;color:#6f9d8b;font-size:7px;letter-spacing:.16em}.trust-module-state i{width:7px;height:7px;border-radius:50%;background:#8ff0c2;box-shadow:0 0 12px rgba(85,230,165,.75);animation:trustStatePulse 2.2s ease-in-out infinite}@keyframes trustStatePulse{50%{opacity:.35}}
.trust-module-featured>small{font-size:8px;font-weight:800;letter-spacing:.17em;color:#78c3a2}.trust-module-featured h3{max-width:720px;margin:12px 0 15px;font-size:clamp(30px,2.55vw,43px);line-height:.98;letter-spacing:-.05em}.trust-module-featured>p{max-width:720px;margin:0;color:#a8b8b2;font-size:14px;line-height:1.6}
.trust-module-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.trust-module-tags span{border:1px solid rgba(99,202,158,.2);border-radius:999px;background:rgba(8,24,20,.62);padding:8px 12px;color:#b1d6c5;font-size:9px}
.trust-module-icon{position:relative;width:64px;height:64px;border-radius:18px;border:1px solid rgba(101,213,169,.28);background:linear-gradient(145deg,rgba(28,78,59,.45),rgba(7,19,18,.88));display:grid;place-items:center;box-shadow:0 0 30px rgba(85,230,165,.04)}
.trust-module-icon i,.trust-module-option-icon i{position:relative;display:block;width:28px;height:28px}
.trust-module-icon--privacy i::before,.trust-module-option--privacy .trust-module-option-icon i::before{content:"";position:absolute;inset:1px 4px 3px;border:1px solid #b8f5d7;border-radius:10px 10px 13px 13px;clip-path:polygon(50% 0,100% 17%,88% 76%,50% 100%,12% 76%,0 17%)}
.trust-module-icon--privacy i::after,.trust-module-option--privacy .trust-module-option-icon i::after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;left:11px;top:10px;background:#8ce7bc;box-shadow:0 0 10px rgba(85,230,165,.7)}
.trust-module-icon--consent i::before,.trust-module-option--consent .trust-module-option-icon i::before{content:"";position:absolute;left:1px;right:1px;top:7px;height:14px;border:1px solid #b8f5d7;border-radius:999px}.trust-module-icon--consent i::after,.trust-module-option--consent .trust-module-option-icon i::after{content:"";position:absolute;right:4px;top:10px;width:9px;height:9px;border-radius:50%;background:#8ce7bc;box-shadow:0 0 10px rgba(85,230,165,.65)}
.trust-module-icon--tracking i::before,.trust-module-option--tracking .trust-module-option-icon i::before{content:"";position:absolute;left:2px;bottom:3px;width:4px;height:10px;background:#91eac0;box-shadow:8px -5px 0 #91eac0,16px -12px 0 #91eac0,24px -3px 0 #91eac0;border-radius:3px}.trust-module-icon--tracking i::after,.trust-module-option--tracking .trust-module-option-icon i::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:1px;background:rgba(184,245,215,.45)}
.trust-module-icon--governance i::before,.trust-module-option--governance .trust-module-option-icon i::before{content:"";position:absolute;left:3px;top:3px;width:8px;height:8px;border:1px solid #b8f5d7;border-radius:3px;box-shadow:14px 0 0 -1px rgba(0,0,0,0),14px 0 0 0 rgba(184,245,215,.0)}.trust-module-icon--governance i::after,.trust-module-option--governance .trust-module-option-icon i::after{content:"";position:absolute;left:7px;top:11px;width:15px;height:11px;border-left:1px solid #8ce7bc;border-bottom:1px solid #8ce7bc}.trust-module-icon--governance i{border:1px solid rgba(184,245,215,.34);border-radius:6px}
.trust-module-impact{grid-column:1;grid-row:2;border:1px solid rgba(100,194,155,.18);border-radius:22px;background:linear-gradient(90deg,rgba(7,21,18,.91),rgba(8,13,15,.83));padding:22px 26px;display:grid;grid-template-columns:minmax(250px,.9fr) 1.2fr;gap:36px;align-items:center}
.trust-module-impact small{display:block;color:#6f9d8a;font-size:7px;letter-spacing:.17em}.trust-module-impact strong{display:block;margin-top:7px;color:#b5f1d4;font-size:17px;line-height:1.12}.trust-module-impact p{margin:0;color:#8fa39b;font-size:11px;line-height:1.5}
.trust-module-options{grid-column:2;grid-row:1/3;display:grid;grid-template-rows:repeat(3,1fr);gap:16px}
.trust-module-option{position:relative;overflow:hidden;border:1px solid rgba(111,194,160,.18);border-radius:22px;background:linear-gradient(145deg,rgba(7,20,18,.91),rgba(7,11,15,.9));color:#f2f8f5;text-align:left;padding:22px 20px 18px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto 1fr auto;column-gap:14px;align-items:start;transition:.3s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.trust-module-option::after{content:"";position:absolute;inset:auto -20% -55% 15%;height:120px;background:radial-gradient(circle,rgba(85,230,165,.08),transparent 68%);opacity:0;transition:.25s ease}.trust-module-option:hover{transform:translateX(-6px);border-color:rgba(85,230,165,.46);background:linear-gradient(145deg,rgba(15,43,35,.95),rgba(7,15,18,.94));box-shadow:0 0 30px rgba(85,230,165,.045)}.trust-module-option:hover::after{opacity:1}.trust-module-option.is-pressed{transform:translateX(-4px) scale(.987);border-color:rgba(85,230,165,.5);box-shadow:0 0 26px rgba(85,230,165,.08)}
.trust-module-option-icon{grid-row:1/5;width:42px;height:42px;border-radius:13px;border:1px solid rgba(104,200,162,.22);display:grid;place-items:center;background:rgba(14,43,34,.45)}.trust-module-option-icon i{transform:scale(.68)}
.trust-module-option small{font-size:7px;letter-spacing:.15em;color:#6fa58e}.trust-module-option strong{font-size:16px;line-height:1.08;letter-spacing:-.03em;margin-top:7px}.trust-module-option em{font-style:normal;color:#6f8b80;font-size:8px;margin-top:12px;align-self:end}
.trust-module-flyer{border:1px solid rgba(85,230,165,.5)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(16,48,38,.98),rgba(6,15,18,.98))!important;box-shadow:0 0 42px rgba(85,230,165,.13)!important;transform-origin:top left;overflow:hidden}
.trust-system-note{max-width:900px;margin:18px auto 0;text-align:center;color:#667e74;font-size:10px;line-height:1.5}

/* 04 — return to the ellipse language of the hero, but quieter. */
.trust-contact{position:relative;isolation:isolate}.trust-contact-orbits{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;opacity:.62}
.trust-contact-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(85,230,165,.10);border-radius:50%;transform-origin:center center}.trust-contact-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#e3fff2;box-shadow:0 0 14px rgba(85,230,165,.7),0 0 28px rgba(85,230,165,.18);left:50%;top:0}.trust-contact-orbit span{position:absolute;color:#4f7366;font-size:7px;letter-spacing:.15em;white-space:nowrap}
.trust-contact-orbit--a{width:min(980px,74vw);height:380px;transform:translate(-50%,-50%) rotate(-6deg)}.trust-contact-orbit--a span{left:10%;top:14%}
.trust-contact-orbit--b{width:min(760px,58vw);height:290px;transform:translate(-50%,-50%) rotate(6deg);border-color:rgba(174,243,213,.08)}.trust-contact-orbit--b span{right:11%;top:18%}
.trust-contact-orbit--c{width:min(560px,44vw);height:210px;transform:translate(-50%,-50%) rotate(-2deg);border-color:rgba(85,230,165,.085)}.trust-contact-orbit--c span{left:18%;bottom:13%}
.trust-contact-moon{position:absolute;left:50%;top:50%;width:460px;height:460px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(85,230,165,.08),rgba(85,230,165,.03) 28%,transparent 67%)}
.trust-contact-shell{position:relative;z-index:3;max-width:880px;text-align:center}.trust-contact h2{font-size:clamp(52px,4.8vw,76px)}

@media(max-width:1180px){
  .trust-hero-shell{grid-template-columns:1fr;gap:18px}.trust-hero-copy{max-width:760px}.trust-hero-system{transform:scale(.94)}
  .trust-roadmap-head,.trust-modules-head{grid-template-columns:1fr;gap:20px}.trust-roadmap-head p,.trust-modules-head p{max-width:760px}
  .trust-roadmap{min-height:720px;margin-top:40px}.trust-roadmap-path{display:none}.trust-road-step,.trust-road-end{width:calc(50% - 12px);position:absolute}.trust-road-step--1{left:0;top:0}.trust-road-step--2{right:0;left:auto;top:0}.trust-road-step--3{right:0;top:178px}.trust-road-step--4{left:0;right:auto;top:356px}.trust-road-step--5{right:0;left:auto;top:356px}.trust-road-end{left:0;bottom:0}
  .trust-road-step::after,.trust-road-end::after{display:none}
  .trust-module-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:24px}.trust-module-featured{grid-column:1;grid-row:1;min-height:350px}.trust-module-impact{grid-column:1;grid-row:2}.trust-module-options{grid-column:1;grid-row:3;grid-template-columns:repeat(3,1fr);grid-template-rows:none}.trust-module-option{min-height:190px;display:block}.trust-module-option-icon{margin-bottom:14px}.trust-module-option small,.trust-module-option strong,.trust-module-option em{display:block}
}
@media(max-width:760px){
  .trust-hero-copy h1{font-size:clamp(38px,10.4vw,50px)}.trust-hero-system{transform:scale(.8);margin-bottom:-80px}.trust-orbit--outer{width:500px;height:380px}.trust-orbit--inner{width:390px;height:290px}.trust-layer--access{width:155px}
  .trust-roadmap-head h2,.trust-modules-head h2{font-size:clamp(37px,9.6vw,48px)}.trust-roadmap{position:relative;min-height:auto;display:grid;gap:12px;margin-top:34px}.trust-road-step,.trust-road-end{position:relative!important;inset:auto!important;width:100%;min-height:unset}.trust-roadmap [data-roadmap-step]{opacity:1;transform:none}.trust-roadmap::after{content:"";position:absolute;left:19px;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,rgba(85,230,165,.45),rgba(85,230,165,.06));z-index:0}.trust-road-step,.trust-road-end{padding-left:42px}.trust-road-step::before,.trust-road-end::before{content:"";position:absolute;left:15px;top:28px;width:9px;height:9px;border-radius:50%;background:#dffff0;box-shadow:0 0 12px rgba(85,230,165,.75)}
  .trust-module-grid{margin-top:34px;padding:16px;background-size:32px 32px}.trust-module-featured{padding:25px 22px;min-height:380px}.trust-module-featured-top{margin-bottom:28px}.trust-module-featured h3{font-size:30px}.trust-module-impact{grid-template-columns:1fr;gap:12px;padding:19px 20px}.trust-module-options{grid-template-columns:1fr}.trust-module-option{min-height:150px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto 1fr auto}.trust-module-option-icon{grid-row:1/5;margin:0}.trust-contact-orbit--a{width:860px;height:320px}.trust-contact-orbit--b{width:680px;height:250px}.trust-contact-orbit--c{width:520px;height:190px}.trust-contact-orbit span{display:none}.trust-contact-moon{left:50%;top:50%;width:360px;height:360px}
}
@media(prefers-reduced-motion:reduce){.trust-roadmap-path .trust-roadmap-path-glow,.trust-module-state i{animation:none!important}.trust-roadmap [data-roadmap-step]{opacity:1!important;transform:none!important}}

/* ==================================================================
   V0.10.59 — WORLD GRID + READABILITY + CONTACT UI AUDIT
   ------------------------------------------------------------------
   Desktop world pages now share one visual grid with the header.
   Micro typography has been raised carefully for better readability
   without changing the established headline/body scale.
   ================================================================== */

:root{
  --world-shell: min(1290px, calc(100vw - 144px));
  --world-eyebrow: clamp(10px, .62vw, 11px);
  --world-micro: clamp(9px, .54vw, 10px);
}

/* One horizontal grid for logo, hamburger, content and world footers. */
@media (min-width:1081px){
  body.we-world-page .topbar-inner,
  body.we-world-page .page-shell.page-shell,
  body.we-world-page .site-footer,
  body.we-world-page .world-footer{
    width:var(--world-shell);
    max-width:none;
  }
}

/* Shared world eyebrows / section indexes. */
body.we-world-page .web-world-index,
body.we-world-page .growth-index,
body.we-world-page .brand-index,
body.we-world-page .ai-index,
body.we-world-page .infra-index,
body.we-world-page .trust-index{
  font-size:var(--world-eyebrow)!important;
  line-height:1.35;
}

/* Small labels inside the six world pages: minimum readable micro scale. */
body.we-world-page main small:not(.sr-only){
  font-size:var(--world-micro)!important;
  line-height:1.35;
}

/* WEB — browser chrome, labels and compact metadata. */
body.we-web-page .web-frame-meta,
body.we-web-page .web-browser-address,
body.we-web-page .web-browser-nav,
body.we-web-page .web-browser-label,
body.we-web-page .web-interface-note,
body.we-web-page .web-problem-chrome em,
body.we-web-page .web-problem-effect span,
body.we-web-page .web-board-top>span,
body.we-web-page .web-board-tags span,
body.we-web-page .web-capability-line,
body.we-web-page .web-hero-meta,
body.we-web-page .web-challenge-rail span,
body.we-web-page .web-challenge-chrome em,
body.we-web-page .web-challenge-copy>div span,
body.we-web-page .web-monitor-bar,
body.we-web-page .web-monitor-bar b,
body.we-web-page .web-browser-toggle-hint{
  font-size:var(--world-micro)!important;
}
body.we-web-page .web-browser-lock,
body.we-web-page .web-pop-cards span{
  font-size:9px!important;
}

/* GROWTH — stage labels, tags and orbital annotations. */
body.we-growth-page .growth-tags,
body.we-growth-page .growth-step-no,
body.we-growth-page .growth-orbit-core span,
body.we-growth-page .growth-orbit-hint,
body.we-growth-page .growth-orbit-detail-kicker,
body.we-growth-page .growth-field-word span,
body.we-growth-page .growth-footer,
body.we-growth-page .growth-contact-prompts button{
  font-size:var(--world-micro)!important;
}
body.we-growth-page .growth-field-center small,
body.we-growth-page .growth-step small,
body.we-growth-page .growth-orbit-node small,
body.we-growth-page .growth-orbit-detail-meta small{
  font-size:9px!important;
}

/* BRAND — keep the graphic cards compact, but stop using 6–7px labels. */
body.we-brand-page .brand-tags,
body.we-brand-page .brand-art-meta,
body.we-brand-page .brand-board-piece small,
body.we-brand-page .brand-challenge-kicker,
body.we-brand-page .brand-challenge-impact small,
body.we-brand-page .brand-challenge-tabs button span,
body.we-brand-page .brand-challenge-tabs button small,
body.we-brand-page .brand-lab-core small,
body.we-brand-page .brand-artifact small,
body.we-brand-page .brand-artifact>span,
body.we-brand-page .brand-service-kicker,
body.we-brand-page .brand-service-meta small,
body.we-brand-page .brand-chaos-token small,
body.we-brand-page .brand-chaos-token>span,
body.we-brand-page .brand-service-no,
body.we-brand-page .brand-service-block>small,
body.we-brand-page .brand-bridge-sheet small,
body.we-brand-page .brand-bridge-copy small,
body.we-brand-page .brand-challenge-focus span,
body.we-brand-page .brand-bridge-card small,
body.we-brand-page .brand-rail-card small,
body.we-brand-page .brand-system-rail-hint,
body.we-brand-page .brand-footer,
body.we-brand-page .brand-contact-prompts button{
  font-size:var(--world-micro)!important;
}
body.we-brand-page .brand-stroke em,
body.we-brand-page .brand-lab-core span{
  font-size:9px!important;
}

/* AI — node metadata, tabs and live-workflow labels. */
body.we-ai-page .ai-node span,
body.we-ai-page .ai-network-core,
body.we-ai-page .ai-network-hint,
body.we-ai-page .ai-process-readout small,
body.we-ai-page .ai-challenge-tab span,
body.we-ai-page .ai-workflow-card>span,
body.we-ai-page .ai-loop-node,
body.we-ai-page .ai-tags,
body.we-ai-page .ai-contact-prompts button,
body.we-ai-page .ai-footer{
  font-size:var(--world-micro)!important;
}
body.we-ai-page .ai-node small,
body.we-ai-page .ai-process-node small,
body.we-ai-page .ai-challenge-tab small,
body.we-ai-page .ai-workflow-card small,
body.we-ai-page .ai-workflow-signal{
  font-size:9px!important;
}

/* INFRASTRUCTURE — diagnostics stay technical, but no 6–7px UI copy. */
body.we-infrastructure-page .infra-tags,
body.we-infrastructure-page .infra-node span,
body.we-infrastructure-page .infra-backbone-core,
body.we-infrastructure-page .infra-backbone-hint,
body.we-infrastructure-page .infra-status-readout small,
body.we-infrastructure-page .infra-challenge-tab span,
body.we-infrastructure-page .infra-challenge-tab small,
body.we-infrastructure-page .infra-rack-top,
body.we-infrastructure-page .infra-contact-prompts button,
body.we-infrastructure-page .infra-footer,
body.we-infrastructure-page .infra-rack-status,
body.we-infrastructure-page .infra-chassis-top,
body.we-infrastructure-page .infra-diag-top,
body.we-infrastructure-page .infra-diag-top strong,
body.we-infrastructure-page .infra-diag-lane>span,
body.we-infrastructure-page .infra-diag-lane>b,
body.we-infrastructure-page .infra-morse-row>span,
body.we-infrastructure-page .infra-morse-row>b,
body.we-infrastructure-page .infra-delivery-caption,
body.we-infrastructure-page .infra-delivery-foot,
body.we-infrastructure-page .infra-delivery-caption b,
body.we-infrastructure-page .infra-perf-head,
body.we-infrastructure-page .infra-water-row>span,
body.we-infrastructure-page .infra-water-row>b,
body.we-infrastructure-page .infra-security-head,
body.we-infrastructure-page .infra-security-foot,
body.we-infrastructure-page .infra-security-head strong,
body.we-infrastructure-page .infra-security-foot b,
body.we-infrastructure-page .infra-ops-head,
body.we-infrastructure-page .infra-ops-foot,
body.we-infrastructure-page .infra-ops-head strong,
body.we-infrastructure-page .infra-ops-row>span,
body.we-infrastructure-page .infra-ops-row>strong{
  font-size:var(--world-micro)!important;
}
body.we-infrastructure-page .infra-node small,
body.we-infrastructure-page .infra-status-node small,
body.we-infrastructure-page .infra-rack-row small,
body.we-infrastructure-page .infra-module small,
body.we-infrastructure-page .infra-module>span,
body.we-infrastructure-page .infra-chassis-metrics small,
body.we-infrastructure-page .infra-diag-scale,
body.we-infrastructure-page .infra-contact-rail span,
body.we-infrastructure-page .infra-mail-gate span,
body.we-infrastructure-page .infra-mail-gate small,
body.we-infrastructure-page .infra-threat-stream>span,
body.we-infrastructure-page .infra-defense-layer>span,
body.we-infrastructure-page .infra-defense-layer small,
body.we-infrastructure-page .infra-defense-layer>b,
body.we-infrastructure-page .infra-secure-core>span,
body.we-infrastructure-page .infra-secure-core>small{
  font-size:9px!important;
}
body.we-infrastructure-page .infra-module p{font-size:10px!important;line-height:1.45}

/* TRUST — roadmap, modules, map and orbit annotations. */
body.we-trust-page .trust-tags,
body.we-trust-page .trust-layer span,
body.we-trust-page .trust-hero-readout,
body.we-trust-page .trust-audit-top,
body.we-trust-page .trust-audit-top strong,
body.we-trust-page .trust-audit-readout small,
body.we-trust-page .trust-challenge-tab span,
body.we-trust-page .trust-challenge-tab small,
body.we-trust-page .trust-ledger-top,
body.we-trust-page .trust-contact-prompts button,
body.we-trust-page .trust-matrix-label,
body.we-trust-page .trust-access-target span,
body.we-trust-page .trust-access-status b,
body.we-trust-page .trust-gov-step span,
body.we-trust-page .trust-map-top,
body.we-trust-page .trust-map-leaves span,
body.we-trust-page .trust-track-node,
body.we-trust-page .trust-gov-step b,
body.we-trust-page .trust-road-step small,
body.we-trust-page .trust-road-end small,
body.we-trust-page .trust-road-end span,
body.we-trust-page .trust-module-featured>small,
body.we-trust-page .trust-module-tags span,
body.we-trust-page .trust-module-option em,
body.we-trust-page .trust-contact-orbit span,
body.we-trust-page .trust-footer{
  font-size:var(--world-micro)!important;
}
body.we-trust-page .trust-core small,
body.we-trust-page .trust-core span,
body.we-trust-page .trust-layer small,
body.we-trust-page .trust-audit-column small,
body.we-trust-page .trust-audit-filter small,
body.we-trust-page .trust-ledger-row small,
body.we-trust-page .trust-visual small,
body.we-trust-page .trust-map-root small,
body.we-trust-page .trust-map-root span,
body.we-trust-page .trust-map-main small,
body.we-trust-page .trust-module-state,
body.we-trust-page .trust-module-impact small,
body.we-trust-page .trust-module-option small{
  font-size:9px!important;
}

/* Shared site panel: more legible for older visitors without making it bulky. */
.panel-nav-v052 .panel-primary-link{
  font-size:28px;
  padding:16px 0;
}
.panel-nav-v052 .panel-primary-link>span,
.panel-worlds-toggle small{
  font-size:9px;
  line-height:1.35;
}
.panel-worlds-toggle b{font-size:28px}
.panel-world-link{padding:10px 5px!important}
.panel-world-link strong{font-size:15px}
.panel-world-link small{font-size:9px;line-height:1.45}
.panel-bottom-v052 small{font-size:9px;line-height:1.55;max-width:230px}
.panel-signal{font-size:10px;padding:12px 15px}
.menu-close{font-size:24px}

/* Keep the readability lift on tablet/mobile, but do not over-scale the panel. */
@media (max-width:760px){
  :root{--world-eyebrow:10px;--world-micro:9px}
  .panel-nav-v052 .panel-primary-link,
  .panel-worlds-toggle b{font-size:25px}
  .panel-world-link strong{font-size:14px}
  .panel-world-link small,
  .panel-nav-v052 .panel-primary-link>span,
  .panel-worlds-toggle small,
  .panel-bottom-v052 small{font-size:9px}
}


/* ==================================================================
   V0.10.60 — FINAL GRID + HEADER + SITE PANEL REFINEMENT
   ------------------------------------------------------------------
   - World grid tightened slightly.
   - WE logo sits lower so it feels connected to the visual system.
   - Site panel always overlays the header; hamburger disappears while open.
   - Entire panel can scroll, service descriptions are larger, close control
     is a real visible X, and SEND SIGNAL is promoted to a readable full row.
   ================================================================== */

/* The world pages were a touch too wide in v0.10.59.  Keep one shared
   alignment rail, just slightly calmer on large desktop screens. */
:root{
  --world-shell:min(1290px,calc(100vw - 144px));
}

/* Lower the mark without moving the hamburger. The extra drop makes the
   logo feel less like a detached masthead and more like a system node. */
@media (min-width:761px){
  .topbar:not(.is-collapsed) .full-logo{
    transform:translateY(10px);
  }
}
@media (max-width:760px){
  .topbar:not(.is-collapsed) .full-logo{
    transform:translateY(4px);
  }
}

/* The AI / Infrastructure worlds used a higher header z-index.  The menu
   must still sit above every world header. */
.glass-menu{
  z-index:240!important;
}
body.menu-open .menu-trigger{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:scale(.88)!important;
}

/* Scroll the panel itself rather than hiding content in a nested nav. */
.glass-panel-v052{
  overflow-x:hidden;
  overflow-y:auto;
  max-height:100dvh;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(124,197,230,.24) transparent;
  padding:24px 28px 28px;
}
.glass-panel-v052::-webkit-scrollbar{width:5px}
.glass-panel-v052::-webkit-scrollbar-track{background:transparent}
.glass-panel-v052::-webkit-scrollbar-thumb{
  background:rgba(124,197,230,.22);
  border-radius:999px;
}
.panel-nav-v052{
  margin:24px 0 22px;
  overflow:visible;
  min-height:auto;
  padding-right:2px;
}
.panel-worlds-list.is-open{
  max-height:none;
}

/* Keep the close action permanently visible at the top of the panel. */
.panel-top{
  position:sticky;
  top:-1px;
  z-index:8;
  min-height:52px;
  padding:2px 0 8px;
  background:linear-gradient(180deg,rgba(7,16,25,.97) 0%,rgba(7,16,25,.88) 66%,rgba(7,16,25,0) 100%);
}
.menu-close{
  position:relative;
  flex:0 0 44px;
  width:44px;
  height:44px;
  border:1px solid rgba(174,222,242,.15);
  border-radius:13px;
  background:rgba(8,15,23,.56);
  color:transparent!important;
  font-size:0!important;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  transition:border-color .2s ease,background .2s ease,transform .2s ease;
}
.menu-close::before,
.menu-close::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:1.5px;
  border-radius:2px;
  background:#f2f8fc;
  box-shadow:0 0 10px rgba(122,211,245,.14);
}
.menu-close::before{transform:translate(-50%,-50%) rotate(45deg)}
.menu-close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.menu-close:hover{
  border-color:rgba(174,222,242,.34);
  background:rgba(18,32,44,.72);
  transform:scale(1.04);
}

/* Service list: old 7–9px helper copy was too small for an important nav. */
.panel-world-link{
  grid-template-columns:13px 1fr;
  gap:12px;
  padding:11px 5px!important;
}
.panel-world-link strong{
  font-size:15.5px;
  line-height:1.25;
}
.panel-world-link small{
  margin-top:4px;
  font-size:11px;
  line-height:1.45;
  letter-spacing:.045em;
  color:#7890a2;
}
.panel-nav-v052 .panel-primary-link>span,
.panel-worlds-toggle small{
  font-size:10px;
}

/* Give the action proper visual weight and a comfortable tap target. */
.panel-bottom-v052{
  flex-direction:column;
  align-items:stretch;
  gap:13px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,.055);
}
.panel-bottom-v052 small{
  max-width:none;
  font-size:9.5px;
  line-height:1.55;
}
.panel-signal{
  width:100%;
  min-height:50px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:14px;
  padding:0 17px;
  font-size:11.5px;
  line-height:1;
  letter-spacing:.12em;
  font-weight:800;
  text-align:left;
  background:linear-gradient(90deg,rgba(0,199,255,.055),rgba(91,121,255,.055));
  border-color:rgba(73,193,242,.30);
  transition:.22s ease;
}
.panel-signal:hover{
  transform:translateY(-1px);
  border-color:rgba(73,193,242,.52);
  background:linear-gradient(90deg,rgba(0,199,255,.09),rgba(91,121,255,.085));
}

@media (max-width:760px){
  .glass-panel-v052{padding:18px 20px 24px}
  .panel-top{min-height:48px}
  .menu-close{width:42px;height:42px;flex-basis:42px}
  .panel-world-link strong{font-size:15px}
  .panel-world-link small{font-size:10.5px}
  .panel-signal{font-size:11px;min-height:48px}
}


/* ==================================================================
   V0.10.61 — LOGO RAIL ALIGNMENT
   ------------------------------------------------------------------
   The PNG mark has transparent breathing room around the visible WE mark.
   Pull only the logo artwork left so the visible mark aligns with the same
   content rail used by the world-page copy and by the site-panel navigation.
   The hamburger / right rail is deliberately untouched.
   ================================================================== */

@media (min-width:761px){
  /* World subpages: visible WE mark sits ~18px inside its image box. */
  body.we-world-page .topbar:not(.is-collapsed) .full-logo{
    transform:translate(-18px,10px);
  }

  /* Site panel: align the visible mark with Startseite / Welten content. */
  .glass-panel-v052 .panel-logo{
    transform:translateX(-18px);
  }
}

@media (max-width:760px){
  body.we-world-page .topbar:not(.is-collapsed) .full-logo{
    transform:translate(-8px,4px);
  }
  .glass-panel-v052 .panel-logo{
    transform:translateX(-8px);
  }
}

/* ==================================================================
   V0.10.64 — WORLD BEYOND / EXPERIMENTAL SYSTEMS
   ------------------------------------------------------------------
   Beyond deliberately breaks the fixed single-accent language of the
   other worlds. It stays inside the WE grid, but uses refracted white,
   cyan, violet and magenta as a living spectrum.
   ================================================================== */

body.we-beyond-page{
  --beyond-cyan:81,224,255;
  --beyond-violet:145,105,255;
  --beyond-pink:255,93,194;
  --beyond-warm:255,188,120;
  background:#04040a;
}
body.we-beyond-page .we-day-ambient{opacity:.9;mix-blend-mode:screen}
body.we-beyond-page .topbar{
  background:linear-gradient(180deg,rgba(4,4,10,.76),rgba(4,4,10,.25));
  border-bottom-color:rgba(201,228,255,.075);
}
.beyond-world-main{
  position:relative;
  z-index:2;
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 9%,rgba(53,182,255,.055),transparent 28%),
    radial-gradient(circle at 88% 32%,rgba(146,86,255,.052),transparent 30%),
    radial-gradient(circle at 42% 75%,rgba(255,77,180,.025),transparent 32%),
    linear-gradient(180deg,rgba(4,4,10,.72),rgba(3,3,8,.9));
}
.beyond-world-main::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.18;
  background-image:
    linear-gradient(rgba(191,219,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(191,219,255,.018) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:linear-gradient(180deg,transparent 0%,#000 22%,#000 78%,transparent 100%);
}
.beyond-cosmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.beyond-cosmos i{
  position:absolute;left:var(--x);top:var(--y);width:calc(2px * var(--s));height:calc(2px * var(--s));border-radius:50%;
  background:#eaf8ff;opacity:calc(.32 + var(--s) * .22);box-shadow:0 0 calc(8px * var(--s)) rgba(174,224,255,.55)
}
.beyond-scene{position:relative;z-index:2;min-height:100vh;padding:150px 0 110px;display:flex;align-items:center}
.beyond-scene::after{content:"";position:absolute;left:50%;bottom:0;width:var(--world-shell);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(188,220,255,.11) 20%,rgba(255,255,255,.07) 50%,rgba(195,168,255,.11) 80%,transparent)}
.beyond-index{font-size:var(--world-eyebrow);font-weight:700;letter-spacing:.18em;color:#8495a8;text-transform:uppercase}
.beyond-index::before{content:"";display:inline-block;width:28px;height:1px;margin:0 10px 3px 0;background:linear-gradient(90deg,rgb(var(--beyond-cyan)),rgb(var(--beyond-violet)),rgb(var(--beyond-pink)));opacity:.72}

/* 01 — THE ANOMALY */
.beyond-hero{padding-top:158px}
.beyond-hero-shell{display:grid;grid-template-columns:minmax(0,.91fr) minmax(520px,1.09fr);gap:50px;align-items:center}
.beyond-hero-copy{position:relative;z-index:3;max-width:710px}
.beyond-hero-copy h1{margin:26px 0 26px;font-size:clamp(54px,5.25vw,84px);line-height:.96;letter-spacing:-.055em;font-weight:600}
.beyond-hero-copy h1 span,
.beyond-lab-head h2 span,
.beyond-contact h2 span{
  color:transparent;
  background:linear-gradient(92deg,#f7fbff 0%,#79e8ff 28%,#a98dff 58%,#ff76ca 84%,#fff 100%);
  background-size:180% 100%;
  -webkit-background-clip:text;background-clip:text;
  animation:beyondSpectrumText 12s ease-in-out infinite alternate;
}
@keyframes beyondSpectrumText{0%{background-position:0 50%}100%{background-position:100% 50%}}
.beyond-hero-copy>p{max-width:640px;margin:0;color:#94a2b2;font-size:clamp(15px,1.05vw,18px);line-height:1.72}
.beyond-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px;color:#75869a;font-size:10px;letter-spacing:.14em}
.beyond-tags i{width:3px;height:3px;border-radius:50%;background:#bcd7e8;opacity:.55}
.beyond-signal{margin-top:34px;width:min(100%,540px);min-height:78px;padding:0 21px 0 24px;border:1px solid rgba(167,213,239,.2);border-radius:18px;background:linear-gradient(100deg,rgba(9,18,28,.84),rgba(19,12,35,.74));color:#f7fbff;display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:inset 0 1px rgba(255,255,255,.035);transition:.3s var(--ease);position:relative;overflow:hidden}
.beyond-signal::before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(100deg,rgba(var(--beyond-cyan),.08),rgba(var(--beyond-violet),.08),rgba(var(--beyond-pink),.06));transition:.3s ease}
.beyond-signal:hover{transform:translateY(-3px);border-color:rgba(187,222,244,.42);box-shadow:0 20px 55px rgba(0,0,0,.24)}
.beyond-signal:hover::before{opacity:1}
.beyond-signal>span,.beyond-signal>i{position:relative;z-index:1}.beyond-signal>span{font-size:16px;font-weight:600}.beyond-signal small{display:block;margin-bottom:5px;color:#7e93a7;font-size:9px;letter-spacing:.16em}.beyond-signal>i{font-style:normal;font-size:22px;color:#dff8ff;transition:transform .3s var(--ease)}.beyond-signal:hover>i{transform:translate(4px,-4px)}

.beyond-anomaly{
  --beyond-x:0;--beyond-y:0;
  position:relative;height:min(690px,70vw);min-height:610px;max-height:720px;isolation:isolate;
  transform:translate3d(calc(var(--beyond-x) * 3px),calc(var(--beyond-y) * 3px),0);
  transition:transform .6s cubic-bezier(.2,.7,.2,1)
}
.beyond-anomaly::before{content:"";position:absolute;left:50%;top:50%;width:500px;height:500px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(185,221,243,.055);background:linear-gradient(135deg,rgba(255,255,255,.012),transparent 45%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.beyond-anomaly-halo{position:absolute;left:50%;top:50%;width:520px;height:520px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.08) 0%,rgba(var(--beyond-cyan),.06) 10%,rgba(var(--beyond-violet),.04) 24%,transparent 68%);filter:blur(10px);opacity:.86}
.beyond-anomaly-chroma{position:absolute;left:50%;top:50%;width:410px;height:150px;border-radius:50%;filter:blur(54px);mix-blend-mode:screen;opacity:.34;transition:transform .8s var(--ease)}
.beyond-anomaly-chroma--a{background:linear-gradient(90deg,rgba(var(--beyond-cyan),.56),rgba(var(--beyond-violet),.2),transparent);transform:translate(calc(-50% + var(--beyond-x) * 9px),calc(-50% + var(--beyond-y) * 7px)) rotate(-28deg)}
.beyond-anomaly-chroma--b{background:linear-gradient(90deg,transparent,rgba(var(--beyond-pink),.42),rgba(var(--beyond-violet),.46));transform:translate(calc(-50% - var(--beyond-x) * 8px),calc(-50% - var(--beyond-y) * 9px)) rotate(31deg)}
.beyond-anomaly-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(198,228,246,.16);border-radius:50%;transform-style:preserve-3d;will-change:transform;transition:filter .25s ease}
.beyond-anomaly-ring::before,.beyond-anomaly-ring::after{content:"";position:absolute;border-radius:50%;background:#f4fbff;box-shadow:0 0 14px rgba(141,229,255,.78),0 0 28px rgba(166,108,255,.28)}
.beyond-anomaly-ring::before{width:8px;height:8px;left:8%;top:29%}.beyond-anomaly-ring::after{width:4px;height:4px;right:16%;bottom:15%}
.beyond-anomaly-ring i{position:absolute;inset:9%;border:1px dashed rgba(255,255,255,.07);border-radius:50%}
.beyond-anomaly-ring--a{width:470px;height:470px;margin:-235px 0 0 -235px;transform:rotateX(68deg) rotateZ(10deg);animation:beyondRingA 22s linear infinite}
.beyond-anomaly-ring--b{width:390px;height:390px;margin:-195px 0 0 -195px;border-color:rgba(178,138,255,.2);transform:rotateY(70deg) rotateZ(-19deg);animation:beyondRingB 28s linear infinite reverse}
.beyond-anomaly-ring--c{width:315px;height:315px;margin:-157px 0 0 -157px;border-color:rgba(255,109,200,.16);transform:rotateX(56deg) rotateY(20deg) rotateZ(22deg);animation:beyondRingC 19s linear infinite}
@keyframes beyondRingA{to{transform:rotateX(68deg) rotateZ(370deg)}}
@keyframes beyondRingB{to{transform:rotateY(70deg) rotateZ(341deg)}}
@keyframes beyondRingC{to{transform:rotateX(56deg) rotateY(20deg) rotateZ(382deg)}}
.beyond-anomaly-axis{position:absolute;left:50%;top:50%;height:1px;width:560px;background:linear-gradient(90deg,transparent,rgba(197,228,247,.14),transparent);transform-origin:center;opacity:.65}
.beyond-anomaly-axis--x{transform:translate(-50%,-50%) rotate(-17deg)}.beyond-anomaly-axis--y{transform:translate(-50%,-50%) rotate(73deg)}
.beyond-anomaly-core{position:absolute;left:50%;top:50%;width:230px;height:230px;transform:translate(calc(-50% + var(--beyond-x) * 5px),calc(-50% + var(--beyond-y) * 5px));border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 46% 40%,rgba(255,255,255,.13),rgba(20,18,35,.86) 28%,rgba(4,5,12,.97) 69%);border:1px solid rgba(208,232,247,.21);box-shadow:0 0 0 13px rgba(255,255,255,.012),0 0 80px rgba(86,196,255,.08),0 0 130px rgba(159,83,255,.055);transition:transform .7s var(--ease)}
.beyond-anomaly-core::before{content:"";position:absolute;inset:12px;border-radius:50%;border:1px solid transparent;background:linear-gradient(#080913,#080913) padding-box,conic-gradient(from 80deg,rgba(var(--beyond-cyan),.5),rgba(var(--beyond-violet),.45),rgba(var(--beyond-pink),.45),rgba(255,255,255,.04),rgba(var(--beyond-cyan),.5)) border-box;opacity:.7}
.beyond-anomaly-core small{position:relative;z-index:1;color:#78899c;letter-spacing:.16em;font-size:8px}.beyond-anomaly-core strong{position:relative;z-index:1;margin:10px 0 8px;font-size:31px;letter-spacing:-.055em;font-weight:650;color:#f5fbff}.beyond-anomaly-core span{position:relative;z-index:1;color:#8fa5b6;font-size:8px;letter-spacing:.12em}
.beyond-fragment{position:absolute;color:#7890a5;font-size:9px;letter-spacing:.18em;padding:6px 9px;border-left:1px solid rgba(155,216,245,.16);background:linear-gradient(90deg,rgba(15,22,34,.35),transparent);transition:transform .8s var(--ease),color .25s ease}.beyond-anomaly:hover .beyond-fragment{color:#9ab5c8}
.beyond-fragment--1{left:6%;top:24%;transform:translate(calc(var(--beyond-x) * -8px),calc(var(--beyond-y) * -5px))}.beyond-fragment--2{right:9%;top:18%;transform:translate(calc(var(--beyond-x) * 7px),calc(var(--beyond-y) * -9px))}.beyond-fragment--3{left:14%;bottom:19%;transform:translate(calc(var(--beyond-x) * -6px),calc(var(--beyond-y) * 8px))}.beyond-fragment--4{right:4%;bottom:25%;transform:translate(calc(var(--beyond-x) * 10px),calc(var(--beyond-y) * 5px))}.beyond-fragment--5{left:48%;top:7%;transform:translate(calc(-50% + var(--beyond-x) * 4px),calc(var(--beyond-y) * -7px))}.beyond-fragment--6{left:50%;bottom:5%;transform:translate(calc(-50% + var(--beyond-x) * -5px),calc(var(--beyond-y) * 7px));color:#a697cf}
.beyond-anomaly-readout{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#63788b;font-size:8px;letter-spacing:.16em;white-space:nowrap}.beyond-anomaly-readout i{width:7px;height:7px;border-radius:50%;background:#dffaff;box-shadow:0 0 13px rgba(83,221,255,.7);animation:beyondPulse 2.8s ease-in-out infinite}
@keyframes beyondPulse{50%{opacity:.35;box-shadow:0 0 5px rgba(83,221,255,.25)}}

/* 02 — THERE IS NO BOX */
.beyond-problems{min-height:1100px;padding-top:130px;align-items:flex-start}
.beyond-problems-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-top:24px}.beyond-problems-head h2{margin:0;font-size:clamp(44px,4.25vw,67px);line-height:1.02;letter-spacing:-.045em;font-weight:580}.beyond-problems-head p{margin:0 0 7px;color:#8998a8;font-size:16px;line-height:1.65;max-width:570px}
.beyond-problem-space{position:relative;height:690px;margin-top:64px;isolation:isolate}
.beyond-problem-space::before{content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.035),rgba(94,120,255,.018) 28%,transparent 68%);filter:blur(12px);z-index:0}
.beyond-problem-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none}.beyond-problem-path{fill:none;stroke:rgba(147,203,232,.18);stroke-width:1;stroke-dasharray:var(--path-length,800);stroke-dashoffset:var(--path-length,800);transition:stroke-dashoffset 1.5s cubic-bezier(.3,.7,.2,1) var(--path-delay),stroke .3s ease}.beyond-problem-space.is-live .beyond-problem-path{stroke-dashoffset:0}.beyond-problem-space.is-live .beyond-problem-path:nth-child(even){stroke:rgba(180,139,255,.15)}
.beyond-problem{position:absolute;z-index:3;width:300px;min-height:142px;padding:21px 22px;border:1px solid rgba(166,205,230,.13);background:linear-gradient(145deg,rgba(9,13,22,.78),rgba(6,6,13,.89));border-radius:18px;box-shadow:0 14px 45px rgba(0,0,0,.12);opacity:0;transform:translateY(14px) scale(.985);transition:opacity .55s ease,transform .65s var(--ease),border-color .25s ease,background .25s ease}.beyond-problem-space.is-live .beyond-problem{opacity:1;transform:none}.beyond-problem-space.is-live .beyond-problem:nth-of-type(1){transition-delay:.12s}.beyond-problem-space.is-live .beyond-problem:nth-of-type(2){transition-delay:.22s}.beyond-problem-space.is-live .beyond-problem:nth-of-type(3){transition-delay:.32s}.beyond-problem-space.is-live .beyond-problem:nth-of-type(4){transition-delay:.42s}.beyond-problem-space.is-live .beyond-problem:nth-of-type(5){transition-delay:.52s}.beyond-problem-space.is-live .beyond-problem:nth-of-type(6){transition-delay:.62s}.beyond-problem:hover{border-color:rgba(177,222,245,.34);background:linear-gradient(145deg,rgba(12,22,33,.93),rgba(10,8,20,.94));transform:translateY(-4px)}
.beyond-problem small{color:#70879c;letter-spacing:.14em}.beyond-problem blockquote{margin:12px 0 0;color:#dbe7ef;font-size:15px;line-height:1.46;font-style:normal}
.beyond-problem--1{left:0;top:40px}.beyond-problem--2{left:38%;top:0}.beyond-problem--3{right:0;top:95px}.beyond-problem--4{left:2%;bottom:70px}.beyond-problem--5{left:39%;bottom:5px}.beyond-problem--6{right:0;bottom:85px}
.beyond-problem-core{position:absolute;left:50%;top:50%;z-index:4;width:330px;height:180px;transform:translate(-50%,-50%);border-radius:26px;border:1px solid rgba(200,226,244,.18);background:linear-gradient(135deg,rgba(13,20,31,.96),rgba(13,8,26,.94));display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 0 80px rgba(91,199,255,.055),0 0 130px rgba(145,95,255,.04)}
.beyond-problem-core::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(100deg,rgba(var(--beyond-cyan),.65),transparent 32%,transparent 66%,rgba(var(--beyond-pink),.5));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.44;pointer-events:none}
.beyond-problem-core>small{color:#798ea2;letter-spacing:.18em}.beyond-problem-core strong{display:flex;align-items:center;gap:13px;margin:12px 0 9px;font-size:25px;letter-spacing:-.04em}.beyond-problem-core strong span{color:#9aa8b4}.beyond-problem-core strong i{font-style:normal;color:#cbeefa;font-weight:400}.beyond-problem-core strong em{font-style:normal;color:#f0f8ff;text-shadow:0 0 22px rgba(98,221,255,.24)}.beyond-problem-core p{margin:0;color:#687d8e;font-size:11px}

/* 03 — THE LAB */
.beyond-lab-section{padding:130px 0 120px;align-items:flex-start}.beyond-lab-head{display:grid;grid-template-columns:1.28fr .72fr;gap:76px;align-items:end;margin-top:24px}.beyond-lab-head h2{margin:0;font-size:clamp(43px,4vw,64px);line-height:1.02;letter-spacing:-.045em;font-weight:580}.beyond-lab-head p{margin:0 0 7px;color:#8796a7;font-size:16px;line-height:1.65}
.beyond-lab{position:relative;margin-top:58px;min-height:710px;border:1px solid rgba(163,201,225,.14);border-radius:26px;background:linear-gradient(145deg,rgba(7,11,18,.94),rgba(6,5,12,.95));overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.18)}
.beyond-lab-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(166,213,239,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(166,213,239,.035) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.45),#000)}
.beyond-lab::after{content:"";position:absolute;width:430px;height:430px;right:-80px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(var(--beyond-violet),.08),rgba(var(--beyond-cyan),.035) 35%,transparent 70%);filter:blur(14px);pointer-events:none}
.beyond-lab-topline{position:relative;z-index:2;height:70px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(156,206,234,.1);background:rgba(5,7,12,.62)}
.beyond-lab-topline>div{display:flex;align-items:center;gap:10px}.beyond-lab-topline>div:first-child{color:#71879a;font-size:9px;letter-spacing:.15em}.beyond-lab-topline>div:first-child i{width:7px;height:7px;border-radius:50%;background:#e9faff;box-shadow:0 0 13px rgba(74,219,255,.75)}.beyond-lab-topline>div:last-child{gap:9px}.beyond-lab-topline small{color:#647688;letter-spacing:.15em}.beyond-lab-topline strong{font-size:11px;color:#c9f4ff;letter-spacing:.13em;min-width:128px;text-align:right}
.beyond-lab-input{position:absolute;z-index:2;left:34px;top:116px;width:300px;min-height:225px;padding:25px;border:1px solid rgba(160,204,229,.14);border-radius:20px;background:rgba(9,14,23,.82)}.beyond-lab-input small{color:#73899c;letter-spacing:.15em}.beyond-lab-input strong{display:block;margin-top:16px;font-size:20px;line-height:1.22;letter-spacing:-.03em}.beyond-lab-input p{margin:14px 0 0;color:#758697;font-size:12px;line-height:1.55}.beyond-lab-input>span{position:absolute;right:18px;bottom:7px;color:rgba(255,255,255,.035);font-size:86px;line-height:1;font-weight:700}
.beyond-lab-track{position:absolute;z-index:2;left:390px;top:112px;width:355px;bottom:42px;display:flex;flex-direction:column;justify-content:space-between;padding-left:38px}.beyond-lab-trackline{position:absolute;left:10px;top:15px;bottom:15px;width:1px;background:rgba(159,198,222,.11)}.beyond-lab-trackline i{display:block;width:100%;height:0;background:linear-gradient(180deg,rgb(var(--beyond-cyan)),rgb(var(--beyond-violet)),rgb(var(--beyond-pink)));box-shadow:0 0 10px rgba(104,215,255,.45);transition:height .7s var(--ease)}
.beyond-lab-step{position:relative;width:100%;min-height:84px;padding:12px 32px 12px 0;border:0;background:transparent;color:#8090a0;text-align:left;display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;transition:color .25s ease,transform .25s ease}.beyond-lab-step::before{content:"";position:absolute;left:-33px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:#18222d;border:1px solid rgba(172,212,236,.25);transition:.25s ease}.beyond-lab-step>span{font-size:11px;color:#536678}.beyond-lab-step small{display:block;letter-spacing:.14em;color:#65798a}.beyond-lab-step strong{display:block;margin-top:5px;color:#9babba;font-size:14px;line-height:1.25;font-weight:550}.beyond-lab-step>i{position:absolute;right:3px;top:50%;width:16px;height:1px;background:rgba(174,213,235,.13);transition:width .25s ease,background .25s ease}.beyond-lab-step:hover{color:#d7e8f2;transform:translateX(3px)}.beyond-lab-step.is-active::before{background:#effbff;border-color:#dffaff;box-shadow:0 0 13px rgba(82,218,255,.75),0 0 25px rgba(151,103,255,.22)}.beyond-lab-step.is-active small{color:#9fdff1}.beyond-lab-step.is-active strong{color:#f0f7fb}.beyond-lab-step.is-active>i{width:26px;background:linear-gradient(90deg,rgba(var(--beyond-cyan),.8),rgba(var(--beyond-violet),.72))}
.beyond-lab-output{position:absolute;z-index:2;right:34px;top:116px;width:355px;bottom:42px;padding:29px 27px;border:1px solid rgba(179,210,232,.16);border-radius:22px;background:linear-gradient(145deg,rgba(13,19,30,.92),rgba(14,8,27,.9));display:flex;flex-direction:column;overflow:hidden}.beyond-lab-output::before{content:"";position:absolute;width:240px;height:240px;right:-75px;bottom:-65px;border-radius:50%;background:conic-gradient(from 180deg,rgba(var(--beyond-cyan),.13),rgba(var(--beyond-violet),.15),rgba(var(--beyond-pink),.11),transparent 80%);filter:blur(20px);opacity:.8}.beyond-lab-output small{position:relative;z-index:1;color:#75899b;letter-spacing:.14em}.beyond-lab-output>strong{position:relative;z-index:1;margin-top:24px;font-size:clamp(28px,2.3vw,38px);line-height:.98;letter-spacing:-.045em;max-width:290px}.beyond-lab-output>p{position:relative;z-index:1;margin:22px 0 0;color:#8393a3;font-size:13px;line-height:1.58;max-width:290px}.beyond-output-tags{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.beyond-output-tags span{padding:7px 9px;border:1px solid rgba(158,208,236,.15);border-radius:8px;color:#879bab;font-size:8px;letter-spacing:.12em;background:rgba(8,13,20,.55)}.beyond-lab-output>em{position:relative;z-index:1;margin-top:auto;font-style:normal;font-size:52px;line-height:.9;letter-spacing:-.06em;color:rgba(224,242,251,.075);font-weight:700;white-space:nowrap}

/* 04 — OPEN THE UNKNOWN */
.beyond-contact{min-height:900px;text-align:center;isolation:isolate}.beyond-contact-field{--contact-x:50%;--contact-y:50%;position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.beyond-contact-light{position:absolute;left:var(--contact-x);top:var(--contact-y);width:620px;height:620px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.055),rgba(var(--beyond-cyan),.035) 24%,rgba(var(--beyond-violet),.025) 43%,transparent 68%);filter:blur(18px);transition:left 1.2s var(--ease),top 1.2s var(--ease)}
.beyond-contact-portal{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(190,222,242,.11);transform-origin:center}.beyond-contact-portal--a{width:min(1080px,82vw);height:380px;transform:translate(-50%,-50%) rotate(-4deg);animation:beyondPortalA 28s ease-in-out infinite alternate}.beyond-contact-portal--b{width:min(830px,65vw);height:295px;border-color:rgba(167,130,255,.12);transform:translate(-50%,-50%) rotate(7deg);animation:beyondPortalB 34s ease-in-out infinite alternate}.beyond-contact-portal--c{width:min(580px,46vw);height:215px;border-color:rgba(255,107,197,.105);transform:translate(-50%,-50%) rotate(-1deg);box-shadow:inset 0 0 55px rgba(var(--beyond-cyan),.018),0 0 80px rgba(var(--beyond-violet),.025)}
.beyond-contact-portal::before{content:"";position:absolute;left:12%;top:14%;width:7px;height:7px;border-radius:50%;background:#f1fbff;box-shadow:0 0 13px rgba(92,221,255,.65)}.beyond-contact-portal--b::before{left:auto;right:19%;top:9%;box-shadow:0 0 13px rgba(179,111,255,.6)}.beyond-contact-portal--c::before{left:72%;top:auto;bottom:4%;box-shadow:0 0 13px rgba(255,111,200,.55)}
@keyframes beyondPortalA{to{transform:translate(-50%,-50%) rotate(-1deg) scale(1.018)}}@keyframes beyondPortalB{to{transform:translate(-50%,-50%) rotate(3deg) scale(.988)}}
.beyond-contact-field>span{position:absolute;color:#465767;font-size:8px;letter-spacing:.18em}.beyond-contact-field>span:nth-of-type(1){left:9%;top:43%}.beyond-contact-field>span:nth-of-type(2){right:8%;top:54%}.beyond-contact-field>span:nth-of-type(3){left:50%;bottom:13%;transform:translateX(-50%)}
.beyond-contact-shell{position:relative;z-index:2;max-width:980px;text-align:center}.beyond-contact .beyond-index{display:inline-block}.beyond-contact-pre{margin:28px 0 12px;color:#7d8e9d;font-size:14px}.beyond-contact h2{margin:0;font-size:clamp(58px,6.5vw,101px);line-height:.94;letter-spacing:-.06em;font-weight:570}.beyond-open-unknown{position:relative;margin-top:38px;width:min(100%,610px);min-height:94px;padding:0 25px 0 29px;border-radius:22px;border:1px solid rgba(184,219,239,.22);background:rgba(7,9,16,.72);color:#f7fbff;display:inline-flex;align-items:center;justify-content:space-between;text-align:left;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.014),0 26px 85px rgba(0,0,0,.22);transition:.3s var(--ease)}.beyond-open-unknown::before{content:"";position:absolute;inset:-80%;background:conic-gradient(from 180deg,transparent,rgba(var(--beyond-cyan),.13),rgba(var(--beyond-violet),.16),rgba(var(--beyond-pink),.13),transparent 65%);opacity:.36;animation:beyondButtonSpectrum 13s linear infinite}.beyond-open-unknown::after{content:"";position:absolute;inset:1px;border-radius:20px;background:linear-gradient(105deg,rgba(8,13,22,.97),rgba(12,8,23,.95));z-index:0}.beyond-open-unknown>span,.beyond-open-unknown>i{position:relative;z-index:1}.beyond-open-unknown>span{font-size:22px;font-weight:650;letter-spacing:-.02em}.beyond-open-unknown small{display:block;margin-bottom:6px;color:#7f94a5;font-size:9px;letter-spacing:.16em}.beyond-open-unknown>i{font-style:normal;font-size:27px;color:#e7f9ff;transition:transform .3s var(--ease)}.beyond-open-unknown:hover{transform:translateY(-4px);border-color:rgba(201,230,247,.43);box-shadow:0 32px 90px rgba(0,0,0,.3),0 0 45px rgba(103,195,255,.045)}.beyond-open-unknown:hover>i{transform:translateX(7px)}
@keyframes beyondButtonSpectrum{to{transform:rotate(360deg)}}
.beyond-contact-note{max-width:760px;margin:26px auto 0;color:#738494;font-size:13px;line-height:1.6}.beyond-footer{position:relative;z-index:3;background:#03040a;border-top-color:rgba(188,221,242,.08)}

/* Keep Beyond in the same site-wide readable rail and micro-type system. */
body.we-world-page .beyond-index{font-size:var(--world-eyebrow)!important;line-height:1.35}
body.we-beyond-page main small:not(.sr-only){font-size:var(--world-micro)!important;line-height:1.35}

@media(max-width:1240px){
  .beyond-hero-shell{grid-template-columns:minmax(0,1fr) minmax(450px,.9fr);gap:22px}.beyond-anomaly{transform:scale(.9);transform-origin:center center}
  .beyond-problem{width:270px}.beyond-problem--2{left:37%}.beyond-problem--5{left:38%}
  .beyond-lab-input{width:260px}.beyond-lab-track{left:325px;width:330px}.beyond-lab-output{width:320px}
}
@media(max-width:1080px){
  .beyond-scene{min-height:auto;padding:125px 0 95px}.beyond-hero-shell{grid-template-columns:1fr}.beyond-hero-copy{max-width:780px}.beyond-anomaly{height:650px;max-width:760px;width:100%;margin:0 auto;transform:none}
  .beyond-problems-head,.beyond-lab-head{grid-template-columns:1fr;gap:22px}.beyond-problems-head p,.beyond-lab-head p{max-width:760px}
  .beyond-problem-space{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:42px;padding-top:210px}.beyond-problem-lines{display:none}.beyond-problem{position:relative!important;inset:auto!important;width:auto;min-height:145px;opacity:1;transform:none}.beyond-problem-core{top:0;left:50%;transform:translateX(-50%)}
  .beyond-lab{min-height:auto;padding-bottom:28px}.beyond-lab-input,.beyond-lab-track,.beyond-lab-output{position:relative;inset:auto;width:auto}.beyond-lab-input{margin:28px 24px 0}.beyond-lab-track{margin:28px 24px 0;padding-left:42px;min-height:500px}.beyond-lab-output{margin:28px 24px 0;min-height:380px}.beyond-lab-output>em{margin-top:70px}
}
@media(max-width:760px){
  .beyond-scene{padding:108px 0 74px}.beyond-scene::after{width:calc(100% - 30px)}
  .beyond-hero-copy h1{font-size:clamp(43px,12vw,58px)}.beyond-hero-copy>p{font-size:15px}.beyond-tags{font-size:9px;gap:8px}.beyond-signal{min-height:72px;padding-inline:18px}.beyond-signal>span{font-size:14px}
  .beyond-anomaly{height:520px;min-height:520px;margin-top:12px}.beyond-anomaly::before{width:390px;height:390px}.beyond-anomaly-halo{width:380px;height:380px}.beyond-anomaly-ring--a{width:370px;height:370px;margin:-185px 0 0 -185px}.beyond-anomaly-ring--b{width:310px;height:310px;margin:-155px 0 0 -155px}.beyond-anomaly-ring--c{width:245px;height:245px;margin:-122px 0 0 -122px}.beyond-anomaly-axis{width:430px}.beyond-anomaly-core{width:190px;height:190px}.beyond-anomaly-core strong{font-size:27px}.beyond-fragment{font-size:7px}.beyond-fragment--1{left:0}.beyond-fragment--2{right:0}.beyond-anomaly-readout{font-size:7px}
  .beyond-problems{min-height:auto}.beyond-problems-head h2,.beyond-lab-head h2{font-size:clamp(38px,10vw,48px)}.beyond-problems-head p,.beyond-lab-head p{font-size:14px}.beyond-problem-space{grid-template-columns:1fr;padding-top:195px}.beyond-problem-core{width:100%;max-width:340px;height:165px}.beyond-problem{min-height:126px;padding:19px}.beyond-problem blockquote{font-size:14px}
  .beyond-lab{margin-top:38px;border-radius:20px}.beyond-lab-topline{height:62px;padding:0 16px}.beyond-lab-topline>div:first-child span{display:none}.beyond-lab-topline strong{min-width:auto}.beyond-lab-input{margin:18px 15px 0;min-height:205px}.beyond-lab-track{margin:24px 15px 0;min-height:530px;padding-left:37px}.beyond-lab-step{min-height:92px}.beyond-lab-step strong{font-size:13px}.beyond-lab-output{margin:24px 15px 0;padding:24px 21px;min-height:365px}.beyond-lab-output>strong{font-size:30px}.beyond-lab-output>em{font-size:40px;margin-top:55px}
  .beyond-contact{min-height:760px}.beyond-contact h2{font-size:clamp(47px,13.2vw,66px)}.beyond-contact-pre{font-size:13px}.beyond-contact-portal--a{width:920px;height:330px}.beyond-contact-portal--b{width:710px;height:255px}.beyond-contact-portal--c{width:520px;height:190px}.beyond-contact-field>span{display:none}.beyond-open-unknown{min-height:84px;padding-inline:20px}.beyond-open-unknown>span{font-size:18px}.beyond-contact-note{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .beyond-hero-copy h1 span,.beyond-lab-head h2 span,.beyond-contact h2 span,.beyond-anomaly-ring,.beyond-anomaly-readout i,.beyond-contact-portal,.beyond-open-unknown::before{animation:none!important}
  .beyond-problem,.beyond-problem-path{transition:none!important}.beyond-problem{opacity:1!important;transform:none!important}.beyond-problem-path{stroke-dashoffset:0!important}
}

/* ==================================================================
   V0.10.66 — BEYOND V2 / HERO BIG-BANG REFINEMENT
   ------------------------------------------------------------------
   Beyond now deliberately abandons the standard world-page rhythm.
   Four immersive scroll scenes: anomaly, tilted grid break, emergent
   system, and a first-light ocean finale.
   ================================================================== */

body.we-beyond-v2-page{
  --bv2-cyan:81,224,255;
  --bv2-blue:111,155,255;
  --bv2-violet:157,111,255;
  --bv2-pink:255,93,194;
  --bv2-warm:255,189,126;
  background:#020309;
}
body.we-beyond-v2-page .we-day-ambient{opacity:.46}
body.we-beyond-v2-page .topbar{background:linear-gradient(180deg,rgba(2,3,9,.76),rgba(2,3,9,.08));border-bottom-color:rgba(195,225,255,.055)}
.beyond-v2{position:relative;z-index:2;overflow:clip;background:#020309;color:#f5f8fb}
.bv2-space{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 12% 22%,rgba(36,154,217,.045),transparent 30%),radial-gradient(circle at 82% 30%,rgba(122,75,255,.05),transparent 32%),#020309}
.bv2-space::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 20%,rgba(0,0,0,.45) 92%)}
.bv2-space i{position:absolute;left:var(--x);top:var(--y);width:calc(2px * var(--s));height:calc(2px * var(--s));border-radius:50%;background:#eaf8ff;opacity:calc(.22 + var(--s)*.23);box-shadow:0 0 calc(9px * var(--s)) rgba(173,226,255,.55)}
.bv2-scene{position:relative;z-index:2}
.bv2-index{font-size:var(--world-eyebrow);font-weight:700;letter-spacing:.19em;color:#8496aa;text-transform:uppercase}
.bv2-index::before{content:"";display:inline-block;width:28px;height:1px;margin:0 10px 3px 0;background:linear-gradient(90deg,rgb(var(--bv2-cyan)),rgb(var(--bv2-violet)),rgb(var(--bv2-pink)));opacity:.78}
.bv2-scene h1,.bv2-scene h2{font-weight:570;letter-spacing:-.06em}
.bv2-scene h1 span,.bv2-scene h2 span{color:transparent;background:linear-gradient(92deg,#f7fbff 0%,#70e9ff 24%,#9c8dff 56%,#ff73ca 84%,#fff 100%);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;animation:bv2-spectrum 11s ease-in-out infinite alternate}
@keyframes bv2-spectrum{to{background-position:100% 50%}}

/* 01 — centered anomaly / scroll opens the field */
.bv2-hero{height:170vh;--hero-p:0;--hero-open:0;--hero-burst:0;--hero-fade:0;--hero-front:0}
.bv2-hero-sticky{position:sticky;top:0;height:100vh;min-height:760px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 48%,rgba(23,18,50,.075),transparent 44%)}
.bv2-hero-field{position:absolute;inset:-6%;z-index:0;pointer-events:none;transform:translate3d(0,0,0) scale(calc(1 + var(--hero-burst)*.62)) rotate(calc(var(--hero-open)*2.5deg));transform-origin:50% 49%;will-change:transform}

/* A deliberately painterly Milky Way: broad, soft and never photo-wallpaper literal. */
.bv2-milkyway{position:absolute;left:50%;top:48%;width:155vw;height:min(52vw,720px);min-height:430px;transform:translate(-50%,-50%) rotate(-16deg) scale(calc(.90 + var(--hero-burst)*.26));transform-origin:center;opacity:calc(.26 + var(--hero-burst)*.48);mix-blend-mode:screen;filter:blur(calc(7px - var(--hero-burst)*2px)) saturate(118%);mask-image:radial-gradient(ellipse at center,#000 0 38%,rgba(0,0,0,.96) 49%,rgba(0,0,0,.45) 67%,transparent 83%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0 38%,rgba(0,0,0,.96) 49%,rgba(0,0,0,.45) 67%,transparent 83%)}
.bv2-milkyway::before{content:"";position:absolute;inset:8% 0;background-image:radial-gradient(circle,rgba(235,250,255,.80) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(136,221,255,.55) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(205,166,255,.48) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,173,226,.36) 0 1px,transparent 1.5px);background-size:73px 61px,119px 97px,157px 131px,211px 173px;background-position:0 0,31px 18px,17px 63px,87px 21px;opacity:calc(.23 + var(--hero-burst)*.38);filter:blur(.15px)}
.bv2-milkyway::after{content:"";position:absolute;inset:4% -4%;background:linear-gradient(90deg,transparent 0%,rgba(var(--bv2-cyan),.04) 14%,rgba(151,205,255,.08) 29%,rgba(245,250,255,.14) 46%,rgba(var(--bv2-violet),.15) 58%,rgba(var(--bv2-pink),.085) 71%,rgba(74,137,221,.04) 84%,transparent 100%);filter:blur(34px);opacity:calc(.42 + var(--hero-burst)*.34)}
.bv2-milkyway-core{position:absolute;left:50%;top:50%;width:52%;height:46%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.16) 0%,rgba(159,218,255,.105) 15%,rgba(var(--bv2-violet),.09) 34%,rgba(var(--bv2-pink),.035) 52%,transparent 72%);filter:blur(26px);opacity:calc(.44 + var(--hero-burst)*.36)}
.bv2-milkyway-cloud{position:absolute;border-radius:50%;filter:blur(58px);mix-blend-mode:screen;opacity:calc(.28 + var(--hero-burst)*.30)}
.bv2-milkyway-cloud--a{width:40%;height:58%;left:17%;top:12%;background:radial-gradient(ellipse,rgba(var(--bv2-cyan),.18),rgba(84,130,255,.08) 46%,transparent 72%)}
.bv2-milkyway-cloud--b{width:42%;height:54%;right:14%;bottom:10%;background:radial-gradient(ellipse,rgba(var(--bv2-pink),.14),rgba(var(--bv2-violet),.11) 42%,transparent 73%)}

/* Soft Big-Bang expansion. The whole system grows in depth instead of "exploding". */
.bv2-burst{position:absolute;left:50%;top:49%;width:min(46vw,650px);height:min(46vw,650px);transform:translate(-50%,-50%) scale(calc(.52 + var(--hero-burst)*1.16));transform-origin:center;opacity:calc(.16 + var(--hero-burst)*.70);mix-blend-mode:screen;will-change:transform,opacity}
.bv2-burst-halo{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12) 0 1.5%,rgba(var(--bv2-cyan),.095) 5%,rgba(var(--bv2-violet),.07) 17%,rgba(var(--bv2-pink),.035) 31%,transparent 62%);filter:blur(calc(7px + var(--hero-burst)*9px));box-shadow:0 0 90px rgba(var(--bv2-cyan),.045),0 0 180px rgba(var(--bv2-violet),.035)}
.bv2-burst-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(215,240,255,.14);transform:translate(-50%,-50%);box-shadow:0 0 30px rgba(var(--bv2-cyan),.035)}
.bv2-burst-ring--a{width:46%;height:46%;opacity:calc(.20 + var(--hero-burst)*.50)}
.bv2-burst-ring--b{width:72%;height:72%;border-color:rgba(182,135,255,.11);opacity:calc(.10 + var(--hero-burst)*.34)}
.bv2-burst-dust{position:absolute;inset:0;transform:rotate(calc(var(--hero-burst)*8deg));opacity:calc(.12 + var(--hero-burst)*.52)}
.bv2-burst-dust i{position:absolute;left:50%;top:50%;width:var(--l);height:1px;transform-origin:0 50%;transform:rotate(var(--a)) translateX(58px) scaleX(calc(.42 + var(--hero-burst)*.58));background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(196,240,255,.62) 28%,rgba(159,120,255,.25) 64%,transparent);filter:blur(.35px);box-shadow:0 0 8px rgba(var(--bv2-cyan),.10)}

.bv2-singularity-glow{position:absolute;left:50%;top:49%;width:min(82vw,1160px);height:min(82vw,1160px);transform:translate(-50%,-50%) scale(calc(.78 + var(--hero-burst)*.46));border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.085) 0%,rgba(var(--bv2-cyan),.075) 8%,rgba(var(--bv2-violet),.065) 22%,rgba(var(--bv2-pink),.03) 39%,transparent 69%);filter:blur(calc(12px + var(--hero-burst)*6px));opacity:calc(.64 + var(--hero-burst)*.30)}
.bv2-singularity{position:absolute;left:50%;top:49%;border-radius:50%;border:1px solid rgba(188,222,245,.15);transform-origin:center;mix-blend-mode:screen;opacity:calc(.58 + var(--hero-burst)*.42)}
.bv2-singularity::before,.bv2-singularity::after{content:"";position:absolute;border-radius:50%;background:#f4fbff;box-shadow:0 0 18px rgba(109,228,255,.82),0 0 36px rgba(143,104,255,.28)}
.bv2-singularity::before{width:7px;height:7px;left:8%;top:33%}.bv2-singularity::after{width:4px;height:4px;right:13%;bottom:18%}
.bv2-singularity--a{width:min(760px,65vw);height:min(310px,27vw);transform:translate(-50%,-50%) rotate(calc(-9deg - var(--hero-open)*21deg));animation:bv2-ring-a 22s ease-in-out infinite alternate}
.bv2-singularity--b{width:min(600px,52vw);height:min(600px,52vw);border-color:rgba(169,117,255,.15);transform:translate(-50%,-50%) rotateX(72deg) rotateZ(calc(15deg + var(--hero-open)*22deg));animation:bv2-ring-b 27s linear infinite}
.bv2-singularity--c{width:min(430px,38vw);height:min(430px,38vw);border-color:rgba(255,104,196,.13);transform:translate(-50%,-50%) rotateY(68deg) rotateZ(calc(-18deg - var(--hero-open)*18deg));animation:bv2-ring-c 31s linear infinite reverse}
@keyframes bv2-ring-a{to{transform:translate(-50%,-50%) rotate(4deg) scale(1.035)}}
@keyframes bv2-ring-b{to{transform:translate(-50%,-50%) rotateX(72deg) rotateZ(375deg)}}
@keyframes bv2-ring-c{to{transform:translate(-50%,-50%) rotateY(68deg) rotateZ(342deg)}}
.bv2-prism{position:absolute;left:50%;top:49%;width:620px;height:175px;border-radius:50%;filter:blur(58px);opacity:calc(.20 + var(--hero-burst)*.34);mix-blend-mode:screen}
.bv2-prism--a{background:linear-gradient(90deg,rgba(var(--bv2-cyan),.58),rgba(var(--bv2-violet),.16),transparent);transform:translate(-50%,-50%) rotate(-32deg)}
.bv2-prism--b{background:linear-gradient(90deg,transparent,rgba(var(--bv2-pink),.46),rgba(var(--bv2-violet),.44));transform:translate(-50%,-50%) rotate(34deg)}
.bv2-orbit-word{position:absolute;color:#637486;font-size:9px;letter-spacing:.19em;border-left:1px solid rgba(142,211,241,.16);padding:6px 9px;background:linear-gradient(90deg,rgba(8,14,23,.6),transparent);opacity:calc(.31 + var(--hero-open)*.44)}
.bv2-orbit-word--1{left:14%;top:28%;transform:translate(calc(var(--hero-open)*-118px),calc(var(--hero-open)*-54px))}.bv2-orbit-word--2{right:15%;top:23%;transform:translate(calc(var(--hero-open)*105px),calc(var(--hero-open)*-88px))}.bv2-orbit-word--3{left:10%;bottom:24%;transform:translate(calc(var(--hero-open)*-142px),calc(var(--hero-open)*92px))}.bv2-orbit-word--4{right:12%;bottom:29%;transform:translate(calc(var(--hero-open)*138px),calc(var(--hero-open)*76px))}.bv2-orbit-word--5{left:50%;bottom:15%;transform:translate(-50%,calc(var(--hero-open)*118px))}
.bv2-hero-copy{position:relative;z-index:3;text-align:center;max-width:1040px;display:flex;flex-direction:column;align-items:center;transform:translateY(calc(var(--hero-fade)*-32px)) scale(calc(1 - var(--hero-fade)*.065));opacity:calc(1 - var(--hero-fade)*.64);will-change:transform,opacity}
.bv2-hero-copy h1{margin:34px 0 34px;font-size:clamp(66px,7.2vw,116px);line-height:.89;max-width:1050px}
.bv2-hero-copy p{margin:0;max-width:770px;color:#9aa8b8;font-size:clamp(15px,1.05vw,18px);line-height:1.76}

/* CTA: a slow spectrum travels around the edge instead of flashing. */
.bv2-hero-cta{position:relative;isolation:isolate;overflow:hidden;margin-top:48px;min-width:360px;min-height:80px;padding:0 22px 0 26px;border:1px solid rgba(167,213,239,.16);border-radius:19px;background:transparent;color:#f7fbff;display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:0 24px 78px rgba(0,0,0,.26),0 0 26px rgba(var(--bv2-cyan),.055),0 0 42px rgba(var(--bv2-violet),.035);transition:transform .3s var(--ease),box-shadow .3s var(--ease);will-change:transform}
.bv2-hero-cta::before{content:"";position:absolute;z-index:-2;inset:-1px;border-radius:20px;padding:1px;background:conic-gradient(from 0deg,rgba(var(--bv2-cyan),0) 0deg,rgba(var(--bv2-cyan),0) 206deg,rgba(var(--bv2-cyan),.96) 236deg,rgba(255,255,255,.94) 252deg,rgba(var(--bv2-violet),.92) 275deg,rgba(var(--bv2-pink),.82) 302deg,rgba(var(--bv2-cyan),0) 334deg,rgba(var(--bv2-cyan),0) 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:bv2-cta-orbit 5.6s linear infinite;will-change:transform}
.bv2-hero-cta::after{content:"";position:absolute;z-index:-1;inset:1px;border-radius:18px;background:linear-gradient(108deg,rgba(5,12,21,.96),rgba(15,9,28,.94));box-shadow:inset 0 1px rgba(255,255,255,.035)}
@keyframes bv2-cta-orbit{to{transform:rotate(1turn)}}
.bv2-hero-cta:hover{transform:translateY(-4px) scale(1.012);box-shadow:0 30px 86px rgba(0,0,0,.32),0 0 34px rgba(var(--bv2-cyan),.10),0 0 58px rgba(var(--bv2-violet),.065)}
.bv2-hero-cta span{position:relative;z-index:2;font-size:15px;font-weight:650}.bv2-hero-cta small{display:block;color:#879bad;margin-bottom:6px;letter-spacing:.16em}.bv2-hero-cta i{position:relative;z-index:2;font-style:normal;font-size:21px;text-shadow:0 0 14px rgba(var(--bv2-cyan),.55);transition:transform .3s var(--ease)}.bv2-hero-cta:hover i{transform:translateY(4px)}
.bv2-scroll-cue{position:absolute;z-index:4;left:50%;bottom:28px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#617386;font-size:8px;letter-spacing:.18em;opacity:calc(1 - var(--hero-fade)*.85)}.bv2-scroll-cue i{width:34px;height:1px;background:linear-gradient(90deg,transparent,#7bdff7)}

/* 02 — orderly field that physically tilts and breaks */
.bv2-tilt{height:190vh;--tilt-p:0;--break-p:0;--core-p:0;background:linear-gradient(180deg,#020309 0%,#05050c 44%,#020309 100%)}
.bv2-tilt-sticky{position:sticky;top:0;height:100vh;min-height:760px;overflow:hidden;perspective:1300px}
.bv2-tilt-stage{position:absolute;inset:-8%;display:flex;flex-direction:column;justify-content:center;transform-origin:50% 52%;transform:rotate(calc(var(--break-p)*-5.7deg)) scale(calc(1 + var(--break-p)*.035));transition:filter .08s linear;background:radial-gradient(circle at 50% 48%,rgba(var(--bv2-violet),.045),transparent 34%)}
.bv2-tilt-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(185,218,242,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(185,218,242,.028) 1px,transparent 1px);background-size:76px 76px;opacity:calc(.18 + var(--break-p)*.22);transform:translate(calc(var(--break-p)*-22px),calc(var(--break-p)*15px))}
.bv2-tilt-head{position:relative;z-index:3;margin-top:-360px}
.bv2-tilt-head h2{margin:22px 0 14px;font-size:clamp(48px,5.3vw,82px);line-height:.96;max-width:1050px}.bv2-tilt-head>p{max-width:590px;color:#8e9baa;font-size:16px;line-height:1.62}
.bv2-card-field{position:absolute;left:50%;top:56%;width:min(1280px,86vw);height:520px;transform:translate(-50%,-50%)}
.bv2-break-card{position:absolute;left:var(--x);top:var(--y);width:300px;min-height:132px;padding:22px 23px;border:1px solid rgba(171,211,236,.14);border-radius:17px;background:linear-gradient(145deg,rgba(10,17,28,.86),rgba(10,8,19,.78));box-shadow:inset 0 1px rgba(255,255,255,.025),0 22px 60px rgba(0,0,0,.15);transform:translate(calc(var(--break-p)*var(--dx)),calc(var(--break-p)*var(--dy))) rotate(calc(var(--break-p)*var(--dr)));transition:border-color .25s ease,box-shadow .25s ease;z-index:2}
.bv2-break-card small{color:#718397;letter-spacing:.14em}.bv2-break-card strong{display:block;margin-top:15px;font-size:17px;line-height:1.3;letter-spacing:-.02em;color:#e8eef4}
.bv2-break-card::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#dff9ff;box-shadow:0 0 18px rgba(var(--bv2-cyan),.8);right:-4px;top:50%;opacity:calc(.12 + var(--break-p)*.75)}
.bv2-tilt-cross{position:absolute;left:50%;top:50%;z-index:1;background:linear-gradient(90deg,transparent,rgba(185,220,243,.13),transparent);opacity:calc(.28 - var(--core-p)*.2)}.bv2-tilt-cross--x{width:100%;height:1px;transform:translate(-50%,-50%)}.bv2-tilt-cross--y{width:1px;height:100%;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,rgba(185,220,243,.13),transparent)}
.bv2-break-core{position:absolute;left:50%;top:50%;z-index:5;width:430px;height:215px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:translate(-50%,-50%) scale(calc(.72 + var(--core-p)*.28));opacity:var(--core-p);background:linear-gradient(145deg,rgba(9,18,28,.94),rgba(18,10,31,.91));border:1px solid rgba(197,226,245,.24);box-shadow:0 0 90px rgba(var(--bv2-violet),.09),0 0 35px rgba(var(--bv2-cyan),.04)}
.bv2-break-core small{color:#77899c;letter-spacing:.18em}.bv2-break-core>strong{display:flex;align-items:center;gap:13px;margin:15px 0 10px;font-size:27px;letter-spacing:-.04em}.bv2-break-core strong span{color:#8797a9}.bv2-break-core strong i{font-style:normal;color:#8feaff}.bv2-break-core strong em{font-style:normal;color:#f4f8fb;text-shadow:0 0 22px rgba(var(--bv2-pink),.18)}.bv2-break-core p{margin:0;color:#758799;font-size:12px}
.bv2-tilt-caption{position:absolute;right:6%;bottom:30px;color:#526476;font-size:8px;letter-spacing:.18em;transform:rotate(calc(var(--break-p)*-5.7deg))}

/* 03 — full-screen visual first, text appears as a readout */
.bv2-emergence{height:205vh;--emerge-p:0;background:#020309}
.bv2-emergence-sticky{position:sticky;top:0;height:100vh;min-height:760px;overflow:hidden;isolation:isolate}
.bv2-emergence-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.9}
.bv2-emergence-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 52%,transparent 0%,rgba(2,3,9,.03) 30%,rgba(2,3,9,.77) 88%),linear-gradient(90deg,rgba(2,3,9,.58),transparent 28%,transparent 72%,rgba(2,3,9,.55))}
.bv2-emergence-shell{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:auto 1fr auto;padding-top:145px;padding-bottom:38px}
.bv2-emergence-top{display:flex;align-items:center;justify-content:space-between}.bv2-status{display:flex;align-items:center;gap:15px}.bv2-status small{color:#5e7185;letter-spacing:.16em}.bv2-status strong{min-width:115px;text-align:right;color:#c8eaf8;font-size:10px;letter-spacing:.14em}
.bv2-emergence-titlewrap{position:absolute;left:0;top:20%;max-width:830px;opacity:calc(1 - var(--emerge-p)*1.35);transform:translateY(calc(var(--emerge-p)*-55px));pointer-events:none}.bv2-emergence-titlewrap h2{font-size:clamp(53px,5.3vw,84px);line-height:.95;margin:0}
.bv2-phase-copy{position:absolute;right:0;top:50%;width:min(440px,36vw);padding:27px 28px;border-left:1px solid rgba(178,218,242,.22);background:linear-gradient(90deg,rgba(6,12,20,.76),rgba(7,8,17,.20));backdrop-filter:blur(7px);transform:translateY(-50%);text-align:left}.bv2-phase-copy.is-changing{animation:bv2-copy-in .52s var(--ease)}@keyframes bv2-copy-in{0%{opacity:.2;transform:translateY(calc(-50% + 18px));filter:blur(4px)}100%{opacity:1;transform:translateY(-50%);filter:blur(0)}}
.bv2-phase-copy small{color:#72b9d0;letter-spacing:.17em}.bv2-phase-copy strong{display:block;margin:14px 0 12px;font-size:clamp(25px,2.2vw,37px);line-height:1.06;letter-spacing:-.04em}.bv2-phase-copy p{margin:0;color:#8d9aaa;font-size:15px;line-height:1.62}
.bv2-phase-rail{position:absolute;left:0;bottom:65px;display:flex;gap:8px;flex-wrap:wrap}.bv2-phase-rail span{padding:8px 11px;border:1px solid rgba(166,205,232,.10);border-radius:999px;color:#536779;font-size:8px;letter-spacing:.14em;transition:.35s ease}.bv2-phase-rail span.is-active{color:#dff8ff;border-color:rgba(var(--bv2-cyan),.34);background:rgba(var(--bv2-cyan),.055);box-shadow:0 0 20px rgba(var(--bv2-cyan),.045)}
.bv2-emergence-readout{position:absolute;left:50%;bottom:39px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#516477;font-size:8px;letter-spacing:.16em}.bv2-emergence-readout i{width:54px;height:1px;background:linear-gradient(90deg,rgba(var(--bv2-cyan),.7),rgba(var(--bv2-violet),.7),rgba(var(--bv2-pink),.7))}

/* 04 — first light: stars disappear, ocean and sun take over */
.bv2-sunrise{height:185vh;--sun-p:0;--stars-p:1;--contact-p:0;--sun-y:63%;background:#020309}
.bv2-sunrise-sticky{position:sticky;top:0;height:100vh;min-height:760px;overflow:hidden;isolation:isolate}
.bv2-sky{position:absolute;inset:0;z-index:0;overflow:hidden;background:#020309}
.bv2-sky-night,.bv2-sky-dawn{position:absolute;inset:0}.bv2-sky-night{background:radial-gradient(circle at 50% 64%,rgba(74,52,125,.11),transparent 28%),linear-gradient(180deg,#02040b 0%,#070817 48%,#0e0b1b 69%,#050911 100%)}
.bv2-sky-dawn{opacity:var(--sun-p);background:radial-gradient(ellipse at 50% 58%,rgba(255,226,181,.46) 0%,rgba(255,154,130,.20) 16%,rgba(158,92,183,.17) 34%,transparent 58%),linear-gradient(180deg,#07111e 0%,#182336 35%,#604d6f 62%,#e39a84 77%,#283445 100%);mix-blend-mode:screen}
.bv2-sun-stars{position:absolute;inset:0;opacity:var(--stars-p);transition:opacity .08s linear}.bv2-sun-stars i{position:absolute;left:var(--x);top:var(--y);width:calc(2px*var(--s));height:calc(2px*var(--s));border-radius:50%;background:#f2fbff;box-shadow:0 0 calc(9px*var(--s)) rgba(177,225,255,.6)}
.bv2-sun{position:absolute;z-index:2;left:50%;top:var(--sun-y);width:clamp(92px,9vw,150px);height:clamp(92px,9vw,150px);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 46% 42%,#fff 0%,#fff7d9 42%,#ffd7a1 74%,#f3a57d 100%);box-shadow:0 0 35px rgba(255,226,181,.55),0 0 110px rgba(255,160,131,.22),0 0 240px rgba(165,97,210,.12);opacity:calc(.06 + var(--sun-p)*.94)}
.bv2-sun-glow{position:absolute;z-index:1;left:50%;top:var(--sun-y);width:680px;height:360px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(255,235,202,.20),rgba(255,148,133,.09) 31%,rgba(154,91,191,.05) 50%,transparent 72%);filter:blur(20px);opacity:var(--sun-p)}
.bv2-horizon{position:absolute;z-index:3;left:0;right:0;top:55.5%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,222,194,.42) 35%,rgba(255,246,221,.78) 50%,rgba(255,222,194,.42) 65%,transparent);box-shadow:0 0 18px rgba(255,187,149,.18);opacity:var(--sun-p)}
.bv2-ocean{position:absolute;z-index:4;left:-8%;right:-8%;bottom:-9%;height:54%;transform:perspective(760px) rotateX(63deg);transform-origin:50% 0;background:linear-gradient(180deg,rgba(11,24,38,.92),#02060e 78%),repeating-linear-gradient(0deg,rgba(197,231,245,.08) 0 1px,transparent 1px 8px);overflow:hidden}
.bv2-ocean::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(176deg,transparent 0 10px,rgba(160,205,224,.06) 11px 12px,transparent 13px 23px);animation:bv2-water 7s linear infinite;opacity:calc(.2 + var(--sun-p)*.55)}
@keyframes bv2-water{to{transform:translateY(24px)}}
.bv2-reflection{position:absolute;left:50%;top:-5%;width:34%;height:110%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(255,187,145,.04) 21%,rgba(255,238,200,.24) 49%,rgba(255,190,148,.06) 78%,transparent);filter:blur(8px);opacity:var(--sun-p);clip-path:polygon(41% 0,59% 0,100% 100%,0 100%)}
.bv2-sunrise-copy{position:relative;z-index:6;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-top:60px;opacity:var(--contact-p);transform:translateY(calc((1 - var(--contact-p))*42px));text-shadow:0 2px 28px rgba(0,0,0,.34)}
.bv2-sunrise-pre{margin:27px 0 13px;color:#9faab4;font-size:14px}.bv2-sunrise-copy h2{margin:0;max-width:1120px;font-size:clamp(58px,6.2vw,98px);line-height:.92}.bv2-sunrise-copy h2 span{background:linear-gradient(92deg,#fff 0%,#ffe6c7 32%,#f3a7b8 62%,#aa9cff 100%);-webkit-background-clip:text;background-clip:text}
.bv2-open{margin-top:36px;width:min(610px,90vw);min-height:90px;padding:0 24px 0 28px;border-radius:21px;border:1px solid rgba(255,236,217,.28);background:rgba(4,9,17,.58);backdrop-filter:blur(14px);color:#fff;display:flex;align-items:center;justify-content:space-between;text-align:left;box-shadow:0 28px 90px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04);transition:.3s var(--ease)}.bv2-open:hover{transform:translateY(-4px);border-color:rgba(255,242,225,.55);box-shadow:0 30px 90px rgba(0,0,0,.28),0 0 42px rgba(255,181,153,.07)}.bv2-open span{font-size:21px;font-weight:650}.bv2-open small{display:block;margin-bottom:6px;color:#aab4bd;letter-spacing:.16em}.bv2-open i{font-style:normal;font-size:26px}.bv2-sunrise-note{max-width:730px;margin:24px auto 0;color:#99a5af;font-size:13px;line-height:1.55}
.bv2-footer{position:relative;z-index:8;background:#02050b;border-top-color:rgba(180,219,238,.09)}

@media(max-width:1180px){
  .bv2-break-card{width:260px}.bv2-card-field{width:90vw}.bv2-break-core{width:390px}
  .bv2-phase-copy{width:390px}.bv2-emergence-titlewrap{max-width:700px}
}
@media(max-width:900px){
  .bv2-hero-sticky,.bv2-tilt-sticky,.bv2-emergence-sticky,.bv2-sunrise-sticky{min-height:700px}
  .bv2-hero-copy h1{font-size:clamp(54px,10vw,82px)}
  .bv2-tilt-head{margin-top:-320px}.bv2-tilt-head h2{font-size:clamp(43px,8vw,64px)}.bv2-card-field{height:490px}.bv2-break-card{width:225px;padding:18px}.bv2-break-card strong{font-size:14px}
  .bv2-emergence-titlewrap{top:18%;max-width:80%}.bv2-emergence-titlewrap h2{font-size:clamp(45px,8vw,66px)}.bv2-phase-copy{right:0;width:44vw}.bv2-phase-copy p{font-size:13px}
  .bv2-sunrise-copy h2{font-size:clamp(50px,9vw,76px)}
}
@media(max-width:760px){
  .bv2-hero{height:138vh}.bv2-hero-sticky{min-height:660px}.bv2-hero-copy{padding-top:62px}.bv2-hero-copy h1{font-size:clamp(44px,12.7vw,61px);line-height:.92;margin:28px 0 28px}.bv2-hero-copy p{font-size:14px}.bv2-hero-cta{min-width:0;width:min(100%,390px);min-height:72px;margin-top:38px}.bv2-milkyway{width:235vw;height:610px;min-height:0}.bv2-burst{width:390px;height:390px}.bv2-singularity--a{width:720px;height:285px}.bv2-singularity--b{width:470px;height:470px}.bv2-singularity--c{width:330px;height:330px}.bv2-orbit-word{font-size:7px}.bv2-scroll-cue{display:none}
  .bv2-tilt{height:auto;min-height:1180px;padding:118px 0 90px}.bv2-tilt-sticky{position:relative;height:auto;min-height:980px;overflow:hidden}.bv2-tilt-stage{position:relative;inset:auto;transform:none;padding:0}.bv2-tilt-stage::before{inset:-80px -30px}.bv2-tilt-head{margin:0}.bv2-tilt-head h2{font-size:clamp(40px,10.6vw,52px);margin-top:18px}.bv2-tilt-head p{font-size:14px}.bv2-card-field{position:relative;left:auto;top:auto;transform:none;width:100%;height:auto;margin-top:55px;display:grid;grid-template-columns:1fr;gap:12px}.bv2-break-card{position:relative;left:auto!important;top:auto!important;width:100%;min-height:118px;transform:none!important}.bv2-break-core{position:relative;left:auto;top:auto;width:100%;height:190px;transform:none;opacity:1;order:7}.bv2-tilt-cross,.bv2-tilt-caption{display:none}
  .bv2-emergence{height:155vh}.bv2-emergence-shell{padding-top:112px;padding-bottom:28px}.bv2-emergence-top{align-items:flex-start}.bv2-status{display:none}.bv2-emergence-titlewrap{top:18%;left:0;max-width:92%}.bv2-emergence-titlewrap h2{font-size:clamp(39px,10.7vw,52px)}.bv2-phase-copy{left:0;right:auto;top:auto;bottom:100px;width:100%;padding:21px 0 21px 20px;background:linear-gradient(90deg,rgba(5,10,18,.86),transparent)}.bv2-phase-copy strong{font-size:26px}.bv2-phase-copy p{font-size:13px;max-width:520px}.bv2-phase-rail{bottom:45px;gap:5px}.bv2-phase-rail span{padding:6px 7px;font-size:6.5px}.bv2-emergence-readout{display:none}
  .bv2-sunrise{height:150vh}.bv2-sunrise-sticky{min-height:680px}.bv2-sunrise-copy{padding-top:50px}.bv2-sunrise-copy h2{font-size:clamp(43px,11.2vw,58px)}.bv2-sunrise-pre{font-size:12px;max-width:330px}.bv2-open{min-height:80px;padding-inline:19px}.bv2-open span{font-size:17px}.bv2-sunrise-note{font-size:12px;max-width:340px}.bv2-ocean{height:50%;bottom:-7%}
}
@media(prefers-reduced-motion:reduce){
  .bv2-scene h1 span,.bv2-scene h2 span,.bv2-singularity,.bv2-ocean::before,.bv2-hero-cta::before{animation:none!important}
  .bv2-hero-field,.bv2-tilt-stage,.bv2-break-card,.bv2-sunrise-copy{transform:none!important}
  .bv2-break-core{opacity:1!important;transform:translate(-50%,-50%)!important}
}


/* =========================================================
   V0.10.67 — BEYOND HERO / TRANSPARENT COSMOS ENGINE
   The scroll bloom is now rendered on a transparent canvas.
   No hero-owned background = no hard edge when the sticky scene releases.
   ========================================================= */
body.we-beyond-v2-page .bv2-hero-sticky{
  background:transparent;
}
body.we-beyond-v2-page .bv2-hero-field{
  inset:-8% -7% -12%;
  transform:scale(calc(1 + var(--hero-burst)*.20)) rotate(calc(var(--hero-open)*1.35deg));
  filter:saturate(calc(1 + var(--hero-burst)*.14)) contrast(calc(1 + var(--hero-burst)*.025));
}
.bv2-cosmos-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  pointer-events:none;
  z-index:0;
  opacity:.92;
  mix-blend-mode:screen;
}
/* The previous CSS-painted galaxy/burst was useful for prototyping, but it
   created a filled visual plane. Keep the markup as a safe fallback while
   the dedicated canvas engine owns the actual bloom. */
body.we-beyond-v2-page .bv2-milkyway,
body.we-beyond-v2-page .bv2-burst{
  display:none;
}
body.we-beyond-v2-page .bv2-singularity-glow{
  z-index:1;
  transform:translate(-50%,-50%) scale(calc(.86 + var(--hero-burst)*.20));
  opacity:calc(.34 + var(--hero-burst)*.18);
  filter:blur(calc(18px + var(--hero-burst)*8px));
}
body.we-beyond-v2-page .bv2-singularity{
  z-index:2;
  opacity:calc(.34 + var(--hero-burst)*.24);
}
body.we-beyond-v2-page .bv2-prism{
  z-index:1;
  opacity:calc(.09 + var(--hero-burst)*.12);
  filter:blur(72px);
}
body.we-beyond-v2-page .bv2-orbit-word{
  z-index:3;
  opacity:calc(.26 + var(--hero-open)*.28);
}
/* Give the third headline line enough breathing room so the i-dot of
   “nicht” can never visually collide with the line above. */
body.we-beyond-v2-page .bv2-hero-copy h1{
  line-height:.91;
}
body.we-beyond-v2-page .bv2-hero-copy h1 > span{
  display:block;
  margin-top:.075em;
  line-height:.90;
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-copy h1{line-height:.94}
  body.we-beyond-v2-page .bv2-hero-copy h1 > span{margin-top:.07em;line-height:.92}
}
@media(prefers-reduced-motion:reduce){
  .bv2-cosmos-canvas{opacity:.55}
}


/* ==============================================================
   V0.10.69 — BEYOND HERO / NIGHT-SKY DISSOLVE
   The hero copy now keeps its typographic integrity and is absorbed
   into a transparent foreground star field instead of scaling/fading
   as one grey block.
   ============================================================== */
body.we-beyond-v2-page .bv2-hero{
  --hero-meta-out:0;
  --hero-body-out:0;
  --hero-title-out:0;
  --hero-night:0;
}
body.we-beyond-v2-page .bv2-hero-copy{
  transform:none;
  opacity:1;
  will-change:auto;
}
body.we-beyond-v2-page .bv2-hero-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.045em;
  margin:34px 0 34px;
  line-height:1!important;
  max-width:1050px;
  transform:translateY(calc(var(--hero-title-out) * -10px));
  opacity:calc(1 - var(--hero-title-out));
  filter:blur(calc(var(--hero-title-out) * 4.5px));
  text-shadow:0 0 calc(var(--hero-title-out) * 22px) rgba(139,190,255,.12);
  transition:none;
  will-change:opacity,filter,transform;
}
body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{
  display:block;
  margin:0;
  padding:.01em 0 .035em;
  line-height:.88!important;
  color:#f5f8fb;
  background:none;
  -webkit-background-clip:border-box;
  background-clip:border-box;
  animation:none;
}
body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line--accent{
  padding-top:.035em;
  color:transparent;
  background:linear-gradient(92deg,#f7fbff 0%,#70e9ff 24%,#9c8dff 56%,#ff73ca 84%,#fff 100%);
  background-size:180% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:bv2-spectrum 8.5s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-hero-copy .bv2-index{
  opacity:calc(1 - var(--hero-meta-out));
  transform:translateY(calc(var(--hero-meta-out) * -8px));
  filter:blur(calc(var(--hero-meta-out) * 2.5px));
  will-change:opacity,transform,filter;
}
body.we-beyond-v2-page .bv2-hero-copy>p,
body.we-beyond-v2-page .bv2-hero-cta{
  opacity:calc(1 - var(--hero-body-out));
  transform:translateY(calc(var(--hero-body-out) * -9px));
  filter:blur(calc(var(--hero-body-out) * 3px));
  will-change:opacity,transform,filter;
}
body.we-beyond-v2-page .bv2-hero-cta:hover{
  transform:translateY(calc(var(--hero-body-out) * -9px - 3px));
}
.bv2-night-canvas{
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:var(--hero-night);
  mix-blend-mode:screen;
  will-change:opacity;
}
body.we-beyond-v2-page .bv2-scroll-cue{z-index:5}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-title{gap:.06em;line-height:1!important}
  body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{line-height:.91!important;padding-bottom:.04em}
  body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line--accent{padding-top:.045em}
}
@media(prefers-reduced-motion:reduce){
  .bv2-night-canvas{display:none!important}
  body.we-beyond-v2-page .bv2-hero-copy .bv2-index,
  body.we-beyond-v2-page .bv2-hero-title,
  body.we-beyond-v2-page .bv2-hero-copy>p,
  body.we-beyond-v2-page .bv2-hero-cta{opacity:1!important;transform:none!important;filter:none!important}
}

/* ==============================================================
   V0.10.69 — BEYOND HERO / FORWARD UNIVERSE
   Sticky scroll journey: copy dissolves, the transparent galaxy moves
   toward the viewer, then the scene releases into Section 02.
   ============================================================== */
body.we-beyond-v2-page .bv2-hero{
  height:215vh;
  --hero-energy:0;
  --hero-rush:0;
  --hero-release:0;
}
/* +~2–3 px of optical leading at desktop headline sizes. */
body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{
  line-height:.905!important;
}
body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line--accent{
  animation-duration:8s;
}
/* Existing orbital geometry now behaves like mid-depth matter: it comes a
   little closer during the flash phase and vanishes before the sticky release. */
body.we-beyond-v2-page .bv2-hero-field{
  transform:
    scale(calc(1 + var(--hero-burst)*.12 + var(--hero-rush)*.11))
    rotate(calc(var(--hero-open)*1.1deg));
  opacity:calc(1 - var(--hero-release)*.90);
}
body.we-beyond-v2-page .bv2-singularity-glow{
  transform:translate(-50%,-50%) scale(calc(.86 + var(--hero-energy)*.16 + var(--hero-rush)*.13));
  opacity:calc(.28 + var(--hero-energy)*.20 - var(--hero-release)*.42);
}
body.we-beyond-v2-page .bv2-singularity{
  opacity:calc(.26 + var(--hero-energy)*.22 + var(--hero-rush)*.10 - var(--hero-release)*.52);
}
body.we-beyond-v2-page .bv2-prism{
  opacity:calc(.06 + var(--hero-energy)*.08 + var(--hero-rush)*.05 - var(--hero-release)*.16);
}
body.we-beyond-v2-page .bv2-orbit-word{
  opacity:calc(.18 + var(--hero-energy)*.30 - var(--hero-release)*.48);
  filter:blur(calc(var(--hero-rush)*.22px));
}
body.we-beyond-v2-page .bv2-scroll-cue{
  opacity:calc((1 - var(--hero-title-out)) * (1 - var(--hero-release)));
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero{height:172vh}
  body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{line-height:.925!important}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-hero{height:auto;min-height:100vh}
  body.we-beyond-v2-page .bv2-hero-field{opacity:1!important;transform:none!important}
}


/* ==============================================================
   V0.10.71 — BEYOND HERO / STRONGER WORMHOLE RUSH + SMOOTHER CTA
   The ornamental orbit belongs to the opening beat only. During the
   sticky journey it yields to a transparent perspective star field,
   so the viewer travels through the universe instead of zooming a flat plate.
   ============================================================== */
body.we-beyond-v2-page .bv2-hero{
  --hero-geometry-out:0;
}
/* Final optical leading adjustment requested after V0.10.69. */
body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{
  line-height:.94!important;
}
/* The static orbital drawing is an opening motif, not the climax. Let it
   disappear before the real depth-rush takes over. */
body.we-beyond-v2-page .bv2-hero-field{
  opacity:calc(1 - var(--hero-release)*.94);
  transform:none;
  filter:none;
}
body.we-beyond-v2-page .bv2-singularity-glow{
  opacity:calc((1 - var(--hero-geometry-out)) * (.22 + var(--hero-energy)*.12));
}
body.we-beyond-v2-page .bv2-singularity{
  opacity:calc((1 - var(--hero-geometry-out)) * (.22 + var(--hero-energy)*.10));
}
body.we-beyond-v2-page .bv2-prism{
  opacity:calc((1 - var(--hero-geometry-out)) * .08);
}
body.we-beyond-v2-page .bv2-orbit-word{
  opacity:calc((1 - var(--hero-geometry-out)) * (.18 + var(--hero-open)*.20));
}
/* Canvas is transparent and therefore inherits the site's uninterrupted
   universe. The visual weight comes from perspective, not a painted plate. */
.bv2-cosmos-canvas{opacity:1;}
.bv2-night-canvas{mix-blend-mode:screen;}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{line-height:.95!important}
}


/* ==============================================================
   V0.10.72 — BEYOND / CINEMATIC PLUGIN HANDOFF + CTA BORDER
   The hero's heavy travel rendering can now be supplied by the separate
   WE Beyond Cinematic Engine plugin. The CTA keeps a visible spectral edge
   without a huge rotating pseudo-element.
   ============================================================== */
@property --bv2-cta-angle {
  syntax: '<angle>';
  inherits: false;
  initial-value: 0deg;
}
body.we-beyond-v2-page .bv2-hero-cta{
  --bv2-cta-angle:0deg;
  border:1px solid transparent;
  background:
    linear-gradient(108deg,rgba(5,12,21,.97),rgba(15,9,28,.95)) padding-box,
    conic-gradient(from var(--bv2-cta-angle),
      rgba(var(--bv2-cyan),.10) 0deg,
      rgba(var(--bv2-cyan),.10) 150deg,
      rgba(var(--bv2-cyan),.96) 205deg,
      rgba(248,253,255,.98) 225deg,
      rgba(var(--bv2-violet),.96) 250deg,
      rgba(var(--bv2-pink),.88) 282deg,
      rgba(var(--bv2-cyan),.12) 330deg,
      rgba(var(--bv2-cyan),.10) 360deg) border-box;
  animation:bv2-cta-border-072 4.6s linear infinite;
  box-shadow:0 24px 78px rgba(0,0,0,.26),0 0 22px rgba(var(--bv2-cyan),.07),0 0 38px rgba(var(--bv2-violet),.045);
}
body.we-beyond-v2-page .bv2-hero-cta::before,
body.we-beyond-v2-page .bv2-hero-cta::after{display:none!important}
@keyframes bv2-cta-border-072{to{--bv2-cta-angle:360deg}}
body.we-beyond-v2-page .bv2-hero-cta:hover{
  box-shadow:0 30px 86px rgba(0,0,0,.32),0 0 32px rgba(var(--bv2-cyan),.13),0 0 54px rgba(var(--bv2-violet),.085);
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-hero-cta{animation:none!important}
}


/* ==============================================================
   V0.10.73 — BEYOND HERO / SIMPLE DISSOLVE INTO SECTION 02
   The experimental depth-travel renderer is intentionally retired.
   The opener now scrolls with the document and fades into the next scene.
   ============================================================== */
body.we-beyond-v2-page .bv2-hero{
  height:auto!important;
  min-height:100svh;
  display:flex;
  align-items:stretch;
  --hero-energy:0;
  --hero-rush:0;
  --hero-release:0;
  --hero-night:0;
}
body.we-beyond-v2-page .bv2-hero-stage{
  position:relative;
  width:100%;
  min-height:100svh;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  isolation:isolate;
  padding:clamp(138px,15vh,178px) 0 clamp(72px,9vh,108px);
  background:transparent;
}
/* Plugin V1.0.0 searches for the old .bv2-hero-sticky node. The new stage
   deliberately does not expose it, so an installed plugin cannot start its
   WebGL loop. The old theme canvases are also no longer part of the markup. */
body.we-beyond-v2-page .bv2-cosmos-canvas,
body.we-beyond-v2-page .bv2-night-canvas,
body.we-beyond-v2-page .we-beyond-cinematic-canvas,
body.we-beyond-v2-page .bv2-milkyway,
body.we-beyond-v2-page .bv2-burst{
  display:none!important;
}
body.we-beyond-v2-page .bv2-hero-field{
  inset:-4% -4% -8%;
  transform:none!important;
  filter:none!important;
  opacity:calc(1 - var(--hero-geometry-out) * .82)!important;
  transition:none;
  will-change:opacity;
}
body.we-beyond-v2-page .bv2-singularity--a,
body.we-beyond-v2-page .bv2-singularity--b,
body.we-beyond-v2-page .bv2-singularity--c{
  animation:none!important;
}
body.we-beyond-v2-page .bv2-singularity-glow{
  transform:translate(-50%,-50%) scale(.90)!important;
  opacity:calc((1 - var(--hero-geometry-out)) * .20)!important;
  filter:blur(20px)!important;
}
body.we-beyond-v2-page .bv2-singularity{
  opacity:calc((1 - var(--hero-geometry-out)) * .22)!important;
}
body.we-beyond-v2-page .bv2-prism{
  opacity:calc((1 - var(--hero-geometry-out)) * .055)!important;
  filter:blur(66px)!important;
}
body.we-beyond-v2-page .bv2-orbit-word{
  opacity:calc((1 - var(--hero-geometry-out)) * .16)!important;
  filter:none!important;
}
body.we-beyond-v2-page .bv2-hero-copy{
  transform:none!important;
  opacity:1!important;
}
body.we-beyond-v2-page .bv2-hero-title{
  transform:translate3d(0,calc(var(--hero-title-out) * -14px),0)!important;
  opacity:calc(1 - var(--hero-title-out))!important;
  filter:none!important;
  text-shadow:none!important;
  will-change:opacity,transform;
}
body.we-beyond-v2-page .bv2-hero-copy .bv2-index{
  opacity:calc(1 - var(--hero-meta-out))!important;
  transform:translate3d(0,calc(var(--hero-meta-out) * -9px),0)!important;
  filter:none!important;
  will-change:opacity,transform;
}
body.we-beyond-v2-page .bv2-hero-copy>p,
body.we-beyond-v2-page .bv2-hero-cta{
  opacity:calc(1 - var(--hero-body-out))!important;
  transform:translate3d(0,calc(var(--hero-body-out) * -10px),0)!important;
  filter:none!important;
  will-change:opacity,transform;
}
body.we-beyond-v2-page .bv2-hero-cta:hover{
  transform:translate3d(0,calc(var(--hero-body-out) * -10px - 3px),0)!important;
}
body.we-beyond-v2-page .bv2-scroll-cue{
  opacity:calc(1 - var(--hero-body-out))!important;
}
/* Keep the spectral CTA ring; with the rendering loop gone it remains smooth. */
body.we-beyond-v2-page .bv2-hero-cta{
  animation:bv2-cta-border-072 4.6s linear infinite;
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-stage{
    min-height:100svh;
    padding:120px 0 70px;
  }
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-hero-title,
  body.we-beyond-v2-page .bv2-hero-copy .bv2-index,
  body.we-beyond-v2-page .bv2-hero-copy>p,
  body.we-beyond-v2-page .bv2-hero-cta{
    opacity:1!important;
    transform:none!important;
  }
}


/* ==============================================================
   V0.10.74 — BEYOND / SECTION 02 · GRAVITY BREAK
   The six problem fragments now behave like pieces of one broken system:
   depth, a forming gravity well, a travelling shockwave, edge highlights and
   connection lines all resolve into UNKNOWN → POSSIBLE. No canvas/WebGL.
   ============================================================== */
body.we-beyond-v2-page .bv2-tilt{
  --card-motion:0;
  --gravity-p:0;
  --wave-p:0;
  --wave-opacity:0;
  --links-p:0;
  --settle-p:0;
  height:202vh;
  background:transparent;
  isolation:isolate;
}
body.we-beyond-v2-page .bv2-tilt::before,
body.we-beyond-v2-page .bv2-emergence::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background-image:
    radial-gradient(circle at 8% 18%,rgba(222,247,255,.72) 0 1px,transparent 1.4px),
    radial-gradient(circle at 24% 68%,rgba(109,218,255,.46) 0 1px,transparent 1.5px),
    radial-gradient(circle at 58% 24%,rgba(194,169,255,.52) 0 1px,transparent 1.45px),
    radial-gradient(circle at 84% 76%,rgba(255,139,213,.38) 0 1px,transparent 1.4px),
    radial-gradient(circle at 71% 44%,rgba(239,250,255,.54) 0 1px,transparent 1.35px);
  background-size:137px 121px,211px 173px,277px 223px,359px 281px,443px 337px;
  background-position:0 0,37px 19px,91px 73px,13px 147px,181px 31px;
  opacity:.22;
  mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 14%,#000 88%,transparent 100%);
}
body.we-beyond-v2-page .bv2-tilt-sticky{perspective:1500px;transform-style:preserve-3d}
body.we-beyond-v2-page .bv2-tilt-stage{
  transform-style:preserve-3d;
  transform:rotate(calc(var(--break-p)*-4.2deg)) scale(calc(1 + var(--break-p)*.028));
  background:radial-gradient(circle at 50% 49%,rgba(var(--bv2-violet),calc(.02 + var(--gravity-p)*.045)),transparent 31%);
}
body.we-beyond-v2-page .bv2-tilt-stage::before{
  opacity:calc(.10 + var(--break-p)*.16 - var(--core-p)*.08);
  background-size:88px 88px;
}
body.we-beyond-v2-page .bv2-card-field{
  transform-style:preserve-3d;
  perspective:1200px;
}
.bv2-gravity-sky{
  position:absolute;
  inset:-28%;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 52%,rgba(var(--bv2-violet),calc(var(--gravity-p)*.055)),transparent 26%),
    radial-gradient(ellipse at 47% 55%,rgba(var(--bv2-cyan),calc(var(--gravity-p)*.026)),transparent 38%);
  opacity:calc(.30 + var(--gravity-p)*.70);
  transform:translateZ(-80px) scale(calc(.98 + var(--gravity-p)*.06));
}
.bv2-gravity-links{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  z-index:1;
  pointer-events:none;
  filter:drop-shadow(0 0 8px rgba(var(--bv2-cyan),.08));
}
.bv2-gravity-links path{
  fill:none;
  stroke:rgba(143,211,239,.28);
  stroke-width:.75;
  stroke-linecap:round;
  stroke-dasharray:8 13;
  opacity:calc(var(--link-p,0) * .78);
  stroke-dashoffset:calc((1 - var(--link-p,0)) * 90);
  transition:opacity .08s linear;
}
.bv2-gravity-well{
  position:absolute;
  left:50%;
  top:50%;
  width:190px;
  height:190px;
  z-index:3;
  pointer-events:none;
  transform:translate(-50%,-50%) translateZ(18px) scale(calc(.55 + var(--gravity-p)*.45));
  opacity:var(--gravity-p);
  border-radius:50%;
}
.bv2-gravity-well::before{
  content:"";
  position:absolute;
  inset:-90%;
  border-radius:50%;
  background:radial-gradient(circle,
    rgba(2,3,9,.97) 0 12%,
    rgba(3,4,12,.90) 20%,
    rgba(var(--bv2-violet),.075) 31%,
    rgba(var(--bv2-cyan),.035) 43%,
    transparent 67%);
  opacity:calc(.35 + var(--gravity-p)*.65);
}
.bv2-gravity-well::after{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:72px;height:72px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(0,0,0,.98) 0 42%,rgba(22,14,45,.68) 61%,transparent 73%);
  box-shadow:0 0 32px rgba(var(--bv2-violet),.16),0 0 70px rgba(var(--bv2-cyan),.055);
}
.bv2-gravity-orbit{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(190,226,245,.13);
  border-radius:50%;
  opacity:calc(.18 + var(--gravity-p)*.54);
}
.bv2-gravity-orbit--a{width:150px;height:58px;transform:translate(-50%,-50%) rotate(-17deg)}
.bv2-gravity-orbit--b{width:116px;height:116px;transform:translate(-50%,-50%) rotateX(72deg) rotateZ(28deg);border-color:rgba(174,128,255,.16)}
.bv2-gravity-orbit--c{width:84px;height:146px;transform:translate(-50%,-50%) rotate(34deg);border-color:rgba(255,111,202,.12)}
.bv2-gravity-point{
  position:absolute;
  left:50%;top:50%;
  width:5px;height:5px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:#f4fbff;
  box-shadow:0 0 12px rgba(255,255,255,.9),0 0 26px rgba(var(--bv2-cyan),.72),0 0 54px rgba(var(--bv2-violet),.34);
  z-index:3;
}
.bv2-gravity-wave{
  position:absolute;
  left:50%;top:50%;
  width:112px;height:112px;
  border-radius:50%;
  border:1px solid rgba(198,237,255,.55);
  transform:translate(-50%,-50%) scale(calc(.25 + var(--wave-p)*5.8));
  opacity:calc(var(--wave-opacity)*.66);
  box-shadow:0 0 20px rgba(var(--bv2-cyan),.10),inset 0 0 18px rgba(var(--bv2-violet),.05);
}
body.we-beyond-v2-page .bv2-break-card{
  --hit:0;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  overflow:hidden;
  z-index:4;
  background:
    radial-gradient(circle at 14% 12%,rgba(var(--bv2-cyan),.035),transparent 33%),
    radial-gradient(circle at 88% 86%,rgba(var(--bv2-violet),.045),transparent 38%),
    linear-gradient(145deg,rgba(8,15,25,.91),rgba(9,7,18,.84));
  border-color:rgba(171,211,236,calc(.13 + var(--hit)*.42));
  box-shadow:
    inset 0 1px rgba(255,255,255,.028),
    0 24px 68px rgba(0,0,0,.18),
    0 0 calc(var(--hit)*34px) rgba(var(--bv2-cyan),calc(var(--hit)*.16));
  transform:
    translate3d(calc(var(--card-motion)*var(--dx)),calc(var(--card-motion)*var(--dy)),calc(var(--card-motion)*var(--z)))
    rotateX(calc(var(--card-motion)*var(--rx)))
    rotateY(calc(var(--card-motion)*var(--ry)))
    rotateZ(calc(var(--card-motion)*var(--dr)));
  will-change:transform;
}
body.we-beyond-v2-page .bv2-break-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:linear-gradient(112deg,
    transparent 0 34%,
    rgba(var(--bv2-cyan),0) 40%,
    rgba(244,252,255,calc(var(--hit)*.66)) 49%,
    rgba(var(--bv2-violet),calc(var(--hit)*.40)) 54%,
    transparent 65%);
  transform:translateX(calc(-88% + var(--hit)*118%));
  opacity:calc(.04 + var(--hit)*.96);
  mix-blend-mode:screen;
}
body.we-beyond-v2-page .bv2-break-card::after{
  width:6px;height:6px;
  background:#eafcff;
  opacity:calc(.18 + var(--break-p)*.42 + var(--hit)*.40);
  box-shadow:0 0 12px rgba(var(--bv2-cyan),.68),0 0 calc(10px + var(--hit)*20px) rgba(var(--bv2-violet),calc(.10 + var(--hit)*.22));
}
body.we-beyond-v2-page .bv2-break-card small{position:relative;z-index:2;color:#8196aa}
body.we-beyond-v2-page .bv2-break-card strong{position:relative;z-index:2}
body.we-beyond-v2-page .bv2-break-core{
  overflow:visible;
  background:
    radial-gradient(circle at 50% 58%,rgba(var(--bv2-violet),.07),transparent 48%),
    linear-gradient(145deg,rgba(7,15,24,.96),rgba(14,8,27,.94));
  border-color:rgba(206,235,249,calc(.12 + var(--core-p)*.22));
  box-shadow:0 0 calc(55px + var(--core-p)*65px) rgba(var(--bv2-violet),calc(.035 + var(--core-p)*.08)),0 0 42px rgba(var(--bv2-cyan),calc(var(--core-p)*.045));
  transform:translate(-50%,-50%) translateZ(54px) scale(calc(.70 + var(--core-p)*.30));
}
body.we-beyond-v2-page .bv2-break-core::before{
  content:"";
  position:absolute;
  inset:-22px;
  border-radius:36px;
  border:1px solid rgba(166,219,243,calc(var(--core-p)*.06));
  transform:scale(calc(.92 + var(--core-p)*.08));
}
.bv2-core-corner{position:absolute;width:20px;height:20px;opacity:calc(.12 + var(--core-p)*.72)}
.bv2-core-corner::before,.bv2-core-corner::after{content:"";position:absolute;background:rgba(183,230,249,.52)}
.bv2-core-corner::before{width:20px;height:1px}.bv2-core-corner::after{width:1px;height:20px}
.bv2-core-corner--a{left:-9px;top:-9px}.bv2-core-corner--b{right:-9px;top:-9px;transform:rotate(90deg)}
.bv2-core-corner--c{right:-9px;bottom:-9px;transform:rotate(180deg)}.bv2-core-corner--d{left:-9px;bottom:-9px;transform:rotate(270deg)}
body.we-beyond-v2-page .bv2-tilt-cross{opacity:calc(.18 - var(--core-p)*.15)}
body.we-beyond-v2-page .bv2-tilt-caption{opacity:calc(.48 + var(--gravity-p)*.34)}
@media(max-width:760px){
  .bv2-gravity-links,.bv2-gravity-wave,.bv2-gravity-orbit{display:none!important}
  .bv2-gravity-well{opacity:.28;transform:translate(-50%,-50%) scale(.8)}
  body.we-beyond-v2-page .bv2-break-card{transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  .bv2-gravity-links,.bv2-gravity-wave{display:none!important}
  body.we-beyond-v2-page .bv2-break-card{transform:none!important}
}


/* ==============================================================
   V0.10.75 — BEYOND / BLACK → STARS + SPECTRAL GRAVITY DRIFT
   Section 01 now reveals the shared star field immediately on scroll.
   Section 02 drops the literal gravity graphic in favor of cinematic
   spectral currents, depth drift and travelling edge-light across fragments.
   ============================================================== */
body.we-beyond-v2-page .beyond-v2{--stars-reveal:0}
body.we-beyond-v2-page .bv2-space{
  background:
    radial-gradient(circle at 13% 24%,rgba(36,154,217,calc(var(--stars-reveal)*.040)),transparent 31%),
    radial-gradient(circle at 82% 32%,rgba(122,75,255,calc(var(--stars-reveal)*.045)),transparent 34%),
    #020309;
}
body.we-beyond-v2-page .bv2-space::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(237,250,255,.88) 0 1px,transparent 1.45px),
    radial-gradient(circle,rgba(102,218,255,.60) 0 .85px,transparent 1.35px),
    radial-gradient(circle,rgba(184,151,255,.54) 0 .9px,transparent 1.35px),
    radial-gradient(circle,rgba(255,128,204,.36) 0 .8px,transparent 1.25px),
    radial-gradient(circle,rgba(228,245,255,.46) 0 .65px,transparent 1.15px);
  background-size:103px 89px,167px 137px,239px 197px,331px 271px,421px 337px;
  background-position:7px 13px,41px 61px,117px 23px,29px 181px,203px 97px;
  opacity:calc(var(--stars-reveal)*.78);
  transition:opacity .08s linear;
}
body.we-beyond-v2-page .bv2-space i{
  opacity:calc(var(--stars-reveal) * (.20 + var(--s)*.32));
  transform:scale(calc(.72 + var(--stars-reveal)*.28));
  transition:opacity .08s linear,transform .08s linear;
}
/* The shared sky now carries Sections 02 + 03; local tiled skies are reduced
   so there is no visible reset when one scene hands off to the next. */
body.we-beyond-v2-page .bv2-tilt::before,
body.we-beyond-v2-page .bv2-emergence::before{opacity:.045!important}
body.we-beyond-v2-page .bv2-emergence{background:transparent!important;height:202vh}
body.we-beyond-v2-page .bv2-emergence-vignette{
  background:
    radial-gradient(circle at 50% 52%,transparent 0%,rgba(2,3,9,.025) 34%,rgba(2,3,9,.54) 92%),
    linear-gradient(90deg,rgba(2,3,9,.34),transparent 26%,transparent 74%,rgba(2,3,9,.32));
}

/* 02 — atmosphere instead of a literal gravity object. */
body.we-beyond-v2-page .bv2-tilt{
  --flow-p:0;
  --scene-out:0;
  height:202vh;
}
body.we-beyond-v2-page .bv2-tilt-stage{
  transform:rotate(calc(var(--break-p)*-2.15deg)) scale(calc(1 + var(--break-p)*.014));
  background:transparent;
  opacity:calc(1 - var(--scene-out)*.94);
  transition:none;
}
body.we-beyond-v2-page .bv2-tilt-stage::before{
  opacity:calc(.045 + var(--break-p)*.045);
  background-size:112px 112px;
}
.bv2-gravity-sky{
  inset:-34%;
  overflow:hidden;
  opacity:calc(.18 + var(--flow-p)*.82);
  transform:translateZ(-90px) scale(calc(1 + var(--flow-p)*.035));
  background:
    radial-gradient(ellipse at 48% 50%,rgba(var(--bv2-violet),calc(.015 + var(--flow-p)*.050)),transparent 29%),
    radial-gradient(ellipse at 42% 58%,rgba(var(--bv2-cyan),calc(var(--flow-p)*.024)),transparent 43%);
}
.bv2-gravity-sky::before,
.bv2-gravity-sky::after{
  content:"";
  position:absolute;
  left:-18%;
  width:136%;
  height:24%;
  border-radius:50%;
  pointer-events:none;
  mix-blend-mode:screen;
  will-change:transform,opacity;
}
.bv2-gravity-sky::before{
  top:34%;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(var(--bv2-cyan),.04) 20%,
    rgba(244,252,255,.15) 43%,
    rgba(var(--bv2-violet),.14) 58%,
    rgba(var(--bv2-pink),.055) 73%,
    transparent 100%);
  filter:blur(34px);
  opacity:calc(.18 + var(--flow-p)*.55);
  transform:translate3d(calc((var(--flow-p) - .5) * 9vw),calc(var(--flow-p) * -2.2vh),0) rotate(-11deg) scaleX(calc(.88 + var(--flow-p)*.18));
}
.bv2-gravity-sky::after{
  top:53%;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(var(--bv2-pink),.035) 24%,
    rgba(var(--bv2-violet),.12) 43%,
    rgba(var(--bv2-cyan),.10) 59%,
    rgba(255,255,255,.075) 72%,
    transparent 100%);
  filter:blur(48px);
  opacity:calc(.11 + var(--flow-p)*.42);
  transform:translate3d(calc((.5 - var(--flow-p)) * 7vw),calc(var(--flow-p) * 1.7vh),0) rotate(13deg) scaleX(calc(.92 + var(--flow-p)*.13));
}
/* Retire the literal gravity illustration and dashed wiring. */
.bv2-gravity-links,
.bv2-gravity-well,
.bv2-tilt-cross{display:none!important}

body.we-beyond-v2-page .bv2-break-card{
  --glint:0;
  --glint-a:0;
  border:1px solid transparent;
  background:
    radial-gradient(circle at 12% 10%,rgba(var(--bv2-cyan),.030),transparent 31%) padding-box,
    radial-gradient(circle at 90% 88%,rgba(var(--bv2-violet),.040),transparent 39%) padding-box,
    linear-gradient(145deg,rgba(8,15,25,.925),rgba(9,7,18,.87)) padding-box,
    linear-gradient(118deg,
      rgba(var(--bv2-cyan),calc(.10 + var(--hit)*.18)),
      rgba(213,246,255,calc(.055 + var(--hit)*.16)) 31%,
      rgba(var(--bv2-violet),calc(.10 + var(--hit)*.20)) 58%,
      rgba(var(--bv2-pink),calc(.055 + var(--hit)*.14)) 81%,
      rgba(var(--bv2-cyan),.07)) border-box;
  box-shadow:
    inset 0 1px rgba(255,255,255,.028),
    0 24px 70px rgba(0,0,0,.16),
    0 0 calc(10px + var(--hit)*26px) rgba(var(--bv2-violet),calc(.018 + var(--hit)*.075));
  transform:
    translate3d(calc(var(--card-motion)*var(--dx)*.76),calc(var(--card-motion)*var(--dy)*.76),calc(var(--card-motion)*var(--z)*.88))
    rotateX(calc(var(--card-motion)*var(--rx)*.72))
    rotateY(calc(var(--card-motion)*var(--ry)*.72))
    rotateZ(calc(var(--card-motion)*var(--dr)*.52));
}
/* A travelling spectral reflection. It is intentionally an event, not a
   permanent neon glow. */
body.we-beyond-v2-page .bv2-break-card::before{
  inset:-10% -34%;
  width:42%;
  height:120%;
  left:0;
  top:0;
  background:linear-gradient(108deg,
    transparent 0 18%,
    rgba(var(--bv2-cyan),.02) 31%,
    rgba(244,252,255,.38) 46%,
    rgba(var(--bv2-violet),.20) 54%,
    rgba(var(--bv2-pink),.07) 63%,
    transparent 79%);
  transform:translate3d(calc(-155% + var(--hit)*330%),0,0) skewX(-10deg);
  opacity:calc(.025 + var(--hit)*.84);
  filter:blur(1.2px);
  mix-blend-mode:screen;
}
/* Tiny specular glint that travels along the upper edge while scrolling. */
body.we-beyond-v2-page .bv2-break-card::after{
  content:"";
  position:absolute;
  left:calc(8% + var(--glint)*84%);
  top:-1px;
  right:auto;
  width:44px;
  height:1px;
  border-radius:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(239,252,255,.95),rgba(var(--bv2-violet),.60),transparent);
  opacity:calc(var(--glint-a)*.78);
  box-shadow:0 0 10px rgba(var(--bv2-cyan),calc(var(--glint-a)*.34)),0 0 18px rgba(var(--bv2-violet),calc(var(--glint-a)*.18));
}
body.we-beyond-v2-page .bv2-break-card small{color:#89a0b4;letter-spacing:.15em}
body.we-beyond-v2-page .bv2-break-card strong{text-shadow:0 1px 18px rgba(223,240,255,.025)}

/* Resolution is typography/light, not another projected UI object. */
body.we-beyond-v2-page .bv2-break-core{
  width:auto;
  min-width:420px;
  height:auto;
  padding:24px 42px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:translate(-50%,-50%) translateZ(30px) scale(calc(.94 + var(--core-p)*.06));
  opacity:calc(var(--core-p) * (1 - var(--scene-out)));
  text-shadow:0 0 30px rgba(var(--bv2-violet),.08);
}
body.we-beyond-v2-page .bv2-break-core::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:150%;
  height:130px;
  transform:translate(-50%,-50%) scaleX(calc(.62 + var(--core-p)*.38));
  border:0;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(var(--bv2-violet),.075),rgba(var(--bv2-cyan),.022) 42%,transparent 72%);
  filter:blur(22px);
  opacity:var(--core-p);
}
body.we-beyond-v2-page .bv2-break-core small,
body.we-beyond-v2-page .bv2-break-core strong,
body.we-beyond-v2-page .bv2-break-core p{position:relative;z-index:2}
body.we-beyond-v2-page .bv2-break-core>strong{font-size:31px;gap:15px;margin:13px 0 9px}
body.we-beyond-v2-page .bv2-break-core strong i{color:rgb(var(--bv2-cyan));text-shadow:0 0 20px rgba(var(--bv2-cyan),.36)}
body.we-beyond-v2-page .bv2-break-core strong em{
  color:transparent;
  background:linear-gradient(90deg,#f6fbff,rgb(var(--bv2-violet)),rgb(var(--bv2-pink)));
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
}
.bv2-core-corner{display:none!important}
body.we-beyond-v2-page .bv2-tilt-head,
body.we-beyond-v2-page .bv2-card-field,
body.we-beyond-v2-page .bv2-tilt-caption{
  opacity:calc(1 - var(--scene-out)*.96);
}
body.we-beyond-v2-page .bv2-tilt-caption{transform:rotate(calc(var(--break-p)*-2.15deg))}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-space::after{opacity:calc(var(--stars-reveal)*.58)}
  body.we-beyond-v2-page .bv2-break-core{min-width:0;width:100%;padding:22px 12px}
  body.we-beyond-v2-page .bv2-break-core>strong{font-size:25px}
  .bv2-gravity-sky::before,.bv2-gravity-sky::after{filter:blur(26px)}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .beyond-v2{--stars-reveal:1}
  body.we-beyond-v2-page .bv2-break-card::before,
  body.we-beyond-v2-page .bv2-break-card::after{display:none!important}
}


/* ==============================================================
   V0.10.76 — BEYOND / SHARED WE SKY + FACETED SPECTRAL FIELD
   - The fake local dot pattern is gone. Beyond now reveals the exact global
     WE Space FX sky used on the start page.
   - Section 01 is only a transparent deep-night veil with faint cloud light.
   - Section 02 gets angular layered spectral depth instead of one soft blob.
   - Fragment cards inherit the premium rotating spectrum edge from the hero
     CTA on hover / keyboard focus.
   ============================================================== */
@property --bv2-card-angle {
  syntax:'<angle>';
  inherits:false;
  initial-value:0deg;
}

/* The real starfield lives outside the theme in WE Space FX. Everything here
   must stay transparent enough to reveal that exact same universe. */
body.we-beyond-v2-page,
body.we-beyond-v2-page .beyond-v2,
body.we-beyond-v2-page .bv2-tilt,
body.we-beyond-v2-page .bv2-emergence{
  background:transparent!important;
}
body.we-beyond-v2-page .beyond-v2{
  --stars-reveal:0;
}

/* Deep night in Section 01: almost black at first, with only two tiny nebula
   traces. As soon as the visitor scrolls, the veil clears and the global
   homepage starfield underneath is revealed. */
body.we-beyond-v2-page .bv2-space{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(ellipse 38% 28% at 21% 32%,rgba(54,166,224,calc(.014 + var(--stars-reveal)*.010)) 0%,rgba(45,112,175,calc(.008 + var(--stars-reveal)*.008)) 32%,transparent 73%),
    radial-gradient(ellipse 34% 25% at 78% 28%,rgba(142,91,236,calc(.015 + var(--stars-reveal)*.011)) 0%,rgba(108,57,185,calc(.008 + var(--stars-reveal)*.007)) 37%,transparent 75%),
    rgba(2,3,9,calc(.985 - var(--stars-reveal)*.945));
  transition:background-color .06s linear;
}
body.we-beyond-v2-page .bv2-space::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(ellipse at 50% 48%,transparent 10%,rgba(0,0,0,calc(.18 - var(--stars-reveal)*.11)) 76%,rgba(0,0,0,calc(.52 - var(--stars-reveal)*.34)) 100%);
  opacity:1;
  pointer-events:none;
}
/* Retire all local generated dots: there must be no visual competition with
   the homepage Space FX star renderer. */
body.we-beyond-v2-page .bv2-space::after,
body.we-beyond-v2-page .bv2-space i{
  display:none!important;
}

/* Section 02 / 03 sit directly over the same starfield. No dark plate reset. */
body.we-beyond-v2-page .bv2-tilt-stage,
body.we-beyond-v2-page .bv2-emergence-sticky{
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-tilt-stage::before{
  opacity:calc(.025 + var(--break-p)*.035)!important;
  background-image:
    linear-gradient(rgba(185,218,242,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(185,218,242,.022) 1px,transparent 1px)!important;
  background-size:112px 112px!important;
}

/* Keep headline and resolution type unmistakably above the atmospheric layers. */
body.we-beyond-v2-page .bv2-tilt-head{z-index:12!important}
body.we-beyond-v2-page .bv2-card-field{z-index:6}
body.we-beyond-v2-page .bv2-break-core{z-index:11!important}
body.we-beyond-v2-page .bv2-break-card{z-index:8!important}

/* Faceted nebula: multiple asymmetric planes with visible structure, depth and
   edges. Still transparent, so the true WE stars remain visible through it. */
body.we-beyond-v2-page .bv2-gravity-sky{
  z-index:0;
  inset:-30%;
  overflow:visible;
  opacity:calc(.14 + var(--flow-p)*.74);
  transform:translate3d(0,calc((.5 - var(--flow-p))*1.2vh),-120px) scale(calc(.98 + var(--flow-p)*.055));
  background:
    linear-gradient(132deg,transparent 0 38%,rgba(var(--bv2-cyan),calc(var(--flow-p)*.020)) 39.4%,rgba(238,251,255,calc(var(--flow-p)*.040)) 40.2%,transparent 42.5%),
    linear-gradient(48deg,transparent 0 54%,rgba(var(--bv2-violet),calc(var(--flow-p)*.026)) 55.2%,rgba(var(--bv2-pink),calc(var(--flow-p)*.017)) 57.2%,transparent 59.5%),
    radial-gradient(ellipse 38% 26% at 38% 47%,rgba(var(--bv2-cyan),calc(.006 + var(--flow-p)*.028)),transparent 72%),
    radial-gradient(ellipse 34% 30% at 66% 55%,rgba(var(--bv2-violet),calc(.009 + var(--flow-p)*.038)),transparent 75%);
  filter:none;
  mix-blend-mode:screen;
  pointer-events:none;
}
body.we-beyond-v2-page .bv2-gravity-sky::before,
body.we-beyond-v2-page .bv2-gravity-sky::after{
  content:"";
  position:absolute;
  pointer-events:none;
  mix-blend-mode:screen;
  will-change:transform,opacity;
  border-radius:0;
  filter:none;
  mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
}
body.we-beyond-v2-page .bv2-gravity-sky::before{
  left:-14%;
  top:31%;
  width:132%;
  height:31%;
  clip-path:polygon(0 66%,17% 28%,43% 43%,59% 8%,81% 46%,100% 26%,100% 68%,77% 87%,54% 58%,31% 92%,8% 78%);
  background:
    linear-gradient(96deg,
      transparent 0%,
      rgba(var(--bv2-cyan),.020) 12%,
      rgba(222,248,255,.075) 31%,
      rgba(var(--bv2-violet),.100) 49%,
      rgba(var(--bv2-pink),.048) 67%,
      transparent 92%);
  box-shadow:
    inset 0 1px rgba(235,249,255,.055),
    inset 0 -1px rgba(var(--bv2-violet),.040);
  opacity:calc(.10 + var(--flow-p)*.68);
  transform:translate3d(calc((var(--flow-p) - .5)*7vw),calc(var(--flow-p)*-1.2vh),0) rotate(-7deg) skewX(-3deg);
}
body.we-beyond-v2-page .bv2-gravity-sky::after{
  left:-9%;
  top:49%;
  width:121%;
  height:25%;
  clip-path:polygon(0 34%,23% 54%,39% 21%,60% 67%,78% 30%,100% 56%,100% 78%,76% 65%,58% 91%,36% 54%,16% 82%,0 62%);
  background:
    linear-gradient(83deg,
      transparent 0%,
      rgba(var(--bv2-pink),.026) 17%,
      rgba(var(--bv2-violet),.082) 38%,
      rgba(227,248,255,.052) 55%,
      rgba(var(--bv2-cyan),.070) 69%,
      transparent 94%);
  box-shadow:
    inset 0 1px rgba(var(--bv2-pink),.035),
    inset 0 -1px rgba(221,248,255,.040);
  opacity:calc(.07 + var(--flow-p)*.54);
  transform:translate3d(calc((.5 - var(--flow-p))*6vw),calc(var(--flow-p)*1.3vh),0) rotate(9deg) skewX(4deg);
}

/* Add just a little volumetric haze behind the facets, but keep it broken into
   local pools rather than one plastic central blob. */
body.we-beyond-v2-page .bv2-card-field::before,
body.we-beyond-v2-page .bv2-card-field::after{
  content:"";
  position:absolute;
  z-index:1;
  pointer-events:none;
  border-radius:50%;
  mix-blend-mode:screen;
  filter:blur(34px);
  opacity:calc(var(--flow-p)*.30);
}
body.we-beyond-v2-page .bv2-card-field::before{
  width:37%;height:31%;left:23%;top:31%;
  background:radial-gradient(ellipse,rgba(var(--bv2-cyan),.055),rgba(var(--bv2-violet),.025) 46%,transparent 76%);
  transform:translate3d(calc(var(--flow-p)*2.4vw),calc(var(--flow-p)*-1vh),0) rotate(-12deg);
}
body.we-beyond-v2-page .bv2-card-field::after{
  width:31%;height:27%;right:18%;bottom:26%;
  background:radial-gradient(ellipse,rgba(var(--bv2-pink),.040),rgba(var(--bv2-violet),.035) 46%,transparent 77%);
  transform:translate3d(calc(var(--flow-p)*-2vw),calc(var(--flow-p)*.8vh),0) rotate(9deg);
}

/* Fragment cards: calm by default, premium moving spectrum only on deliberate
   hover/focus. This mirrors the hero CTA instead of auto-shining while scroll. */
body.we-beyond-v2-page .bv2-break-card{
  --bv2-card-angle:0deg;
  --hit:0;
  border:1px solid transparent!important;
  background:
    radial-gradient(circle at 10% 8%,rgba(var(--bv2-cyan),.027),transparent 31%) padding-box,
    radial-gradient(circle at 92% 89%,rgba(var(--bv2-violet),.034),transparent 39%) padding-box,
    linear-gradient(145deg,rgba(8,15,25,.93),rgba(9,7,18,.88)) padding-box,
    conic-gradient(from var(--bv2-card-angle),
      rgba(142,204,235,.12) 0deg,
      rgba(142,204,235,.12) 174deg,
      rgba(var(--bv2-cyan),.17) 202deg,
      rgba(240,252,255,.16) 228deg,
      rgba(var(--bv2-violet),.17) 257deg,
      rgba(var(--bv2-pink),.10) 292deg,
      rgba(142,204,235,.12) 332deg,
      rgba(142,204,235,.12) 360deg) border-box!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.028),
    0 25px 72px rgba(0,0,0,.18),
    0 0 0 rgba(var(--bv2-violet),0);
  transition:box-shadow .32s var(--ease),filter .32s var(--ease),border-color .32s ease;
  overflow:hidden;
}
/* Disable the old scroll-driven reflective slab. */
body.we-beyond-v2-page .bv2-break-card::before,
body.we-beyond-v2-page .bv2-break-card::after{
  display:none!important;
}
body.we-beyond-v2-page .bv2-break-card:hover,
body.we-beyond-v2-page .bv2-break-card:focus-within{
  animation:bv2-card-spectrum-076 3.9s linear infinite;
  background:
    radial-gradient(circle at 10% 8%,rgba(var(--bv2-cyan),.045),transparent 31%) padding-box,
    radial-gradient(circle at 92% 89%,rgba(var(--bv2-violet),.054),transparent 39%) padding-box,
    linear-gradient(145deg,rgba(9,17,28,.945),rgba(12,8,22,.91)) padding-box,
    conic-gradient(from var(--bv2-card-angle),
      rgba(var(--bv2-cyan),.10) 0deg,
      rgba(var(--bv2-cyan),.10) 150deg,
      rgba(var(--bv2-cyan),.92) 205deg,
      rgba(248,253,255,.95) 225deg,
      rgba(var(--bv2-violet),.94) 252deg,
      rgba(var(--bv2-pink),.82) 285deg,
      rgba(var(--bv2-cyan),.11) 334deg,
      rgba(var(--bv2-cyan),.10) 360deg) border-box!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.045),
    0 28px 78px rgba(0,0,0,.24),
    0 0 26px rgba(var(--bv2-cyan),.075),
    0 0 46px rgba(var(--bv2-violet),.055);
  filter:brightness(1.045);
}
body.we-beyond-v2-page .bv2-break-card:hover strong,
body.we-beyond-v2-page .bv2-break-card:focus-within strong{color:#f6fbff}
@keyframes bv2-card-spectrum-076{to{--bv2-card-angle:360deg}}

/* The resolution text is not a card; let it float above the faceted field. */
body.we-beyond-v2-page .bv2-break-core{
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:0 0 28px rgba(var(--bv2-violet),.075);
}
body.we-beyond-v2-page .bv2-break-core::before{
  opacity:calc(var(--core-p)*.36)!important;
  filter:blur(28px)!important;
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-space{
    background:
      radial-gradient(ellipse 52% 24% at 24% 27%,rgba(54,166,224,calc(.010 + var(--stars-reveal)*.008)) 0%,transparent 72%),
      radial-gradient(ellipse 44% 22% at 79% 31%,rgba(142,91,236,calc(.010 + var(--stars-reveal)*.008)) 0%,transparent 75%),
      rgba(2,3,9,calc(.99 - var(--stars-reveal)*.94));
  }
  body.we-beyond-v2-page .bv2-gravity-sky::before,
  body.we-beyond-v2-page .bv2-gravity-sky::after{opacity:calc(.06 + var(--flow-p)*.34)}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .beyond-v2{--stars-reveal:1}
  body.we-beyond-v2-page .bv2-break-card:hover,
  body.we-beyond-v2-page .bv2-break-card:focus-within{animation:none!important}
}


/* ==============================================================
   V0.10.77 — BEYOND / ATMOSPHERIC DISSOLVE + DEEPER NEBULA FIELD
   - Section 01 headline now dissolves into the night with blur/bloom instead
     of only fading.
   - Section 02 stays longer in view and gets a layered, angular Milky Way
     treatment with real depth separation rather than one flat spectral sheet.
   - Fragment cards always carry the Beyond spectrum at rest; hover/focus
     activates the moving spectral edge.
   ============================================================== */

/* 01 — the statement is swallowed by the night rather than merely fading. */
body.we-beyond-v2-page .bv2-hero-title{
  --hero-dissolve:0;
  transform:
    translate3d(0,calc(var(--hero-title-out) * -20px),0)
    scale(calc(1 - var(--hero-dissolve) * .018))!important;
  opacity:calc(1 - var(--hero-title-out) * .96)!important;
  filter:
    blur(calc(var(--hero-dissolve) * 7px))
    brightness(calc(1 - var(--hero-dissolve) * .22))
    saturate(calc(1 + var(--hero-dissolve) * .10))!important;
  text-shadow:
    0 0 calc(var(--hero-dissolve) * 18px) rgba(174,210,255,.16),
    0 0 calc(var(--hero-dissolve) * 34px) rgba(var(--bv2-violet),.08)!important;
  will-change:transform,opacity,filter;
}
body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{
  transform:translate3d(0,calc(var(--hero-dissolve) * -2px),0);
  transition:none;
}
body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line--accent{
  filter:drop-shadow(0 0 calc(var(--hero-dissolve) * 10px) rgba(var(--bv2-cyan),.10));
}

/* 02 — linger longer. The animation itself remains scroll-driven, but the
   visitor now gets enough physical scroll distance to read the atmosphere. */
@media(min-width:761px){
  body.we-beyond-v2-page .bv2-tilt{height:248vh!important}
}

/* The previous faceted layer becomes only the deepest haze. */
body.we-beyond-v2-page .bv2-gravity-sky{
  inset:-34%!important;
  opacity:calc(.12 + var(--flow-p)*.62)!important;
  transform:translate3d(0,calc((.5 - var(--flow-p))*1.8vh),-180px) scale(calc(.985 + var(--flow-p)*.045))!important;
  background:
    radial-gradient(ellipse 42% 26% at 27% 47%,rgba(var(--bv2-cyan),calc(.005 + var(--flow-p)*.018)),transparent 74%),
    radial-gradient(ellipse 38% 29% at 72% 53%,rgba(var(--bv2-violet),calc(.006 + var(--flow-p)*.022)),transparent 76%)!important;
  perspective:1100px;
  transform-style:preserve-3d;
}
body.we-beyond-v2-page .bv2-gravity-sky::before,
body.we-beyond-v2-page .bv2-gravity-sky::after{
  opacity:calc(.04 + var(--flow-p)*.20)!important;
  filter:blur(8px)!important;
}

/* Layered angular ribbons: the "Milky Way" is built from several broken
   translucent planes. Each sits on a different virtual depth and moves at a
   different rate, so no single flat polygon reads as the effect. */
.bv2-nebula-ribbon,
.bv2-nebula-dustlane{
  position:absolute;
  left:-8%;
  width:116%;
  pointer-events:none;
  transform-origin:50% 50%;
  mix-blend-mode:screen;
  will-change:transform,opacity;
}
.bv2-nebula-ribbon{
  border-top:1px solid rgba(235,249,255,.055);
  border-bottom:1px solid rgba(150,181,255,.035);
  box-shadow:0 0 42px rgba(var(--bv2-violet),.018);
}
.bv2-nebula-ribbon::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(103deg,transparent 0 54px,rgba(255,255,255,.016) 55px 56px,transparent 57px 110px),
    linear-gradient(90deg,transparent 0%,rgba(var(--bv2-cyan),.035) 16%,rgba(225,248,255,.080) 34%,rgba(var(--bv2-violet),.110) 55%,rgba(var(--bv2-pink),.052) 73%,transparent 96%);
  opacity:.86;
}
.bv2-nebula-ribbon--a{
  top:29%;
  height:24%;
  clip-path:polygon(0 71%,10% 56%,22% 61%,34% 31%,46% 45%,58% 17%,72% 43%,83% 28%,100% 42%,100% 62%,86% 58%,74% 76%,61% 57%,48% 81%,33% 63%,17% 86%,0 82%);
  opacity:calc(.04 + var(--flow-p)*.54);
  transform:translate3d(calc((var(--flow-p) - .5)*4vw),calc(var(--flow-p)*-1.2vh),-70px) rotate(-6deg) scale(1.03);
  filter:blur(5px);
}
.bv2-nebula-ribbon--b{
  top:44%;
  height:29%;
  clip-path:polygon(0 42%,12% 51%,24% 28%,39% 49%,51% 24%,64% 58%,78% 31%,90% 49%,100% 37%,100% 66%,88% 63%,76% 82%,62% 67%,49% 88%,34% 67%,20% 79%,7% 63%,0 70%);
  opacity:calc(.035 + var(--flow-p)*.45);
  transform:translate3d(calc((.5 - var(--flow-p))*5vw),calc(var(--flow-p)*1.4vh),-130px) rotate(8deg) scale(1.08);
  filter:blur(9px);
}
.bv2-nebula-ribbon--c{
  top:37%;
  height:18%;
  clip-path:polygon(0 58%,17% 36%,31% 52%,46% 22%,59% 48%,73% 30%,88% 46%,100% 26%,100% 55%,84% 65%,68% 54%,54% 73%,40% 56%,24% 75%,9% 66%,0 78%);
  opacity:calc(.025 + var(--flow-p)*.31);
  transform:translate3d(calc((var(--flow-p) - .5)*2.6vw),calc(var(--flow-p)*-.7vh),35px) rotate(-2deg) scale(.98);
  filter:blur(3px);
}
.bv2-nebula-ribbon--c::before{
  background:linear-gradient(90deg,transparent 2%,rgba(var(--bv2-cyan),.020) 18%,rgba(244,252,255,.065) 43%,rgba(var(--bv2-pink),.042) 64%,rgba(var(--bv2-violet),.060) 79%,transparent 97%);
}
/* A dark, broken dust lane cuts through the light layers. This is what gives
   the nebula an edge and stops it reading like a translucent plastic sheet. */
.bv2-nebula-dustlane{
  top:43%;
  height:22%;
  z-index:2;
  clip-path:polygon(0 51%,13% 43%,28% 58%,41% 39%,55% 56%,70% 42%,85% 55%,100% 47%,100% 61%,84% 66%,69% 55%,54% 70%,39% 54%,25% 69%,10% 58%,0 64%);
  background:linear-gradient(90deg,transparent 0%,rgba(1,3,8,.26) 16%,rgba(2,3,9,.55) 48%,rgba(3,3,10,.37) 73%,transparent 96%);
  opacity:calc(.05 + var(--flow-p)*.38);
  transform:translate3d(calc((.5 - var(--flow-p))*1.8vw),0,58px) rotate(2deg);
  filter:blur(4px);
  mix-blend-mode:multiply;
}

/* Local haze remains behind the typography and cards, but is smaller and more
   irregular so it reads as depth between ribbons instead of a glow disc. */
body.we-beyond-v2-page .bv2-card-field::before,
body.we-beyond-v2-page .bv2-card-field::after{
  filter:blur(46px)!important;
  opacity:calc(var(--flow-p)*.20)!important;
}
body.we-beyond-v2-page .bv2-card-field::before{
  width:31%!important;height:21%!important;left:17%!important;top:37%!important;
  border-radius:42% 58% 63% 37% / 57% 34% 66% 43%!important;
}
body.we-beyond-v2-page .bv2-card-field::after{
  width:28%!important;height:20%!important;right:15%!important;bottom:29%!important;
  border-radius:61% 39% 42% 58% / 43% 67% 33% 57%!important;
}

/* Fragment cards: spectrum is part of the object even at rest. Hover/focus is
   when that edge actually begins to travel around the perimeter. */
body.we-beyond-v2-page .bv2-break-card{
  --bv2-card-angle:0deg;
  background:
    radial-gradient(circle at 10% 8%,rgba(var(--bv2-cyan),.030),transparent 31%) padding-box,
    radial-gradient(circle at 92% 89%,rgba(var(--bv2-violet),.040),transparent 39%) padding-box,
    linear-gradient(145deg,rgba(7,14,24,.94),rgba(9,7,18,.90)) padding-box,
    conic-gradient(from var(--bv2-card-angle),
      rgba(var(--bv2-cyan),.34) 0deg,
      rgba(222,249,255,.20) 62deg,
      rgba(var(--bv2-violet),.28) 128deg,
      rgba(var(--bv2-pink),.24) 188deg,
      rgba(140,188,255,.16) 255deg,
      rgba(var(--bv2-cyan),.34) 360deg) border-box!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.032),
    0 26px 76px rgba(0,0,0,.19),
    0 0 18px rgba(var(--bv2-violet),.018)!important;
}
body.we-beyond-v2-page .bv2-break-card:hover,
body.we-beyond-v2-page .bv2-break-card:focus-within{
  animation:bv2-card-spectrum-077 3.2s linear infinite!important;
  filter:brightness(1.055) translateZ(0)!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.050),
    0 30px 82px rgba(0,0,0,.26),
    0 0 28px rgba(var(--bv2-cyan),.080),
    0 0 48px rgba(var(--bv2-violet),.060)!important;
}
@keyframes bv2-card-spectrum-077{to{--bv2-card-angle:360deg}}

/* Keep all messaging unmistakably in front of the atmospheric field. */
body.we-beyond-v2-page .bv2-tilt-head,
body.we-beyond-v2-page .bv2-break-core{z-index:20!important}
body.we-beyond-v2-page .bv2-break-core small,
body.we-beyond-v2-page .bv2-break-core strong,
body.we-beyond-v2-page .bv2-break-core p{position:relative;z-index:21}

@media(max-width:760px){
  .bv2-nebula-ribbon--b,.bv2-nebula-dustlane{display:none}
  .bv2-nebula-ribbon--a{opacity:calc(.025 + var(--flow-p)*.26);filter:blur(8px)}
  .bv2-nebula-ribbon--c{opacity:calc(.018 + var(--flow-p)*.19)}
  body.we-beyond-v2-page .bv2-hero-title{filter:none!important;text-shadow:none!important;transform:none!important}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-hero-title{filter:none!important;text-shadow:none!important;transform:none!important}
  body.we-beyond-v2-page .bv2-break-card:hover,
  body.we-beyond-v2-page .bv2-break-card:focus-within{animation:none!important}
}

/* ==============================================================
   V0.10.78 — BEYOND / SOFTER EXIT + LATER STAR REVEAL + LIGHT-FLECK RESOLVE
   - Stars begin a little later between S1 and S2.
   - Section 02 exits far more gradually instead of dropping away.
   - UNKNOWN → POSSIBLE grows more confidently on release.
   - The background behind the resolving statement now uses localized homepage-like
     light flecks instead of a flat blur plate.
   ============================================================== */

/* Let Section 02 breathe visually when leaving. Nothing should pop off at once. */
body.we-beyond-v2-page .bv2-tilt-head,
body.we-beyond-v2-page .bv2-card-field,
body.we-beyond-v2-page .bv2-tilt-caption{
  opacity:calc(1 - var(--scene-out) * .78)!important;
}
body.we-beyond-v2-page .bv2-break-card{
  opacity:calc(1 - var(--scene-out) * .74);
  transition:box-shadow .32s var(--ease),filter .32s var(--ease),border-color .32s ease,opacity .12s linear;
}
body.we-beyond-v2-page .bv2-break-core{
  min-width:clamp(470px,34vw,720px)!important;
  padding:30px 46px 28px!important;
  transform:translate(-50%,-50%) translateZ(46px) scale(calc(.90 + var(--core-p)*.16 + var(--scene-out)*.18))!important;
  opacity:calc(var(--core-p) * (1 - var(--scene-out) * .66))!important;
  text-shadow:0 0 34px rgba(var(--bv2-violet),.10),0 0 18px rgba(var(--bv2-cyan),.06)!important;
}
body.we-beyond-v2-page .bv2-break-core small{
  font-size:clamp(10px,.72vw,12px);
  letter-spacing:.22em;
}
body.we-beyond-v2-page .bv2-break-core>strong{
  font-size:clamp(38px,3.35vw,58px)!important;
  gap:16px!important;
  margin:14px 0 12px!important;
}
body.we-beyond-v2-page .bv2-break-core p{
  font-size:clamp(13px,.92vw,16px)!important;
  color:#8fa0b2!important;
}

/* Replace the flatter glow with broken homepage-like light flecks and pooled light. */
body.we-beyond-v2-page .bv2-break-core::before{
  left:50%!important;
  top:50%!important;
  width:220%!important;
  height:230px!important;
  transform:translate(-50%,-50%) scaleX(calc(.74 + var(--core-p)*.34))!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 18% 54%,rgba(var(--bv2-cyan),.10) 0%,rgba(var(--bv2-cyan),.03) 10%,transparent 18%),
    radial-gradient(circle at 34% 46%,rgba(239,251,255,.16) 0%,rgba(239,251,255,.04) 8%,transparent 16%),
    radial-gradient(circle at 51% 50%,rgba(246,252,255,.19) 0%,rgba(246,252,255,.05) 7%,transparent 14%),
    radial-gradient(circle at 66% 44%,rgba(var(--bv2-violet),.12) 0%,rgba(var(--bv2-violet),.04) 10%,transparent 18%),
    radial-gradient(circle at 79% 56%,rgba(var(--bv2-pink),.08) 0%,rgba(var(--bv2-pink),.03) 9%,transparent 16%),
    radial-gradient(ellipse at 50% 50%,rgba(var(--bv2-violet),.070),rgba(var(--bv2-cyan),.035) 42%,transparent 74%)!important;
  filter:blur(34px)!important;
  opacity:calc(.14 + var(--core-p)*.44 + var(--scene-out)*.12)!important;
}
body.we-beyond-v2-page .bv2-break-core::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:178%;
  height:180px;
  transform:translate(-50%,-50%) rotate(-2deg);
  pointer-events:none;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(var(--bv2-cyan),.05) 18%,
      rgba(244,252,255,.11) 34%,
      rgba(var(--bv2-violet),.09) 56%,
      rgba(var(--bv2-pink),.05) 76%,
      transparent 100%),
    repeating-linear-gradient(102deg,
      transparent 0 72px,
      rgba(255,255,255,.018) 73px 74px,
      transparent 75px 148px);
  mix-blend-mode:screen;
  filter:blur(16px);
  opacity:calc(.09 + var(--core-p)*.34 + var(--scene-out)*.08);
}

/* Keep the layered nebula present, but slightly cleaner so the cards stay crisp. */
body.we-beyond-v2-page .bv2-gravity-sky{
  opacity:calc(.10 + var(--flow-p)*.54)!important;
}
body.we-beyond-v2-page .bv2-nebula-ribbon--a{opacity:calc(.03 + var(--flow-p)*.40)!important;filter:blur(4px)!important}
body.we-beyond-v2-page .bv2-nebula-ribbon--b{opacity:calc(.028 + var(--flow-p)*.34)!important;filter:blur(7px)!important}
body.we-beyond-v2-page .bv2-nebula-ribbon--c{opacity:calc(.02 + var(--flow-p)*.24)!important;filter:blur(2px)!important}
body.we-beyond-v2-page .bv2-nebula-dustlane{opacity:calc(.035 + var(--flow-p)*.28)!important;filter:blur(3px)!important}
body.we-beyond-v2-page .bv2-card-field::before,
body.we-beyond-v2-page .bv2-card-field::after{
  opacity:calc(var(--flow-p)*.15)!important;
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-break-core{
    min-width:0!important;
    width:100%!important;
    padding:24px 16px!important;
  }
  body.we-beyond-v2-page .bv2-break-core>strong{font-size:clamp(31px,9vw,42px)!important}
  body.we-beyond-v2-page .bv2-break-core::before,
  body.we-beyond-v2-page .bv2-break-core::after{width:132%!important}
}


/* ==============================================================
   V0.10.79 — BEYOND / TIGHTER HANDOFF + CRISP FRAGMENTS + CORE HOLD
   - S1 hands into S2 sooner; the real WE stars begin slightly later.
   - S2 cards stay crisp/readable by removing the perspective blur sources.
   - UNKNOWN → POSSIBLE has no private glow plate behind it.
   - S2 gains broad homepage-like ambient light pools instead of a core graphic.
   - The resolution statement holds for a much longer scroll interval before S3.
   ============================================================== */

/* 01 → 02: shorten the empty handoff without changing the composition itself. */
@media(min-width:761px){
  body.we-beyond-v2-page .bv2-hero,
  body.we-beyond-v2-page .bv2-hero-stage{
    min-height:92svh!important;
  }
  body.we-beyond-v2-page .bv2-hero-stage{
    padding-top:clamp(128px,13.5vh,164px)!important;
    padding-bottom:clamp(44px,5vh,66px)!important;
  }
  body.we-beyond-v2-page .bv2-tilt{height:286vh!important}
}

/* S2 keeps color in the universe, not directly behind the resolution type. */
body.we-beyond-v2-page .bv2-tilt-sticky{
  isolation:isolate;
}
body.we-beyond-v2-page .bv2-tilt-sticky::before,
body.we-beyond-v2-page .bv2-tilt-sticky::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
  border-radius:50%;
  mix-blend-mode:screen;
  will-change:transform,opacity;
}
body.we-beyond-v2-page .bv2-tilt-sticky::before{
  width:54vw;
  height:52vh;
  left:-16vw;
  top:8vh;
  background:radial-gradient(ellipse,
    rgba(var(--bv2-cyan),.095) 0%,
    rgba(38,149,211,.050) 30%,
    rgba(29,93,147,.020) 54%,
    transparent 74%);
  filter:blur(26px);
  opacity:calc(.22 + var(--flow-p)*.30);
  transform:translate3d(calc(var(--flow-p)*2.2vw),calc(var(--flow-p)*-1.2vh),0) rotate(-10deg);
}
body.we-beyond-v2-page .bv2-tilt-sticky::after{
  width:50vw;
  height:58vh;
  right:-14vw;
  top:4vh;
  background:radial-gradient(ellipse,
    rgba(var(--bv2-violet),.088) 0%,
    rgba(111,71,201,.044) 31%,
    rgba(var(--bv2-pink),.016) 52%,
    transparent 75%);
  filter:blur(30px);
  opacity:calc(.19 + var(--flow-p)*.27);
  transform:translate3d(calc(var(--flow-p)*-1.8vw),calc(var(--flow-p)*1vh),0) rotate(9deg);
}
body.we-beyond-v2-page .bv2-tilt-stage{z-index:2}

/* Crisp fragments: keep motion, remove perspective/text raster blur. */
body.we-beyond-v2-page .bv2-tilt-sticky,
body.we-beyond-v2-page .bv2-card-field{
  perspective:none!important;
  transform-style:flat!important;
}
body.we-beyond-v2-page .bv2-tilt-stage{
  transform:scale(calc(1 + var(--break-p)*.008))!important;
  transform-style:flat!important;
}
body.we-beyond-v2-page .bv2-break-card{
  transform:
    translate(calc(var(--card-motion)*var(--dx)*.72),calc(var(--card-motion)*var(--dy)*.72))
    rotate(calc(var(--card-motion)*var(--dr)*.38))!important;
  backface-visibility:visible!important;
  filter:none;
  background:
    radial-gradient(circle at 10% 8%,rgba(var(--bv2-cyan),.025),transparent 30%) padding-box,
    radial-gradient(circle at 92% 89%,rgba(var(--bv2-violet),.035),transparent 38%) padding-box,
    linear-gradient(145deg,rgba(6,12,21,.965),rgba(8,7,17,.955)) padding-box,
    conic-gradient(from var(--bv2-card-angle),
      rgba(var(--bv2-cyan),.36) 0deg,
      rgba(229,250,255,.22) 62deg,
      rgba(var(--bv2-violet),.30) 128deg,
      rgba(var(--bv2-pink),.25) 188deg,
      rgba(140,188,255,.18) 255deg,
      rgba(var(--bv2-cyan),.36) 360deg) border-box!important;
  box-shadow:
    inset 0 1px rgba(255,255,255,.038),
    0 24px 68px rgba(0,0,0,.23),
    0 0 20px rgba(var(--bv2-violet),.018)!important;
}
body.we-beyond-v2-page .bv2-break-card small{
  color:#9ab0c2!important;
  font-weight:650;
}
body.we-beyond-v2-page .bv2-break-card strong{
  color:#f2f7fb!important;
  font-weight:650!important;
  text-shadow:none!important;
}
body.we-beyond-v2-page .bv2-break-card:hover,
body.we-beyond-v2-page .bv2-break-card:focus-within{
  filter:brightness(1.045)!important;
}

/* UNKNOWN → POSSIBLE stands on its own: no private glow / plate / light-fleck cloud. */
body.we-beyond-v2-page .bv2-break-core::before,
body.we-beyond-v2-page .bv2-break-core::after{
  display:none!important;
}
body.we-beyond-v2-page .bv2-break-core{
  min-width:clamp(500px,37vw,760px)!important;
  padding:20px 34px!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:translate(-50%,-50%) scale(calc(.94 + var(--core-p)*.14 + var(--scene-out)*.08))!important;
  opacity:calc(var(--core-p) * (1 - var(--scene-out)*.50))!important;
}
body.we-beyond-v2-page .bv2-break-core>strong{
  font-size:clamp(42px,3.65vw,64px)!important;
  letter-spacing:-.055em!important;
  margin:12px 0 10px!important;
}
body.we-beyond-v2-page .bv2-break-core small{
  color:#8294a7!important;
}
body.we-beyond-v2-page .bv2-break-core p{
  color:#93a2b2!important;
}

/* The exit is a handoff, not a cut. Core holds longest, fragments recede last. */
body.we-beyond-v2-page .bv2-tilt-head,
body.we-beyond-v2-page .bv2-card-field,
body.we-beyond-v2-page .bv2-tilt-caption{
  opacity:calc(1 - var(--scene-out)*.62)!important;
}
body.we-beyond-v2-page .bv2-break-card{
  opacity:calc(1 - var(--scene-out)*.58)!important;
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-break-core{
    min-width:0!important;
    width:100%!important;
    padding:20px 12px!important;
  }
  body.we-beyond-v2-page .bv2-break-core>strong{font-size:clamp(31px,9vw,43px)!important}
  body.we-beyond-v2-page .bv2-tilt-sticky::before,
  body.we-beyond-v2-page .bv2-tilt-sticky::after{opacity:.14!important}
}


/* ==============================================================
   V0.10.80 — BEYOND / SCATTER → GRAVITY PULL
   - Section 02 fragments begin much farther apart.
   - They do not converge until UNKNOWN → POSSIBLE starts resolving.
   - Their rotation settles as the gravity pull takes over.
   - More vertical room separates the resolution statement from the cards.
   - The resolved state holds longer before the handoff to Section 03.
   ============================================================== */

body.we-beyond-v2-page .bv2-tilt{
  --card-angle-p:0;
  --pull-p:0;
}

@media(min-width:761px){
  body.we-beyond-v2-page .bv2-tilt{height:312vh!important}
  body.we-beyond-v2-page .bv2-card-field{
    width:min(1390px,91vw)!important;
    height:610px!important;
    top:57.5%!important;
  }
}

/* The six fragments are allowed to occupy more of the frame before gravity
   takes over. Their base coordinates stay readable; the scroll choreography
   creates the extra separation and then deliberately pulls them inward. */
body.we-beyond-v2-page .bv2-break-card{
  transform:
    translate(calc(var(--card-motion)*var(--dx)*1.06),calc(var(--card-motion)*var(--dy)*1.06))
    rotate(calc(var(--card-angle-p)*var(--dr)*.48))!important;
  transform-origin:50% 50%;
}

/* Give UNKNOWN → POSSIBLE a cleaner pocket of space. The top and bottom rows
   remain visually farther from the statement until the pull phase begins. */
body.we-beyond-v2-page .bv2-break-card:nth-of-type(1){margin-left:-24px}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(2){margin-top:-34px}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(3){margin-left:28px}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(4){margin-left:-10px;margin-top:30px}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(5){margin-top:42px}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(6){margin-left:22px;margin-top:26px}

/* Gravity is expressed through the scene, not another central object: the
   ambient light gently compresses toward the center only during the pull. */
body.we-beyond-v2-page .bv2-tilt-sticky::before{
  width:58vw!important;
  height:55vh!important;
  opacity:calc(.18 + var(--flow-p)*.20 + var(--pull-p)*.12)!important;
  transform:
    translate3d(calc(var(--flow-p)*2.2vw + var(--pull-p)*3vw),calc(var(--flow-p)*-1.2vh + var(--pull-p)*2vh),0)
    scale(calc(1 + var(--pull-p)*.08)) rotate(-10deg)!important;
}
body.we-beyond-v2-page .bv2-tilt-sticky::after{
  width:54vw!important;
  height:61vh!important;
  opacity:calc(.16 + var(--flow-p)*.18 + var(--pull-p)*.12)!important;
  transform:
    translate3d(calc(var(--flow-p)*-1.8vw - var(--pull-p)*2.5vw),calc(var(--flow-p)*1vh + var(--pull-p)*1.6vh),0)
    scale(calc(1 + var(--pull-p)*.075)) rotate(9deg)!important;
}

/* Keep the resolved statement dominant and separate from the surrounding
   fragments while they converge. */
body.we-beyond-v2-page .bv2-break-core{
  top:50%!important;
  transform:translate(-50%,-50%) scale(calc(.93 + var(--core-p)*.15 + var(--pull-p)*.035))!important;
}
body.we-beyond-v2-page .bv2-break-core>strong{
  font-size:clamp(44px,3.9vw,68px)!important;
}

/* As gravity wins, cards become calmer and visually more aligned instead of
   keeping their scattered angle all the way through the resolution. */
body.we-beyond-v2-page .bv2-break-card{
  box-shadow:
    inset 0 1px rgba(255,255,255,.038),
    0 24px 68px rgba(0,0,0,.23),
    0 0 calc(20px + var(--pull-p)*12px) rgba(var(--bv2-violet),calc(.018 + var(--pull-p)*.025))!important;
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-tilt{height:auto!important}
  body.we-beyond-v2-page .bv2-card-field{height:auto!important;top:auto!important}
  body.we-beyond-v2-page .bv2-break-card{margin:0!important;transform:none!important}
}


/* ==============================================================
   V0.10.81 — BEYOND / WIDE GRAVITY FIELD + HOLD + SOFT HANDOFF
   - Fragments open much wider, then converge only to a spacious final orbit.
   - UNKNOWN → POSSIBLE gets a deliberate hold phase with no positional rush.
   - The whole resolved tableau fades together into Section 03.
   - Background gravity comes from large asymmetric cyan/violet light pressure,
     never from a literal object behind the statement.
   ============================================================== */

body.we-beyond-v2-page .bv2-tilt{
  --hold-p:0;
}

@media(min-width:761px){
  body.we-beyond-v2-page .bv2-tilt{height:346vh!important}
  body.we-beyond-v2-page .bv2-card-field{
    width:min(1500px,94vw)!important;
    height:670px!important;
    top:58%!important;
  }
}

/* More breathing room around the core. The cards still belong to the same
   composition, but the final state reads as an orbit rather than a cluster. */
body.we-beyond-v2-page .bv2-break-card:nth-of-type(1){margin-left:-68px!important;margin-top:-20px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(2){margin-top:-78px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(3){margin-left:70px!important;margin-top:-18px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(4){margin-left:-48px!important;margin-top:74px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(5){margin-top:96px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(6){margin-left:62px!important;margin-top:70px!important}

/* Hold-state gravity: asymmetric pressure from the edges gives the scene a
   center of mass without drawing a visible black hole or plate. */
body.we-beyond-v2-page .bv2-tilt-sticky::before{
  width:68vw!important;
  height:68vh!important;
  left:-24vw!important;
  top:4vh!important;
  background:
    radial-gradient(ellipse 48% 42% at 46% 49%,rgba(var(--bv2-cyan),.13) 0%,rgba(48,170,224,.058) 31%,rgba(20,83,131,.020) 55%,transparent 76%),
    radial-gradient(circle at 70% 42%,rgba(224,249,255,.045) 0 1.2%,transparent 5%)!important;
  filter:blur(34px)!important;
  opacity:calc(.15 + var(--flow-p)*.22 + var(--hold-p)*.10 - var(--scene-out)*.16)!important;
  transform:
    translate3d(calc(var(--flow-p)*2vw + var(--pull-p)*2.4vw),calc(var(--flow-p)*-.8vh + var(--pull-p)*1.4vh),0)
    scale(calc(.98 + var(--pull-p)*.06)) rotate(-9deg)!important;
}
body.we-beyond-v2-page .bv2-tilt-sticky::after{
  width:64vw!important;
  height:72vh!important;
  right:-23vw!important;
  top:2vh!important;
  background:
    radial-gradient(ellipse 48% 44% at 54% 48%,rgba(var(--bv2-violet),.12) 0%,rgba(119,77,214,.052) 31%,rgba(var(--bv2-pink),.018) 53%,transparent 76%),
    radial-gradient(circle at 30% 58%,rgba(239,231,255,.035) 0 1.1%,transparent 5%)!important;
  filter:blur(38px)!important;
  opacity:calc(.14 + var(--flow-p)*.20 + var(--hold-p)*.10 - var(--scene-out)*.15)!important;
  transform:
    translate3d(calc(var(--flow-p)*-1.7vw - var(--pull-p)*2.1vw),calc(var(--flow-p)*.7vh + var(--pull-p)*1.2vh),0)
    scale(calc(.98 + var(--pull-p)*.055)) rotate(8deg)!important;
}

/* The nebula remains environmental, not a backdrop glued to the headline. */
body.we-beyond-v2-page .bv2-nebula-ribbon--a{opacity:calc(.025 + var(--flow-p)*.30 + var(--hold-p)*.05)!important}
body.we-beyond-v2-page .bv2-nebula-ribbon--b{opacity:calc(.022 + var(--flow-p)*.26 + var(--hold-p)*.045)!important}
body.we-beyond-v2-page .bv2-nebula-ribbon--c{opacity:calc(.016 + var(--flow-p)*.18 + var(--hold-p)*.035)!important}
body.we-beyond-v2-page .bv2-nebula-dustlane{opacity:calc(.025 + var(--flow-p)*.20)!important}

/* Crisp, stable final orbit. No overshoot toward the center. */
body.we-beyond-v2-page .bv2-break-card{
  transform:
    translate(calc(var(--card-motion)*var(--dx)*1.08),calc(var(--card-motion)*var(--dy)*1.08))
    rotate(calc(var(--card-angle-p)*var(--dr)*.44))!important;
  opacity:calc(1 - var(--scene-out)*.93)!important;
  will-change:transform,opacity;
}

/* The statement becomes the calm center of gravity and then holds. */
body.we-beyond-v2-page .bv2-break-core{
  top:49.5%!important;
  min-width:clamp(540px,39vw,790px)!important;
  transform:translate(-50%,-50%) scale(calc(.92 + var(--core-p)*.14 + var(--hold-p)*.025))!important;
  opacity:calc(var(--core-p) * (1 - var(--scene-out)*.96))!important;
  will-change:transform,opacity;
}
body.we-beyond-v2-page .bv2-break-core>strong{
  font-size:clamp(46px,4.05vw,72px)!important;
}

/* Everything exits as one tableau. The core survives only fractionally longer
   than the fragments, avoiding the previous pop/cut feeling. */
body.we-beyond-v2-page .bv2-tilt-head{
  opacity:calc(1 - var(--scene-out)*.90)!important;
}
body.we-beyond-v2-page .bv2-card-field{
  opacity:calc(1 - var(--scene-out)*.94)!important;
}
body.we-beyond-v2-page .bv2-tilt-caption{
  opacity:calc((1 - var(--scene-out)*.98) * .60)!important;
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-tilt{height:auto!important}
  body.we-beyond-v2-page .bv2-break-card{margin:0!important;opacity:1!important;transform:none!important}
  body.we-beyond-v2-page .bv2-break-core{min-width:0!important;width:100%!important;transform:none!important;opacity:1!important}
}


/* ==============================================================
   V0.10.82 — BEYOND / BLACK NIGHT → FADE-IN FRAGMENTS → PULL → HOLD → FADE
   The choreography is intentionally simpler and more legible:
   S01 starts almost black, stars arrive later, S02 cards fade in already
   scattered, gravity pulls them inward, UNKNOWN → POSSIBLE resolves, the
   finished composition holds, then the whole scene fades into S03.
   ============================================================== */

body.we-beyond-v2-page .bv2-tilt{
  --cards-in:0;
}

/* S01: a little smaller, calmer and more premium in the black-night opening. */
body.we-beyond-v2-page .bv2-hero-copy h1,
body.we-beyond-v2-page .bv2-hero-title{
  font-size:clamp(58px,6.35vw,100px)!important;
  max-width:970px!important;
}
@media(max-width:900px){
  body.we-beyond-v2-page .bv2-hero-copy h1,
  body.we-beyond-v2-page .bv2-hero-title{font-size:clamp(50px,9vw,74px)!important}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-copy h1,
  body.we-beyond-v2-page .bv2-hero-title{font-size:clamp(42px,11.7vw,57px)!important}
}

/* S02 timing: long enough for fade-in, pull, resolve, a real hold, and the
   same-sized handoff beat before S03. */
@media(min-width:761px){
  body.we-beyond-v2-page .bv2-tilt{height:330vh!important}
  body.we-beyond-v2-page .bv2-card-field{
    width:min(1410px,91vw)!important;
    height:640px!important;
    top:57%!important;
  }
}

/* Remove the over-wide V081 offsets. The cards are separated by their scroll
   transform instead, so the pull reads clearly and predictably. */
body.we-beyond-v2-page .bv2-break-card:nth-of-type(1){margin-left:-24px!important;margin-top:-8px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(2){margin-left:0!important;margin-top:-42px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(3){margin-left:26px!important;margin-top:-6px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(4){margin-left:-16px!important;margin-top:34px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(5){margin-left:0!important;margin-top:46px!important}
body.we-beyond-v2-page .bv2-break-card:nth-of-type(6){margin-left:20px!important;margin-top:32px!important}

/* Cards are invisible at S02 entry and fade in while already scattered. From
   there they only move inward; there is no extra "scatter" phase anymore. */
body.we-beyond-v2-page .bv2-break-card{
  transform:
    translate(calc(var(--card-motion)*var(--dx)*1.04),calc(var(--card-motion)*var(--dy)*1.04))
    rotate(calc(var(--card-angle-p)*var(--dr)*.42))!important;
  opacity:calc(var(--cards-in) * (1 - var(--scene-out)*.96))!important;
  will-change:transform,opacity;
}

/* Keep the cards crisp while they fade in/out. */
body.we-beyond-v2-page .bv2-break-card small,
body.we-beyond-v2-page .bv2-break-card strong{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}

/* The central statement resolves during the pull, then simply stays put. */
body.we-beyond-v2-page .bv2-break-core{
  top:49.5%!important;
  min-width:clamp(510px,37vw,750px)!important;
  transform:translate(-50%,-50%) scale(calc(.94 + var(--core-p)*.10))!important;
  opacity:calc(var(--core-p) * (1 - var(--scene-out)*.96))!important;
  background:transparent!important;
  box-shadow:none!important;
  text-shadow:none!important;
  will-change:opacity,transform;
}
body.we-beyond-v2-page .bv2-break-core::before,
body.we-beyond-v2-page .bv2-break-core::after{display:none!important}
body.we-beyond-v2-page .bv2-break-core>strong{
  font-size:clamp(43px,3.75vw,66px)!important;
}

/* Ambient colour stays in the scene rather than behind the wordmark. It moves
   only a little as gravity takes over, then remains calm throughout the hold. */
body.we-beyond-v2-page .bv2-tilt-sticky::before{
  width:56vw!important;
  height:60vh!important;
  left:-17vw!important;
  top:8vh!important;
  background:radial-gradient(ellipse 52% 46% at 45% 50%,rgba(var(--bv2-cyan),.105) 0%,rgba(43,149,207,.046) 32%,rgba(22,79,125,.017) 55%,transparent 76%)!important;
  filter:blur(32px)!important;
  opacity:calc(.13 + var(--flow-p)*.16 + var(--hold-p)*.035 - var(--scene-out)*.11)!important;
  transform:translate3d(calc(var(--pull-p)*2vw),calc(var(--pull-p)*1vh),0) rotate(-8deg)!important;
}
body.we-beyond-v2-page .bv2-tilt-sticky::after{
  width:54vw!important;
  height:64vh!important;
  right:-18vw!important;
  top:6vh!important;
  background:radial-gradient(ellipse 52% 46% at 55% 49%,rgba(var(--bv2-violet),.098) 0%,rgba(112,76,205,.044) 32%,rgba(var(--bv2-pink),.014) 54%,transparent 77%)!important;
  filter:blur(34px)!important;
  opacity:calc(.12 + var(--flow-p)*.15 + var(--hold-p)*.035 - var(--scene-out)*.10)!important;
  transform:translate3d(calc(var(--pull-p)*-1.7vw),calc(var(--pull-p)*.8vh),0) rotate(8deg)!important;
}

/* The resolved tableau genuinely holds: no scale creep, no extra pull, no
   late card re-layout. Only the very slow card border / sky ambience remains. */
body.we-beyond-v2-page .bv2-tilt-head,
body.we-beyond-v2-page .bv2-card-field,
body.we-beyond-v2-page .bv2-tilt-caption{
  opacity:calc(1 - var(--scene-out)*.96)!important;
}
body.we-beyond-v2-page .bv2-tilt-stage{
  opacity:calc(1 - var(--scene-out)*.94)!important;
}

/* Match the handoff rhythm: S03 itself does not rise early into the final S02
   fade. It starts cleanly once the S02 sticky scene releases. */
body.we-beyond-v2-page .bv2-emergence-sticky{
  isolation:isolate;
}
body.we-beyond-v2-page .bv2-emergence-shell{
  transition:none!important;
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-break-card{opacity:1!important;transform:none!important;margin:0!important}
  body.we-beyond-v2-page .bv2-break-core{opacity:1!important;transform:none!important;min-width:0!important;width:100%!important}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-break-card{opacity:1!important;transform:none!important}
  body.we-beyond-v2-page .bv2-break-core{opacity:1!important;transform:translate(-50%,-50%)!important}
}


/* ==============================================================
   V0.10.83 — BEYOND / S03 CONTINUOUS SKY + LONG-FORM SYSTEM EMERGENCE
   - Removes the dark/vignette plate that caused the visible cut from S02.
   - Makes S03 substantially longer so the sticky stage truly catches scroll.
   - Reduces the opening heading and makes the particle/network pattern a real
     protagonist instead of a faint background detail.
   ============================================================== */
body.we-beyond-v2-page .bv2-emergence{
  --emerge-entry:0;
  --emerge-title-out:0;
  height:360vh!important;
  background:transparent!important;
}
/* No scene-sized plate between S02 and S03: the shared WE sky remains visible. */
body.we-beyond-v2-page .bv2-emergence-vignette,
body.we-beyond-v2-page .bv2-emergence::before{
  display:none!important;
}
body.we-beyond-v2-page .bv2-emergence-sticky{
  background:transparent!important;
  isolation:isolate;
}
/* Local light pools only; both fade fully to transparent and therefore create
   no rectangular edge at either section boundary. */
body.we-beyond-v2-page .bv2-emergence-sticky::before,
body.we-beyond-v2-page .bv2-emergence-sticky::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  border-radius:50%;
  mix-blend-mode:screen;
  filter:blur(58px);
  opacity:calc(var(--emerge-entry) * .34);
}
body.we-beyond-v2-page .bv2-emergence-sticky::before{
  width:54vw;
  height:55vh;
  left:-20vw;
  top:18vh;
  background:radial-gradient(ellipse,rgba(var(--bv2-cyan),.105) 0%,rgba(40,145,202,.040) 37%,transparent 73%);
}
body.we-beyond-v2-page .bv2-emergence-sticky::after{
  width:50vw;
  height:58vh;
  right:-18vw;
  top:15vh;
  background:radial-gradient(ellipse,rgba(var(--bv2-violet),.090) 0%,rgba(var(--bv2-pink),.025) 39%,transparent 75%);
}
body.we-beyond-v2-page .bv2-emergence-canvas{
  z-index:1!important;
  opacity:calc(.74 + var(--emerge-entry) * .26)!important;
  filter:saturate(1.14) brightness(1.18) drop-shadow(0 0 9px rgba(103,197,255,.07));
}
body.we-beyond-v2-page .bv2-emergence-shell{
  z-index:3!important;
  opacity:var(--emerge-entry);
}
/* Smaller opening statement: it should introduce the system, not overpower it. */
body.we-beyond-v2-page .bv2-emergence-titlewrap{
  top:17.5%!important;
  max-width:730px!important;
  opacity:calc(var(--emerge-entry) * (1 - var(--emerge-title-out)))!important;
  transform:translate3d(0,calc(var(--emerge-title-out) * -34px),0)!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap h2{
  font-size:clamp(43px,4.35vw,70px)!important;
  line-height:.97!important;
}
/* Give the live network more visual territory and keep the copy above it. */
body.we-beyond-v2-page .bv2-phase-copy{
  z-index:5!important;
  background:linear-gradient(90deg,rgba(5,10,18,.82),rgba(7,8,17,.30))!important;
  border-left-color:rgba(178,218,242,.28)!important;
}
body.we-beyond-v2-page .bv2-emergence-top,
body.we-beyond-v2-page .bv2-phase-rail,
body.we-beyond-v2-page .bv2-emergence-readout{
  z-index:5;
}
@media(max-width:900px){
  body.we-beyond-v2-page .bv2-emergence{height:300vh!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap{max-width:620px!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap h2{font-size:clamp(41px,7.2vw,60px)!important}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-emergence{height:190vh!important}
  body.we-beyond-v2-page .bv2-emergence-sticky::before,
  body.we-beyond-v2-page .bv2-emergence-sticky::after{opacity:.12!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap{top:16%!important;max-width:92%!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap h2{font-size:clamp(37px,9.7vw,49px)!important}
  body.we-beyond-v2-page .bv2-emergence-canvas{opacity:.92!important;filter:saturate(1.08) brightness(1.10)}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-emergence-shell{opacity:1!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap{opacity:1!important;transform:none!important}
}

/* ==============================================================
   V0.10.84 — BEYOND / NETWORK HANDOFF + FIRST LIGHT IMAGE FINALE
   - S03 network keeps evolving and sweeps left in later phases.
   - S04 uses the final cinematic ocean/sunrise artwork as a real background.
   - The shared starfield crossfades into the image instead of hitting a hard cut.
   ============================================================== */
body.we-beyond-v2-page .bv2-emergence{
  --emerge-network:0;
}
body.we-beyond-v2-page .bv2-emergence-sticky::before{
  transform:translate3d(calc(var(--emerge-network) * -5vw),calc(var(--emerge-network) * 1.5vh),0) scale(calc(1 + var(--emerge-network) * .12));
  opacity:calc(var(--emerge-entry) * (.25 + var(--emerge-network) * .12));
}
body.we-beyond-v2-page .bv2-emergence-sticky::after{
  transform:translate3d(calc(var(--emerge-network) * -2.5vw),0,0) scale(calc(1 + var(--emerge-network) * .08));
  opacity:calc(var(--emerge-entry) * (.20 + var(--emerge-network) * .08));
}
body.we-beyond-v2-page .bv2-emergence-canvas{
  filter:saturate(calc(1.10 + var(--emerge-network) * .18)) brightness(calc(1.10 + var(--emerge-network) * .12)) drop-shadow(0 0 11px rgba(103,197,255,.08))!important;
}

/* 04 / FIRST LIGHT — image-led finale. The artwork is intentionally used as
   the visual itself rather than rebuilt from CSS shapes. */
body.we-beyond-v2-page .bv2-sunrise{
  --sun-p:0;
  --sun-settle:0;
  --contact-p:0;
  height:205vh!important;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-sunrise-sticky{
  position:sticky;
  top:0;
  height:100vh;
  min-height:760px;
  overflow:hidden;
  isolation:isolate;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-first-light-image{
  position:absolute;
  inset:-2.5%;
  z-index:0;
  background-image:url('assets/beyond-first-light.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  opacity:var(--sun-p);
  transform:translate3d(0,calc((1 - var(--sun-p)) * 16px),0) scale(calc(1.045 - var(--sun-settle) * .022));
  transform-origin:50% 58%;
  will-change:opacity,transform;
}
/* Dark enough on the left to keep the contact copy readable, but transparent
   across the horizon so the sunrise and turquoise water remain the hero. */
body.we-beyond-v2-page .bv2-first-light-shade{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  opacity:var(--sun-p);
  background:
    linear-gradient(90deg,rgba(1,6,15,.58) 0%,rgba(2,8,18,.35) 34%,rgba(2,8,18,.08) 62%,rgba(2,8,18,.03) 100%),
    linear-gradient(180deg,rgba(2,6,14,.10) 0%,transparent 48%,rgba(0,5,11,.22) 100%);
}
body.we-beyond-v2-page .bv2-sunrise-copy{
  position:relative;
  z-index:4;
  height:100%;
  display:grid!important;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.62fr);
  align-items:center;
  gap:clamp(44px,6vw,110px);
  padding-top:118px!important;
  padding-bottom:70px;
  text-align:left!important;
  opacity:var(--contact-p)!important;
  transform:translate3d(0,calc((1 - var(--contact-p))*34px),0)!important;
  text-shadow:0 2px 30px rgba(0,0,0,.32);
}
body.we-beyond-v2-page .bv2-sunrise-main{
  align-self:center;
  max-width:900px;
}
body.we-beyond-v2-page .bv2-sunrise-pre{
  max-width:620px;
  margin:24px 0 14px!important;
  color:rgba(236,244,248,.82)!important;
  font-size:clamp(14px,1vw,17px)!important;
  line-height:1.55;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  margin:0!important;
  max-width:900px!important;
  font-size:clamp(54px,5.45vw,88px)!important;
  line-height:.94!important;
  letter-spacing:-.045em;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2 span{
  background:linear-gradient(92deg,#dffcff 0%,#76e9f2 27%,#7daeff 58%,#c18cff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.we-beyond-v2-page .bv2-open{
  margin-top:32px!important;
  width:min(520px,100%)!important;
  min-height:82px!important;
  border-radius:18px!important;
  border:1px solid rgba(164,226,244,.34)!important;
  background:rgba(4,12,23,.44)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.05)!important;
}
body.we-beyond-v2-page .bv2-open:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(178,241,255,.64)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.22),0 0 34px rgba(72,216,255,.10)!important;
}
body.we-beyond-v2-page .bv2-sunrise-aside{
  align-self:center;
  width:min(100%,430px);
  justify-self:end;
  padding:30px 32px 28px;
  border:1px solid rgba(218,237,247,.24);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(15,31,48,.38),rgba(31,30,55,.24));
  backdrop-filter:blur(13px);
  box-shadow:0 30px 90px rgba(0,0,0,.13),inset 0 1px rgba(255,255,255,.045);
}
body.we-beyond-v2-page .bv2-sunrise-quote{
  display:block;
  height:30px;
  color:#88ddff;
  font-size:56px;
  line-height:.7;
  font-weight:700;
  background:linear-gradient(135deg,#70f1ff,#a67dff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.we-beyond-v2-page .bv2-sunrise-aside p{
  margin:18px 0 24px;
  color:#f7fbfd;
  font-size:clamp(22px,2vw,31px);
  font-weight:580;
  line-height:1.12;
  letter-spacing:-.025em;
}
body.we-beyond-v2-page .bv2-sunrise-aside small{
  display:block;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(236,244,248,.68);
  font-size:9px;
  letter-spacing:.18em;
}

@media(max-width:1050px){
  body.we-beyond-v2-page .bv2-sunrise-copy{
    grid-template-columns:minmax(0,1fr) minmax(280px,.58fr);
    gap:36px;
  }
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(48px,6vw,72px)!important}
  body.we-beyond-v2-page .bv2-sunrise-aside p{font-size:clamp(20px,2.4vw,27px)}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-sunrise{height:165vh!important}
  body.we-beyond-v2-page .bv2-sunrise-sticky{min-height:680px}
  body.we-beyond-v2-page .bv2-first-light-image{
    inset:-1%;
    background-position:62% center;
  }
  body.we-beyond-v2-page .bv2-first-light-shade{
    background:linear-gradient(180deg,rgba(1,6,15,.28),rgba(1,6,15,.12) 44%,rgba(1,6,15,.42));
  }
  body.we-beyond-v2-page .bv2-sunrise-copy{
    display:flex!important;
    flex-direction:column;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:22px;
    padding-top:92px!important;
    padding-bottom:44px;
  }
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(42px,11.3vw,58px)!important}
  body.we-beyond-v2-page .bv2-sunrise-pre{font-size:12px!important;max-width:330px}
  body.we-beyond-v2-page .bv2-open{width:100%!important;min-height:74px!important}
  body.we-beyond-v2-page .bv2-open span{font-size:16px!important}
  body.we-beyond-v2-page .bv2-sunrise-aside{
    justify-self:auto;
    width:100%;
    padding:20px 22px 19px;
    border-radius:17px;
    background:rgba(5,13,24,.40);
  }
  body.we-beyond-v2-page .bv2-sunrise-aside p{font-size:20px;margin:10px 0 16px}
  body.we-beyond-v2-page .bv2-sunrise-quote{height:22px;font-size:42px}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-first-light-image{opacity:1!important;transform:none!important}
  body.we-beyond-v2-page .bv2-first-light-shade{opacity:1!important}
  body.we-beyond-v2-page .bv2-sunrise-copy{opacity:1!important;transform:none!important}
}

/* ==============================================================
   V0.10.85 — BEYOND / TIGHTER RHYTHM + BETWEEN WORLDS + MEANINGFUL NETWORK
   ------------------------------------------------------------------
   - Removes the long empty beats between all four scenes.
   - Replaces S02 cards with a cross-disciplinary convergence system.
   - S03 network now morphs through meaningful visual states.
   - S04 headline is calmer and the still image gets subtle sea/light motion.
   - Footer is integrated cleanly with the finale instead of forming a hard bar.
   ============================================================== */

/* 01 — keep the opener cinematic, but hand off sooner. */
body.we-beyond-v2-page .bv2-hero-stage{
  padding-bottom:clamp(48px,6vh,72px)!important;
}
body.we-beyond-v2-page .bv2-hero-copy h1{
  font-size:clamp(58px,6.25vw,102px)!important;
  line-height:.91!important;
}

/* 02 / BETWEEN WORLDS ------------------------------------------------ */
body.we-beyond-v2-page .bv2-tilt{
  height:190vh!important;
  min-height:0!important;
  margin:0!important;
  background:transparent!important;
  --between-p:0;
  --between-intro:0;
  --between-draw:0;
  --between-labels:0;
  --between-pull:0;
  --between-core:0;
  --between-settle:0;
  --scene-out:0;
}
body.we-beyond-v2-page .bv2-tilt-sticky{
  position:sticky!important;
  top:0;
  height:100vh;
  min-height:720px!important;
  overflow:hidden;
  perspective:none!important;
  transform-style:flat!important;
  isolation:isolate;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-tilt-sticky::before,
body.we-beyond-v2-page .bv2-tilt-sticky::after{
  display:none!important;
}
body.we-beyond-v2-page .bv2-between-atmo{
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:calc(var(--between-intro) * (1 - var(--scene-out) * .72));
  background:
    radial-gradient(ellipse at 12% 54%,rgba(45,203,229,.10),transparent 34%),
    radial-gradient(ellipse at 88% 47%,rgba(143,91,222,.10),transparent 34%),
    radial-gradient(ellipse at 51% 55%,rgba(90,137,225,.035),transparent 30%);
  filter:saturate(1.08);
}
body.we-beyond-v2-page .bv2-between-head{
  position:absolute;
  z-index:5;
  left:50%;
  top:clamp(92px,11vh,128px);
  transform:translateX(-50%) translateY(calc(var(--between-core) * -18px));
  opacity:calc(var(--between-intro) * (1 - var(--between-core) * .78) * (1 - var(--scene-out)));
  transition:none;
  pointer-events:none;
}
body.we-beyond-v2-page .bv2-between-head h2{
  margin:18px 0 12px;
  max-width:860px;
  font-size:clamp(42px,4.55vw,72px);
  line-height:.98;
  letter-spacing:-.05em;
}
body.we-beyond-v2-page .bv2-between-head h2 span{
  background:linear-gradient(92deg,#62e5f5 0%,#82a8ff 48%,#c288ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.we-beyond-v2-page .bv2-between-head p{
  max-width:700px;
  margin:0;
  color:#96a5b4;
  font-size:15px;
  line-height:1.6;
}
body.we-beyond-v2-page .bv2-between-stage{
  position:absolute;
  z-index:3;
  left:50%;
  top:56%;
  width:min(1440px,94vw);
  height:min(690px,73vh);
  transform:translate(-50%,-50%);
  opacity:calc((.08 + var(--between-intro) * .92) * (1 - var(--scene-out)));
}
body.we-beyond-v2-page .bv2-between-lines{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  overflow:visible;
  filter:drop-shadow(0 0 9px rgba(86,211,255,.07));
}
body.we-beyond-v2-page .bv2-flow-path{
  fill:none;
  stroke:url(#bv2-flow-cyan);
  stroke-width:1.2;
  stroke-linecap:round;
  stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--between-draw));
  opacity:calc(.10 + var(--between-draw) * .56);
  vector-effect:non-scaling-stroke;
}
body.we-beyond-v2-page .bv2-flow-path:nth-of-type(n+4){stroke:url(#bv2-flow-pink)}
body.we-beyond-v2-page .bv2-flow-orbit{
  fill:none;
  stroke:rgba(94,225,255,.18);
  stroke-width:1;
  opacity:calc(var(--between-core) * .75);
  transform-origin:600px 325px;
  transform:scale(calc(.72 + var(--between-core) * .28));
}
body.we-beyond-v2-page .bv2-flow-orbit--b{
  stroke:rgba(197,130,255,.12);
  opacity:calc(var(--between-core) * .52);
  transform:scale(calc(.62 + var(--between-core) * .38));
}
body.we-beyond-v2-page .bv2-between-label{
  position:absolute;
  z-index:4;
  color:rgba(151,175,196,.48);
  font-size:clamp(10px,.72vw,12px);
  letter-spacing:.22em;
  opacity:calc(var(--between-labels) * (1 - var(--scene-out)));
  text-shadow:0 0 18px rgba(91,209,255,.08);
  transition:none;
  white-space:nowrap;
}
body.we-beyond-v2-page .bv2-between-label::before{
  content:"";
  display:inline-block;
  width:24px;height:1px;
  margin-right:10px;
  vertical-align:middle;
  background:linear-gradient(90deg,transparent,rgba(100,219,255,.55));
}
body.we-beyond-v2-page .bv2-between-label--web{left:2%;top:17%;transform:translate(calc(var(--between-pull)*62px),calc(var(--between-pull)*54px))}
body.we-beyond-v2-page .bv2-between-label--ai{left:20%;top:1%;transform:translate(calc(var(--between-pull)*42px),calc(var(--between-pull)*66px))}
body.we-beyond-v2-page .bv2-between-label--process{left:1%;bottom:9%;transform:translate(calc(var(--between-pull)*72px),calc(var(--between-pull)*-52px))}
body.we-beyond-v2-page .bv2-between-label--data{right:2%;top:16%;transform:translate(calc(var(--between-pull)*-68px),calc(var(--between-pull)*58px))}
body.we-beyond-v2-page .bv2-between-label--infra{right:1%;bottom:10%;transform:translate(calc(var(--between-pull)*-72px),calc(var(--between-pull)*-52px))}
body.we-beyond-v2-page .bv2-between-label--automation{right:19%;bottom:0;transform:translate(calc(var(--between-pull)*-48px),calc(var(--between-pull)*-68px))}
body.we-beyond-v2-page .bv2-between-core{
  position:absolute;
  z-index:6;
  left:50%;top:50%;
  width:min(620px,70vw);
  transform:translate(-50%,-50%) scale(calc(.86 + var(--between-core)*.14));
  text-align:center;
  opacity:calc(var(--between-core) * (1 - var(--scene-out)));
  text-shadow:0 0 34px rgba(75,211,255,.06);
}
body.we-beyond-v2-page .bv2-between-core small{
  display:block;
  color:#71899c;
  letter-spacing:.22em;
  margin-bottom:12px;
}
body.we-beyond-v2-page .bv2-between-core strong{
  display:block;
  color:#f5f9fc;
  font-size:clamp(44px,4.7vw,76px);
  line-height:.91;
  letter-spacing:-.055em;
  font-weight:650;
}
body.we-beyond-v2-page .bv2-between-core p{
  margin:16px 0 0;
  color:#91a2b2;
  font-size:clamp(13px,.9vw,15px);
}
body.we-beyond-v2-page .bv2-between-pulse{
  position:absolute;
  left:50%;top:50%;
  width:12px;height:12px;
  transform:translate(-50%,-50%);
  z-index:5;
  opacity:var(--between-core);
}
body.we-beyond-v2-page .bv2-between-pulse i{
  position:absolute;inset:0;
  border:1px solid rgba(98,226,255,.28);
  border-radius:50%;
  animation:bv2-between-pulse 3.8s ease-out infinite;
}
body.we-beyond-v2-page .bv2-between-pulse i:nth-child(2){animation-delay:1.2s;border-color:rgba(176,126,255,.22)}
body.we-beyond-v2-page .bv2-between-pulse i:nth-child(3){animation-delay:2.4s;border-color:rgba(255,100,201,.18)}
@keyframes bv2-between-pulse{0%{transform:scale(1);opacity:.65}100%{transform:scale(18);opacity:0}}
body.we-beyond-v2-page .bv2-between-caption{
  position:absolute;
  left:50%;bottom:34px;
  transform:translateX(-50%);
  z-index:5;
  color:#526779;
  font-size:8px;
  letter-spacing:.18em;
  opacity:calc(var(--between-settle) * (1 - var(--scene-out)));
  white-space:nowrap;
}

/* 03 — no dead tail; every scroll phase now resolves into a recognisable
   focus, spine, branch, prototype and stable system. */
body.we-beyond-v2-page .bv2-emergence{
  height:238vh!important;
  margin:0!important;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-emergence-canvas{
  opacity:.98!important;
  filter:saturate(calc(1.14 + var(--emerge-network)*.20)) brightness(calc(1.12 + var(--emerge-network)*.14)) drop-shadow(0 0 12px rgba(103,197,255,.10))!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap h2{
  font-size:clamp(46px,4.65vw,72px)!important;
}

/* 04 — calmer type, subtle movement over the still image. */
body.we-beyond-v2-page .bv2-sunrise{
  height:168vh!important;
  margin:0!important;
}
body.we-beyond-v2-page .bv2-first-light-image{
  overflow:hidden;
  animation:bv2-first-light-breathe 14s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-first-light-image::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:url('assets/beyond-first-light.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  clip-path:polygon(0 58%,100% 58%,100% 100%,0 100%);
  opacity:.16;
  mix-blend-mode:screen;
  filter:saturate(1.16) contrast(1.04);
  animation:bv2-sea-parallax 8.5s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-first-light-image::after{
  content:"";
  position:absolute;
  inset:55% -8% -10%;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 25% 62%,rgba(83,232,255,.20),transparent 17%),
    radial-gradient(ellipse at 68% 54%,rgba(255,221,172,.18),transparent 13%),
    repeating-linear-gradient(174deg,transparent 0 32px,rgba(212,248,255,.07) 34px,transparent 37px 68px);
  mix-blend-mode:screen;
  filter:blur(6px);
  opacity:calc(var(--sun-p) * .52);
  animation:bv2-sea-shimmer 6.8s linear infinite;
}
@keyframes bv2-first-light-breathe{to{filter:saturate(1.05) brightness(1.025)}}
@keyframes bv2-sea-parallax{0%{transform:translate3d(-.35%,0,0) scale(1.006)}100%{transform:translate3d(.45%,1.1%,0) scale(1.014)}}
@keyframes bv2-sea-shimmer{0%{transform:translate3d(-2%,0,0)}50%{transform:translate3d(1.5%,-1.2%,0)}100%{transform:translate3d(4%,0,0)}}
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  max-width:820px!important;
  font-size:clamp(46px,4.55vw,74px)!important;
  line-height:.96!important;
}
body.we-beyond-v2-page .bv2-sunrise-aside p{
  font-size:clamp(20px,1.7vw,27px)!important;
}

/* Footer belongs to the image finale rather than becoming a fifth dark block. */
body.we-beyond-v2-page .bv2-footer{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:18px max(72px,calc((100vw - var(--world-shell))/2)) 20px!important;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:rgba(213,231,239,.62)!important;
  font-size:9px!important;
  line-height:1.3;
  letter-spacing:.15em;
  background:linear-gradient(180deg,rgba(2,8,15,.72),rgba(2,7,13,.94))!important;
  border-top:1px solid rgba(174,225,242,.10)!important;
  backdrop-filter:blur(10px);
}
body.we-beyond-v2-page .bv2-footer div:last-child{color:rgba(158,189,220,.68)}

@media(max-width:1050px){
  body.we-beyond-v2-page .bv2-tilt{height:178vh!important}
  body.we-beyond-v2-page .bv2-between-head h2{font-size:clamp(40px,6.4vw,61px)}
  body.we-beyond-v2-page .bv2-between-stage{width:96vw;height:68vh;top:58%}
  body.we-beyond-v2-page .bv2-between-core strong{font-size:clamp(40px,6vw,62px)}
  body.we-beyond-v2-page .bv2-emergence{height:220vh!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(43px,5.6vw,64px)!important}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-copy h1{font-size:clamp(42px,11.2vw,56px)!important}
  body.we-beyond-v2-page .bv2-tilt{height:auto!important;min-height:1050px!important;padding:96px 0 72px}
  body.we-beyond-v2-page .bv2-tilt-sticky{position:relative!important;height:auto!important;min-height:900px!important;overflow:hidden}
  body.we-beyond-v2-page .bv2-between-head{position:relative;left:auto;top:auto;transform:none!important;opacity:1!important}
  body.we-beyond-v2-page .bv2-between-head h2{font-size:clamp(37px,9.8vw,49px)}
  body.we-beyond-v2-page .bv2-between-head p{font-size:14px}
  body.we-beyond-v2-page .bv2-between-stage{position:relative;left:auto;top:auto;width:100%;height:560px;margin-top:48px;transform:none;opacity:1!important}
  body.we-beyond-v2-page .bv2-between-label{font-size:8px;letter-spacing:.14em;opacity:.8!important;transform:none!important}
  body.we-beyond-v2-page .bv2-between-label--web{left:3%;top:16%}
  body.we-beyond-v2-page .bv2-between-label--ai{left:28%;top:3%}
  body.we-beyond-v2-page .bv2-between-label--process{left:2%;bottom:11%}
  body.we-beyond-v2-page .bv2-between-label--data{right:2%;top:18%}
  body.we-beyond-v2-page .bv2-between-label--infra{right:1%;bottom:12%}
  body.we-beyond-v2-page .bv2-between-label--automation{right:19%;bottom:1%}
  body.we-beyond-v2-page .bv2-between-core{width:78vw;opacity:1!important;transform:translate(-50%,-50%)!important}
  body.we-beyond-v2-page .bv2-between-core strong{font-size:clamp(36px,10.4vw,48px)}
  body.we-beyond-v2-page .bv2-between-caption{display:none}
  body.we-beyond-v2-page .bv2-emergence{height:178vh!important}
  body.we-beyond-v2-page .bv2-sunrise{height:150vh!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(38px,9.8vw,51px)!important}
  body.we-beyond-v2-page .bv2-footer{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-between-pulse i,
  body.we-beyond-v2-page .bv2-first-light-image,
  body.we-beyond-v2-page .bv2-first-light-image::before,
  body.we-beyond-v2-page .bv2-first-light-image::after{animation:none!important}
}

/* ==============================================================
   V0.10.86 — BEYOND / RHYTHM + FOCUSED CROSSING + PHASE STOPS + LIVE DAWN
   ------------------------------------------------------------------
   - Pulls the four scenes ~100px closer together to remove dead travel.
   - S02 becomes one coherent crossing instead of six unrelated traces;
     the intro copy fully clears before the focal statement cuts in.
   - S03 hides the system drawing until its first phase is actually reached;
     each phase is represented by a recognisable form and JS snap-stops it.
   - S04 type is calmer / all-white and the still artwork gains star twinkle,
     sea parallax and a subtle sunrise lens-flare behind the glass card.
   ============================================================== */

/* GLOBAL BEYOND RHYTHM ------------------------------------------------ */
body.we-beyond-v2-page .bv2-tilt,
body.we-beyond-v2-page .bv2-emergence,
body.we-beyond-v2-page .bv2-sunrise{
  position:relative;
}
body.we-beyond-v2-page .bv2-tilt{margin-top:-88px!important;height:180vh!important}
body.we-beyond-v2-page .bv2-emergence{margin-top:-96px!important;height:228vh!important}
body.we-beyond-v2-page .bv2-sunrise{margin-top:-100px!important;height:150vh!important}

/* 02 / BETWEEN WORLDS — one crossing, one statement ------------------ */
body.we-beyond-v2-page .bv2-tilt{
  --between-head-out:0;
  --between-core-x:92px;
}
body.we-beyond-v2-page .bv2-between-head{
  opacity:calc(var(--between-intro) * (1 - var(--between-head-out)) * (1 - var(--scene-out)))!important;
  transform:translateX(-50%) translateY(calc(var(--between-head-out) * -24px))!important;
  filter:blur(calc(var(--between-head-out) * 3px));
}
body.we-beyond-v2-page .bv2-between-stage{
  top:57%;
  height:min(650px,70vh);
}
body.we-beyond-v2-page .bv2-between-lines{
  filter:drop-shadow(0 0 10px rgba(86,211,255,.08)) drop-shadow(0 0 18px rgba(190,110,255,.045));
}
body.we-beyond-v2-page .bv2-flow-path{
  stroke-width:1.35!important;
  opacity:calc(.06 + var(--between-draw) * .68)!important;
}
body.we-beyond-v2-page .bv2-flow-path--a{stroke:url(#bv2-flow-cyan)!important}
body.we-beyond-v2-page .bv2-flow-path--b{stroke:url(#bv2-flow-pink)!important}
body.we-beyond-v2-page .bv2-flow-path--axis{
  stroke:url(#bv2-flow-axis)!important;
  stroke-width:.8!important;
  opacity:calc(var(--between-draw) * .34)!important;
}
body.we-beyond-v2-page .bv2-between-node{
  fill:#eafcff;
  opacity:calc(var(--between-core) * .82);
  filter:drop-shadow(0 0 9px rgba(112,229,255,.62));
}
body.we-beyond-v2-page .bv2-flow-orbit,
body.we-beyond-v2-page .bv2-between-pulse{display:none!important}
body.we-beyond-v2-page .bv2-between-label{
  opacity:calc(var(--between-labels) * (1 - var(--scene-out)) * (.76 - var(--between-core) * .20))!important;
}
body.we-beyond-v2-page .bv2-between-core{
  transform:translate(calc(-50% + var(--between-core-x)),-50%) scale(calc(.91 + var(--between-core)*.09))!important;
  opacity:calc(var(--between-core) * (1 - var(--scene-out)))!important;
}
body.we-beyond-v2-page .bv2-between-core::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:min(600px,68vw);height:190px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  background:radial-gradient(ellipse,rgba(6,12,24,.56) 0%,rgba(6,12,24,.24) 46%,transparent 76%);
  z-index:-1;
  filter:blur(4px);
}
body.we-beyond-v2-page .bv2-between-core strong{
  font-size:clamp(43px,4.45vw,72px)!important;
}
body.we-beyond-v2-page .bv2-between-caption{bottom:26px}

/* 03 / SYSTEM EMERGENCE — reveal only when the first phase begins ----- */
body.we-beyond-v2-page .bv2-emergence{
  --emerge-shape:0;
}
body.we-beyond-v2-page .bv2-emergence-canvas{
  opacity:var(--emerge-shape)!important;
  filter:saturate(1.18) brightness(1.18) drop-shadow(0 0 13px rgba(103,197,255,.11))!important;
  transition:opacity .24s linear;
}
body.we-beyond-v2-page .bv2-phase-copy{
  opacity:var(--emerge-shape)!important;
  transform:translate3d(calc((1 - var(--emerge-shape)) * 28px),0,0)!important;
  transition:opacity .18s linear!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap h2{
  font-size:clamp(42px,4.15vw,66px)!important;
}
body.we-beyond-v2-page .bv2-phase-copy{
  background:linear-gradient(90deg,rgba(4,9,17,.88),rgba(7,8,17,.26))!important;
}

/* 04 / FIRST LIGHT — smaller all-white headline + living image -------- */
body.we-beyond-v2-page .bv2-sunrise{
  --wave-p:0;
}
body.we-beyond-v2-page .bv2-sunrise-copy{
  grid-template-columns:minmax(0,.98fr) minmax(320px,.58fr)!important;
  gap:clamp(42px,5vw,86px)!important;
  padding-top:104px!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  max-width:760px!important;
  font-size:clamp(43px,3.75vw,62px)!important;
  line-height:.99!important;
  letter-spacing:-.04em!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2 span{
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  color:#f7fbfd!important;
  -webkit-text-fill-color:#f7fbfd!important;
}
body.we-beyond-v2-page .bv2-first-light-image::before{
  opacity:.26!important;
  filter:saturate(1.20) contrast(1.045) brightness(1.035)!important;
  animation:bv2-sea-parallax-v086 6.8s ease-in-out infinite alternate!important;
}
body.we-beyond-v2-page .bv2-first-light-image::after{
  opacity:calc(var(--sun-p) * (.34 + var(--wave-p) * .30))!important;
  filter:blur(4px)!important;
  animation:bv2-sea-shimmer-v086 5.4s ease-in-out infinite alternate!important;
}
body.we-beyond-v2-page .bv2-first-light-stars{
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  opacity:calc(var(--sun-p) * var(--stars-p) * .86);
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 12% 20%,rgba(190,244,255,.92) 0 1px,transparent 1.8px),
    radial-gradient(circle at 22% 32%,rgba(116,220,255,.78) 0 1.2px,transparent 2px),
    radial-gradient(circle at 35% 17%,rgba(225,235,255,.90) 0 1px,transparent 1.8px),
    radial-gradient(circle at 47% 28%,rgba(185,202,255,.72) 0 1.1px,transparent 2px),
    radial-gradient(circle at 58% 14%,rgba(226,204,255,.78) 0 1px,transparent 1.8px),
    radial-gradient(circle at 68% 31%,rgba(144,223,255,.82) 0 1.2px,transparent 2px),
    radial-gradient(circle at 78% 19%,rgba(239,229,255,.85) 0 1px,transparent 1.8px),
    radial-gradient(circle at 89% 27%,rgba(255,218,214,.76) 0 1.1px,transparent 2px);
  background-size:100% 100%;
  animation:bv2-first-light-twinkle 4.6s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-first-light-stars::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 48%,rgba(176,239,255,.24) 50%,transparent 52%) 22% 32%/34px 1px no-repeat,
    linear-gradient(180deg,transparent 0 48%,rgba(176,239,255,.18) 50%,transparent 52%) 22% 32%/1px 34px no-repeat,
    linear-gradient(90deg,transparent 0 48%,rgba(226,202,255,.20) 50%,transparent 52%) 68% 31%/28px 1px no-repeat,
    linear-gradient(180deg,transparent 0 48%,rgba(226,202,255,.16) 50%,transparent 52%) 68% 31%/1px 28px no-repeat;
  opacity:.72;
  animation:bv2-first-light-glints 3.2s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-first-light-flare{
  position:absolute;
  z-index:2;
  left:72%;
  top:60%;
  width:420px;
  height:280px;
  transform:translate(-50%,-50%) scale(calc(.92 + var(--sun-settle)*.08));
  pointer-events:none;
  opacity:calc(var(--sun-p) * .80);
  mix-blend-mode:screen;
  background:
    radial-gradient(circle at 50% 50%,rgba(255,247,217,.42) 0 3%,rgba(255,199,133,.20) 8%,rgba(255,153,109,.07) 23%,transparent 54%),
    linear-gradient(90deg,transparent 4%,rgba(255,205,157,.04) 38%,rgba(255,242,214,.17) 50%,rgba(255,205,157,.04) 62%,transparent 96%);
  filter:blur(2px);
  animation:bv2-first-light-flare 7.4s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-first-light-flare::before,
body.we-beyond-v2-page .bv2-first-light-flare::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(255,229,190,.11);
}
body.we-beyond-v2-page .bv2-first-light-flare::before{width:74px;height:74px;left:7%;top:18%;box-shadow:0 0 26px rgba(120,216,255,.08)}
body.we-beyond-v2-page .bv2-first-light-flare::after{width:32px;height:32px;right:6%;bottom:18%;border-color:rgba(127,216,255,.13)}
body.we-beyond-v2-page .bv2-sunrise-aside{
  position:relative;
  z-index:4;
  background:linear-gradient(145deg,rgba(14,27,43,.34),rgba(33,27,50,.22))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.055),0 0 70px rgba(255,197,141,.045)!important;
}

@keyframes bv2-sea-parallax-v086{
  0%{transform:translate3d(-.7%,-.15%,0) scale(1.010)}
  50%{transform:translate3d(.15%,1.15%,0) scale(1.018)}
  100%{transform:translate3d(.9%,.25%,0) scale(1.013)}
}
@keyframes bv2-sea-shimmer-v086{
  0%{transform:translate3d(-3%,.8%,0) skewX(-1deg);opacity:.32}
  55%{transform:translate3d(.5%,-.7%,0) skewX(.5deg);opacity:.62}
  100%{transform:translate3d(3.5%,.35%,0) skewX(-.5deg);opacity:.40}
}
@keyframes bv2-first-light-twinkle{0%{filter:brightness(.82);transform:translate3d(0,0,0)}100%{filter:brightness(1.35);transform:translate3d(.08%,-.05%,0)}}
@keyframes bv2-first-light-glints{0%{opacity:.18}55%{opacity:.78}100%{opacity:.34}}
@keyframes bv2-first-light-flare{0%{filter:blur(2px) brightness(.82);transform:translate(-50%,-50%) scale(.96)}100%{filter:blur(2px) brightness(1.16);transform:translate(-50%,-50%) scale(1.04)}}

@media(max-width:1050px){
  body.we-beyond-v2-page .bv2-tilt{margin-top:-64px!important;height:172vh!important}
  body.we-beyond-v2-page .bv2-emergence{margin-top:-70px!important;height:218vh!important}
  body.we-beyond-v2-page .bv2-sunrise{margin-top:-72px!important;height:146vh!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(41px,5vw,57px)!important}
  body.we-beyond-v2-page .bv2-first-light-flare{left:74%;width:350px;height:230px}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-tilt,
  body.we-beyond-v2-page .bv2-emergence,
  body.we-beyond-v2-page .bv2-sunrise{margin-top:0!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(36px,9vw,47px)!important}
  body.we-beyond-v2-page .bv2-first-light-flare{left:72%;top:54%;width:280px;height:190px;opacity:.46}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-first-light-stars,
  body.we-beyond-v2-page .bv2-first-light-stars::before,
  body.we-beyond-v2-page .bv2-first-light-flare{animation:none!important}
}

/* ==============================================================
   BEYOND V0.10.87 — refinement pass
   - all major headlines balanced to max ~3 lines on desktop
   - S02 gets service-based constellation endpoints with deeper, lighter lines
   - S03 cleaner constellations via JS + calmer title proportions
   - S04 horizon alignment and stable sunrise flare
   ============================================================== */

body.we-beyond-v2-page .bv2-hero-copy h1,
body.we-beyond-v2-page .bv2-between-head h2,
body.we-beyond-v2-page .bv2-between-core strong,
body.we-beyond-v2-page .bv2-emergence-titlewrap h2,
body.we-beyond-v2-page .bv2-sunrise-copy h2,
body.we-beyond-v2-page .bv2-phase-copy strong{
  text-wrap:balance;
}

/* 02 / BETWEEN WORLDS — keep every heading under control */
body.we-beyond-v2-page .bv2-between-head{
  top:clamp(88px,10vh,118px)!important;
}
body.we-beyond-v2-page .bv2-between-head h2{
  max-width:980px!important;
  font-size:clamp(39px,4.15vw,64px)!important;
  line-height:.98!important;
}
body.we-beyond-v2-page .bv2-between-head p{
  max-width:760px!important;
}
body.we-beyond-v2-page .bv2-between-stage{
  top:58%!important;
  height:min(620px,67vh)!important;
}
body.we-beyond-v2-page .bv2-between-lines{
  filter:drop-shadow(0 0 8px rgba(86,211,255,.05)) drop-shadow(0 0 14px rgba(188,124,255,.035))!important;
}
body.we-beyond-v2-page .bv2-flow-path,
body.we-beyond-v2-page .bv2-flow-depth{
  fill:none;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
body.we-beyond-v2-page .bv2-flow-path{
  stroke-width:1.05!important;
  opacity:calc(.04 + var(--between-draw) * .58)!important;
}
body.we-beyond-v2-page .bv2-flow-depth{
  stroke:rgba(173,214,241,.14);
  stroke-width:.75;
  stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--between-draw));
  opacity:calc(var(--between-draw) * .20);
}
body.we-beyond-v2-page .bv2-flow-path--web{stroke:url(#bv2-flow-web)!important}
body.we-beyond-v2-page .bv2-flow-path--ai{stroke:url(#bv2-flow-ai)!important}
body.we-beyond-v2-page .bv2-flow-path--data{stroke:url(#bv2-flow-data)!important}
body.we-beyond-v2-page .bv2-flow-path--process{stroke:url(#bv2-flow-process)!important}
body.we-beyond-v2-page .bv2-flow-path--infra{stroke:url(#bv2-flow-infra)!important}
body.we-beyond-v2-page .bv2-flow-path--axis{
  stroke:url(#bv2-flow-axis)!important;
  stroke-width:.72!important;
  opacity:calc(var(--between-draw) * .22)!important;
}
body.we-beyond-v2-page .bv2-between-node{
  r:4.3px;
  fill:#edf8ff;
  opacity:calc(.10 + var(--between-core) * .80)!important;
  filter:drop-shadow(0 0 12px rgba(112,229,255,.50));
}
body.we-beyond-v2-page .bv2-between-label{
  font-size:clamp(10px,.78vw,12px)!important;
  opacity:calc(var(--between-labels) * (1 - var(--scene-out)) * (.82 - var(--between-core) * .20))!important;
}
body.we-beyond-v2-page .bv2-between-label::before{
  width:20px!important;
  margin-right:9px!important;
  opacity:.88;
}
body.we-beyond-v2-page .bv2-between-label--web{left:4%!important;top:19%!important;color:rgba(103,234,255,.86)!important;transform:translate(calc(var(--between-pull)*48px),calc(var(--between-pull)*42px))!important}
body.we-beyond-v2-page .bv2-between-label--web::before{background:linear-gradient(90deg,transparent,rgba(103,234,255,.72))!important}
body.we-beyond-v2-page .bv2-between-label--ai{left:22%!important;top:6%!important;color:rgba(134,184,255,.82)!important;transform:translate(calc(var(--between-pull)*38px),calc(var(--between-pull)*62px))!important}
body.we-beyond-v2-page .bv2-between-label--ai::before{background:linear-gradient(90deg,transparent,rgba(134,184,255,.68))!important}
body.we-beyond-v2-page .bv2-between-label--process{left:3%!important;bottom:13%!important;color:rgba(255,140,204,.84)!important;transform:translate(calc(var(--between-pull)*64px),calc(var(--between-pull)*-38px))!important}
body.we-beyond-v2-page .bv2-between-label--process::before{background:linear-gradient(90deg,transparent,rgba(255,140,204,.68))!important}
body.we-beyond-v2-page .bv2-between-label--data{right:4%!important;top:18%!important;color:rgba(193,140,255,.82)!important;transform:translate(calc(var(--between-pull)*-56px),calc(var(--between-pull)*48px))!important}
body.we-beyond-v2-page .bv2-between-label--data::before{background:linear-gradient(90deg,transparent,rgba(193,140,255,.68))!important}
body.we-beyond-v2-page .bv2-between-label--infra{right:4%!important;bottom:13%!important;color:rgba(255,208,142,.82)!important;transform:translate(calc(var(--between-pull)*-62px),calc(var(--between-pull)*-40px))!important}
body.we-beyond-v2-page .bv2-between-label--infra::before{background:linear-gradient(90deg,transparent,rgba(255,208,142,.62))!important}
body.we-beyond-v2-page .bv2-between-core{
  width:min(680px,72vw)!important;
  text-shadow:0 0 30px rgba(61,190,242,.04)!important;
}
body.we-beyond-v2-page .bv2-between-core strong{
  font-size:clamp(40px,4.1vw,66px)!important;
  line-height:.93!important;
}

/* 03 / SYSTEM EMERGENCE */
body.we-beyond-v2-page .bv2-emergence-titlewrap{
  max-width:980px!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap h2{
  max-width:920px!important;
  font-size:clamp(38px,3.95vw,60px)!important;
  line-height:.98!important;
}
body.we-beyond-v2-page .bv2-phase-copy{
  width:min(430px,35vw)!important;
  background:linear-gradient(90deg,rgba(4,9,17,.82),rgba(6,9,18,.18))!important;
  box-shadow:0 10px 40px rgba(0,0,0,.08);
}
body.we-beyond-v2-page .bv2-phase-copy strong{
  font-size:clamp(24px,2vw,34px)!important;
  line-height:1.08!important;
}
body.we-beyond-v2-page .bv2-emergence-canvas{
  filter:saturate(1.10) brightness(1.14) drop-shadow(0 0 10px rgba(103,197,255,.09))!important;
}

/* 04 / FIRST LIGHT */
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  max-width:860px!important;
  font-size:clamp(40px,3.45vw,56px)!important;
  line-height:1.02!important;
}
body.we-beyond-v2-page .bv2-first-light-image::before{
  clip-path:polygon(0 66%,100% 66%,100% 100%,0 100%)!important;
}
body.we-beyond-v2-page .bv2-first-light-image::after{
  inset:66% -8% -10%!important;
  background:
    radial-gradient(ellipse at 25% 62%,rgba(83,232,255,.18),transparent 17%),
    radial-gradient(ellipse at 68% 54%,rgba(255,221,172,.14),transparent 13%),
    repeating-linear-gradient(174deg,transparent 0 34px,rgba(212,248,255,.06) 36px,transparent 39px 72px)!important;
}
body.we-beyond-v2-page .bv2-first-light-flare{
  top:61%!important;
  opacity:calc(var(--sun-p) * .74)!important;
  animation:bv2-first-light-flare-v087 8.5s ease-in-out infinite alternate!important;
}
@keyframes bv2-first-light-flare-v087{
  0%{filter:blur(2px) brightness(.90);transform:translate(-50%,-50%)}
  100%{filter:blur(2px) brightness(1.08);transform:translate(-50%,-50%)}
}

@media(max-width:1200px){
  body.we-beyond-v2-page .bv2-between-head h2{font-size:clamp(36px,4.9vw,56px)!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap h2{font-size:clamp(36px,4.8vw,54px)!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(38px,4.8vw,52px)!important}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-between-head h2,
  body.we-beyond-v2-page .bv2-emergence-titlewrap h2,
  body.we-beyond-v2-page .bv2-sunrise-copy h2{max-width:100%!important;text-wrap:pretty}
  body.we-beyond-v2-page .bv2-between-stage{height:520px!important}
  body.we-beyond-v2-page .bv2-first-light-image::before{clip-path:polygon(0 70%,100% 70%,100% 100%,0 100%)!important}
  body.we-beyond-v2-page .bv2-first-light-image::after{inset:70% -10% -10%!important}
}

/* ==============================================================
   BEYOND V0.10.88 — PLANETARY CROSSING + CONSTELLATION RHYTHM
   ------------------------------------------------------------------
   - S01 gets quiet chromatic dust instead of literal stars.
   - S02 uses the real WE worlds as planetary endpoints with blurred traces.
   - S03 holds each process state and renders sparse, readable constellations.
   - S04 is tightened, recoloured and finishes with a transparent image footer.
   ============================================================== */

/* Global rhythm: reduce the empty hand-off beats without introducing seams. */
body.we-beyond-v2-page .bv2-tilt{
  margin-top:-44px!important;
  height:166vh!important;
}
body.we-beyond-v2-page .bv2-emergence{
  margin-top:-46px!important;
  height:320vh!important;
  --emerge-exit:0;
}
body.we-beyond-v2-page .bv2-sunrise{
  margin-top:-48px!important;
  height:126vh!important;
}

/* 01 / DEEP NIGHT --------------------------------------------------- */
body.we-beyond-v2-page .bv2-hero-copy h1{
  max-width:980px!important;
  font-size:clamp(52px,5.75vw,92px)!important;
  line-height:.925!important;
}
body.we-beyond-v2-page .bv2-hero-particles{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:calc(1 - var(--hero-geometry-out) * .84);
}
body.we-beyond-v2-page .bv2-hero-particles i{
  position:absolute;
  left:var(--x);
  top:var(--y);
  width:var(--s);
  height:var(--s);
  margin:calc(var(--s) * -.5) 0 0 calc(var(--s) * -.5);
  border-radius:50%;
  background:rgba(var(--c),var(--a));
  box-shadow:0 0 calc(var(--s) * 1.8) rgba(var(--c),calc(var(--a) * .58));
  filter:blur(var(--b));
  mix-blend-mode:screen;
  animation:bv2-hero-dust-v088 var(--d) ease-in-out infinite alternate;
  will-change:transform,opacity;
}
@keyframes bv2-hero-dust-v088{
  0%{transform:translate3d(0,0,0) scale(.88);opacity:.44}
  45%{opacity:.88}
  100%{transform:translate3d(var(--dx),var(--dy),0) scale(1.18);opacity:.58}
}

/* 02 / BETWEEN WORLDS ---------------------------------------------- */
body.we-beyond-v2-page .bv2-tilt{
  --between-nodes:0;
}
body.we-beyond-v2-page .bv2-between-head{
  top:clamp(82px,9vh,108px)!important;
  opacity:calc(var(--between-intro) * (1 - var(--between-head-out)) * (1 - var(--scene-out)))!important;
  transform:translateX(-50%) translate3d(0,calc(var(--between-head-out) * -18px),0)!important;
  filter:blur(calc(var(--between-head-out) * 2.5px));
}
body.we-beyond-v2-page .bv2-between-head h2{
  max-width:980px!important;
  font-size:clamp(38px,4.05vw,62px)!important;
  line-height:.99!important;
}
body.we-beyond-v2-page .bv2-between-head p{
  max-width:740px!important;
  color:rgba(166,181,194,.80)!important;
}
body.we-beyond-v2-page .bv2-between-stage{
  top:57%!important;
  width:min(1460px,94vw)!important;
  height:min(650px,69vh)!important;
  opacity:calc((.14 + var(--between-intro) * .86) * (1 - var(--scene-out)))!important;
}
body.we-beyond-v2-page .bv2-between-atmo{
  opacity:calc((.24 + var(--between-nodes) * .76) * (1 - var(--scene-out)))!important;
  background:
    radial-gradient(ellipse 36% 30% at 17% 55%,rgba(25,203,226,.075),transparent 74%),
    radial-gradient(ellipse 34% 28% at 84% 46%,rgba(150,82,224,.075),transparent 76%),
    radial-gradient(ellipse 28% 22% at 51% 54%,rgba(85,132,225,.028),transparent 76%)!important;
}
body.we-beyond-v2-page .bv2-between-lines{
  z-index:1;
  filter:none!important;
}
body.we-beyond-v2-page .bv2-world-trace{
  --trace-p:0;
  color:rgba(114,216,255,.72);
}
body.we-beyond-v2-page .bv2-world-trace--web{color:#2387ff}
body.we-beyond-v2-page .bv2-world-trace--growth{color:#8bd64a}
body.we-beyond-v2-page .bv2-world-trace--brand{color:#ef4fd2}
body.we-beyond-v2-page .bv2-world-trace--ai{color:#8a5cff}
body.we-beyond-v2-page .bv2-world-trace--infra{color:#6f83ff}
body.we-beyond-v2-page .bv2-world-trace--trust{color:#55e6a5}
body.we-beyond-v2-page .bv2-world-trace--beyond{color:#00c7ff}
body.we-beyond-v2-page .bv2-trace-glow,
body.we-beyond-v2-page .bv2-trace-line{
  fill:none;
  stroke:currentColor;
  stroke-linecap:round;
  path-length:1;
  stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--trace-p));
  vector-effect:non-scaling-stroke;
}
body.we-beyond-v2-page .bv2-trace-glow{
  stroke-width:10;
  opacity:calc(var(--trace-p) * .075);
  filter:url(#bv2-trace-blur);
}
body.we-beyond-v2-page .bv2-trace-line{
  stroke-width:.9;
  opacity:calc(var(--trace-p) * .34);
  filter:drop-shadow(0 0 5px currentColor);
}
body.we-beyond-v2-page .bv2-between-node{
  fill:#e9f8ff!important;
  opacity:calc(var(--between-core) * .82)!important;
  filter:drop-shadow(0 0 12px rgba(95,224,255,.54));
}
body.we-beyond-v2-page .bv2-world-node{
  --node-p:0;
  position:absolute;
  z-index:4;
  display:grid;
  grid-template-columns:52px auto;
  grid-template-rows:auto auto;
  column-gap:12px;
  align-items:center;
  min-width:190px;
  color:var(--world);
  opacity:var(--node-p);
  transform:translate3d(calc(var(--between-pull) * var(--px)),calc(var(--between-pull) * var(--py)),0) scale(calc(.84 + var(--node-p) * .16));
  transform-origin:24px 24px;
  filter:blur(calc((1 - var(--node-p)) * 5px));
  will-change:transform,opacity,filter;
}
body.we-beyond-v2-page .bv2-world-node--web{left:3%;top:28%}
body.we-beyond-v2-page .bv2-world-node--growth{left:19%;top:5%}
body.we-beyond-v2-page .bv2-world-node--brand{left:6%;bottom:11%}
body.we-beyond-v2-page .bv2-world-node--ai{left:35%;top:9%}
body.we-beyond-v2-page .bv2-world-node--trust{right:18%;top:4%}
body.we-beyond-v2-page .bv2-world-node--beyond{right:2%;top:35%}
body.we-beyond-v2-page .bv2-world-node--infra{right:4%;bottom:10%}
body.we-beyond-v2-page .bv2-world-orbit{
  grid-row:1 / span 2;
  position:relative;
  width:44px;
  height:44px;
  border:1px solid color-mix(in srgb,var(--world) 44%,transparent);
  border-radius:50%;
  box-shadow:0 0 24px color-mix(in srgb,var(--world) 16%,transparent),inset 0 0 16px color-mix(in srgb,var(--world) 8%,transparent);
}
body.we-beyond-v2-page .bv2-world-orbit::before{
  content:"";
  position:absolute;
  left:50%;top:50%;
  width:12px;height:12px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#f8fdff 0 8%,var(--world) 25%,color-mix(in srgb,var(--world) 42%,#07101d) 68%,#05080f 100%);
  box-shadow:0 0 14px color-mix(in srgb,var(--world) 42%,transparent);
}
body.we-beyond-v2-page .bv2-world-orbit::after{
  content:"";
  position:absolute;
  left:3px;right:3px;top:50%;height:18px;
  transform:translateY(-50%) rotate(-12deg);
  border:1px solid color-mix(in srgb,var(--world) 24%,transparent);
  border-radius:50%;
}
body.we-beyond-v2-page .bv2-world-orbit i{
  position:absolute;
  left:50%;top:50%;
  width:4px;height:4px;
  margin:-2px;
  border-radius:50%;
  background:#f5fcff;
  box-shadow:0 0 10px var(--world);
  transform-origin:0 0;
  animation:bv2-world-satellite-v088 6.8s linear infinite;
}
@keyframes bv2-world-satellite-v088{to{transform:rotate(360deg) translateX(21px)}}
body.we-beyond-v2-page .bv2-world-node b{
  align-self:end;
  color:color-mix(in srgb,var(--world) 72%,#f7fbff);
  font-size:10px;
  line-height:1;
  letter-spacing:.19em;
  font-weight:650;
  text-shadow:0 0 18px color-mix(in srgb,var(--world) 22%,transparent);
}
body.we-beyond-v2-page .bv2-world-node small{
  align-self:start;
  margin-top:7px;
  color:rgba(194,209,220,.62);
  font-size:9px;
  letter-spacing:.07em;
  white-space:nowrap;
}
body.we-beyond-v2-page .bv2-between-core{
  z-index:7!important;
  width:min(700px,70vw)!important;
  transform:translate(-50%,-50%) translate3d(var(--between-core-x),0,0) scale(calc(.91 + var(--between-core) * .09))!important;
  opacity:calc(var(--between-core) * (1 - var(--scene-out)))!important;
}
body.we-beyond-v2-page .bv2-between-core strong{
  position:relative;
  z-index:3;
  font-size:clamp(42px,4.35vw,70px)!important;
  line-height:.92!important;
  text-shadow:0 0 30px rgba(90,221,255,.09),0 0 54px rgba(181,122,255,.06)!important;
}
body.we-beyond-v2-page .bv2-between-core small,
body.we-beyond-v2-page .bv2-between-core p{position:relative;z-index:3}
body.we-beyond-v2-page .bv2-core-aura{
  position:absolute;
  left:50%;top:50%;
  width:390px;height:220px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  z-index:0;
  background:radial-gradient(ellipse,rgba(112,212,255,.065),rgba(160,102,238,.035) 38%,transparent 72%);
  filter:blur(15px);
}
body.we-beyond-v2-page .bv2-core-aura i{
  position:absolute;
  width:10px;height:10px;border-radius:50%;
  background:rgba(112,229,255,.42);
  filter:blur(4px);
  box-shadow:0 0 20px rgba(112,229,255,.25);
  animation:bv2-core-spark-v088 6s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-core-aura i:nth-child(1){left:18%;top:38%}
body.we-beyond-v2-page .bv2-core-aura i:nth-child(2){right:22%;top:28%;background:rgba(192,126,255,.42);animation-delay:-2s}
body.we-beyond-v2-page .bv2-core-aura i:nth-child(3){left:56%;bottom:22%;background:rgba(255,108,201,.30);animation-delay:-4s}
@keyframes bv2-core-spark-v088{to{transform:translate3d(18px,-12px,0) scale(1.55);opacity:.45}}
body.we-beyond-v2-page .bv2-between-caption{bottom:18px!important;opacity:calc(.30 * (1 - var(--scene-out)))!important}

/* 03 / SYSTEM EMERGENCE -------------------------------------------- */
body.we-beyond-v2-page .bv2-emergence-sticky{
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-emergence-atmo{
  position:absolute;
  inset:-8%;
  z-index:0;
  pointer-events:none;
  opacity:calc((.48 + var(--emerge-network) * .52) * (1 - var(--emerge-exit)));
  background:
    radial-gradient(ellipse 31% 34% at 22% 48%,rgba(16,190,219,.075),transparent 74%),
    radial-gradient(ellipse 28% 31% at 75% 42%,rgba(142,87,226,.070),transparent 75%),
    radial-gradient(ellipse 18% 18% at 56% 70%,rgba(245,97,188,.028),transparent 72%),
    radial-gradient(ellipse 14% 14% at 64% 26%,rgba(255,196,120,.020),transparent 72%);
  transform:translate3d(calc((var(--emerge-p) - .5) * -1.2vw),calc((var(--emerge-p) - .5) * .8vh),0);
  will-change:transform,opacity;
}
body.we-beyond-v2-page .bv2-emergence-canvas{
  z-index:1!important;
  opacity:calc(var(--emerge-shape) * (1 - var(--emerge-exit)))!important;
  filter:saturate(1.06) brightness(1.08) drop-shadow(0 0 9px rgba(103,197,255,.055))!important;
}
body.we-beyond-v2-page .bv2-emergence-vignette{
  z-index:2!important;
  opacity:calc(1 - var(--emerge-exit));
  background:radial-gradient(circle at 50% 52%,transparent 0%,rgba(2,3,9,.018) 44%,rgba(2,3,9,.40) 100%),linear-gradient(90deg,rgba(2,3,9,.25),transparent 24%,transparent 76%,rgba(2,3,9,.26))!important;
}
body.we-beyond-v2-page .bv2-emergence-shell{z-index:3!important}
body.we-beyond-v2-page .bv2-emergence-top,
body.we-beyond-v2-page .bv2-phase-rail,
body.we-beyond-v2-page .bv2-emergence-readout{
  opacity:calc(1 - var(--emerge-exit))!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap{
  max-width:930px!important;
  opacity:calc(var(--emerge-entry) * (1 - var(--emerge-title-out)) * (1 - var(--emerge-exit)))!important;
  transform:translate3d(0,calc(var(--emerge-title-out) * -28px),0)!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap h2{
  max-width:900px!important;
  font-size:clamp(37px,3.8vw,58px)!important;
  line-height:.985!important;
}
body.we-beyond-v2-page .bv2-phase-copy{
  right:1.5%!important;
  width:min(410px,33vw)!important;
  opacity:calc(var(--emerge-shape) * (1 - var(--emerge-exit)))!important;
  background:linear-gradient(90deg,rgba(4,9,17,.80),rgba(6,9,18,.14))!important;
  border-left-color:rgba(129,214,242,.20)!important;
  backdrop-filter:blur(5px)!important;
}
body.we-beyond-v2-page .bv2-phase-copy strong{
  font-size:clamp(24px,1.9vw,32px)!important;
  line-height:1.08!important;
}
body.we-beyond-v2-page .bv2-phase-copy p{color:rgba(167,181,194,.78)!important}
body.we-beyond-v2-page .bv2-phase-rail{bottom:58px!important}

/* 04 / FIRST LIGHT -------------------------------------------------- */
body.we-beyond-v2-page .bv2-sunrise-copy{
  padding-top:102px!important;
  padding-bottom:92px!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  display:flex;
  flex-direction:column;
  gap:.03em;
  max-width:830px!important;
  font-size:clamp(39px,3.3vw,54px)!important;
  line-height:1.015!important;
}
body.we-beyond-v2-page .bv2-sunrise-line{
  display:block;
  width:max-content;
  max-width:100%;
}
body.we-beyond-v2-page .bv2-sunrise-line--white{
  color:#f7fbff!important;
  background:none!important;
  -webkit-text-fill-color:#f7fbff!important;
}
body.we-beyond-v2-page .bv2-sunrise-line--soft{
  color:#e9fbff!important;
  background:linear-gradient(90deg,#f6fbff 0%,#cbf5ff 82%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.we-beyond-v2-page .bv2-sunrise-line--accent{
  background:linear-gradient(92deg,#7eeeff 0%,#71c8ff 36%,#9e91ff 72%,#d18cff 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.we-beyond-v2-page .bv2-first-light-image{
  transform:translate3d(0,calc((1 - var(--sun-p)) * 12px),0) scale(calc(1.028 - var(--sun-settle) * .012))!important;
}
body.we-beyond-v2-page .bv2-first-light-flare{
  left:73%!important;
  top:61%!important;
  width:440px!important;
  height:290px!important;
  opacity:calc(var(--sun-p) * .78)!important;
}
body.we-beyond-v2-page .bv2-sunrise-aside{
  box-shadow:0 30px 90px rgba(0,0,0,.11),inset 0 1px rgba(255,255,255,.055),0 0 86px rgba(255,190,132,.075)!important;
}
body.we-beyond-v2-page .bv2-footer{
  position:absolute!important;
  z-index:12!important;
  left:0!important;right:0!important;bottom:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:16px max(72px,calc((100vw - var(--world-shell))/2)) 18px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  color:rgba(227,241,247,.68)!important;
  font-size:9px!important;
  letter-spacing:.15em!important;
  background:linear-gradient(180deg,rgba(3,10,18,.03),rgba(3,10,18,.22))!important;
  border-top:1px solid rgba(220,242,249,.14)!important;
  backdrop-filter:blur(5px)!important;
  box-shadow:none!important;
}
body.we-beyond-v2-page .bv2-footer div:last-child{color:rgba(201,218,232,.72)!important}

@media(max-width:1100px){
  body.we-beyond-v2-page .bv2-tilt{height:158vh!important;margin-top:-34px!important}
  body.we-beyond-v2-page .bv2-emergence{height:280vh!important;margin-top:-38px!important}
  body.we-beyond-v2-page .bv2-sunrise{height:122vh!important;margin-top:-40px!important}
  body.we-beyond-v2-page .bv2-world-node{min-width:150px;grid-template-columns:42px auto;column-gap:9px}
  body.we-beyond-v2-page .bv2-world-orbit{width:36px;height:36px}
  body.we-beyond-v2-page .bv2-world-orbit i{display:none}
  body.we-beyond-v2-page .bv2-world-node small{font-size:8px}
  body.we-beyond-v2-page .bv2-phase-copy{width:min(380px,37vw)!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(36px,4.4vw,49px)!important}
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-copy h1{font-size:clamp(41px,10.8vw,54px)!important}
  body.we-beyond-v2-page .bv2-hero-particles i:nth-child(n+6){display:none}

  body.we-beyond-v2-page .bv2-tilt{
    height:auto!important;
    min-height:980px!important;
    margin-top:0!important;
    padding:70px 0 58px!important;
  }
  body.we-beyond-v2-page .bv2-tilt-sticky{position:relative!important;height:auto!important;min-height:850px!important}
  body.we-beyond-v2-page .bv2-between-head{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important;padding-top:0!important}
  body.we-beyond-v2-page .bv2-between-head h2{font-size:clamp(34px,9vw,46px)!important}
  body.we-beyond-v2-page .bv2-between-stage{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:560px!important;margin-top:34px!important;opacity:1!important}
  body.we-beyond-v2-page .bv2-between-lines{opacity:.62}
  body.we-beyond-v2-page .bv2-world-node{opacity:1!important;filter:none!important;transform:none!important;min-width:0;grid-template-columns:34px auto;column-gap:8px}
  body.we-beyond-v2-page .bv2-world-orbit{width:30px;height:30px}
  body.we-beyond-v2-page .bv2-world-orbit::before{width:9px;height:9px}
  body.we-beyond-v2-page .bv2-world-node b{font-size:8px}.bv2-world-node small{font-size:7px!important;margin-top:4px!important}
  body.we-beyond-v2-page .bv2-world-node--web{left:1%;top:25%}
  body.we-beyond-v2-page .bv2-world-node--growth{left:14%;top:4%}
  body.we-beyond-v2-page .bv2-world-node--brand{left:1%;bottom:8%}
  body.we-beyond-v2-page .bv2-world-node--ai{left:39%;top:8%}
  body.we-beyond-v2-page .bv2-world-node--trust{right:2%;top:6%}
  body.we-beyond-v2-page .bv2-world-node--beyond{right:0;top:30%}
  body.we-beyond-v2-page .bv2-world-node--infra{right:1%;bottom:9%}
  body.we-beyond-v2-page .bv2-between-core{width:90vw!important;opacity:1!important;transform:translate(-50%,-50%)!important}
  body.we-beyond-v2-page .bv2-between-core strong{font-size:clamp(34px,9.8vw,46px)!important}

  body.we-beyond-v2-page .bv2-emergence{
    height:auto!important;
    min-height:1180px!important;
    margin-top:0!important;
  }
  body.we-beyond-v2-page .bv2-emergence-sticky{position:relative!important;height:auto!important;min-height:1180px!important}
  body.we-beyond-v2-page .bv2-emergence-shell{min-height:1180px;padding-top:92px!important;padding-bottom:42px!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap{position:relative!important;left:auto!important;top:auto!important;max-width:100%!important;opacity:1!important;transform:none!important;margin-top:34px}
  body.we-beyond-v2-page .bv2-emergence-titlewrap h2{font-size:clamp(34px,9vw,46px)!important}
  body.we-beyond-v2-page .bv2-emergence-canvas{top:255px!important;height:520px!important;opacity:.95!important}
  body.we-beyond-v2-page .bv2-phase-copy{left:0!important;right:0!important;top:auto!important;bottom:120px!important;width:100%!important;transform:none!important;opacity:1!important;padding:20px!important;background:rgba(4,9,17,.62)!important}
  body.we-beyond-v2-page .bv2-phase-rail{left:0!important;right:0!important;bottom:56px!important}

  body.we-beyond-v2-page .bv2-sunrise{height:115vh!important;margin-top:0!important;min-height:760px!important}
  body.we-beyond-v2-page .bv2-sunrise-copy{padding-top:90px!important;padding-bottom:86px!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(34px,8.6vw,44px)!important;gap:.01em}
  body.we-beyond-v2-page .bv2-sunrise-line{width:auto}
  body.we-beyond-v2-page .bv2-footer{padding:13px 18px 14px!important;font-size:7px!important;gap:12px!important;display:flex!important}
}

@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-hero-particles i,
  body.we-beyond-v2-page .bv2-world-orbit i,
  body.we-beyond-v2-page .bv2-core-aura i{animation:none!important}
  body.we-beyond-v2-page .bv2-world-node{opacity:1!important;filter:none!important;transform:none!important}
  body.we-beyond-v2-page .bv2-world-trace{--trace-p:1!important}
}

/* ==============================================================
   BEYOND V0.10.89 — HORIZONTAL STORY SYSTEM
   ------------------------------------------------------------------
   - Keeps the approved S01→S02 handoff, but gives the dark opener visible
     chromatic depth.
   - S02 becomes a sticky 100vh planetary story: worlds appear first, then
     travel left while PROBLEM FIRST resolves on the right.
   - S03 becomes a native-scroll / horizontal visual story. No wheel hijack.
   - S04 gets one continuous WE gradient and stronger water glints.
   ============================================================== */

/* 01 / DEEP NIGHT — visible, soft chromatic particles without literal stars. */
body.we-beyond-v2-page .bv2-hero-particles{
  opacity:calc(.92 - var(--hero-geometry-out) * .74)!important;
}
body.we-beyond-v2-page .bv2-hero-particles i{
  width:calc(var(--s) * 2.5)!important;
  height:calc(var(--s) * 2.5)!important;
  margin:calc(var(--s) * -1.25) 0 0 calc(var(--s) * -1.25)!important;
  background:rgba(var(--c),calc(var(--a) * 1.35))!important;
  box-shadow:
    0 0 calc(var(--s) * 3.4) rgba(var(--c),calc(var(--a) * .75)),
    0 0 calc(var(--s) * 6.2) rgba(var(--c),calc(var(--a) * .28))!important;
  filter:blur(calc(var(--b) * 1.28))!important;
}

/* Shared scene rhythm. The scroll distance now changes the sticky scene rather
   than producing blank vertical space. */
@media(min-width:761px){
  body.we-beyond-v2-page .bv2-tilt{
    height:255vh!important;
    margin-top:-44px!important;
  }
  body.we-beyond-v2-page .bv2-emergence{
    height:515vh!important;
    margin-top:-44px!important;
  }
  body.we-beyond-v2-page .bv2-sunrise{
    height:138vh!important;
    margin-top:-44px!important;
  }
}

/* 02 / BETWEEN WORLDS — planetary orbit scene -------------------- */
body.we-beyond-v2-page .bv2-tilt{
  --between-travel:0;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-tilt-sticky{
  min-height:720px!important;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-between-head{
  top:clamp(86px,9.5vh,116px)!important;
  opacity:calc(var(--between-intro) * (1 - var(--between-head-out)) * (1 - var(--scene-out)))!important;
  transform:translateX(-50%) translate3d(calc(var(--between-travel) * -3vw),calc(var(--between-head-out) * -18px),0)!important;
  filter:none!important;
  will-change:transform,opacity;
}
body.we-beyond-v2-page .bv2-between-head h2{
  max-width:940px!important;
  font-size:clamp(38px,4vw,61px)!important;
  line-height:.99!important;
}
body.we-beyond-v2-page .bv2-between-head p{
  max-width:720px!important;
  font-size:14px!important;
}
body.we-beyond-v2-page .bv2-between-atmo{
  opacity:calc((.20 + var(--between-nodes) * .78) * (1 - var(--scene-out)))!important;
  background:
    radial-gradient(ellipse 34% 38% at calc(16% - var(--between-travel) * 3%) 50%,rgba(23,207,231,.095),transparent 72%),
    radial-gradient(ellipse 30% 34% at calc(84% - var(--between-travel) * 5%) 42%,rgba(142,83,224,.090),transparent 74%),
    radial-gradient(ellipse 22% 20% at 50% 57%,rgba(82,128,224,.035),transparent 74%)!important;
  filter:blur(.2px) saturate(1.05)!important;
}
body.we-beyond-v2-page .bv2-between-stage{
  top:58%!important;
  width:min(1460px,95vw)!important;
  height:min(650px,69vh)!important;
  opacity:calc((.12 + var(--between-intro) * .88) * (1 - var(--scene-out)))!important;
  overflow:visible!important;
}
body.we-beyond-v2-page .bv2-between-universe{
  position:absolute;
  inset:0;
  z-index:2;
  transform-origin:50% 52%;
  transform:
    translate3d(calc(var(--between-travel) * -27vw),calc(var(--between-travel) * 1.1vh),0)
    scale(calc(1 - var(--between-travel) * .18));
  opacity:calc(1 - var(--scene-out) * .96);
  will-change:transform,opacity;
}
body.we-beyond-v2-page .bv2-between-lines{
  inset:0!important;
  z-index:1!important;
  filter:none!important;
}
body.we-beyond-v2-page .bv2-trace-glow{
  stroke-width:14!important;
  opacity:calc(var(--trace-p) * .11)!important;
  filter:url(#bv2-trace-blur)!important;
}
body.we-beyond-v2-page .bv2-trace-line{
  stroke-width:.72!important;
  opacity:calc(var(--trace-p) * .24)!important;
  filter:drop-shadow(0 0 7px currentColor)!important;
}
body.we-beyond-v2-page .bv2-between-node{
  fill:#effbff!important;
  opacity:calc(var(--between-draw) * .68)!important;
  filter:drop-shadow(0 0 12px rgba(95,224,255,.42))!important;
}

/* Start-page-like signals: light source first, rings only as atmosphere. */
body.we-beyond-v2-page .bv2-world-node{
  --node-p:0;
  min-width:154px!important;
  grid-template-columns:42px auto!important;
  column-gap:10px!important;
  opacity:var(--node-p)!important;
  filter:blur(calc((1 - var(--node-p)) * 5px))!important;
  transform:translate3d(0,0,0) scale(calc(.76 + var(--node-p) * .24))!important;
  transform-origin:20px 20px!important;
}
body.we-beyond-v2-page .bv2-world-node--web{left:17.5%!important;top:49%!important}
body.we-beyond-v2-page .bv2-world-node--growth{left:29%!important;top:20%!important}
body.we-beyond-v2-page .bv2-world-node--ai{left:47%!important;top:12%!important}
body.we-beyond-v2-page .bv2-world-node--trust{right:25%!important;top:21%!important}
body.we-beyond-v2-page .bv2-world-node--beyond{right:9%!important;top:48%!important}
body.we-beyond-v2-page .bv2-world-node--infra{right:24%!important;bottom:12%!important}
body.we-beyond-v2-page .bv2-world-node--brand{left:29%!important;bottom:11%!important}
body.we-beyond-v2-page .bv2-world-orbit{
  width:38px!important;
  height:38px!important;
  border-color:color-mix(in srgb,var(--world) 24%,transparent)!important;
  box-shadow:0 0 26px color-mix(in srgb,var(--world) 11%,transparent)!important;
  background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--world) 12%,transparent),transparent 64%);
}
body.we-beyond-v2-page .bv2-world-orbit::before{
  width:7px!important;
  height:7px!important;
  background:#fff!important;
  box-shadow:
    0 0 4px #fff,
    0 0 10px var(--world),
    0 0 27px color-mix(in srgb,var(--world) 70%,transparent),
    0 0 58px color-mix(in srgb,var(--world) 30%,transparent)!important;
  animation:bv2-world-pulse-v089 4.8s ease-in-out infinite;
}
body.we-beyond-v2-page .bv2-world-orbit::after{
  left:50%!important;
  right:auto!important;
  top:50%!important;
  width:76px!important;
  height:1px!important;
  transform:translate(-50%,-50%) rotate(-8deg)!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--world) 58%,transparent) 33%,rgba(255,255,255,.72) 50%,color-mix(in srgb,var(--world) 58%,transparent) 67%,transparent)!important;
  opacity:.48;
  box-shadow:0 0 12px color-mix(in srgb,var(--world) 34%,transparent);
}
body.we-beyond-v2-page .bv2-world-orbit i{
  display:block!important;
  width:3px!important;height:3px!important;margin:-1.5px!important;
  background:#fff!important;
  box-shadow:0 0 9px var(--world)!important;
  animation:bv2-world-satellite-v088 8.8s linear infinite!important;
}
body.we-beyond-v2-page .bv2-world-node b{
  font-size:9px!important;
  letter-spacing:.17em!important;
  color:color-mix(in srgb,var(--world) 66%,#f5fbff)!important;
}
body.we-beyond-v2-page .bv2-world-node small{
  font-size:8px!important;
  color:rgba(187,205,220,.56)!important;
}
@keyframes bv2-world-pulse-v089{
  0%,100%{transform:translate(-50%,-50%) scale(.88);filter:brightness(.90)}
  50%{transform:translate(-50%,-50%) scale(1.16);filter:brightness(1.20)}
}

body.we-beyond-v2-page .bv2-between-core{
  position:absolute!important;
  left:66%!important;
  top:51%!important;
  z-index:8!important;
  width:min(650px,50vw)!important;
  transform:translate(-50%,-50%) translate3d(calc((1 - var(--between-core)) * 15vw),0,0) scale(calc(.96 + var(--between-core) * .04))!important;
  opacity:calc(var(--between-core) * (1 - var(--scene-out)))!important;
  text-align:center!important;
  will-change:transform,opacity;
}
body.we-beyond-v2-page .bv2-between-core strong{
  font-size:clamp(42px,4vw,64px)!important;
  line-height:.94!important;
  text-shadow:0 0 36px rgba(76,210,255,.075),0 0 66px rgba(180,116,255,.045)!important;
}
body.we-beyond-v2-page .bv2-core-aura{
  width:470px!important;
  height:300px!important;
  background:
    radial-gradient(ellipse at 38% 52%,rgba(52,216,242,.085),transparent 46%),
    radial-gradient(ellipse at 69% 45%,rgba(167,99,236,.075),transparent 44%)!important;
  filter:blur(34px)!important;
}
body.we-beyond-v2-page .bv2-between-caption{
  opacity:calc(.28 * (1 - var(--scene-out)))!important;
  bottom:18px!important;
}

/* 03 / SYSTEM EMERGENCE — horizontal story ------------------------ */
body.we-beyond-v2-page .bv2-emergence{
  --emerge-story:0;
  --canvas-shift:0vw;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-emergence-sticky{
  min-height:720px!important;
  background:transparent!important;
}
body.we-beyond-v2-page .bv2-emergence-atmo{
  inset:-10%!important;
  opacity:calc((.34 + var(--emerge-story) * .34) * (1 - var(--emerge-exit)))!important;
  background:
    radial-gradient(ellipse 31% 35% at calc(15% - var(--emerge-story) * 2%) 47%,rgba(16,190,219,.085),transparent 74%),
    radial-gradient(ellipse 28% 33% at calc(78% - var(--emerge-story) * 5%) 43%,rgba(142,87,226,.080),transparent 75%),
    radial-gradient(ellipse 18% 18% at 57% 72%,rgba(245,97,188,.034),transparent 72%),
    radial-gradient(ellipse 16% 16% at 46% 27%,rgba(255,196,120,.024),transparent 72%)!important;
  transform:translate3d(calc(var(--emerge-story) * -2.6vw),0,0)!important;
  filter:blur(.2px);
}
body.we-beyond-v2-page .bv2-emergence-vignette{
  display:block!important;
  z-index:2!important;
  opacity:calc(.58 * (1 - var(--emerge-exit)))!important;
  background:
    radial-gradient(circle at 46% 53%,transparent 0%,rgba(2,3,9,.015) 49%,rgba(2,3,9,.26) 100%),
    linear-gradient(90deg,rgba(2,3,9,.12),transparent 22%,transparent 79%,rgba(2,3,9,.18))!important;
}
body.we-beyond-v2-page .bv2-emergence-canvas{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  opacity:calc((.92 - var(--emerge-exit) * .92) * var(--emerge-entry))!important;
  transform:translate3d(var(--canvas-shift),0,0)!important;
  filter:saturate(1.04) brightness(1.10) drop-shadow(0 0 9px rgba(103,197,255,.055))!important;
  will-change:transform,opacity;
}
body.we-beyond-v2-page .bv2-emergence-shell{
  z-index:4!important;
  padding-top:clamp(118px,13vh,148px)!important;
  padding-bottom:38px!important;
}
body.we-beyond-v2-page .bv2-emergence-top{
  opacity:calc(var(--emerge-entry) * (1 - var(--emerge-exit)))!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap{
  left:0!important;
  top:22%!important;
  max-width:730px!important;
  opacity:calc(var(--emerge-entry) * (1 - var(--emerge-title-out)) * (1 - var(--emerge-exit)))!important;
  transform:translate3d(calc(var(--emerge-title-out) * -7vw),calc(var(--emerge-title-out) * -10px),0)!important;
  filter:none!important;
}
body.we-beyond-v2-page .bv2-emergence-titlewrap h2{
  max-width:700px!important;
  font-size:clamp(37px,3.75vw,57px)!important;
  line-height:.99!important;
}
body.we-beyond-v2-page .bv2-story-window{
  position:absolute;
  inset:0;
  z-index:6;
  overflow:hidden;
  pointer-events:none;
}
body.we-beyond-v2-page .bv2-story-track{
  position:absolute;
  inset:0;
}
body.we-beyond-v2-page .bv2-story-panel{
  position:absolute;
  inset:0;
  opacity:var(--panel-opacity,0);
  transform:translate3d(var(--panel-x,100vw),0,0) scale(var(--panel-scale,1));
  will-change:transform,opacity;
  pointer-events:none;
}
body.we-beyond-v2-page .bv2-story-panel .bv2-phase-copy{
  position:absolute!important;
  left:auto!important;
  right:max(5vw,calc((100vw - var(--world-shell))/2))!important;
  top:51%!important;
  bottom:auto!important;
  width:min(410px,31vw)!important;
  padding:25px 26px!important;
  transform:translateY(-50%)!important;
  opacity:1!important;
  border-left:1px solid rgba(129,214,242,.23)!important;
  background:linear-gradient(90deg,rgba(4,9,17,.76),rgba(6,9,18,.12))!important;
  backdrop-filter:blur(5px)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.08)!important;
}
body.we-beyond-v2-page .bv2-story-panel .bv2-phase-copy strong{
  font-size:clamp(24px,1.92vw,32px)!important;
  line-height:1.07!important;
  max-width:360px;
}
body.we-beyond-v2-page .bv2-story-panel .bv2-phase-copy p{
  color:rgba(170,185,198,.80)!important;
  font-size:14px!important;
  line-height:1.58!important;
}
body.we-beyond-v2-page .bv2-story-panel.is-active .bv2-phase-copy{
  border-left-color:rgba(105,222,248,.34)!important;
}
body.we-beyond-v2-page .bv2-phase-rail{
  left:0!important;
  bottom:54px!important;
  z-index:8!important;
  opacity:calc(var(--emerge-entry) * (1 - var(--emerge-exit)))!important;
}
body.we-beyond-v2-page .bv2-emergence-readout{
  z-index:8!important;
  bottom:37px!important;
  opacity:calc(var(--emerge-entry) * (1 - var(--emerge-exit)))!important;
}

/* 04 / FIRST LIGHT — one WE gradient, more ocean sparkle ------------ */
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  display:block!important;
  max-width:860px!important;
  font-size:clamp(39px,3.25vw,53px)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
body.we-beyond-v2-page .bv2-sunrise-gradient{
  display:inline!important;
  color:transparent!important;
  background:linear-gradient(100deg,#ffffff 0%,#eef3f6 26%,#aab5c2 47%,#7eb9e8 70%,#49bce9 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.we-beyond-v2-page .bv2-water-glints{
  position:absolute;
  z-index:3;
  left:0;right:0;top:61%;bottom:0;
  pointer-events:none;
  overflow:hidden;
  opacity:calc(var(--sun-p) * .84);
  mix-blend-mode:screen;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 12%,#000 34%,#000 100%);
  mask-image:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.28) 12%,#000 34%,#000 100%);
}
body.we-beyond-v2-page .bv2-water-glints::before,
body.we-beyond-v2-page .bv2-water-glints::after{
  content:"";
  position:absolute;
  inset:0 -10%;
  background:
    repeating-linear-gradient(174deg,transparent 0 33px,rgba(184,243,255,.09) 34px,transparent 37px 70px),
    radial-gradient(ellipse 9% 2% at 68% 24%,rgba(255,232,190,.35),transparent 72%),
    radial-gradient(ellipse 8% 1.8% at 75% 48%,rgba(220,251,255,.24),transparent 72%),
    radial-gradient(ellipse 6% 1.4% at 59% 63%,rgba(143,238,255,.18),transparent 72%);
  filter:blur(.8px);
  animation:bv2-water-drift-v089 8.6s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv2-water-glints::after{
  opacity:.44;
  transform:translateX(-3%);
  animation-duration:12.5s;
  animation-direction:alternate-reverse;
}
body.we-beyond-v2-page .bv2-water-glints i{
  position:absolute;
  width:clamp(24px,3vw,54px);
  height:2px;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,rgba(255,251,235,.92),transparent);
  box-shadow:0 0 11px rgba(255,238,203,.40),0 0 24px rgba(102,224,255,.17);
  filter:blur(.15px);
  opacity:.18;
  animation:bv2-water-spark-v089 4.9s ease-in-out infinite;
}
body.we-beyond-v2-page .bv2-water-glints i:nth-child(1){left:63%;top:18%;animation-delay:-.4s}
body.we-beyond-v2-page .bv2-water-glints i:nth-child(2){left:74%;top:33%;animation-delay:-2.1s}
body.we-beyond-v2-page .bv2-water-glints i:nth-child(3){left:54%;top:49%;animation-delay:-3.2s}
body.we-beyond-v2-page .bv2-water-glints i:nth-child(4){left:82%;top:61%;animation-delay:-1.4s}
body.we-beyond-v2-page .bv2-water-glints i:nth-child(5){left:44%;top:72%;animation-delay:-4.1s}
body.we-beyond-v2-page .bv2-water-glints i:nth-child(6){left:69%;top:84%;animation-delay:-2.7s}
@keyframes bv2-water-drift-v089{
  0%{transform:translate3d(-1.8%,.4%,0) skewX(-.5deg);opacity:.52}
  100%{transform:translate3d(2.2%,-.9%,0) skewX(.4deg);opacity:.88}
}
@keyframes bv2-water-spark-v089{
  0%,72%,100%{opacity:.06;transform:translate3d(-8px,2px,0) scaleX(.72)}
  82%{opacity:.88;transform:translate3d(0,0,0) scaleX(1.28)}
  90%{opacity:.24;transform:translate3d(9px,-1px,0) scaleX(.94)}
}

@media(max-width:1180px){
  body.we-beyond-v2-page .bv2-world-node{min-width:135px!important;grid-template-columns:36px auto!important}
  body.we-beyond-v2-page .bv2-world-orbit{width:32px!important;height:32px!important}
  body.we-beyond-v2-page .bv2-world-orbit::after{width:62px!important}
  body.we-beyond-v2-page .bv2-world-node small{font-size:7px!important}
  body.we-beyond-v2-page .bv2-between-core{left:67%!important;width:min(560px,48vw)!important}
  body.we-beyond-v2-page .bv2-between-core strong{font-size:clamp(38px,4.2vw,56px)!important}
  body.we-beyond-v2-page .bv2-story-panel .bv2-phase-copy{width:min(370px,35vw)!important}
}

/* Mobile/tablet: preserve the content order, do not force horizontal travel. */
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-hero-particles i{width:calc(var(--s) * 2)!important;height:calc(var(--s) * 2)!important}

  body.we-beyond-v2-page .bv2-tilt{
    height:auto!important;
    min-height:1040px!important;
    margin-top:0!important;
    padding:70px 0 54px!important;
  }
  body.we-beyond-v2-page .bv2-tilt-sticky{position:relative!important;height:auto!important;min-height:920px!important}
  body.we-beyond-v2-page .bv2-between-head{position:relative!important;left:auto!important;top:auto!important;transform:none!important;opacity:1!important}
  body.we-beyond-v2-page .bv2-between-stage{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;height:690px!important;margin-top:30px!important;opacity:1!important}
  body.we-beyond-v2-page .bv2-between-universe{transform:translate3d(0,-20px,0) scale(.72)!important;transform-origin:50% 44%!important}
  body.we-beyond-v2-page .bv2-world-node{opacity:1!important;filter:none!important;transform:none!important;min-width:118px!important}
  body.we-beyond-v2-page .bv2-between-core{left:50%!important;top:78%!important;width:88vw!important;transform:translate(-50%,-50%)!important;opacity:1!important}
  body.we-beyond-v2-page .bv2-between-core strong{font-size:clamp(33px,9.3vw,44px)!important}
  body.we-beyond-v2-page .bv2-between-caption{display:none!important}

  body.we-beyond-v2-page .bv2-emergence{
    height:auto!important;
    min-height:1500px!important;
    margin-top:0!important;
  }
  body.we-beyond-v2-page .bv2-emergence-sticky{position:relative!important;height:auto!important;min-height:1500px!important}
  body.we-beyond-v2-page .bv2-emergence-shell{min-height:1500px!important;padding-top:90px!important;padding-bottom:50px!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap{position:relative!important;left:auto!important;top:auto!important;max-width:100%!important;opacity:1!important;transform:none!important;margin-top:34px!important}
  body.we-beyond-v2-page .bv2-emergence-titlewrap h2{font-size:clamp(34px,9vw,46px)!important}
  body.we-beyond-v2-page .bv2-emergence-canvas{top:280px!important;height:520px!important;transform:none!important;opacity:.94!important}
  body.we-beyond-v2-page .bv2-story-window{position:relative!important;inset:auto!important;overflow:visible!important;margin-top:510px!important;height:auto!important}
  body.we-beyond-v2-page .bv2-story-track{position:relative!important;inset:auto!important;display:grid!important;gap:12px!important}
  body.we-beyond-v2-page .bv2-story-panel{position:relative!important;inset:auto!important;opacity:1!important;transform:none!important}
  body.we-beyond-v2-page .bv2-story-panel .bv2-phase-copy{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;transform:none!important;opacity:1!important;padding:18px 18px!important;background:rgba(4,9,17,.58)!important}
  body.we-beyond-v2-page .bv2-phase-rail{display:none!important}
  body.we-beyond-v2-page .bv2-emergence-readout{display:none!important}

  body.we-beyond-v2-page .bv2-sunrise{height:118vh!important;margin-top:0!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(34px,8.6vw,44px)!important}
  body.we-beyond-v2-page .bv2-water-glints{top:67%!important;opacity:.58!important}
}

@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv2-world-orbit::before,
  body.we-beyond-v2-page .bv2-world-orbit i,
  body.we-beyond-v2-page .bv2-water-glints::before,
  body.we-beyond-v2-page .bv2-water-glints::after,
  body.we-beyond-v2-page .bv2-water-glints i{animation:none!important}
  body.we-beyond-v2-page .bv2-between-universe{transform:translate3d(-18vw,0,0) scale(.88)!important}
  body.we-beyond-v2-page .bv2-between-core{opacity:1!important;transform:translate(-50%,-50%)!important}
  body.we-beyond-v2-page .bv2-story-panel{opacity:0!important}
  body.we-beyond-v2-page .bv2-story-panel.is-active{opacity:1!important;transform:none!important}
}
/* V0.10.89 micro-adjustment: keep the planetary ring clearly below the S02 heading. */
@media(min-width:761px){
  body.we-beyond-v2-page .bv2-between-stage{
    top:62%!important;
    height:min(600px,60vh)!important;
  }
}

/* ==============================================================
   BEYOND V0.10.90 — STATIC COSMIC SYSTEMS / NO SCROLL JACKING
   S01: transparent atmosphere canvas
   S02: normal-flow problem constellation canvas
   S03: click/tap constellation method
   S04: approved first-light finale with stronger sparkle
   ============================================================== */

/* 01 / DEEP NIGHT — independent atmosphere canvas ------------------- */
body.we-beyond-v2-page .bv2-hero-stage{isolation:isolate}
body.we-beyond-v2-page .bv90-hero-atmosphere{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  pointer-events:none;
  opacity:calc(1 - var(--hero-geometry-out) * .58);
  mix-blend-mode:screen;
}
body.we-beyond-v2-page .bv2-hero-field{z-index:1}
body.we-beyond-v2-page .bv2-hero-copy,
body.we-beyond-v2-page .bv2-scroll-cue{z-index:3}

/* 02 / PROBLEM CONSTELLATION ----------------------------------------- */
body.we-beyond-v2-page .bv90-worlds{
  position:relative;
  z-index:2;
  min-height:100svh;
  margin-top:-44px;
  padding:clamp(104px,11vh,132px) 0 clamp(66px,8vh,92px);
  background:transparent;
  overflow:hidden;
  isolation:isolate;
}
body.we-beyond-v2-page .bv90-worlds::before,
body.we-beyond-v2-page .bv90-worlds::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(48px);
  opacity:.36;
  mix-blend-mode:screen;
}
body.we-beyond-v2-page .bv90-worlds::before{
  width:34vw;height:30vw;left:-12vw;top:34%;
  background:radial-gradient(circle,rgba(0,199,255,.10),rgba(76,95,255,.025) 44%,transparent 72%);
}
body.we-beyond-v2-page .bv90-worlds::after{
  width:32vw;height:28vw;right:-10vw;top:27%;
  background:radial-gradient(circle,rgba(138,92,255,.09),rgba(239,79,210,.025) 45%,transparent 73%);
}
body.we-beyond-v2-page .bv90-worlds-shell{
  position:relative;
  z-index:2;
  min-height:calc(100svh - clamp(170px,19vh,224px));
  display:flex;
  flex-direction:column;
}
body.we-beyond-v2-page .bv90-worlds-copy{
  position:relative;
  z-index:4;
  max-width:980px;
}
body.we-beyond-v2-page .bv90-worlds-copy h2{
  margin:18px 0 14px;
  max-width:940px;
  font-size:clamp(43px,4.55vw,70px);
  line-height:.98;
  letter-spacing:-.05em;
  text-wrap:balance;
}
body.we-beyond-v2-page .bv90-worlds-copy h2 span{
  color:transparent;
  background:linear-gradient(92deg,#63e5f5 0%,#7facff 46%,#c08bff 100%);
  -webkit-background-clip:text;background-clip:text;
}
body.we-beyond-v2-page .bv90-worlds-copy p{
  max-width:720px;
  margin:0;
  color:#92a2b1;
  font-size:15px;
  line-height:1.62;
}
body.we-beyond-v2-page .bv90-worlds-stage{
  position:relative;
  z-index:2;
  flex:1 1 auto;
  min-height:clamp(470px,57vh,610px);
  margin-top:clamp(14px,2.4vh,28px);
}
body.we-beyond-v2-page .bv90-worlds-canvas{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  z-index:1;
  cursor:default;
}
body.we-beyond-v2-page .bv90-worlds-core{
  position:absolute;
  z-index:3;
  left:51%;top:56%;
  transform:translate(-50%,-50%) scale(.94);
  width:min(470px,42vw);
  text-align:center;
  pointer-events:none;
  opacity:0;
  filter:blur(6px);
  transition:opacity .85s ease,filter .85s ease,transform .85s var(--ease);
}
body.we-beyond-v2-page .bv90-worlds.is-resolved .bv90-worlds-core{
  opacity:1;
  filter:none;
  transform:translate(-50%,-50%) scale(1);
}
body.we-beyond-v2-page .bv90-worlds-core::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:50%;
  width:150%;height:160%;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(ellipse at 42% 51%,rgba(38,211,240,.075),transparent 46%),
    radial-gradient(ellipse at 66% 46%,rgba(155,95,236,.065),transparent 44%);
  filter:blur(30px);
  opacity:.78;
}
body.we-beyond-v2-page .bv90-worlds-core small{
  display:block;
  margin-bottom:10px;
  color:#73899c;
  font-size:9px;
  letter-spacing:.22em;
}
body.we-beyond-v2-page .bv90-worlds-core strong{
  display:block;
  color:#f4f9fc;
  font-size:clamp(34px,3.35vw,54px);
  line-height:.95;
  letter-spacing:-.055em;
  font-weight:650;
  text-shadow:0 0 38px rgba(80,211,255,.065);
}
body.we-beyond-v2-page .bv90-worlds-core p{
  margin:12px 0 0;
  color:#8fa0ae;
  font-size:13px;
}
body.we-beyond-v2-page .bv90-worlds-legend{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:4px;
  color:rgba(109,130,148,.62);
  font-size:7px;
  letter-spacing:.16em;
}
body.we-beyond-v2-page .bv90-worlds-legend i{
  width:14px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(126,202,235,.30),transparent);
}

/* 03 / INTERACTIVE METHOD — no sticky scroll story ------------------ */
body.we-beyond-v2-page .bv90-method{
  position:relative;
  z-index:3;
  min-height:100svh;
  margin-top:-44px;
  padding:clamp(104px,11vh,132px) 0 clamp(68px,8vh,92px);
  background:transparent;
  overflow:hidden;
  isolation:isolate;
}
body.we-beyond-v2-page .bv90-method::before,
body.we-beyond-v2-page .bv90-method::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(56px);
  mix-blend-mode:screen;
}
body.we-beyond-v2-page .bv90-method::before{
  width:34vw;height:28vw;left:-10vw;top:43%;
  background:radial-gradient(circle,rgba(0,199,255,.085),rgba(61,111,255,.018) 48%,transparent 74%);
}
body.we-beyond-v2-page .bv90-method::after{
  width:30vw;height:26vw;right:-8vw;top:33%;
  background:radial-gradient(circle,rgba(145,87,226,.08),rgba(239,79,210,.018) 48%,transparent 74%);
}
body.we-beyond-v2-page .bv90-method-shell{position:relative;z-index:2}
body.we-beyond-v2-page .bv90-method-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
body.we-beyond-v2-page .bv90-method-status{
  display:flex;
  align-items:center;
  gap:13px;
  color:#63788a;
  font-size:8px;
  letter-spacing:.16em;
}
body.we-beyond-v2-page .bv90-method-status strong{
  min-width:112px;
  text-align:right;
  color:#cbeaf7;
  font-size:9px;
  letter-spacing:.14em;
}
body.we-beyond-v2-page .bv90-method-head{
  max-width:980px;
  margin-top:22px;
}
body.we-beyond-v2-page .bv90-method-head h2{
  margin:0;
  max-width:940px;
  font-size:clamp(43px,4.5vw,69px);
  line-height:.98;
  letter-spacing:-.05em;
  text-wrap:balance;
}
body.we-beyond-v2-page .bv90-method-head h2 span{
  color:transparent;
  background:linear-gradient(92deg,#65e4f5 0%,#7fa8ff 48%,#bb88ff 100%);
  -webkit-background-clip:text;background-clip:text;
}
body.we-beyond-v2-page .bv90-method-head p{
  max-width:700px;
  margin:15px 0 0;
  color:#8f9eac;
  font-size:14px;
  line-height:1.58;
}
body.we-beyond-v2-page .bv90-method-stage{
  display:grid;
  grid-template-columns:minmax(0,1.42fr) minmax(320px,.70fr);
  align-items:center;
  gap:clamp(36px,5vw,86px);
  min-height:clamp(430px,50vh,540px);
  margin-top:clamp(22px,3vh,38px);
}
body.we-beyond-v2-page .bv90-method-visual{
  position:relative;
  min-height:clamp(380px,48vh,520px);
  overflow:visible;
}
body.we-beyond-v2-page .bv90-method-canvas{
  position:absolute;
  inset:0;
  width:100%;height:100%;
}
body.we-beyond-v2-page .bv90-method-hint{
  position:absolute;
  left:0;bottom:4px;
  color:rgba(93,115,134,.56);
  font-size:7px;
  letter-spacing:.18em;
}
body.we-beyond-v2-page .bv90-method-copy{
  position:relative;
  z-index:3;
  padding:26px 0 26px 26px;
  border-left:1px solid rgba(126,211,239,.22);
  background:linear-gradient(90deg,rgba(4,10,18,.76),rgba(4,9,17,.08));
  backdrop-filter:blur(5px);
}
body.we-beyond-v2-page .bv90-method-copy.is-changing{animation:bv90-copy-change .55s var(--ease)}
@keyframes bv90-copy-change{
  0%{opacity:.18;transform:translate3d(18px,0,0);filter:blur(3px)}
  100%{opacity:1;transform:none;filter:none}
}
body.we-beyond-v2-page .bv90-method-copy small{
  color:#72bdd2;
  font-size:9px;
  letter-spacing:.17em;
}
body.we-beyond-v2-page .bv90-method-copy strong{
  display:block;
  margin:13px 0 11px;
  max-width:390px;
  color:#f2f7fa;
  font-size:clamp(25px,2.1vw,35px);
  line-height:1.07;
  letter-spacing:-.04em;
}
body.we-beyond-v2-page .bv90-method-copy p{
  max-width:400px;
  margin:0;
  color:#91a0ae;
  font-size:14px;
  line-height:1.62;
}
body.we-beyond-v2-page .bv90-method-tabs{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:8px;
  margin-top:18px;
}
body.we-beyond-v2-page .bv90-method-tabs button{
  min-height:48px;
  padding:9px 12px;
  border:1px solid rgba(155,196,222,.10);
  border-radius:13px;
  background:rgba(5,12,21,.24);
  color:#657889;
  text-align:left;
  font:700 8px/1.2 inherit;
  letter-spacing:.13em;
  cursor:pointer;
  transition:transform .28s var(--ease),border-color .28s ease,color .28s ease,background .28s ease,box-shadow .28s ease;
}
body.we-beyond-v2-page .bv90-method-tabs button span{
  display:block;
  margin-bottom:4px;
  color:#425567;
  font-size:7px;
}
body.we-beyond-v2-page .bv90-method-tabs button:hover,
body.we-beyond-v2-page .bv90-method-tabs button:focus-visible{
  outline:none;
  transform:translateY(-2px);
  color:#d9f4fc;
  border-color:rgba(98,219,248,.26);
  background:rgba(25,79,102,.10);
}
body.we-beyond-v2-page .bv90-method-tabs button.is-active{
  color:#e6fbff;
  border-color:rgba(92,221,248,.34);
  background:linear-gradient(120deg,rgba(15,122,151,.12),rgba(115,72,177,.08));
  box-shadow:0 0 26px rgba(57,197,232,.045),inset 0 1px rgba(255,255,255,.025);
}
body.we-beyond-v2-page .bv90-method-tabs button.is-active span{color:#74cde1}

/* 04 / FIRST LIGHT — keep the successful scene, add a little more water sparkle. */
body.we-beyond-v2-page .bv2-sunrise{margin-top:-44px!important}
body.we-beyond-v2-page .bv2-sunrise-gradient{
  background:linear-gradient(100deg,#ffffff 0%,#f3f5f7 22%,#b5bec7 45%,#86b7dc 68%,#48b9e8 100%)!important;
}
body.we-beyond-v2-page .bv2-water-glints{
  opacity:calc(var(--sun-p) * .96)!important;
}
body.we-beyond-v2-page .bv2-water-glints i{
  height:2px!important;
  box-shadow:0 0 12px rgba(255,242,205,.48),0 0 30px rgba(96,228,255,.20)!important;
}
body.we-beyond-v2-page .bv2-water-glints i:nth-child(2),
body.we-beyond-v2-page .bv2-water-glints i:nth-child(4){width:clamp(34px,4vw,68px)!important}
body.we-beyond-v2-page .bv2-footer{
  background:linear-gradient(180deg,rgba(2,8,15,0),rgba(2,8,15,.20))!important;
  backdrop-filter:none!important;
  border-top-color:rgba(215,239,246,.14)!important;
}

@media(max-width:1050px){
  body.we-beyond-v2-page .bv90-worlds-copy h2,
  body.we-beyond-v2-page .bv90-method-head h2{font-size:clamp(39px,5.2vw,58px)}
  body.we-beyond-v2-page .bv90-method-stage{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:34px}
  body.we-beyond-v2-page .bv90-method-tabs button{padding-inline:9px;font-size:7px}
}

@media(max-width:760px){
  body.we-beyond-v2-page .bv90-worlds,
  body.we-beyond-v2-page .bv90-method{margin-top:0;padding:88px 0 66px;min-height:auto}
  body.we-beyond-v2-page .bv90-worlds-shell{min-height:auto}
  body.we-beyond-v2-page .bv90-worlds-copy h2,
  body.we-beyond-v2-page .bv90-method-head h2{font-size:clamp(35px,9.4vw,47px);line-height:1}
  body.we-beyond-v2-page .bv90-worlds-copy p,
  body.we-beyond-v2-page .bv90-method-head p{font-size:13px}
  body.we-beyond-v2-page .bv90-worlds-stage{min-height:530px;margin-top:22px}
  body.we-beyond-v2-page .bv90-worlds-core{left:50%;top:57%;width:76vw}
  body.we-beyond-v2-page .bv90-worlds-core strong{font-size:clamp(31px,8.8vw,42px)}
  body.we-beyond-v2-page .bv90-worlds-legend{display:none}

  body.we-beyond-v2-page .bv90-method-top{align-items:flex-start}
  body.we-beyond-v2-page .bv90-method-status{display:none}
  body.we-beyond-v2-page .bv90-method-stage{display:block;min-height:0;margin-top:24px}
  body.we-beyond-v2-page .bv90-method-visual{min-height:360px}
  body.we-beyond-v2-page .bv90-method-copy{margin-top:6px;padding:20px 0 20px 20px}
  body.we-beyond-v2-page .bv90-method-copy strong{font-size:25px}
  body.we-beyond-v2-page .bv90-method-copy p{font-size:13px}
  body.we-beyond-v2-page .bv90-method-tabs{
    display:flex;
    overflow-x:auto;
    gap:7px;
    margin-top:16px;
    padding-bottom:6px;
    scrollbar-width:none;
  }
  body.we-beyond-v2-page .bv90-method-tabs::-webkit-scrollbar{display:none}
  body.we-beyond-v2-page .bv90-method-tabs button{flex:0 0 auto;min-width:112px}
  body.we-beyond-v2-page .bv90-method-hint{font-size:6px}
  body.we-beyond-v2-page .bv2-sunrise{margin-top:0!important}
}

@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv90-worlds-core{transition:none!important}
  body.we-beyond-v2-page .bv90-method-copy.is-changing{animation:none!important}
}

/* ==============================================================
   BEYOND V0.10.92 — SIMPLE, EXPLICIT, ROBUST
   S01: stronger blurred colour atmosphere
   S02: concrete Beyond situations as interactive cards
   S03: one clear problem-first CTA instead of a scroll narrative
   ============================================================== */

/* 01 / DEEP NIGHT -------------------------------------------------- */
body.we-beyond-v2-page .bv90-hero-atmosphere{
  opacity:calc(.92 - var(--hero-geometry-out) * .62)!important;
  filter:blur(4px) saturate(1.12);
}

/* 02 / WHERE STANDARD ENDS ---------------------------------------- */
body.we-beyond-v2-page .bv91-cards{
  position:relative;
  z-index:3;
  min-height:auto;
  margin-top:-34px;
  padding:clamp(92px,10vh,122px) 0 clamp(96px,10vh,126px);
  overflow:hidden;
  isolation:isolate;
  background:transparent;
}
body.we-beyond-v2-page .bv91-cards::before,
body.we-beyond-v2-page .bv91-cards::after{
  content:"";
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(70px);
  mix-blend-mode:screen;
  opacity:.44;
}
body.we-beyond-v2-page .bv91-cards::before{
  width:38vw;height:28vw;left:-13vw;top:18%;
  background:radial-gradient(circle,rgba(0,198,255,.13),rgba(48,110,208,.025) 50%,transparent 76%);
}
body.we-beyond-v2-page .bv91-cards::after{
  width:35vw;height:31vw;right:-11vw;bottom:3%;
  background:radial-gradient(circle,rgba(157,86,255,.12),rgba(239,79,210,.025) 48%,transparent 75%);
}
body.we-beyond-v2-page .bv91-cards-shell{position:relative;z-index:2}
body.we-beyond-v2-page .bv91-cards-head{max-width:1080px}
body.we-beyond-v2-page .bv91-cards-head h2{
  max-width:1010px;
  margin:17px 0 16px;
  font-size:clamp(42px,4.5vw,68px);
  line-height:.99;
  letter-spacing:-.052em;
  text-wrap:balance;
}
body.we-beyond-v2-page .bv91-cards-head h2 span{
  display:inline;
  color:transparent;
  background:linear-gradient(96deg,#58ddf3 0%,#6eafff 46%,#aa78ff 74%,#ef6dce 100%);
  background-size:170% 100%;
  -webkit-background-clip:text;
  background-clip:text;
}
body.we-beyond-v2-page .bv91-cards-head>p{
  max-width:820px;
  margin:0;
  color:#91a0ae;
  font-size:14px;
  line-height:1.62;
}
body.we-beyond-v2-page .bv91-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:clamp(34px,5vh,56px);
  perspective:1100px;
}
body.we-beyond-v2-page .bv91-card{
  --tone:82,211,255;
  --tone2:109,126,255;
  position:relative;
  min-height:238px;
  padding:25px 27px 23px;
  border:1px solid rgba(163,202,224,.14);
  border-radius:19px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 8%,rgba(var(--tone),.075),transparent 28%),
    linear-gradient(145deg,rgba(10,19,31,.72),rgba(7,11,21,.48));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 55px rgba(0,0,0,.11);
  backdrop-filter:blur(9px);
  transform:translate3d(0,0,0) scale(1);
  transition:transform .48s var(--ease),border-color .42s ease,box-shadow .42s ease,opacity .38s ease,filter .38s ease;
  isolation:isolate;
}
body.we-beyond-v2-page .bv91-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  padding:1px;
  border-radius:inherit;
  background:linear-gradient(118deg,rgba(var(--tone),.02) 5%,rgba(var(--tone),.62) 30%,rgba(var(--tone2),.48) 55%,rgba(255,255,255,.06) 72%,rgba(var(--tone),.02) 94%);
  background-size:240% 100%;
  background-position:110% 0;
  opacity:.16;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  transition:opacity .4s ease,background-position .75s var(--ease);
}
body.we-beyond-v2-page .bv91-card::after{
  content:"";
  position:absolute;
  width:250px;height:170px;
  right:-95px;bottom:-92px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--tone),.13),rgba(var(--tone2),.045) 42%,transparent 72%);
  filter:blur(12px);
  opacity:.45;
  transform:translate3d(10px,12px,0) scale(.9);
  transition:opacity .45s ease,transform .65s var(--ease);
  pointer-events:none;
}
body.we-beyond-v2-page .bv91-card--violet{--tone:139,100,255;--tone2:84,204,255}
body.we-beyond-v2-page .bv91-card--pink{--tone:239,86,202;--tone2:150,104,255}
body.we-beyond-v2-page .bv91-card--blue{--tone:91,131,255;--tone2:63,226,198}
body.we-beyond-v2-page .bv91-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:rgba(178,200,215,.54);
  font-size:8px;
  font-weight:700;
  letter-spacing:.17em;
}
body.we-beyond-v2-page .bv91-card-top span{color:rgba(var(--tone),.92)}
body.we-beyond-v2-page .bv91-card-top small{font-size:8px;letter-spacing:.14em}
body.we-beyond-v2-page .bv91-card h3{
  margin:34px 0 12px;
  max-width:520px;
  color:#f2f7fa;
  font-size:clamp(25px,2.15vw,34px);
  line-height:1.03;
  letter-spacing:-.04em;
}
body.we-beyond-v2-page .bv91-card p{
  max-width:590px;
  margin:0;
  color:#91a1af;
  font-size:14px;
  line-height:1.58;
}
body.we-beyond-v2-page .bv91-card-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:25px;
  padding-top:16px;
  border-top:1px solid rgba(158,197,220,.08);
  color:rgba(163,184,199,.60);
  font-size:8px;
  font-weight:700;
  letter-spacing:.13em;
}
body.we-beyond-v2-page .bv91-card-foot i{
  color:rgba(var(--tone),.82);
  font:400 17px/1 system-ui,sans-serif;
  transform:translate3d(0,0,0);
  transition:transform .42s var(--ease),color .42s ease;
}
@media(hover:hover){
  body.we-beyond-v2-page .bv91-card-grid:has(.bv91-card:hover) .bv91-card:not(:hover){
    opacity:.72;
    filter:saturate(.74) brightness(.86);
    transform:scale(.986);
  }
  body.we-beyond-v2-page .bv91-card:hover{
    z-index:3;
    transform:translate3d(0,-7px,0) scale(1.012);
    border-color:rgba(var(--tone),.34);
    box-shadow:inset 0 1px rgba(255,255,255,.04),0 26px 72px rgba(0,0,0,.22),0 0 42px rgba(var(--tone),.055);
  }
  body.we-beyond-v2-page .bv91-card:hover::before{opacity:.92;background-position:-20% 0}
  body.we-beyond-v2-page .bv91-card:hover::after{opacity:.84;transform:translate3d(-18px,-11px,0) scale(1.18)}
  body.we-beyond-v2-page .bv91-card:hover .bv91-card-foot i{transform:translate3d(4px,-4px,0);color:rgb(var(--tone))}
}
body.we-beyond-v2-page .bv91-card:focus-within,
body.we-beyond-v2-page .bv91-card:active{border-color:rgba(var(--tone),.34)}

/* 03 / START WITH THE PROBLEM ------------------------------------- */
body.we-beyond-v2-page .bv91-cta{
  position:relative;
  z-index:3;
  min-height:auto;
  margin-top:-22px;
  padding:clamp(108px,12vh,146px) 0 clamp(112px,13vh,158px);
  overflow:hidden;
  isolation:isolate;
  background:transparent;
}
body.we-beyond-v2-page .bv91-cta::before{
  content:"";
  position:absolute;
  inset:7% 8% 5%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 34% 42%,rgba(50,211,242,.08),transparent 34%),
    radial-gradient(ellipse at 69% 57%,rgba(162,91,244,.075),transparent 34%);
  filter:blur(46px);
  opacity:.7;
}
body.we-beyond-v2-page .bv91-cta-shell{position:relative;max-width:1180px}
body.we-beyond-v2-page .bv91-cta-kicker{
  display:flex;
  align-items:center;
  gap:10px;
  color:#8195a7;
  font-size:9px;
  font-weight:700;
  letter-spacing:.20em;
}
body.we-beyond-v2-page .bv91-cta-kicker span{width:28px;height:1px;background:linear-gradient(90deg,#4bd9ef,#c26bff)}
body.we-beyond-v2-page .bv91-cta h2{
  max-width:1110px;
  margin:24px 0 22px;
  color:#f4f8fa;
  font-size:clamp(47px,5.45vw,80px);
  line-height:.96;
  letter-spacing:-.058em;
  text-wrap:balance;
}
body.we-beyond-v2-page .bv91-cta h2 span{
  color:#aab5bf;
  background:none;
  -webkit-text-fill-color:currentColor;
  transition:color .55s ease,text-shadow .55s ease;
}
body.we-beyond-v2-page .bv91-cta-shell>p{
  max-width:760px;
  margin:0;
  color:#94a3af;
  font-size:15px;
  line-height:1.65;
}
body.we-beyond-v2-page .bv91-cta-button{
  --cta-x:0%;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(760px,100%);
  min-height:102px;
  margin-top:clamp(36px,5vh,52px);
  padding:0 28px 0 31px;
  border:1px solid rgba(154,196,220,.17);
  border-radius:21px;
  overflow:hidden;
  background:linear-gradient(126deg,rgba(10,22,35,.70),rgba(9,10,21,.60));
  color:#f7fbfd;
  text-align:left;
  box-shadow:inset 0 1px rgba(255,255,255,.03),0 24px 70px rgba(0,0,0,.18);
  cursor:pointer;
  transition:transform .42s var(--ease),border-color .42s ease,box-shadow .42s ease;
  isolation:isolate;
}
body.we-beyond-v2-page .bv91-cta-button::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-2;
  background:linear-gradient(108deg,transparent 5%,rgba(62,218,241,.16) 30%,rgba(121,116,255,.18) 52%,rgba(237,92,205,.14) 73%,transparent 95%);
  background-size:210% 100%;
  background-position:110% 0;
  transition:background-position .9s var(--ease),opacity .5s ease;
  opacity:.6;
}
body.we-beyond-v2-page .bv91-cta-button::after{
  content:"";
  position:absolute;
  width:310px;height:190px;
  right:-70px;top:-110px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(83,220,245,.17),rgba(142,89,245,.07) 43%,transparent 72%);
  filter:blur(16px);
  opacity:.55;
  transform:translate3d(25px,0,0);
  transition:transform .7s var(--ease),opacity .5s ease;
}
body.we-beyond-v2-page .bv91-cta-button span{font-size:20px;font-weight:650;letter-spacing:-.01em}
body.we-beyond-v2-page .bv91-cta-button small{display:block;margin-bottom:7px;color:#8295a6;font-size:8px;letter-spacing:.18em}
body.we-beyond-v2-page .bv91-cta-button i{font:300 30px/1 system-ui,sans-serif;font-style:normal;transition:transform .42s var(--ease)}
body.we-beyond-v2-page .bv91-cta-button:hover,
body.we-beyond-v2-page .bv91-cta-button:focus-visible{
  outline:none;
  transform:translate3d(0,-4px,0);
  border-color:rgba(92,221,247,.36);
  box-shadow:inset 0 1px rgba(255,255,255,.045),0 30px 82px rgba(0,0,0,.23),0 0 46px rgba(79,203,236,.055);
}
body.we-beyond-v2-page .bv91-cta-button:hover::before,
body.we-beyond-v2-page .bv91-cta-button:focus-visible::before{background-position:-16% 0;opacity:1}
body.we-beyond-v2-page .bv91-cta-button:hover::after,
body.we-beyond-v2-page .bv91-cta-button:focus-visible::after{transform:translate3d(-110px,65px,0) scale(1.16);opacity:.78}
body.we-beyond-v2-page .bv91-cta-button:hover i,
body.we-beyond-v2-page .bv91-cta-button:focus-visible i{transform:translate3d(7px,0,0)}
body.we-beyond-v2-page .bv91-cta-shell:hover h2 span{
  color:transparent;
  background:linear-gradient(96deg,#62dff3 0%,#79adff 43%,#ad80ff 72%,#ed72ce 100%);
  background-size:170% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:0 0 42px rgba(92,202,238,.05);
}
body.we-beyond-v2-page .bv91-cta-note{
  display:flex;
  align-items:center;
  gap:11px;
  margin-top:28px;
  color:rgba(102,122,139,.52);
  font-size:7px;
  letter-spacing:.16em;
}
body.we-beyond-v2-page .bv91-cta-note i{width:27px;height:1px;background:linear-gradient(90deg,transparent,rgba(111,191,220,.34),transparent)}

/* Keep the finale close to the CTA now that S02/S03 are normal flow. */
body.we-beyond-v2-page .bv2-sunrise{margin-top:-24px!important}

@media(max-width:900px){
  body.we-beyond-v2-page .bv91-card-grid{grid-template-columns:1fr}
  body.we-beyond-v2-page .bv91-card{min-height:215px}
  body.we-beyond-v2-page .bv91-cta h2{font-size:clamp(43px,7.2vw,64px)}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv91-cards{margin-top:0;padding:78px 0 80px}
  body.we-beyond-v2-page .bv91-cards-head h2{font-size:clamp(35px,9.6vw,47px);line-height:1}
  body.we-beyond-v2-page .bv91-cards-head>p{font-size:13px}
  body.we-beyond-v2-page .bv91-card-grid{margin-top:30px;gap:11px}
  body.we-beyond-v2-page .bv91-card{min-height:0;padding:21px 20px 20px;border-radius:16px}
  body.we-beyond-v2-page .bv91-card h3{margin-top:28px;font-size:26px}
  body.we-beyond-v2-page .bv91-card p{font-size:13px}
  body.we-beyond-v2-page .bv91-card-foot{font-size:7px}

  body.we-beyond-v2-page .bv91-cta{margin-top:0;padding:86px 0 94px}
  body.we-beyond-v2-page .bv91-cta h2{font-size:clamp(39px,10.5vw,52px);line-height:.99;margin-top:19px}
  body.we-beyond-v2-page .bv91-cta-shell>p{font-size:13px;line-height:1.58}
  body.we-beyond-v2-page .bv91-cta-button{min-height:88px;padding:0 20px 0 21px;border-radius:17px}
  body.we-beyond-v2-page .bv91-cta-button span{font-size:17px}
  body.we-beyond-v2-page .bv91-cta-note{display:none}
  body.we-beyond-v2-page .bv2-sunrise{margin-top:0!important}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv91-card,
  body.we-beyond-v2-page .bv91-card::before,
  body.we-beyond-v2-page .bv91-card::after,
  body.we-beyond-v2-page .bv91-cta-button,
  body.we-beyond-v2-page .bv91-cta-button::before,
  body.we-beyond-v2-page .bv91-cta-button::after{transition:none!important}
}
body.we-beyond-v2-page .bv91-card:focus-visible{
  outline:none;
  transform:translate3d(0,-5px,0) scale(1.008);
  border-color:rgba(var(--tone),.34);
  box-shadow:inset 0 1px rgba(255,255,255,.04),0 24px 66px rgba(0,0,0,.20),0 0 40px rgba(var(--tone),.05);
}
body.we-beyond-v2-page .bv91-card:focus-visible::before{opacity:.86;background-position:-15% 0}

/* ==============================================================
   BEYOND V0.10.92 — 100VH S02/S03 / SIMPLE COSMIC SYSTEM
   S01 + S04 intentionally remain unchanged.
   ============================================================== */

/* A short, content-free starfield beat after S01 before S02 begins. */
body.we-beyond-v2-page .bv92-sky-bridge{
  position:relative;
  z-index:2;
  height:clamp(120px,18vh,190px);
  pointer-events:none;
  overflow:hidden;
  background:transparent;
}
body.we-beyond-v2-page .bv92-sky-bridge span{
  position:absolute;
  width:6px;height:6px;
  border-radius:50%;
  background:rgba(210,241,255,.66);
  box-shadow:0 0 18px rgba(78,214,255,.22),0 0 42px rgba(137,99,255,.12);
  opacity:.34;
}
body.we-beyond-v2-page .bv92-sky-bridge span:nth-child(1){left:27%;top:32%;transform:scale(.55)}
body.we-beyond-v2-page .bv92-sky-bridge span:nth-child(2){left:62%;top:58%;transform:scale(.34);background:rgba(205,155,255,.72)}
body.we-beyond-v2-page .bv92-sky-bridge span:nth-child(3){left:78%;top:22%;transform:scale(.42);background:rgba(102,231,215,.70)}

/* 02 / TYPICAL SITUATIONS ---------------------------------------- */
body.we-beyond-v2-page .bv92-situations{
  position:relative;
  z-index:3;
  height:100vh;
  min-height:700px;
  margin:0;
  padding:clamp(54px,7vh,78px) 0 clamp(42px,5vh,60px);
  overflow:hidden;
  background:transparent;
  isolation:isolate;
}
body.we-beyond-v2-page .bv92-situations::before,
body.we-beyond-v2-page .bv92-situations::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:42vw;height:44vh;
  border-radius:50%;
  filter:blur(75px);
  opacity:.14;
  pointer-events:none;
}
body.we-beyond-v2-page .bv92-situations::before{
  left:-17vw;top:27%;
  background:radial-gradient(circle,rgba(57,213,240,.34),transparent 69%);
}
body.we-beyond-v2-page .bv92-situations::after{
  right:-16vw;bottom:5%;
  background:radial-gradient(circle,rgba(156,87,247,.28),transparent 70%);
}
body.we-beyond-v2-page .bv92-situations-shell{
  height:100%;
  max-width:1280px;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  align-content:start;
}
body.we-beyond-v2-page .bv92-situations-head{max-width:1050px}
body.we-beyond-v2-page .bv92-situations-head h2{
  max-width:980px;
  margin:18px 0 12px;
  color:#f1f6f9;
  font-size:clamp(45px,4.35vw,69px);
  line-height:.96;
  letter-spacing:-.055em;
  text-wrap:balance;
}
body.we-beyond-v2-page .bv92-situations-head h2 span{
  background:linear-gradient(94deg,#54dff0 0%,#72b4ff 45%,#a887ff 75%,#e06bc9 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.we-beyond-v2-page .bv92-situations-head>p{
  max-width:825px;
  margin:0;
  color:#92a2b0;
  font-size:14px;
  line-height:1.58;
}
body.we-beyond-v2-page .bv92-situation-grid{
  min-height:0;
  align-self:end;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:clamp(28px,4vh,42px);
}
body.we-beyond-v2-page .bv92-situation-card{
  --tone:67,217,244;
  --tone2:83,132,255;
  position:relative;
  min-height:0;
  padding:clamp(20px,2.3vh,26px) clamp(118px,10vw,152px) clamp(20px,2.3vh,26px) clamp(22px,2.2vw,30px);
  overflow:hidden;
  border:1px solid rgba(var(--tone),.20);
  border-radius:18px;
  background:
    radial-gradient(circle at 86% 44%,rgba(var(--tone),.085),transparent 28%),
    linear-gradient(132deg,rgba(5,17,28,.72),rgba(10,9,22,.62));
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 18px 52px rgba(0,0,0,.12);
  transition:transform .42s var(--ease),border-color .42s ease,box-shadow .42s ease,background .42s ease,filter .42s ease,opacity .42s ease;
  isolation:isolate;
}
body.we-beyond-v2-page .bv92-situation-card--violet{--tone:151,102,255;--tone2:87,208,255}
body.we-beyond-v2-page .bv92-situation-card--pink{--tone:239,92,203;--tone2:164,104,255}
body.we-beyond-v2-page .bv92-situation-card--blue{--tone:76,209,245;--tone2:97,133,255}
body.we-beyond-v2-page .bv92-situation-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(115deg,transparent 6%,rgba(var(--tone),.62) 34%,rgba(255,255,255,.19) 49%,rgba(var(--tone2),.50) 66%,transparent 93%);
  background-size:220% 100%;
  background-position:115% 0;
  opacity:.22;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  transition:opacity .42s ease,background-position .72s var(--ease);
}
body.we-beyond-v2-page .bv92-card-copy{position:relative;z-index:2;max-width:560px}
body.we-beyond-v2-page .bv92-card-kicker{
  color:rgba(var(--tone),.92);
  font-size:8px;
  font-weight:750;
  letter-spacing:.16em;
}
body.we-beyond-v2-page .bv92-situation-card h3{
  max-width:520px;
  margin:16px 0 9px;
  color:#f2f7fa;
  font-size:clamp(22px,1.95vw,30px);
  line-height:1.04;
  letter-spacing:-.035em;
}
body.we-beyond-v2-page .bv92-situation-card p{
  max-width:500px;
  margin:0;
  color:#91a2b0;
  font-size:13px;
  line-height:1.5;
}
body.we-beyond-v2-page .bv92-card-arrow{
  position:absolute;
  right:22px;bottom:17px;
  color:rgba(var(--tone),.92);
  font-size:26px;
  font-weight:300;
  transition:transform .42s var(--ease),text-shadow .42s ease;
}
body.we-beyond-v2-page .bv92-card-orbit{
  position:absolute;
  z-index:1;
  right:22px;top:50%;
  width:104px;height:104px;
  transform:translateY(-50%) rotate(-8deg);
  opacity:.82;
  transition:transform .58s var(--ease),opacity .42s ease,filter .42s ease;
}
body.we-beyond-v2-page .bv92-card-orbit--tilt{transform:translateY(-50%) rotate(18deg)}
body.we-beyond-v2-page .bv92-card-orbit--wide{transform:translateY(-50%) rotate(-20deg) scaleX(1.08)}
body.we-beyond-v2-page .bv92-card-orbit--cross{transform:translateY(-50%) rotate(31deg)}
body.we-beyond-v2-page .bv92-orbit-ring{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(var(--tone),.34);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(18deg);
  box-shadow:0 0 18px rgba(var(--tone),.035);
}
body.we-beyond-v2-page .bv92-orbit-ring--a{width:88px;height:52px}
body.we-beyond-v2-page .bv92-orbit-ring--b{width:58px;height:91px;border-color:rgba(var(--tone2),.20);transform:translate(-50%,-50%) rotate(44deg)}
body.we-beyond-v2-page .bv92-orbit-core{
  position:absolute;
  left:50%;top:50%;
  width:25px;height:25px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.95) 0 5%,rgb(var(--tone)) 24%,rgba(var(--tone2),.88) 52%,rgba(3,8,18,.92) 100%);
  box-shadow:0 0 13px rgba(var(--tone),.54),0 0 34px rgba(var(--tone),.18),inset -5px -7px 12px rgba(0,0,0,.38);
}
body.we-beyond-v2-page .bv92-orbit-dot{
  position:absolute;
  width:7px;height:7px;
  border-radius:50%;
  background:#eafcff;
  box-shadow:0 0 10px rgba(var(--tone),.86),0 0 21px rgba(var(--tone),.40);
}
body.we-beyond-v2-page .bv92-orbit-dot--a{left:12px;top:45px}
body.we-beyond-v2-page .bv92-orbit-dot--b{right:11px;top:17px;width:5px;height:5px;background:rgb(var(--tone2))}
@media(hover:hover){
  body.we-beyond-v2-page .bv92-situation-grid:has(.bv92-situation-card:hover) .bv92-situation-card:not(:hover){opacity:.67;filter:saturate(.78) brightness(.88);transform:scale(.986)}
  body.we-beyond-v2-page .bv92-situation-card:hover{
    z-index:3;
    transform:translate3d(0,-6px,0) scale(1.012);
    border-color:rgba(var(--tone),.48);
    box-shadow:inset 0 1px rgba(255,255,255,.04),0 26px 68px rgba(0,0,0,.22),0 0 42px rgba(var(--tone),.075);
  }
  body.we-beyond-v2-page .bv92-situation-card:hover::before{opacity:.82;background-position:-20% 0}
  body.we-beyond-v2-page .bv92-situation-card:hover .bv92-card-orbit{transform:translateY(-50%) rotate(8deg) scale(1.11);opacity:1;filter:saturate(1.18)}
  body.we-beyond-v2-page .bv92-situation-card:hover .bv92-card-arrow{transform:translateX(5px);text-shadow:0 0 14px rgba(var(--tone),.48)}
}
body.we-beyond-v2-page .bv92-situation-card:focus-visible{
  outline:none;
  border-color:rgba(var(--tone),.52);
  box-shadow:0 0 0 1px rgba(var(--tone),.12),0 22px 64px rgba(0,0,0,.20);
}

/* 03 / WHAT WE DO -------------------------------------------------- */
body.we-beyond-v2-page .bv92-system{
  position:relative;
  z-index:3;
  height:100vh;
  min-height:700px;
  margin:0;
  padding:0;
  overflow:hidden;
  background:transparent;
  isolation:isolate;
}
body.we-beyond-v2-page .bv92-system::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;top:50%;
  width:76vw;height:70vh;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(76,133,216,.055),rgba(136,86,232,.028) 37%,transparent 71%);
  filter:blur(54px);
  pointer-events:none;
}
body.we-beyond-v2-page .bv92-system-shell{
  height:100%;
  max-width:1280px;
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);
  align-items:center;
  gap:clamp(42px,5vw,80px);
}
body.we-beyond-v2-page .bv92-system-copy{position:relative;z-index:4;max-width:620px}
body.we-beyond-v2-page .bv92-system-copy h2{
  max-width:650px;
  margin:18px 0 18px;
  color:#f3f7fa;
  font-size:clamp(44px,4.15vw,66px);
  line-height:.96;
  letter-spacing:-.052em;
  text-wrap:balance;
}
body.we-beyond-v2-page .bv92-system-copy h2 span{
  background:linear-gradient(94deg,#50def1 0%,#6eb6ff 42%,#9e86ff 72%,#df72ce 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.we-beyond-v2-page .bv92-system-copy>p{
  max-width:610px;
  margin:0;
  color:#94a4b1;
  font-size:15px;
  line-height:1.65;
}
body.we-beyond-v2-page .bv92-system-cta{
  position:relative;
  isolation:isolate;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  width:min(380px,100%);
  min-height:64px;
  margin-top:32px;
  padding:0 20px 0 22px;
  border:1px solid rgba(127,212,241,.28);
  border-radius:999px;
  overflow:hidden;
  background:rgba(4,12,22,.52);
  color:#f6fbfd;
  font-size:12px;
  font-weight:750;
  letter-spacing:.075em;
  box-shadow:0 18px 55px rgba(0,0,0,.19),inset 0 1px rgba(255,255,255,.04);
  transition:transform .36s var(--ease),box-shadow .36s ease,border-color .36s ease;
}
body.we-beyond-v2-page .bv92-system-cta::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-1px;
  background:linear-gradient(100deg,rgba(65,221,245,.16),rgba(109,128,255,.09) 42%,rgba(224,83,205,.16));
  transform:translateX(-58%);
  transition:transform .58s var(--ease);
}
body.we-beyond-v2-page .bv92-system-cta i{font:300 22px/1 system-ui,sans-serif;font-style:normal;transition:transform .36s var(--ease)}
body.we-beyond-v2-page .bv92-system-cta:hover,
body.we-beyond-v2-page .bv92-system-cta:focus-visible{outline:none;transform:translateY(-3px);border-color:rgba(115,226,247,.56);box-shadow:0 24px 64px rgba(0,0,0,.22),0 0 32px rgba(91,205,240,.08)}
body.we-beyond-v2-page .bv92-system-cta:hover::before,
body.we-beyond-v2-page .bv92-system-cta:focus-visible::before{transform:translateX(0)}
body.we-beyond-v2-page .bv92-system-cta:hover i,
body.we-beyond-v2-page .bv92-system-cta:focus-visible i{transform:translateX(5px)}
body.we-beyond-v2-page .bv92-system-visual{
  position:relative;
  justify-self:end;
  width:min(690px,46vw);
  aspect-ratio:1.24/1;
  transform:translateZ(0);
}
body.we-beyond-v2-page .bv92-system-haze{
  position:absolute;
  left:50%;top:50%;
  width:88%;height:82%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:
    radial-gradient(circle at 43% 48%,rgba(73,218,246,.14),transparent 34%),
    radial-gradient(circle at 63% 53%,rgba(165,91,244,.12),transparent 37%),
    radial-gradient(circle at 53% 47%,rgba(255,92,203,.045),transparent 57%);
  filter:blur(36px);
  opacity:.78;
}
body.we-beyond-v2-page .bv92-system-planet{
  position:absolute;
  z-index:4;
  left:50%;top:51%;
  width:clamp(205px,18vw,286px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(155,187,255,.32);
  background:
    radial-gradient(circle at 31% 26%,rgba(119,197,255,.18),transparent 22%),
    radial-gradient(circle at 72% 73%,rgba(113,68,180,.28),transparent 37%),
    radial-gradient(circle at 43% 38%,#15233a 0%,#0b1224 45%,#040710 72%,#010209 100%);
  box-shadow:inset -34px -32px 55px rgba(0,0,0,.58),inset 17px 10px 31px rgba(99,187,255,.055),0 0 22px rgba(86,168,255,.15),0 0 70px rgba(123,88,255,.11);
  animation:bv92-planet-breathe 7.5s ease-in-out infinite alternate;
}
body.we-beyond-v2-page .bv92-system-planet::before{
  content:"";
  position:absolute;
  inset:-4%;
  border-radius:50%;
  border:1px solid rgba(90,206,255,.14);
  box-shadow:0 0 35px rgba(90,206,255,.08),0 0 65px rgba(152,92,255,.05);
}
body.we-beyond-v2-page .bv92-system-planet span{
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:linear-gradient(112deg,transparent 12%,rgba(101,196,255,.045) 47%,rgba(181,95,255,.045) 61%,transparent 87%);
  filter:blur(7px);
}
@keyframes bv92-planet-breathe{to{box-shadow:inset -34px -32px 55px rgba(0,0,0,.58),inset 17px 10px 31px rgba(99,187,255,.075),0 0 30px rgba(86,168,255,.20),0 0 88px rgba(123,88,255,.14)}}
body.we-beyond-v2-page .bv92-system-orbit{
  position:absolute;
  z-index:2;
  left:50%;top:51%;
  border:1px solid rgba(133,181,238,.18);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-8deg);
  box-shadow:0 0 24px rgba(91,184,255,.025);
}
body.we-beyond-v2-page .bv92-system-orbit--one{width:84%;height:48%}
body.we-beyond-v2-page .bv92-system-orbit--two{width:69%;height:82%;transform:translate(-50%,-50%) rotate(61deg);border-color:rgba(174,116,255,.15)}
body.we-beyond-v2-page .bv92-system-orbit--three{width:92%;height:67%;transform:translate(-50%,-50%) rotate(23deg);border-color:rgba(71,219,232,.12)}
body.we-beyond-v2-page .bv92-world-node{
  --node:82,211,255;
  position:absolute;
  z-index:6;
  display:flex;
  align-items:center;
  gap:8px;
  color:rgba(207,225,237,.72);
  font-size:9px;
  letter-spacing:.12em;
  white-space:nowrap;
  text-shadow:0 0 16px rgba(var(--node),.12);
}
body.we-beyond-v2-page .bv92-world-node i{
  position:relative;
  display:block;
  width:11px;height:11px;
  border-radius:50%;
  background:rgb(var(--node));
  box-shadow:0 0 8px rgba(var(--node),.88),0 0 23px rgba(var(--node),.44),0 0 48px rgba(var(--node),.16);
}
body.we-beyond-v2-page .bv92-world-node i::before{
  content:"";
  position:absolute;
  inset:-6px;
  border:1px solid rgba(var(--node),.28);
  border-radius:50%;
}
body.we-beyond-v2-page .bv92-world-node b{font:700 9px/1 inherit;letter-spacing:.13em;color:rgba(var(--node),.92)}
body.we-beyond-v2-page .bv92-world-node--web{--node:72,186,255;left:7%;top:56%}
body.we-beyond-v2-page .bv92-world-node--growth{--node:141,223,91;left:22%;top:12%}
body.we-beyond-v2-page .bv92-world-node--ai{--node:164,102,255;right:14%;top:13%}
body.we-beyond-v2-page .bv92-world-node--trust{--node:77,229,190;right:3%;top:51%}
body.we-beyond-v2-page .bv92-world-node--infra{--node:92,145,255;right:13%;bottom:12%}
body.we-beyond-v2-page .bv92-world-node--brand{--node:245,87,202;left:26%;bottom:7%}
@media(hover:hover){
  body.we-beyond-v2-page .bv92-system-visual:hover .bv92-world-node i{box-shadow:0 0 10px rgba(var(--node),1),0 0 31px rgba(var(--node),.56),0 0 58px rgba(var(--node),.20)}
  body.we-beyond-v2-page .bv92-system-visual:hover .bv92-system-orbit{border-color:rgba(138,194,245,.26)}
}

/* No artificial gap between S02/S03 or S03/S04. */
body.we-beyond-v2-page .bv92-situations + .bv92-system{margin-top:0!important}
body.we-beyond-v2-page .bv92-system + .bv2-sunrise{margin-top:0!important}

@media(max-width:1050px){
  body.we-beyond-v2-page .bv92-situations-head h2{font-size:clamp(43px,5.4vw,61px)}
  body.we-beyond-v2-page .bv92-system-shell{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:32px}
  body.we-beyond-v2-page .bv92-system-visual{width:min(620px,49vw)}
}
@media(max-width:900px){
  body.we-beyond-v2-page .bv92-situations{height:auto;min-height:100vh;padding:76px 0 84px;overflow:visible}
  body.we-beyond-v2-page .bv92-situations-shell{height:auto;display:block}
  body.we-beyond-v2-page .bv92-situation-grid{grid-template-columns:1fr;margin-top:32px}
  body.we-beyond-v2-page .bv92-situation-card{min-height:190px}
  body.we-beyond-v2-page .bv92-system{height:auto;min-height:100vh;padding:88px 0 94px;overflow:visible}
  body.we-beyond-v2-page .bv92-system-shell{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:46px}
  body.we-beyond-v2-page .bv92-system-copy{max-width:760px}
  body.we-beyond-v2-page .bv92-system-visual{align-self:center;justify-self:auto;width:min(720px,86vw)}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv92-sky-bridge{height:11vh;min-height:72px;max-height:110px}
  body.we-beyond-v2-page .bv92-situations{padding:68px 0 74px}
  body.we-beyond-v2-page .bv92-situations-head h2{font-size:clamp(35px,9.4vw,48px);line-height:.99}
  body.we-beyond-v2-page .bv92-situations-head>p{font-size:13px}
  body.we-beyond-v2-page .bv92-situation-card{padding:20px 93px 20px 19px;border-radius:16px;min-height:210px}
  body.we-beyond-v2-page .bv92-situation-card h3{font-size:24px}
  body.we-beyond-v2-page .bv92-situation-card p{font-size:12.5px}
  body.we-beyond-v2-page .bv92-card-orbit{right:10px;width:78px;height:78px;opacity:.68}
  body.we-beyond-v2-page .bv92-orbit-ring--a{width:68px;height:42px}
  body.we-beyond-v2-page .bv92-orbit-ring--b{width:43px;height:70px}
  body.we-beyond-v2-page .bv92-orbit-core{width:19px;height:19px}
  body.we-beyond-v2-page .bv92-card-arrow{right:14px;bottom:14px}
  body.we-beyond-v2-page .bv92-system{padding:76px 0 82px}
  body.we-beyond-v2-page .bv92-system-copy h2{font-size:clamp(38px,10.2vw,50px)}
  body.we-beyond-v2-page .bv92-system-copy>p{font-size:13px}
  body.we-beyond-v2-page .bv92-system-cta{width:100%;min-height:60px;margin-top:26px}
  body.we-beyond-v2-page .bv92-system-visual{width:96vw;margin-left:-4vw}
  body.we-beyond-v2-page .bv92-world-node{font-size:7px;gap:6px}
  body.we-beyond-v2-page .bv92-world-node b{font-size:7px}
  body.we-beyond-v2-page .bv92-world-node i{width:8px;height:8px}
}
@media(max-height:760px) and (min-width:901px){
  body.we-beyond-v2-page .bv92-situations{padding-top:42px;padding-bottom:34px}
  body.we-beyond-v2-page .bv92-situations-head h2{font-size:clamp(40px,4vw,58px)}
  body.we-beyond-v2-page .bv92-situation-grid{margin-top:22px;gap:9px}
  body.we-beyond-v2-page .bv92-situation-card{padding-top:16px;padding-bottom:16px}
  body.we-beyond-v2-page .bv92-situation-card h3{margin-top:11px;font-size:24px}
  body.we-beyond-v2-page .bv92-situation-card p{font-size:12px;line-height:1.42}
  body.we-beyond-v2-page .bv92-system-copy h2{font-size:clamp(40px,3.8vw,58px)}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv92-system-planet{animation:none!important}
  body.we-beyond-v2-page .bv92-situation-card,
  body.we-beyond-v2-page .bv92-situation-card::before,
  body.we-beyond-v2-page .bv92-card-orbit,
  body.we-beyond-v2-page .bv92-card-arrow,
  body.we-beyond-v2-page .bv92-system-cta,
  body.we-beyond-v2-page .bv92-system-cta::before{transition:none!important}
}

/* ==============================================================
   BEYOND V0.10.93 — FINAL POLISH PASS
   - S01 visible soft atmosphere + heading interaction
   - S02 tighter 100vh composition, four distinct interactions
   - S03 deeper procedural planet canvas
   - S04 intentional 3-line heading, quieter water treatment
   ============================================================== */

/* 01 / DEEP NIGHT — make the atmosphere unmistakably visible without stars. */
body.we-beyond-v2-page .bv90-hero-atmosphere{
  z-index:2!important;
  opacity:calc(.98 - var(--hero-geometry-out) * .64)!important;
  filter:saturate(1.18) contrast(1.02)!important;
  mix-blend-mode:screen!important;
}
body.we-beyond-v2-page .bv2-hero-field{z-index:1!important}
body.we-beyond-v2-page .bv2-hero-copy,
body.we-beyond-v2-page .bv2-scroll-cue{z-index:4!important}
body.we-beyond-v2-page .bv2-hero-title{
  position:relative;
  isolation:isolate;
  --bv93-hx:50%;
  --bv93-hy:50%;
}
body.we-beyond-v2-page .bv2-hero-title::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:var(--bv93-hx);top:var(--bv93-hy);
  width:min(520px,46vw);height:min(300px,28vw);
  transform:translate(-50%,-50%) scale(.82);
  border-radius:50%;
  background:
    radial-gradient(circle at 36% 48%,rgba(63,216,247,.15),transparent 43%),
    radial-gradient(circle at 66% 50%,rgba(160,98,255,.12),transparent 47%),
    radial-gradient(circle at 55% 58%,rgba(242,83,198,.055),transparent 55%);
  filter:blur(34px);
  opacity:0;
  transition:opacity .38s ease,transform .62s var(--ease);
  pointer-events:none;
}
@media(hover:hover){
  body.we-beyond-v2-page .bv2-hero-title:hover::before{opacity:.74;transform:translate(-50%,-50%) scale(1)}
  body.we-beyond-v2-page .bv2-hero-title:hover .bv2-hero-line:not(.bv2-hero-line--accent){
    text-shadow:0 0 28px rgba(125,205,242,.08);
  }
  body.we-beyond-v2-page .bv2-hero-title:hover .bv2-hero-line--accent{
    filter:drop-shadow(0 0 16px rgba(110,196,255,.11)) drop-shadow(0 0 28px rgba(172,103,255,.07));
  }
}

/* Keep a deliberate starfield-only breath between S01 and S02. */
body.we-beyond-v2-page .bv92-sky-bridge{
  height:clamp(150px,19vh,210px)!important;
  min-height:150px;
  max-height:210px;
}

/* 02 / SITUATIONS — one compact composition, still a full viewport. */
body.we-beyond-v2-page .bv92-situations{
  height:100vh!important;
  min-height:760px!important;
  padding:34px 0 38px!important;
}
body.we-beyond-v2-page .bv92-situations-shell{
  height:100%!important;
  display:flex!important;
  flex-direction:column;
  justify-content:center;
  align-items:stretch;
}
body.we-beyond-v2-page .bv92-situations-head{
  max-width:1030px!important;
  opacity:0;
  transform:translate3d(0,24px,0);
  transition:opacity .78s ease,transform .88s var(--ease);
}
body.we-beyond-v2-page .bv92-situations-head h2{
  margin:15px 0 11px!important;
  font-size:clamp(43px,4.15vw,65px)!important;
  line-height:.97!important;
  max-width:960px!important;
}
body.we-beyond-v2-page .bv92-situations-head>p{
  max-width:820px!important;
  font-size:14px!important;
  line-height:1.54!important;
}
body.we-beyond-v2-page .bv92-situation-grid{
  flex:0 0 auto;
  height:clamp(350px,42vh,402px)!important;
  align-self:stretch!important;
  margin-top:28px!important;
  gap:18px!important;
  opacity:0;
  transform:translate3d(0,34px,0);
  transition:opacity .82s .12s ease,transform .96s .12s var(--ease);
}
body.we-beyond-v2-page .bv92-situations.is-visible .bv92-situations-head,
body.we-beyond-v2-page .bv92-situations.is-visible .bv92-situation-grid{
  opacity:1;
  transform:none;
}
body.we-beyond-v2-page .bv92-situation-card{
  min-height:0!important;
  padding:28px 154px 28px 30px!important;
  border-radius:20px!important;
  transform-style:preserve-3d;
  perspective:900px;
  transition:transform .48s var(--ease),border-color .42s ease,box-shadow .42s ease,background .42s ease,filter .42s ease,opacity .42s ease!important;
}
body.we-beyond-v2-page .bv92-situation-card h3{
  margin:18px 0 12px!important;
  font-size:clamp(22px,1.8vw,29px)!important;
  line-height:1.05!important;
}
body.we-beyond-v2-page .bv92-situation-card p{
  font-size:13px!important;
  line-height:1.56!important;
  color:#9aaab6!important;
}
body.we-beyond-v2-page .bv92-card-orbit{
  right:27px!important;
  width:114px!important;height:114px!important;
  opacity:.86!important;
}
body.we-beyond-v2-page .bv92-orbit-ring--c{
  position:absolute;
  left:50%;top:50%;
  width:76px;height:76px;
  border:1px solid rgba(231,245,255,.10);
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-16deg) scaleY(.72);
  box-shadow:0 0 20px rgba(var(--tone),.025);
}
/* Different orbital silhouettes per card. */
body.we-beyond-v2-page .bv92-situation-card--cyan .bv92-orbit-ring--a{width:96px;height:62px;transform:translate(-50%,-50%) rotate(11deg)}
body.we-beyond-v2-page .bv92-situation-card--cyan .bv92-orbit-ring--b{width:68px;height:104px;transform:translate(-50%,-50%) rotate(57deg)}
body.we-beyond-v2-page .bv92-situation-card--cyan .bv92-orbit-ring--c{width:88px;height:88px;transform:translate(-50%,-50%) rotate(-9deg) scaleY(.55)}
body.we-beyond-v2-page .bv92-situation-card--violet .bv92-orbit-ring--a{width:104px;height:42px;transform:translate(-50%,-50%) rotate(-21deg)}
body.we-beyond-v2-page .bv92-situation-card--violet .bv92-orbit-ring--b{width:84px;height:98px;transform:translate(-50%,-50%) rotate(71deg)}
body.we-beyond-v2-page .bv92-situation-card--violet .bv92-orbit-ring--c{width:58px;height:108px;transform:translate(-50%,-50%) rotate(23deg) scaleY(.78)}
body.we-beyond-v2-page .bv92-situation-card--pink .bv92-orbit-ring--a{width:108px;height:56px;transform:translate(-50%,-50%) rotate(27deg)}
body.we-beyond-v2-page .bv92-situation-card--pink .bv92-orbit-ring--b{width:54px;height:106px;transform:translate(-50%,-50%) rotate(-31deg)}
body.we-beyond-v2-page .bv92-situation-card--pink .bv92-orbit-ring--c{width:95px;height:44px;transform:translate(-50%,-50%) rotate(-6deg)}
body.we-beyond-v2-page .bv92-situation-card--blue .bv92-orbit-ring--a{width:94px;height:94px;transform:translate(-50%,-50%) scaleY(.60) rotate(35deg)}
body.we-beyond-v2-page .bv92-situation-card--blue .bv92-orbit-ring--b{width:62px;height:108px;transform:translate(-50%,-50%) rotate(12deg)}
body.we-beyond-v2-page .bv92-situation-card--blue .bv92-orbit-ring--c{width:108px;height:38px;transform:translate(-50%,-50%) rotate(-34deg)}
body.we-beyond-v2-page .bv92-card-arrow{display:none!important}

/* Shared hover restraint; each card then gets its own behavior. */
@media(hover:hover){
  body.we-beyond-v2-page .bv92-situation-grid:has(.bv92-situation-card:hover) .bv92-situation-card:not(:hover){
    opacity:.88!important;
    filter:saturate(.9) brightness(.94)!important;
    transform:none!important;
  }
  body.we-beyond-v2-page .bv92-situation-card:hover{
    border-color:rgba(var(--tone),.46)!important;
    box-shadow:inset 0 1px rgba(255,255,255,.045),0 28px 72px rgba(0,0,0,.24),0 0 44px rgba(var(--tone),.065)!important;
  }
  /* 01 — turns softly milky / frosted. */
  body.we-beyond-v2-page .bv93-hover-milk::after{
    content:"";
    position:absolute;inset:0;z-index:1;
    border-radius:inherit;
    background:linear-gradient(120deg,rgba(222,244,250,.11),rgba(157,210,238,.035) 46%,rgba(171,126,240,.025));
    backdrop-filter:blur(11px) saturate(.86);
    opacity:0;
    transition:opacity .5s ease;
    pointer-events:none;
  }
  body.we-beyond-v2-page .bv93-hover-milk:hover{transform:translate3d(0,-3px,0) scale(1.006)!important}
  body.we-beyond-v2-page .bv93-hover-milk:hover::after{opacity:1}
  body.we-beyond-v2-page .bv93-hover-milk:hover .bv92-card-copy{z-index:3}
  body.we-beyond-v2-page .bv93-hover-milk:hover .bv92-card-orbit{z-index:3}

  /* 02 — a small magnetic drift instead of a generic lift. */
  body.we-beyond-v2-page .bv93-hover-drift:hover{transform:translate3d(10px,-8px,0) rotate(.55deg) scale(1.008)!important}
  body.we-beyond-v2-page .bv93-hover-drift:hover .bv92-card-orbit{
    animation:bv93-orbit-drift 2.7s ease-in-out infinite alternate;
  }
  @keyframes bv93-orbit-drift{
    to{transform:translateY(-50%) rotate(42deg) scale(1.14)}
  }

  /* 03 — reveal another thought by turning the content plane. */
  body.we-beyond-v2-page .bv93-hover-flip .bv92-card-copy{
    transform-origin:48% 50%;
    backface-visibility:hidden;
    transition:transform .62s var(--ease),opacity .38s ease,filter .38s ease;
  }
  body.we-beyond-v2-page .bv93-card-reveal{
    position:absolute;
    z-index:4;
    left:30px;right:132px;top:50%;
    transform:translateY(-50%) rotateY(78deg) translateX(18px);
    transform-origin:48% 50%;
    opacity:0;
    backface-visibility:hidden;
    transition:transform .62s var(--ease),opacity .38s ease;
    pointer-events:none;
  }
  body.we-beyond-v2-page .bv93-card-reveal small{display:block;color:rgba(var(--tone),.94);font-size:8px;font-weight:800;letter-spacing:.18em;margin-bottom:13px}
  body.we-beyond-v2-page .bv93-card-reveal strong{display:block;max-width:450px;color:#f4f8fa;font-size:clamp(22px,1.72vw,28px);line-height:1.05;letter-spacing:-.035em}
  body.we-beyond-v2-page .bv93-card-reveal span{display:block;margin-top:10px;color:#9babb8;font-size:13px;line-height:1.5}
  body.we-beyond-v2-page .bv93-hover-flip:hover .bv92-card-copy{transform:rotateY(-78deg) translateX(-18px);opacity:0;filter:blur(2px)}
  body.we-beyond-v2-page .bv93-hover-flip:hover .bv93-card-reveal{transform:translateY(-50%) rotateY(0) translateX(0);opacity:1}
  body.we-beyond-v2-page .bv93-hover-flip:hover .bv92-card-orbit{opacity:.28!important;transform:translateY(-50%) rotate(-4deg) scale(.84)!important}

  /* 04 — pointer driven focus / scan field. */
  body.we-beyond-v2-page .bv93-hover-focus{
    --mx:75%;--my:50%;
  }
  body.we-beyond-v2-page .bv93-hover-focus::after{
    content:"";
    position:absolute;inset:0;z-index:0;
    border-radius:inherit;
    background:radial-gradient(circle 150px at var(--mx) var(--my),rgba(var(--tone),.16),rgba(var(--tone2),.055) 32%,transparent 70%);
    opacity:0;
    transition:opacity .32s ease;
    pointer-events:none;
  }
  body.we-beyond-v2-page .bv93-hover-focus:hover{transform:scale(1.008)!important}
  body.we-beyond-v2-page .bv93-hover-focus:hover::after{opacity:1}
  body.we-beyond-v2-page .bv93-hover-focus:hover .bv92-card-orbit{transform:translateY(-50%) rotate(53deg) scale(1.12)!important;filter:brightness(1.18)}
}

/* 03 / SYSTEM — replace the plastic CSS sphere with a procedural canvas sphere. */
body.we-beyond-v2-page .bv93-system-canvas{
  position:absolute;
  z-index:4;
  inset:0;
  width:100%;height:100%;
  pointer-events:none;
  filter:saturate(1.03) contrast(1.035);
}
body.we-beyond-v2-page .bv92-system-planet{opacity:0!important;visibility:hidden!important}
body.we-beyond-v2-page .bv92-system-haze{opacity:.62!important;filter:blur(44px)!important}
body.we-beyond-v2-page .bv92-system-orbit{z-index:2!important;opacity:.72}
body.we-beyond-v2-page .bv92-system-visual{isolation:isolate}
body.we-beyond-v2-page .bv92-world-node{z-index:7!important}

/* 04 / FIRST LIGHT — three intentional lines, quieter WE gradient. */
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  max-width:760px!important;
  font-size:clamp(38px,3.05vw,50px)!important;
  line-height:1.015!important;
}
body.we-beyond-v2-page .bv93-sun-line{
  display:block!important;
  width:max-content;
  max-width:100%;
  color:transparent!important;
  background:linear-gradient(98deg,#fbfdff 0%,#e8edf1 31%,#bdc9d2 55%,#8bbbd8 78%,#58bce4 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}
body.we-beyond-v2-page .bv2-water-glints::before,
body.we-beyond-v2-page .bv2-water-glints::after{
  background:
    radial-gradient(ellipse 10% 2.2% at 66% 19%,rgba(255,237,201,.32),transparent 73%),
    radial-gradient(ellipse 8% 1.6% at 76% 43%,rgba(220,250,255,.22),transparent 73%),
    radial-gradient(ellipse 7% 1.5% at 58% 67%,rgba(143,238,255,.15),transparent 73%),
    radial-gradient(ellipse 5% 1.1% at 84% 78%,rgba(255,240,207,.14),transparent 73%)!important;
  filter:blur(1.2px)!important;
  opacity:.68!important;
}
body.we-beyond-v2-page .bv2-water-glints::after{opacity:.35!important}

@media(max-height:820px) and (min-width:901px){
  body.we-beyond-v2-page .bv92-situations{min-height:700px!important;padding:24px 0 28px!important}
  body.we-beyond-v2-page .bv92-situations-head h2{font-size:clamp(39px,3.9vw,57px)!important}
  body.we-beyond-v2-page .bv92-situations-head>p{font-size:12.5px!important}
  body.we-beyond-v2-page .bv92-situation-grid{height:338px!important;margin-top:20px!important;gap:14px!important}
  body.we-beyond-v2-page .bv92-situation-card{padding:20px 140px 20px 24px!important}
  body.we-beyond-v2-page .bv92-situation-card h3{margin:12px 0 7px!important;font-size:22px!important}
  body.we-beyond-v2-page .bv92-situation-card p{font-size:11.5px!important;line-height:1.42!important}
}

@media(max-width:900px){
  body.we-beyond-v2-page .bv92-situations{height:auto!important;min-height:100vh!important;padding:72px 0 78px!important}
  body.we-beyond-v2-page .bv92-situations-shell{display:block!important}
  body.we-beyond-v2-page .bv92-situation-grid{height:auto!important;grid-template-columns:1fr!important;grid-template-rows:none!important;margin-top:28px!important;gap:14px!important}
  body.we-beyond-v2-page .bv92-situation-card{min-height:190px!important}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv92-sky-bridge{height:96px!important;min-height:96px!important;max-height:96px!important}
  body.we-beyond-v2-page .bv92-situations{padding:58px 0 66px!important}
  body.we-beyond-v2-page .bv92-situation-card{padding:22px 96px 22px 20px!important}
  body.we-beyond-v2-page .bv92-situation-card h3{font-size:23px!important}
  body.we-beyond-v2-page .bv92-card-orbit{right:10px!important;width:82px!important;height:82px!important}
  body.we-beyond-v2-page .bv93-card-reveal{display:none!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(33px,8.5vw,43px)!important}
  body.we-beyond-v2-page .bv93-sun-line{width:auto}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv92-situations-head,
  body.we-beyond-v2-page .bv92-situation-grid{opacity:1!important;transform:none!important;transition:none!important}
  body.we-beyond-v2-page .bv2-hero-title::before{display:none!important}
}
body.we-beyond-v2-page .bv92-system-planet{animation:none!important}

/* ==============================================================
   BEYOND V0.10.94 — MOTION / READABILITY / S03 ORBIT SYSTEM
   - soft one-shot fade-up choreography across all scenes
   - slightly larger body copy
   - S03 photographic planet + hover orbiting WE worlds
   - S03 CTA no longer looks half-filled
   - S04 gradient wins over the old all-white rule
   ============================================================== */

/* One-shot reveal choreography: applied only after JS is ready, so content
   remains fully accessible if JS is unavailable. */
body.we-beyond-v2-page .bv94-reveal-ready .bv94-reveal{
  opacity:0;
  transform:translate3d(0,22px,0);
  filter:blur(4px);
  transition:
    opacity .72s var(--bv94-delay,0ms) ease,
    transform .86s var(--bv94-delay,0ms) var(--ease),
    filter .74s var(--bv94-delay,0ms) ease;
  will-change:opacity,transform,filter;
}
body.we-beyond-v2-page .bv94-reveal-ready .bv94-reveal.is-revealed{
  opacity:1;
  transform:none;
  filter:none;
}
/* Let cards keep their existing hover transform after the entrance finished. */
body.we-beyond-v2-page .bv94-reveal-ready .bv92-situation-card.bv94-reveal.is-revealed{
  transform:none;
}

/* Body copy: +1–2px where visitors actually read, without inflating labels. */
body.we-beyond-v2-page .bv2-hero-copy>p{
  font-size:clamp(16px,1.10vw,19px)!important;
}
body.we-beyond-v2-page .bv92-situations-head>p{
  font-size:15.5px!important;
  line-height:1.58!important;
}
body.we-beyond-v2-page .bv92-situation-card p{
  font-size:14px!important;
  line-height:1.58!important;
}
body.we-beyond-v2-page .bv92-system-copy>p{
  font-size:16px!important;
  line-height:1.66!important;
}
body.we-beyond-v2-page .bv2-sunrise-pre{
  font-size:clamp(15px,1.05vw,18px)!important;
}

/* S03 CTA — full dark surface at rest, then a soft traveling glow on hover.
   No static half-filled block. */
body.we-beyond-v2-page .bv92-system-cta{
  background:linear-gradient(112deg,rgba(12,21,34,.78),rgba(11,13,28,.72))!important;
  border-color:rgba(132,213,240,.26)!important;
  overflow:hidden;
}
body.we-beyond-v2-page .bv92-system-cta::before{
  inset:-55% -25%!important;
  background:radial-gradient(circle at 32% 50%,rgba(73,221,244,.18),rgba(117,116,255,.08) 28%,rgba(221,82,204,.07) 48%,transparent 68%)!important;
  transform:translate3d(-24%,0,0)!important;
  opacity:.34!important;
  transition:transform .72s var(--ease),opacity .4s ease!important;
}
body.we-beyond-v2-page .bv92-system-cta:hover::before,
body.we-beyond-v2-page .bv92-system-cta:focus-visible::before{
  transform:translate3d(30%,0,0)!important;
  opacity:.72!important;
}

/* S03 — use a photographic/cosmic planet derived from the approved First
   Light artwork instead of the previous generated smooth sphere. */
body.we-beyond-v2-page .bv93-system-canvas{display:none!important}
body.we-beyond-v2-page .bv92-system-planet{display:none!important}
body.we-beyond-v2-page .bv94-system-planet-image{
  position:absolute;
  z-index:4;
  left:50%;top:51%;
  width:clamp(225px,19.5vw,305px);
  aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.985);
  object-fit:contain;
  pointer-events:none;
  user-select:none;
  filter:
    saturate(.88)
    brightness(.72)
    contrast(1.08)
    drop-shadow(0 0 10px rgba(92,201,243,.14))
    drop-shadow(0 0 34px rgba(102,118,255,.12))
    drop-shadow(0 0 68px rgba(155,81,231,.09));
  transition:filter .8s ease,transform .9s var(--ease);
}
body.we-beyond-v2-page .bv92-system-visual::after{
  content:"";
  position:absolute;
  z-index:3;
  left:50%;top:51%;
  width:clamp(252px,21.8vw,342px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(109,211,245,.12);
  box-shadow:
    0 0 24px rgba(81,204,242,.07),
    0 0 78px rgba(102,120,255,.08),
    0 0 120px rgba(162,82,225,.055),
    inset 0 0 28px rgba(106,208,243,.035);
  pointer-events:none;
}
body.we-beyond-v2-page .bv92-system-haze{
  opacity:.75!important;
  filter:blur(52px)!important;
  background:
    radial-gradient(circle at 38% 46%,rgba(50,205,238,.16),transparent 34%),
    radial-gradient(circle at 66% 45%,rgba(111,104,247,.13),transparent 39%),
    radial-gradient(circle at 59% 64%,rgba(217,78,195,.075),transparent 48%)!important;
}
body.we-beyond-v2-page .bv92-system-orbit{
  z-index:2!important;
  opacity:.62!important;
  transition:border-color .5s ease,opacity .5s ease,filter .5s ease;
}
body.we-beyond-v2-page .bv92-system-orbit>i{
  position:absolute;
  z-index:3;
  width:5px;height:5px;
  margin:-2.5px 0 0 -2.5px;
  border-radius:50%;
  background:#e7fbff;
  box-shadow:0 0 8px rgba(210,249,255,.92),0 0 18px rgba(102,211,255,.38),0 0 30px rgba(161,105,255,.18);
  opacity:.78;
  pointer-events:none;
}
body.we-beyond-v2-page .bv92-system-orbit--two>i{background:#b998ff;box-shadow:0 0 8px rgba(195,169,255,.92),0 0 22px rgba(148,92,255,.42)}
body.we-beyond-v2-page .bv92-system-orbit--three>i{background:#69ead9;box-shadow:0 0 8px rgba(112,245,226,.92),0 0 22px rgba(74,221,206,.36)}

/* World labels now actually belong to one invisible orbital system. JS sets
   the exact x/y positions; these declarations provide the smooth visual mode. */
body.we-beyond-v2-page .bv92-world-node{
  z-index:8!important;
  left:50%;top:51%;right:auto;bottom:auto;
  transform:translate(-50%,-50%);
  transform-origin:center;
  gap:8px;
  transition:opacity .34s ease,filter .45s ease;
  will-change:transform;
}
body.we-beyond-v2-page .bv92-world-node b{
  transition:opacity .28s ease,transform .38s var(--ease),filter .35s ease;
}
body.we-beyond-v2-page .bv92-world-node i{
  transition:transform .38s var(--ease),box-shadow .42s ease,background .35s ease;
}
@media(hover:hover){
  body.we-beyond-v2-page .bv92-system-visual:hover .bv94-system-planet-image{
    transform:translate(-50%,-50%) scale(1.015);
    filter:
      saturate(.98)
      brightness(.79)
      contrast(1.10)
      drop-shadow(0 0 12px rgba(92,211,244,.18))
      drop-shadow(0 0 42px rgba(102,118,255,.15))
      drop-shadow(0 0 82px rgba(155,81,231,.11));
  }
  body.we-beyond-v2-page .bv92-system-visual.is-orbiting .bv92-world-node b{
    opacity:0;
    transform:translateX(7px) scale(.96);
    filter:blur(2px);
  }
  body.we-beyond-v2-page .bv92-system-visual.is-orbiting .bv92-world-node i{
    transform:scale(1.26);
    box-shadow:0 0 10px rgba(var(--node),1),0 0 30px rgba(var(--node),.62),0 0 58px rgba(var(--node),.28);
  }
  body.we-beyond-v2-page .bv92-system-visual.is-orbiting .bv92-system-orbit{
    opacity:.82!important;
    filter:drop-shadow(0 0 9px rgba(115,191,244,.05));
  }
}

/* S04 — the old all-white span rule was more specific. Override it explicitly
   so the approved three-line headline finally carries visible WE color. */
body.we-beyond-v2-page .bv2-sunrise-copy h2 span.bv93-sun-line{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  background-size:100% 100%!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2 span.bv93-sun-line:nth-child(1){
  background-image:linear-gradient(96deg,#ffffff 0%,#e6edf2 39%,#a8c6dc 72%,#79c9ec 100%)!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2 span.bv93-sun-line:nth-child(2){
  background-image:linear-gradient(96deg,#f7fafc 0%,#ced9e2 30%,#8bc5eb 66%,#729cff 100%)!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2 span.bv93-sun-line:nth-child(3){
  background-image:linear-gradient(96deg,#eef5f8 0%,#acd5e8 28%,#65c9ee 58%,#719cff 82%,#9a83f0 100%)!important;
}

@media(max-width:900px){
  body.we-beyond-v2-page .bv94-system-planet-image{width:clamp(210px,36vw,285px)}
  body.we-beyond-v2-page .bv92-system-copy>p{font-size:15px!important}
  body.we-beyond-v2-page .bv92-situation-card p{font-size:13.5px!important}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv94-reveal-ready .bv94-reveal{
    transform:translate3d(0,15px,0);
    filter:blur(2px);
  }
  body.we-beyond-v2-page .bv92-situations-head>p{font-size:14.5px!important}
  body.we-beyond-v2-page .bv92-system-copy>p{font-size:14.5px!important}
  body.we-beyond-v2-page .bv94-system-planet-image{width:min(58vw,250px)}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv94-reveal-ready .bv94-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  body.we-beyond-v2-page .bv94-system-planet-image{transition:none!important}
}


/* ==============================================================
   BEYOND V0.10.96 — FINAL LIGHT / HEADLINE CROP PASS
   - brighter, richer photographic planet without changing geometry
   - soft directional illumination for more depth
   - S04 gradient headline gets safe glyph breathing room / no clipping
   ============================================================== */

/* S03 — lift the photographic planet out of the shadows a little more.
   Keep the surface texture visible; only enhance light, color and depth. */
body.we-beyond-v2-page .bv94-system-planet-image{
  filter:
    saturate(1.03)
    brightness(.88)
    contrast(1.055)
    drop-shadow(0 0 12px rgba(113,220,255,.20))
    drop-shadow(0 0 38px rgba(102,134,255,.16))
    drop-shadow(0 0 78px rgba(171,88,236,.11))!important;
}
body.we-beyond-v2-page .bv92-system-visual::before{
  content:"";
  position:absolute;
  z-index:5;
  left:50%;top:51%;
  width:clamp(225px,19.5vw,305px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  border-radius:50%;
  pointer-events:none;
  background:
    radial-gradient(circle at 30% 24%,rgba(175,231,255,.20),transparent 29%),
    radial-gradient(circle at 66% 72%,rgba(224,104,200,.10),transparent 35%),
    linear-gradient(118deg,rgba(102,202,255,.035),transparent 42%,rgba(148,94,244,.04) 72%,transparent);
  box-shadow:
    inset 13px 10px 34px rgba(132,221,255,.045),
    inset -18px -16px 42px rgba(27,9,58,.10);
  mix-blend-mode:screen;
  opacity:.78;
  filter:blur(.35px);
}
@media(hover:hover){
  body.we-beyond-v2-page .bv92-system-visual:hover .bv94-system-planet-image{
    filter:
      saturate(1.08)
      brightness(.94)
      contrast(1.06)
      drop-shadow(0 0 14px rgba(116,226,255,.24))
      drop-shadow(0 0 48px rgba(105,136,255,.19))
      drop-shadow(0 0 92px rgba(173,91,238,.14))!important;
  }
  body.we-beyond-v2-page .bv92-system-visual:hover::before{opacity:.92}
}

/* S04 — the forced three lines stay exactly as designed, but the text box is
   allowed to breathe so Manrope's antialiasing / gradient paint cannot clip. */
body.we-beyond-v2-page .bv2-sunrise-main,
body.we-beyond-v2-page .bv2-sunrise-copy,
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  overflow:visible!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  line-height:1.06!important;
  padding:.045em .10em .10em .025em!important;
  margin:-.045em -.10em -.10em -.025em!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2 span.bv93-sun-line{
  overflow:visible!important;
  padding:.035em .075em .055em .025em!important;
  margin:-.035em -.075em -.055em -.025em!important;
}

@media(max-width:900px){
  body.we-beyond-v2-page .bv92-system-visual::before{width:clamp(210px,36vw,285px)}
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv92-system-visual::before{width:min(58vw,250px)}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{line-height:1.07!important}
}
@media(prefers-reduced-motion:reduce){
  body.we-beyond-v2-page .bv92-system-visual::before{transition:none!important}
}

/* ==============================================================
   BEYOND V0.10.96 — PETROL PLANET / S04 MICRO-TUNING
   - swaps in a petrol-white planet asset with subtle WE terrain
   - increases S04 headline line-height a touch to avoid the clipped G
   - lets S04 enter slightly earlier while scrolling
   ============================================================== */

/* S03 — new asset already carries more detail; keep it dark/premium but not too heavy. */
body.we-beyond-v2-page .bv94-system-planet-image{
  filter:
    saturate(.98)
    brightness(.92)
    contrast(1.025)
    drop-shadow(0 0 12px rgba(113,220,255,.20))
    drop-shadow(0 0 38px rgba(102,134,255,.16))
    drop-shadow(0 0 78px rgba(171,88,236,.10))!important;
}
@media(hover:hover){
  body.we-beyond-v2-page .bv92-system-visual:hover .bv94-system-planet-image{
    filter:
      saturate(1.02)
      brightness(.97)
      contrast(1.03)
      drop-shadow(0 0 14px rgba(116,226,255,.24))
      drop-shadow(0 0 48px rgba(105,136,255,.19))
      drop-shadow(0 0 92px rgba(173,91,238,.12))!important;
  }
}

/* S04 — start a little earlier and give the headline just a touch more breathing room. */
body.we-beyond-v2-page .bv2-sunrise{margin-top:-62px!important}
body.we-beyond-v2-page .bv2-sunrise-copy h2{
  line-height:1.08!important;
  padding:.05em .10em .12em .025em!important;
  margin:-.05em -.10em -.12em -.025em!important;
}
body.we-beyond-v2-page .bv2-sunrise-copy h2 span.bv93-sun-line{
  padding:.04em .075em .07em .025em!important;
  margin:-.04em -.075em -.07em -.025em!important;
}
@media(max-width:760px){
  body.we-beyond-v2-page .bv2-sunrise{margin-top:-34px!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{line-height:1.09!important}
}

/* ==============================================================
   V0.10.97 — ABOUT / ÜBER UNS
   Compact three-part company story: origin, why WE, contact.
   ============================================================== */
body.we-about-page{
  background:#03050b;
  color:#f3f7fb;
}
body.we-about-page .about-page{position:relative;overflow:clip}
body.we-about-page .about-scene{position:relative;min-height:88svh;display:flex;align-items:center;isolation:isolate}
body.we-about-page .about-index{
  color:#6f8294;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
}

/* 01 / origin */
body.we-about-page .about-intro{min-height:94svh;padding:148px 0 110px}
body.we-about-page .about-intro-shell{position:relative;z-index:3}
body.we-about-page .about-year{
  position:absolute;z-index:-1;right:-.02em;top:50%;transform:translateY(-52%);
  color:transparent;-webkit-text-stroke:1px rgba(116,183,221,.065);
  font-size:clamp(180px,30vw,510px);font-weight:800;line-height:.75;letter-spacing:-.09em;
  user-select:none;pointer-events:none;
}
body.we-about-page .about-intro-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(90px);opacity:.18;mix-blend-mode:screen}
body.we-about-page .about-intro-glow--a{width:480px;height:360px;left:5%;top:20%;background:rgba(31,166,210,.20);animation:about-drift-a 15s ease-in-out infinite alternate}
body.we-about-page .about-intro-glow--b{width:420px;height:320px;right:4%;bottom:10%;background:rgba(120,84,224,.13);animation:about-drift-b 18s ease-in-out infinite alternate}
@keyframes about-drift-a{to{transform:translate3d(60px,24px,0) scale(1.08)}}
@keyframes about-drift-b{to{transform:translate3d(-52px,-20px,0) scale(.94)}}
body.we-about-page .about-intro h1{
  max-width:1020px;margin:26px 0 34px;font-size:clamp(58px,6.7vw,106px);line-height:.91;letter-spacing:-.065em;font-weight:650;
}
body.we-about-page .about-intro h1 span{
  background:linear-gradient(92deg,#f5fbff 0%,#74ddf5 42%,#7b9cff 74%,#a38afb 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.we-about-page .about-intro-copy{max-width:760px;color:#9aa9b6;font-size:clamp(16px,1.18vw,19px);line-height:1.67}
body.we-about-page .about-intro-copy p{margin:0 0 13px}
body.we-about-page .about-intro-copy strong{color:#e5f3f8;font-weight:650}
body.we-about-page .about-evolution{
  display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:42px;color:#5d7184;font-size:9px;letter-spacing:.15em;font-weight:700;
}
body.we-about-page .about-evolution span{transition:color .25s ease,text-shadow .25s ease}
body.we-about-page .about-evolution span:hover{color:#d9f8ff;text-shadow:0 0 16px rgba(82,214,245,.24)}
body.we-about-page .about-evolution i{font-style:normal;color:#32475a}

/* 02 / why WE */
body.we-about-page .about-why{min-height:92svh;padding:110px 0 118px}
body.we-about-page .about-why::before{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;
  background:radial-gradient(ellipse at 74% 51%,rgba(38,136,188,.07),transparent 34%),radial-gradient(ellipse at 90% 58%,rgba(112,73,201,.055),transparent 28%);
}
body.we-about-page .about-why-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(450px,.9fr);align-items:center;gap:clamp(58px,7vw,118px)}
body.we-about-page .about-why-copy{max-width:720px}
body.we-about-page .about-why h2{
  margin:24px 0 30px;font-size:clamp(45px,4.75vw,75px);line-height:.96;letter-spacing:-.055em;font-weight:640;
}
body.we-about-page .about-why h2 span{
  background:linear-gradient(92deg,#dff7fb 0%,#71d7ec 40%,#799cff 72%,#a485ed 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
body.we-about-page .about-why-text{max-width:680px;color:#98a8b6;font-size:clamp(16px,1.1vw,18px);line-height:1.68}
body.we-about-page .about-why-text p{margin:0 0 16px}
body.we-about-page .about-why-text strong{color:#e4f4f8;font-weight:620}

body.we-about-page .about-convergence{position:relative;min-height:570px;width:100%;isolation:isolate}
body.we-about-page .about-convergence-haze{
  position:absolute;inset:14% 4%;border-radius:50%;z-index:-1;filter:blur(54px);opacity:.38;
  background:radial-gradient(ellipse at 64% 50%,rgba(53,204,235,.16),rgba(102,81,213,.07) 38%,transparent 72%);
}
body.we-about-page .about-convergence-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
body.we-about-page .about-line-glow path,
body.we-about-page .about-line-core path{fill:none;stroke-linecap:round}
body.we-about-page .about-line-glow path{stroke-width:14;opacity:.26}
body.we-about-page .about-line-core path{stroke-width:1.15;opacity:.88;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s cubic-bezier(.2,.7,.2,1)}
body.we-about-page .about-convergence.is-visible .about-line-core path{stroke-dashoffset:0}
body.we-about-page .about-convergence-core{fill:#e9fbff;filter:drop-shadow(0 0 7px rgba(122,230,255,.92)) drop-shadow(0 0 26px rgba(95,176,255,.48));animation:about-core-pulse 3.4s ease-in-out infinite alternate}
body.we-about-page .about-convergence-ring{fill:none;stroke:rgba(128,224,247,.20);stroke-width:1;animation:about-ring-pulse 3.4s ease-in-out infinite alternate}
@keyframes about-core-pulse{to{filter:drop-shadow(0 0 10px rgba(177,244,255,.98)) drop-shadow(0 0 42px rgba(101,175,255,.62))}}
@keyframes about-ring-pulse{to{r:40;opacity:.38}}
body.we-about-page .about-discipline-labels{position:absolute;inset:0;pointer-events:none}
body.we-about-page .about-discipline-labels span{
  position:absolute;left:3%;top:var(--y);transform:translateY(-50%);color:var(--c);font-size:9px;font-weight:750;letter-spacing:.17em;text-shadow:0 0 16px color-mix(in srgb,var(--c) 35%,transparent);
}
body.we-about-page .about-problem-first{position:absolute;left:77%;top:50%;transform:translate(-50%,-50%);width:190px;text-align:left}
body.we-about-page .about-problem-first small{display:block;margin-bottom:10px;color:#607588;font-size:8px;letter-spacing:.18em}
body.we-about-page .about-problem-first strong{display:block;color:#f0f9fc;font-size:clamp(33px,3.2vw,52px);line-height:.88;letter-spacing:-.055em;text-shadow:0 0 32px rgba(80,205,237,.08)}
body.we-about-page .about-problem-first span{display:block;margin-top:15px;color:#8192a0;font-size:11px;line-height:1.45}

/* 03 / familiar homepage contact */
body.we-about-page .about-contact{min-height:82svh}
body.we-about-page .about-contact .contact-final-copy h2{font-size:clamp(60px,7.2vw,112px);max-width:1100px}
body.we-about-page .about-footer{border-top:1px solid rgba(128,190,219,.08)}

@media(max-width:1050px){
  body.we-about-page .about-why-shell{grid-template-columns:1fr;gap:54px}
  body.we-about-page .about-convergence{width:min(760px,94vw);justify-self:center;min-height:500px}
  body.we-about-page .about-year{font-size:clamp(180px,38vw,390px);top:42%}
}
@media(max-width:760px){
  body.we-about-page .about-scene{min-height:auto}
  body.we-about-page .about-intro{padding:128px 0 82px}
  body.we-about-page .about-intro h1{font-size:clamp(48px,13vw,68px);line-height:.94;margin-top:20px}
  body.we-about-page .about-intro-copy{font-size:15px;line-height:1.62}
  body.we-about-page .about-evolution{gap:8px;font-size:7px;margin-top:32px}
  body.we-about-page .about-year{right:-.08em;top:31%;font-size:58vw;opacity:.7}
  body.we-about-page .about-why{padding:78px 0 90px}
  body.we-about-page .about-why h2{font-size:clamp(39px,10.6vw,51px);line-height:.98}
  body.we-about-page .about-why-text{font-size:15px}
  body.we-about-page .about-convergence{min-height:420px;width:108%;margin-left:-4%}
  body.we-about-page .about-discipline-labels span{left:1%;font-size:6.5px}
  body.we-about-page .about-problem-first{left:76%;width:145px}
  body.we-about-page .about-problem-first strong{font-size:34px}
  body.we-about-page .about-problem-first span{font-size:9px}
  body.we-about-page .about-contact .contact-final-copy h2{font-size:clamp(52px,15vw,78px)}
}
@media(prefers-reduced-motion:reduce){
  body.we-about-page .about-intro-glow,
  body.we-about-page .about-convergence-core,
  body.we-about-page .about-convergence-ring{animation:none!important}
  body.we-about-page .about-line-core path{stroke-dashoffset:0!important;transition:none!important}
}

/* ==============================================================
   V0.10.98 — ABOUT / QUIETER SCALE + CENTERED WHY GRID
   - smaller headings across the page
   - S02 becomes centered intro + four concise reason cards
   ============================================================== */

/* Overall type scale: still editorial, but less dominant. */
body.we-about-page .about-intro h1{
  max-width:920px;
  font-size:clamp(52px,5.55vw,88px);
  line-height:.94;
  letter-spacing:-.058em;
}
body.we-about-page .about-contact .contact-final-copy h2{
  max-width:980px;
  font-size:clamp(54px,6vw,92px);
}

/* 02 / centered explanation + boxes */
body.we-about-page .about-why{
  min-height:auto;
  padding:116px 0 132px;
  align-items:flex-start;
}
body.we-about-page .about-why::before{
  background:
    radial-gradient(ellipse at 50% 30%,rgba(40,158,199,.075),transparent 34%),
    radial-gradient(ellipse at 72% 72%,rgba(112,73,201,.045),transparent 30%);
}
body.we-about-page .about-why-shell{
  display:block;
}
body.we-about-page .about-why-head{
  width:min(920px,100%);
  margin:0 auto 54px;
  text-align:center;
}
body.we-about-page .about-why-head .about-index{
  margin-bottom:20px;
}
body.we-about-page .about-why h2{
  margin:0 auto 24px;
  max-width:900px;
  font-size:clamp(42px,4.15vw,64px);
  line-height:1.01;
  letter-spacing:-.05em;
  font-weight:640;
}
body.we-about-page .about-why h2 span{
  display:inline;
}
body.we-about-page .about-why-lead{
  max-width:760px;
  margin:0 auto;
  color:#93a5b4;
  font-size:clamp(15px,1.05vw,17px);
  line-height:1.66;
}
body.we-about-page .about-why-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  width:min(1160px,100%);
  margin:0 auto;
}
body.we-about-page .about-why-card{
  --about-card-rgb:82,204,236;
  position:relative;
  min-height:250px;
  padding:27px 30px 30px;
  overflow:hidden;
  border:1px solid rgba(132,185,211,.13);
  border-radius:24px;
  background:
    linear-gradient(145deg,rgba(var(--about-card-rgb),.055),rgba(7,11,20,.64) 44%,rgba(5,8,15,.78)),
    rgba(5,9,17,.72);
  box-shadow:inset 0 1px rgba(255,255,255,.025),0 26px 70px rgba(0,0,0,.12);
  transition:transform .38s cubic-bezier(.2,.7,.2,1),border-color .38s ease,background .38s ease;
}
body.we-about-page .about-why-card::before{
  content:"";
  position:absolute;
  right:-58px;
  bottom:-78px;
  width:220px;
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(var(--about-card-rgb),.12),transparent 68%);
  filter:blur(8px);
  opacity:.8;
  transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease;
}
body.we-about-page .about-why-card--cyan{--about-card-rgb:72,213,235}
body.we-about-page .about-why-card--blue{--about-card-rgb:79,145,255}
body.we-about-page .about-why-card--violet{--about-card-rgb:153,111,244}
body.we-about-page .about-why-card--principle{--about-card-rgb:110,225,224}
body.we-about-page .about-why-card-top{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:52px;
  color:rgba(var(--about-card-rgb),.9);
  font-size:8px;
  font-weight:760;
  letter-spacing:.17em;
}
body.we-about-page .about-why-card-top i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgb(var(--about-card-rgb));
  box-shadow:0 0 10px rgba(var(--about-card-rgb),.82),0 0 28px rgba(var(--about-card-rgb),.30);
}
body.we-about-page .about-why-card h3{
  position:relative;
  z-index:2;
  margin:0 0 13px;
  max-width:470px;
  color:#edf6fa;
  font-size:clamp(25px,2vw,31px);
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:630;
}
body.we-about-page .about-why-card p{
  position:relative;
  z-index:2;
  max-width:520px;
  margin:0;
  color:#8fa1b0;
  font-size:14.5px;
  line-height:1.62;
}
body.we-about-page .about-why-card strong{color:#dff3f7;font-weight:620}
body.we-about-page .about-why-card--principle h3{
  background:linear-gradient(92deg,#f4fbfc,#78dce9 46%,#8ba9ff 76%,#a991f3);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
@media(hover:hover){
  body.we-about-page .about-why-card:hover{
    transform:translateY(-5px);
    border-color:rgba(var(--about-card-rgb),.28);
  }
  body.we-about-page .about-why-card:hover::before{
    transform:translate(-12px,-10px) scale(1.08);
    opacity:1;
  }
}

@media(max-width:900px){
  body.we-about-page .about-why{padding:96px 0 110px}
  body.we-about-page .about-why-head{margin-bottom:42px}
  body.we-about-page .about-why-grid{grid-template-columns:1fr 1fr}
  body.we-about-page .about-why-card{min-height:235px;padding:24px 25px 27px}
  body.we-about-page .about-why-card-top{margin-bottom:42px}
}
@media(max-width:760px){
  body.we-about-page .about-intro h1{font-size:clamp(43px,11.8vw,60px);line-height:.97}
  body.we-about-page .about-why{padding:76px 0 88px}
  body.we-about-page .about-why h2{font-size:clamp(36px,9.4vw,46px);line-height:1.02}
  body.we-about-page .about-why-lead{font-size:15px;line-height:1.62}
  body.we-about-page .about-why-grid{grid-template-columns:1fr;gap:12px}
  body.we-about-page .about-why-card{min-height:210px;border-radius:20px;padding:22px 22px 24px}
  body.we-about-page .about-why-card-top{margin-bottom:34px}
  body.we-about-page .about-why-card h3{font-size:25px}
  body.we-about-page .about-why-card p{font-size:14px}
  body.we-about-page .about-contact .contact-final-copy h2{font-size:clamp(44px,12.6vw,64px)}
}
@media(prefers-reduced-motion:reduce){
  body.we-about-page .about-why-card{transition:none!important}
}

/* ==============================================================
   V0.10.99 — ABOUT / S02 ONE SYSTEM FRAME
   - wraps eyebrow, heading, lead and four reason cards in one parent panel
   - keeps the inner cards, but visually subordinates them to the main frame
   ============================================================== */
body.we-about-page .about-why{
  padding:104px 0 124px;
}
body.we-about-page .about-why-shell{
  position:relative;
  width:min(1260px,calc(100vw - 96px));
  padding:clamp(42px,4.5vw,66px) clamp(34px,4.6vw,64px) clamp(36px,4.2vw,58px);
  overflow:hidden;
  border:1px solid rgba(139,190,215,.16);
  border-radius:32px;
  background:
    radial-gradient(ellipse at 18% 0%,rgba(51,192,220,.075),transparent 32%),
    radial-gradient(ellipse at 86% 100%,rgba(133,91,221,.065),transparent 34%),
    linear-gradient(145deg,rgba(12,22,32,.72),rgba(6,10,18,.82) 46%,rgba(6,8,16,.88));
  box-shadow:
    inset 0 1px rgba(255,255,255,.035),
    0 34px 100px rgba(0,0,0,.18),
    0 0 70px rgba(64,175,219,.035);
  isolation:isolate;
}
body.we-about-page .about-why-shell::before{
  content:"";
  position:absolute;
  z-index:0;
  left:7%;right:7%;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(84,223,241,.38) 28%,rgba(126,154,255,.26) 58%,rgba(164,105,235,.24) 78%,transparent);
  box-shadow:0 0 20px rgba(83,207,236,.10);
  pointer-events:none;
}
body.we-about-page .about-why-shell::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:auto -10% -30% 28%;
  height:52%;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(95,111,224,.075),transparent 68%);
  filter:blur(28px);
  pointer-events:none;
}
body.we-about-page .about-why-head,
body.we-about-page .about-why-grid{
  position:relative;
  z-index:1;
}
body.we-about-page .about-why-head{
  width:min(900px,100%);
  margin:0 auto 46px;
}
body.we-about-page .about-why-grid{
  width:100%;
  gap:14px;
}
body.we-about-page .about-why-card{
  min-height:238px;
  border-color:rgba(142,188,210,.105);
  background:
    linear-gradient(145deg,rgba(var(--about-card-rgb),.048),rgba(7,11,20,.58) 44%,rgba(5,8,15,.72)),
    rgba(5,9,17,.62);
  box-shadow:inset 0 1px rgba(255,255,255,.02),0 18px 46px rgba(0,0,0,.09);
}
@media(hover:hover){
  body.we-about-page .about-why-shell:hover{
    border-color:rgba(144,205,229,.205);
  }
}
@media(max-width:900px){
  body.we-about-page .about-why{padding:88px 0 102px}
  body.we-about-page .about-why-shell{
    width:min(100% - 40px,820px);
    padding:42px 28px 30px;
    border-radius:28px;
  }
  body.we-about-page .about-why-head{margin-bottom:38px}
  body.we-about-page .about-why-card{min-height:226px}
}
@media(max-width:760px){
  body.we-about-page .about-why{padding:68px 0 82px}
  body.we-about-page .about-why-shell{
    width:calc(100% - 28px);
    padding:34px 16px 16px;
    border-radius:24px;
  }
  body.we-about-page .about-why-head{margin-bottom:30px;padding:0 8px}
  body.we-about-page .about-why-grid{gap:10px}
  body.we-about-page .about-why-card{min-height:202px;border-radius:18px}
}

/* ==============================================================
   V0.10.100 — ABOUT / S02 FIVE SEPARATE BLOCKS
   - full viewport section on desktop
   - heading/intro becomes its own card
   - four reason cards sit separately below; no outer frame
   ============================================================== */
body.we-about-page .about-why{
  min-height:100vh;
  padding:clamp(76px,8vh,104px) 0 clamp(62px,7vh,88px);
  align-items:center;
}
body.we-about-page .about-why-shell{
  position:relative;
  width:min(1260px,calc(100vw - 96px));
  padding:0;
  overflow:visible;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  isolation:isolate;
}
body.we-about-page .about-why-shell::before,
body.we-about-page .about-why-shell::after{
  content:none;
}

/* Block 01: centered headline / explanation */
body.we-about-page .about-why-head{
  position:relative;
  z-index:1;
  width:100%;
  margin:0 0 14px;
  padding:clamp(30px,3.5vw,44px) clamp(28px,4.5vw,58px) clamp(32px,3.7vw,46px);
  overflow:hidden;
  border:1px solid rgba(139,190,215,.14);
  border-radius:24px;
  background:
    radial-gradient(ellipse at 18% 0%,rgba(53,201,226,.07),transparent 34%),
    radial-gradient(ellipse at 87% 110%,rgba(135,95,225,.065),transparent 36%),
    linear-gradient(145deg,rgba(10,18,28,.74),rgba(6,10,18,.76));
  box-shadow:inset 0 1px rgba(255,255,255,.028),0 18px 48px rgba(0,0,0,.10);
  text-align:center;
}
body.we-about-page .about-why-head::before{
  content:"";
  position:absolute;
  left:10%;right:10%;top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(81,220,241,.34) 30%,rgba(124,153,255,.22) 62%,rgba(164,105,235,.22) 82%,transparent);
  box-shadow:0 0 18px rgba(83,207,236,.08);
  pointer-events:none;
}
body.we-about-page .about-why-head .about-index{
  margin-bottom:16px;
}
body.we-about-page .about-why h2{
  max-width:940px;
  margin:0 auto 20px;
  font-size:clamp(40px,3.75vw,60px);
  line-height:1.01;
}
body.we-about-page .about-why-lead{
  max-width:780px;
}

/* Blocks 02–05 */
body.we-about-page .about-why-grid{
  position:relative;
  z-index:1;
  width:100%;
  gap:14px;
}
body.we-about-page .about-why-card{
  min-height:210px;
  padding:24px 28px 27px;
  border-radius:24px;
  border-color:rgba(142,188,210,.12);
  background:
    linear-gradient(145deg,rgba(var(--about-card-rgb),.052),rgba(7,11,20,.62) 46%,rgba(5,8,15,.76)),
    rgba(5,9,17,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.022),0 18px 46px rgba(0,0,0,.10);
}
body.we-about-page .about-why-card-top{
  margin-bottom:34px;
}
body.we-about-page .about-why-card h3{
  font-size:clamp(24px,1.8vw,29px);
}
body.we-about-page .about-why-card p{
  font-size:14px;
  line-height:1.58;
}

@media(hover:hover){
  body.we-about-page .about-why-shell:hover{border-color:transparent}
  body.we-about-page .about-why-head{
    transition:transform .38s cubic-bezier(.2,.7,.2,1),border-color .38s ease;
  }
  body.we-about-page .about-why-head:hover{
    transform:translateY(-3px);
    border-color:rgba(139,206,231,.23);
  }
}

@media(max-width:900px){
  body.we-about-page .about-why{
    min-height:auto;
    padding:88px 0 102px;
  }
  body.we-about-page .about-why-shell{
    width:min(100% - 40px,820px);
    padding:0;
    border-radius:0;
  }
  body.we-about-page .about-why-head{
    margin-bottom:12px;
    padding:34px 28px 36px;
    border-radius:22px;
  }
  body.we-about-page .about-why-grid{gap:12px}
  body.we-about-page .about-why-card{min-height:218px}
}

@media(max-width:760px){
  body.we-about-page .about-why{
    min-height:auto;
    padding:68px 0 82px;
  }
  body.we-about-page .about-why-shell{
    width:calc(100% - 28px);
    padding:0;
  }
  body.we-about-page .about-why-head{
    margin-bottom:10px;
    padding:30px 22px 32px;
    border-radius:20px;
  }
  body.we-about-page .about-why-head .about-index{margin-bottom:14px}
  body.we-about-page .about-why h2{
    font-size:clamp(35px,9.2vw,45px);
    margin-bottom:18px;
  }
  body.we-about-page .about-why-grid{gap:10px}
  body.we-about-page .about-why-card{
    min-height:202px;
    padding:22px 22px 24px;
    border-radius:18px;
  }
  body.we-about-page .about-why-card-top{margin-bottom:32px}
}

@media(prefers-reduced-motion:reduce){
  body.we-about-page .about-why-head{transition:none!important}
}


/* ==============================================================
   V0.10.101 — RESPONSIVE SYSTEM PASS
   Desktop >= 1440px is deliberately untouched.
   Laptop / tablet / mobile receive layout-only refinements so the
   established desktop art direction remains the source of truth.
   ============================================================== */

/* Safety net for all non-desktop layouts: no grid/flex child may force the
   viewport wider than the device. Decorative layers can still bleed because
   their parent scenes already clip/contain them intentionally. */
@media (max-width:1439px){
  main,main section,.page-shell,
  .web-hero-shell-v093,.growth-hero-shell,.brand-hero-shell,
  .ai-hero-shell,.infra-hero-shell,.trust-hero-shell,
  .about-intro-shell,.about-why-shell{min-width:0}

  main img,main svg,main canvas{max-width:100%}
  main h1,main h2,main h3,main p{overflow-wrap:break-word}

  .signal-dialog{max-width:calc(100vw - 28px)}
}

/* --------------------------------------------------------------
   LAPTOP — 1081–1439px
   Keep the desktop compositions, but pull in the rails and reduce vertical
   excess for the common 1366×768 / 1440×900 laptop viewport.
   -------------------------------------------------------------- */
@media (min-width:1081px) and (max-width:1439px){
  :root{
    --shell:min(1240px,calc(100vw - 80px));
    --world-shell:min(1240px,calc(100vw - 80px));
  }

  body.we-world-page .topbar-inner,
  body.we-world-page .page-shell.page-shell,
  body.we-world-page .site-footer,
  body.we-world-page .world-footer{width:var(--world-shell);max-width:none}

  .topbar-inner{width:var(--shell)}

  /* Homepage */
  .hero-title{font-size:clamp(56px,6.1vw,88px)}
  .principle-title{font-size:clamp(52px,5.8vw,82px)}
  .connect-heading-row h2{font-size:clamp(56px,6.4vw,92px)}
  .references-head h2{font-size:clamp(48px,5.1vw,72px)}
  .contact-final-copy h2{font-size:clamp(66px,7.2vw,104px)}

  /* WEB */
  body.we-web-page .web-hero-shell-v093{grid-template-columns:minmax(0,1fr) minmax(390px,.74fr);gap:42px}
  body.we-web-page .web-hero-v093 h1{font-size:clamp(50px,5.2vw,72px)}
  body.we-web-page .web-browser-window-v093{width:min(500px,39vw)!important}
  body.we-web-page .web-challenges-head h2,
  body.we-web-page .web-build-head-v093 h2{font-size:clamp(44px,4.4vw,62px)}

  /* GROWTH */
  body.we-growth-page .growth-hero-shell{grid-template-columns:minmax(0,1fr) minmax(330px,.65fr);gap:46px}
  body.we-growth-page .growth-hero h1{font-size:clamp(48px,4.85vw,68px)}
  body.we-growth-page .growth-hero-field{right:-5vw;width:min(58vw,790px)}
  body.we-growth-page .growth-stair-stage{gap:12px}
  body.we-growth-page .growth-step{padding-left:17px;padding-right:17px}

  /* BRAND */
  body.we-brand-page .brand-hero-shell{grid-template-columns:minmax(0,.94fr) minmax(440px,.78fr);gap:42px}
  body.we-brand-page .brand-hero h1{font-size:clamp(46px,4.55vw,64px)}
  body.we-brand-page .brand-hero-art{min-height:510px}
  body.we-brand-page .brand-chaos-composition,
  body.we-brand-page .brand-chaos-thread{transform:scale(.88)}

  /* AI / INFRA / TRUST */
  body.we-ai-page .ai-hero-shell{grid-template-columns:minmax(0,.92fr) minmax(450px,1.02fr);gap:44px}
  body.we-ai-page .ai-hero-copy h1{font-size:clamp(46px,4.2vw,60px)}
  body.we-ai-page .ai-hero-system{height:560px}

  body.we-infrastructure-page .infra-hero-shell{grid-template-columns:minmax(0,.9fr) minmax(450px,1fr);gap:42px}
  body.we-infrastructure-page .infra-hero-copy h1{font-size:clamp(44px,4.15vw,58px)}
  body.we-infrastructure-page .infra-chassis{min-height:520px}

  body.we-trust-page .trust-hero-shell{grid-template-columns:minmax(0,.95fr) minmax(450px,1fr);gap:38px}
  body.we-trust-page .trust-hero-copy h1{font-size:clamp(43px,4vw,57px)}
  body.we-trust-page .trust-hero-system{min-height:515px;transform:scale(.95)}

  /* ABOUT */
  body.we-about-page .about-intro{padding-top:126px;padding-bottom:88px}
  body.we-about-page .about-intro h1{font-size:clamp(52px,5.4vw,76px)}
  body.we-about-page .about-why h2{font-size:clamp(43px,4.45vw,62px)}
}

@media (min-width:1081px) and (max-width:1439px) and (max-height:850px){
  .hero{padding-top:98px}
  .hero-console{margin-top:24px}

  body.we-web-page .web-hero-v093,
  body.we-growth-page .growth-hero,
  body.we-brand-page .brand-hero,
  body.we-ai-page .ai-hero,
  body.we-infrastructure-page .infra-hero,
  body.we-trust-page .trust-hero{
    min-height:100svh;
    padding-top:94px!important;
    padding-bottom:48px!important;
  }

  body.we-growth-page .growth-hero-field{top:6%;height:88%}
  body.we-brand-page .brand-hero-art{min-height:455px}
  body.we-ai-page .ai-hero-system{height:500px}
  body.we-infrastructure-page .infra-chassis{min-height:470px}
  body.we-trust-page .trust-hero-system{min-height:470px}

  body.we-about-page .about-intro{min-height:100svh;padding-top:112px;padding-bottom:62px}
  body.we-about-page .about-evolution{margin-top:28px}
}

/* --------------------------------------------------------------
   TABLET — 768–1080px
   One readable column for hero copy + visual, two-column card systems where
   useful, and natural section heights instead of desktop viewport forcing.
   -------------------------------------------------------------- */
@media (min-width:768px) and (max-width:1080px){
  :root{
    --shell:min(920px,calc(100vw - 56px));
    --world-shell:min(920px,calc(100vw - 56px));
  }

  .topbar-inner,
  body.we-world-page .topbar-inner,
  body.we-world-page .page-shell.page-shell,
  body.we-world-page .site-footer,
  body.we-world-page .world-footer{width:var(--world-shell);max-width:none}

  .full-logo{width:190px;height:60px}

  .scene,
  .web-scene,.growth-scene,.brand-scene,.ai-scene,.infra-scene,.trust-scene,
  .about-scene{min-height:auto}

  /* Homepage */
  .hero{min-height:100svh;padding:118px 0 82px}
  .hero-stage{width:min(820px,100%)}
  .hero-title{font-size:clamp(58px,8.2vw,82px)}
  .principle{min-height:auto;padding:110px 0 100px}
  .principle-title{font-size:clamp(50px,7.4vw,70px)}
  .universe-section,.universe-stage{min-height:980px}
  .connect-stage{padding-top:108px;padding-bottom:92px}
  .connect-heading-row h2{font-size:clamp(52px,7vw,72px)}
  .references-section{padding:86px 0}
  .beyond-section{padding:96px 0}
  .contact-final-section{min-height:auto;padding:104px 0 112px}
  .contact-final-copy h2{font-size:clamp(64px,10vw,92px)}

  /* WEB */
  body.we-web-page .web-hero-v093{min-height:auto!important;padding:122px 0 88px!important}
  body.we-web-page .web-hero-shell-v093{grid-template-columns:1fr!important;gap:30px!important}
  body.we-web-page .web-hero-left-v093{max-width:760px}
  body.we-web-page .web-hero-v093 h1{font-size:clamp(50px,7vw,66px)!important}
  body.we-web-page .web-hero-interface-v093{width:min(760px,100%);min-height:430px!important;margin:0 auto}
  body.we-web-page .web-browser-window-v093,
  body.we-web-page .web-hero-interface-v093:hover .web-browser-window-v093,
  body.we-web-page .web-browser-window-v093:hover{
    left:50%!important;right:auto!important;top:50%!important;width:min(650px,78vw)!important;
    transform:translate(-50%,-50%) rotate(-.5deg) scale(.94)!important;
  }
  body.we-web-page .web-hero-network{right:-22vw!important;width:96vw!important;opacity:.34!important}
  body.we-web-page .web-challenges,
  body.we-web-page .web-build-v093,
  body.we-web-page .web-contact-v093{min-height:auto!important;padding-top:96px!important;padding-bottom:88px!important}
  body.we-web-page .web-challenges-head,
  body.we-web-page .web-build-head-v093{grid-template-columns:1fr!important;gap:18px!important}
  body.we-web-page .web-challenges-head h2,
  body.we-web-page .web-build-head-v093 h2{font-size:clamp(44px,6vw,58px)!important}
  body.we-web-page .web-monitor-grid{grid-template-columns:1fr 1fr!important}

  /* GROWTH */
  body.we-growth-page .growth-scene{padding-top:94px;padding-bottom:86px}
  body.we-growth-page .growth-hero{min-height:auto;padding-top:126px!important;padding-bottom:90px!important}
  body.we-growth-page .growth-hero-shell{display:block!important}
  body.we-growth-page .growth-hero-copy{max-width:720px}
  body.we-growth-page .growth-hero h1{font-size:clamp(48px,7vw,64px)}
  body.we-growth-page .growth-hero-field{right:-18vw;top:22%;width:86vw;height:70%;opacity:.40}
  body.we-growth-page .growth-head-split{grid-template-columns:1fr!important;gap:20px!important}
  body.we-growth-page .growth-head-split h2,
  body.we-growth-page .growth-system-head h2{font-size:clamp(42px,6vw,56px)!important}
  body.we-growth-page .growth-stair-stage{height:auto!important;grid-template-columns:1fr 1fr!important;align-items:stretch!important;gap:14px!important;padding:0!important;margin-top:38px!important}
  body.we-growth-page .growth-step,
  body.we-growth-page .growth-step--1,
  body.we-growth-page .growth-step--2,
  body.we-growth-page .growth-step--3,
  body.we-growth-page .growth-step--4,
  body.we-growth-page .growth-step--5{height:auto!important;min-height:220px!important;padding:22px 22px 58px!important}
  body.we-growth-page .growth-step--5{grid-column:1/-1}
  body.we-growth-page .growth-step p{max-width:none}
  body.we-growth-page .growth-orbit-board{min-height:720px!important;margin-top:24px!important}
  body.we-growth-page .growth-contact{min-height:auto;padding-top:94px;padding-bottom:94px}

  /* BRAND */
  body.we-brand-page .brand-scene{padding-top:92px;padding-bottom:86px}
  body.we-brand-page .brand-hero{min-height:auto;padding-top:126px!important;padding-bottom:84px!important}
  body.we-brand-page .brand-hero-shell{grid-template-columns:1fr!important;gap:20px!important}
  body.we-brand-page .brand-hero-copy{max-width:720px}
  body.we-brand-page .brand-hero h1{font-size:clamp(47px,6.6vw,62px)}
  body.we-brand-page .brand-hero-art{min-height:500px!important;margin-top:12px}
  body.we-brand-page .brand-chaos-composition,
  body.we-brand-page .brand-chaos-thread{width:720px;max-width:none;transform:scale(.72)}
  body.we-brand-page .brand-head-split{grid-template-columns:1fr!important;gap:20px!important}
  body.we-brand-page .brand-challenge-studio{grid-template-columns:1fr!important;min-height:auto!important}
  body.we-brand-page .brand-challenge-canvas{min-height:560px}
  body.we-brand-page .brand-challenge-tabs{grid-template-columns:repeat(5,1fr);grid-template-rows:none;margin-top:12px}
  body.we-brand-page .brand-challenge-tabs button{min-height:94px;padding:13px 10px;grid-template-columns:1fr;text-align:center}
  body.we-brand-page .brand-challenge-tabs button span{grid-row:auto}
  body.we-brand-page .brand-challenge-tabs button small{display:none}
  body.we-brand-page .brand-bridge{grid-template-columns:1fr!important}
  body.we-brand-page .brand-contact{min-height:auto;padding-top:94px;padding-bottom:96px}

  /* AI */
  body.we-ai-page .ai-scene{min-height:auto;padding:94px 0 82px}
  body.we-ai-page .ai-hero{padding-top:126px!important}
  body.we-ai-page .ai-hero-shell{grid-template-columns:1fr!important;gap:24px!important}
  body.we-ai-page .ai-hero-copy{max-width:720px}
  body.we-ai-page .ai-hero-copy h1{font-size:clamp(48px,6.6vw,62px)}
  body.we-ai-page .ai-hero-system{height:590px;max-width:760px;width:100%;margin:0 auto}
  body.we-ai-page .ai-challenges-head,
  body.we-ai-page .ai-build-head{grid-template-columns:1fr!important;gap:18px!important}
  body.we-ai-page .ai-challenge-layout{grid-template-columns:1fr!important}
  body.we-ai-page .ai-challenge-tabs{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:none!important}
  body.we-ai-page .ai-workflow-board{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:12px!important;min-height:auto!important;padding:28px!important}
  body.we-ai-page .ai-workflow-card{position:relative!important;inset:auto!important;transform:none!important;min-height:155px!important}
  body.we-ai-page .ai-workflow-route,
  body.we-ai-page .ai-workflow-signal{display:none!important}
  body.we-ai-page .ai-contact{min-height:auto}

  /* INFRASTRUCTURE */
  body.we-infrastructure-page .infra-scene{min-height:auto;padding:94px 0 82px}
  body.we-infrastructure-page .infra-hero{padding-top:126px!important}
  body.we-infrastructure-page .infra-hero-shell{grid-template-columns:1fr!important;gap:24px!important}
  body.we-infrastructure-page .infra-hero-copy{max-width:720px}
  body.we-infrastructure-page .infra-hero-copy h1{font-size:clamp(46px,6.2vw,59px)}
  body.we-infrastructure-page .infra-chassis{min-height:520px;max-width:760px;margin:0 auto}
  body.we-infrastructure-page .infra-challenges-head,
  body.we-infrastructure-page .infra-system-head{grid-template-columns:1fr!important;gap:18px!important}
  body.we-infrastructure-page .infra-challenge-layout{grid-template-columns:1fr!important}
  body.we-infrastructure-page .infra-challenge-tabs{grid-template-columns:repeat(5,1fr)!important;grid-template-rows:none!important}
  body.we-infrastructure-page .infra-rack-row{grid-template-columns:44px 1fr 92px!important}
  body.we-infrastructure-page .infra-contact{min-height:auto}
  body.we-infrastructure-page .infra-footer{display:flex;margin:0 auto;padding:18px 0 28px}

  /* TRUST */
  body.we-trust-page .trust-scene{min-height:auto;padding-top:94px;padding-bottom:86px}
  body.we-trust-page .trust-hero{padding-top:126px!important}
  body.we-trust-page .trust-hero-shell{grid-template-columns:1fr!important;gap:18px!important}
  body.we-trust-page .trust-hero-copy{max-width:720px}
  body.we-trust-page .trust-hero-copy h1{font-size:clamp(46px,6.1vw,58px)}
  body.we-trust-page .trust-hero-system{min-height:500px;transform:scale(.90)}
  body.we-trust-page .trust-roadmap-head,
  body.we-trust-page .trust-modules-head{grid-template-columns:1fr!important;gap:18px!important}
  body.we-trust-page .trust-roadmap{min-height:700px}
  body.we-trust-page .trust-module-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important}
  body.we-trust-page .trust-module-options{grid-template-columns:repeat(3,1fr)!important}
  body.we-trust-page .trust-contact{min-height:auto}

  /* BEYOND */
  body.we-beyond-v2-page .bv2-hero{min-height:100svh}
  body.we-beyond-v2-page .bv2-hero-copy h1{font-size:clamp(52px,7.2vw,72px)!important}
  body.we-beyond-v2-page .bv92-situations{height:auto!important;min-height:auto!important;padding:90px 0!important}
  body.we-beyond-v2-page .bv92-situation-grid{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;height:auto!important;gap:14px!important}
  body.we-beyond-v2-page .bv92-situation-card{min-height:210px!important}
  body.we-beyond-v2-page .bv92-system{min-height:auto!important;padding:96px 0!important}
  body.we-beyond-v2-page .bv92-system-shell{grid-template-columns:1fr!important;gap:34px!important}
  body.we-beyond-v2-page .bv92-system-copy{max-width:720px}
  body.we-beyond-v2-page .bv92-system-visual{width:min(680px,82vw)!important;justify-self:center!important}
  body.we-beyond-v2-page .bv2-sunrise-copy{grid-template-columns:1fr!important;gap:26px!important}

  /* ABOUT */
  body.we-about-page .about-intro{min-height:auto;padding:126px 0 92px}
  body.we-about-page .about-intro h1{font-size:clamp(50px,7vw,68px)}
  body.we-about-page .about-intro-copy{max-width:720px}
  body.we-about-page .about-why{min-height:auto!important;padding:88px 0 96px!important}
  body.we-about-page .about-why-shell{width:var(--world-shell)!important}
  body.we-about-page .about-why h2{font-size:clamp(42px,5.8vw,56px)!important}
  body.we-about-page .about-why-grid{grid-template-columns:1fr 1fr!important;gap:14px!important}
  body.we-about-page .about-contact{min-height:auto;padding:100px 0 108px}
}

/* --------------------------------------------------------------
   MOBILE — <= 767px
   Remove deliberate desktop line breaks, turn complex diagrams into clean
   stacked systems, protect touch targets, and keep decorative FX subordinate.
   -------------------------------------------------------------- */
@media (max-width:767px){
  :root{
    --shell:calc(100% - 28px);
    --world-shell:calc(100% - 28px);
    --world-eyebrow:10px;
    --world-micro:9px;
  }

  body{font-size:16px}
  .page-shell,
  body.we-world-page .page-shell.page-shell,
  body.we-world-page .topbar-inner,
  body.we-world-page .site-footer,
  body.we-world-page .world-footer{width:var(--world-shell);max-width:none}

  .topbar{height:78px}
  .topbar.is-compact{height:62px}
  .topbar-inner{width:var(--shell);padding-top:4px!important;padding-bottom:2px!important}
  .full-logo{width:142px;height:48px;transform:translateY(2px)!important}
  .topbar.is-compact .full-logo{width:126px;height:42px}
  .menu-trigger{width:44px;height:44px;border-radius:12px}

  .glass-panel-v052{padding:16px 16px 22px}
  .panel-nav-v052{margin:14px 0 18px}
  .panel-nav-v052 .panel-primary-link,
  .panel-worlds-toggle{min-height:58px}
  .panel-world-link{min-height:58px}
  .panel-signal{min-height:50px}

  main h1 br,main h2 br{display:none}

  button,a,input,textarea{touch-action:manipulation}
  main button{min-height:44px}

  .signal-dialog{width:calc(100vw - 20px);max-height:90svh;border-radius:18px}
  .dialog-top{height:54px;padding:0 14px}
  .dialog-body{padding:22px 16px 24px}
  .dialog-body h2{font-size:clamp(29px,8.8vw,40px);margin-bottom:18px}

  .floating-signal{right:10px;bottom:10px;max-width:calc(100vw - 20px)}

  /* Homepage */
  .hero{min-height:max(720px,100svh);padding:106px 0 68px;align-items:flex-start}
  .hero-stage{width:100%}
  .hero-kicker{font-size:9px;line-height:1.5}
  .hero-title{font-size:clamp(46px,13.7vw,64px);line-height:.94;margin:22px 0 18px}
  .hero-sub{font-size:15px;line-height:1.62}
  .hero-console{margin-top:24px}
  .signal-form{min-height:58px;border-radius:15px}
  .quick-prompts{grid-template-columns:1fr!important}
  .quick-prompts button{text-align:center;min-height:40px}

  .principle{min-height:auto!important;padding:82px 0 84px!important}
  .principle-title{font-size:clamp(40px,11.5vw,54px);line-height:.98}
  .principle-intro{font-size:16px}
  .principle-detail{font-size:14px}

  .universe-section,.universe-stage{min-height:900px}
  .universe-copy{width:calc(100% - 38px)}
  .universe-copy h2{font-size:clamp(40px,11.5vw,54px)}
  .world-card,
  .bubble-right .world-card,
  .bubble-left .world-card,
  .bubble-top .world-card,
  .bubble-bottom .world-card{left:12px;right:12px;bottom:12px;border-radius:18px}

  .connect-stage{padding:80px 0 78px}
  .connect-heading-row h2{font-size:clamp(42px,11.6vw,54px);line-height:.94}
  .connect-sidecopy p{font-size:15px}
  .connect-signals{margin-top:34px}
  .connect-signal{border-radius:16px}
  .connect-cta{padding:15px 14px;gap:12px}

  .references-section{padding:72px 0 78px}
  .references-shell{width:var(--shell)!important}
  .reference-carousel{grid-auto-columns:100%!important;padding-inline:0!important;margin-inline:0!important}
  .reference-preview{height:215px!important;flex-basis:215px!important}
  .reference-link{min-height:0!important}
  .reference-copy{min-height:0!important}

  .beyond-section{padding:78px 0}
  .beyond-copy h2{font-size:clamp(39px,11.3vw,52px)}
  .beyond-word{font-size:clamp(66px,22vw,100px)}

  .contact-final-section{min-height:auto!important;padding:84px 0 94px!important}
  .contact-final-pre{font-size:clamp(30px,9vw,42px)}
  .contact-final-copy h2{font-size:clamp(48px,13vw,68px)!important;line-height:.94}
  .contact-final-text{font-size:15px;line-height:1.62}
  .contact-final-cta{width:100%;min-height:64px;padding:8px 8px 8px 16px}
  .contact-final-meta{font-size:9px;letter-spacing:.11em;line-height:1.5;text-align:center}

  /* WEB */
  body.we-web-page .web-scene{min-height:auto!important;padding:76px 0!important}
  body.we-web-page .web-hero-v093{padding:110px 0 72px!important}
  body.we-web-page .web-hero-shell-v093{display:block!important}
  body.we-web-page .web-hero-left-v093{max-width:none!important}
  body.we-web-page .web-hero-v093 h1{font-size:clamp(40px,11.2vw,52px)!important;line-height:.96!important}
  body.we-web-page .web-lead{font-size:15px;line-height:1.6;margin-top:20px}
  body.we-web-page .web-capability-line{gap:8px;font-size:9px!important}
  body.we-web-page .web-hero-interface-v093{min-height:330px!important;margin-top:26px}
  body.we-web-page .web-browser-window-v093,
  body.we-web-page .web-hero-interface-v093:hover .web-browser-window-v093,
  body.we-web-page .web-browser-window-v093:hover{
    left:50%!important;right:auto!important;top:50%!important;width:calc(100vw - 40px)!important;
    max-width:560px!important;transform:translate(-50%,-50%) scale(.76)!important;
  }
  body.we-web-page .web-hero-network{right:-70vw!important;top:42%!important;width:170vw!important;height:50%!important;opacity:.24!important}
  body.we-web-page .web-hero-signal-v093{width:100%;min-height:66px;margin-top:18px;padding-left:15px}
  body.we-web-page .web-hero-signal-v093 span{font-size:15px}
  body.we-web-page .web-hero-signal-v093>i{width:46px;height:46px}
  body.we-web-page .web-challenges-head,
  body.we-web-page .web-build-head-v093{display:block!important;margin-bottom:30px!important}
  body.we-web-page .web-challenges-head h2,
  body.we-web-page .web-build-head-v093 h2{font-size:clamp(37px,10.4vw,48px)!important;line-height:1!important}
  body.we-web-page .web-challenges-head>p,
  body.we-web-page .web-build-head-v093>p{font-size:15px;line-height:1.62;margin-top:18px}
  body.we-web-page .web-challenge-tabs{margin-inline:0!important;padding-inline:0!important;scroll-padding-inline:0}
  body.we-web-page .web-challenge-tab,
  body.we-web-page .web-challenge-tab.is-active{flex-basis:100%!important;width:100%!important;min-height:390px;height:auto!important}
  body.we-web-page .web-challenge-copy{padding:26px 20px!important}
  body.we-web-page .web-challenge-copy h3{font-size:34px!important}
  body.we-web-page .web-monitor-grid{grid-template-columns:1fr!important;padding:8px!important}
  body.we-web-page .web-monitor-card,
  body.we-web-page .web-monitor-card--strategy,
  body.we-web-page .web-monitor-card--experience,
  body.we-web-page .web-monitor-card--build,
  body.we-web-page .web-monitor-card--visibility,
  body.we-web-page .web-monitor-card--performance,
  body.we-web-page .web-monitor-card--run{grid-column:auto!important;grid-row:auto!important;min-height:200px!important}
  body.we-web-page .web-monitor-card--strategy,
  body.we-web-page .web-monitor-card--visibility{min-height:240px!important}
  body.we-web-page .web-contact-v093{padding-top:82px!important;padding-bottom:88px!important}
  body.we-web-page .web-contact-copy h2{font-size:clamp(40px,11.4vw,54px)!important}

  /* GROWTH */
  body.we-growth-page .growth-scene{min-height:auto!important;padding:76px 0!important}
  body.we-growth-page .growth-scene .page-shell{width:var(--world-shell)!important}
  body.we-growth-page .growth-hero{padding-top:112px!important;padding-bottom:78px!important}
  body.we-growth-page .growth-hero-shell{display:block!important}
  body.we-growth-page .growth-hero h1{font-size:clamp(40px,11.2vw,52px)!important;line-height:.96!important}
  body.we-growth-page .growth-hero-copy>p{font-size:15px!important;line-height:1.62}
  body.we-growth-page .growth-tags{gap:8px!important;line-height:1.5}
  body.we-growth-page .growth-tags i{display:none}
  body.we-growth-page .growth-signal,
  body.we-growth-page .growth-contact-input{width:100%;min-height:64px;padding-left:15px}
  body.we-growth-page .growth-signal>span,
  body.we-growth-page .growth-contact-input>span{font-size:14px!important;line-height:1.25}
  body.we-growth-page .growth-signal>i,
  body.we-growth-page .growth-contact-input>i{width:46px;height:46px;flex-basis:46px}
  body.we-growth-page .growth-hero-field{display:none!important}
  body.we-growth-page .growth-head-split{display:block!important}
  body.we-growth-page .growth-head-split h2,
  body.we-growth-page .growth-system-head h2{font-size:clamp(37px,10.2vw,48px)!important;line-height:1!important}
  body.we-growth-page .growth-head-split>p{font-size:15px!important;line-height:1.62;margin-top:18px}
  body.we-growth-page .growth-stair-stage{height:auto!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:30px!important;padding:0!important}
  body.we-growth-page .growth-step,
  body.we-growth-page .growth-step--1,
  body.we-growth-page .growth-step--2,
  body.we-growth-page .growth-step--3,
  body.we-growth-page .growth-step--4,
  body.we-growth-page .growth-step--5{height:auto!important;grid-column:auto!important;min-height:180px!important;padding:20px 20px 52px!important}
  body.we-growth-page .growth-step h3{font-size:25px!important;margin-top:20px}
  body.we-growth-page .growth-step p{font-size:14px!important;max-width:none!important}
  body.we-growth-page .growth-orbit-board{min-height:auto!important;margin-top:28px!important;padding:22px 12px!important;border-radius:22px!important;overflow:hidden!important}
  body.we-growth-page .growth-orbit-system{min-height:430px!important;transform:scale(.68)!important;transform-origin:center!important}
  body.we-growth-page .growth-orbit-detail{position:relative!important;inset:auto!important;left:auto!important;top:auto!important;width:100%!important;max-width:none!important;margin-top:10px!important;transform:none!important}
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-detail{transform:none!important}
  body.we-growth-page .growth-orbit-hint{display:none!important}
  body.we-growth-page .growth-contact{padding-top:82px!important;padding-bottom:88px!important}
  body.we-growth-page .growth-contact h2{font-size:clamp(40px,11.5vw,54px)!important}
  body.we-growth-page .growth-contact-shell>p{font-size:15px!important}
  body.we-growth-page .growth-contact-prompts{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  body.we-growth-page .growth-contact-prompts button{width:100%}

  /* BRAND */
  body.we-brand-page .brand-scene{min-height:auto!important;padding:76px 0!important}
  body.we-brand-page .brand-scene .page-shell{width:var(--world-shell)!important}
  body.we-brand-page .brand-hero{padding-top:112px!important;padding-bottom:72px!important}
  body.we-brand-page .brand-hero-shell{display:block!important}
  body.we-brand-page .brand-hero h1{font-size:clamp(39px,10.8vw,50px)!important;line-height:.98!important}
  body.we-brand-page .brand-hero-copy>p{font-size:15px!important;line-height:1.62}
  body.we-brand-page .brand-tags{gap:8px!important}
  body.we-brand-page .brand-hero-art{min-height:350px!important;margin-top:18px!important;overflow:hidden}
  body.we-brand-page .brand-chaos-composition,
  body.we-brand-page .brand-chaos-thread{width:680px!important;max-width:none!important;transform:translateX(-50%) scale(.48)!important;left:50%!important;transform-origin:center!important}
  body.we-brand-page .brand-head-split{display:block!important}
  body.we-brand-page .brand-head-split h2{font-size:clamp(37px,10.1vw,48px)!important;line-height:1!important}
  body.we-brand-page .brand-head-split>p{font-size:15px!important;line-height:1.62;margin-top:18px}
  body.we-brand-page .brand-challenge-studio{display:block!important;min-height:auto!important;margin-top:30px!important}
  body.we-brand-page .brand-challenge-canvas{min-height:470px!important;border-radius:22px}
  body.we-brand-page .brand-challenge-readout{padding:18px!important}
  body.we-brand-page .brand-challenge-focus{padding-right:0!important}
  body.we-brand-page .brand-challenge-impact{position:static!important;align-items:flex-start!important;margin-top:12px}
  body.we-brand-page .brand-challenge-tabs{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:none!important;gap:8px!important;margin-top:10px}
  body.we-brand-page .brand-challenge-tabs button{min-height:62px!important;grid-template-columns:30px 1fr!important;grid-template-rows:auto!important;padding:12px 14px!important}
  body.we-brand-page .brand-challenge-tabs button span{grid-row:auto!important}
  body.we-brand-page .brand-challenge-tabs button small{display:none!important}
  body.we-brand-page .brand-bridge{display:block!important}
  body.we-brand-page .brand-bridge-visual{min-height:690px!important;margin-top:28px}
  body.we-brand-page .brand-bridge-copy{margin-top:18px}
  body.we-brand-page .brand-contact{padding-top:82px!important;padding-bottom:88px!important}
  body.we-brand-page .brand-contact h2{font-size:clamp(40px,11.4vw,54px)!important}
  body.we-brand-page .brand-contact-input{width:100%;min-height:64px;padding-left:15px}
  body.we-brand-page .brand-contact-input>span{font-size:14px!important}
  body.we-brand-page .brand-contact-input>i{width:46px;height:46px}
  body.we-brand-page .brand-contact-shell>p{font-size:15px!important}
  body.we-brand-page .brand-contact-prompts{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  body.we-brand-page .brand-contact-prompts button{width:100%}

  /* AI */
  body.we-ai-page .ai-scene{min-height:auto!important;padding:76px 0!important}
  body.we-ai-page .ai-scene .page-shell{width:var(--world-shell)!important}
  body.we-ai-page .ai-hero{padding-top:112px!important;padding-bottom:74px!important}
  body.we-ai-page .ai-hero-shell{display:block!important}
  body.we-ai-page .ai-hero-copy h1{font-size:clamp(40px,11vw,52px)!important;line-height:.98!important}
  body.we-ai-page .ai-hero-copy>p{font-size:15px!important;line-height:1.62}
  body.we-ai-page .ai-tags{gap:8px!important}
  body.we-ai-page .ai-hero-system{height:auto!important;min-height:0!important;margin-top:28px!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  body.we-ai-page .ai-network-lines,
  body.we-ai-page .ai-network-core,
  body.we-ai-page .ai-network-hint{display:none!important}
  body.we-ai-page .ai-node,
  body.we-ai-page .ai-node--input,
  body.we-ai-page .ai-node--context,
  body.we-ai-page .ai-node--tools,
  body.we-ai-page .ai-node--agent,
  body.we-ai-page .ai-node--decision,
  body.we-ai-page .ai-node--action,
  body.we-ai-page .ai-node--human,
  body.we-ai-page .ai-node--result{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-height:78px!important;transform:none!important}
  body.we-ai-page .ai-challenges-head,
  body.we-ai-page .ai-build-head{display:block!important}
  body.we-ai-page .ai-challenges-head h2,
  body.we-ai-page .ai-build-head h2{font-size:clamp(37px,10.1vw,48px)!important;line-height:1!important}
  body.we-ai-page .ai-challenges-head>p,
  body.we-ai-page .ai-build-head>p{font-size:15px!important;line-height:1.62;margin-top:18px}
  body.we-ai-page .ai-challenge-layout{display:block!important}
  body.we-ai-page .ai-challenge-tabs{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:12px}
  body.we-ai-page .ai-process-stage{min-height:0!important;padding:14px!important;display:grid!important;gap:8px!important}
  body.we-ai-page .ai-process-lines{display:none!important}
  body.we-ai-page .ai-process-node,
  body.we-ai-page .ai-process-node--a,
  body.we-ai-page .ai-process-node--b,
  body.we-ai-page .ai-process-node--c,
  body.we-ai-page .ai-process-node--d,
  body.we-ai-page .ai-process-node--e,
  body.we-ai-page .ai-process-node--f{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-height:74px!important}
  body.we-ai-page .ai-process-readout{position:relative!important;inset:auto!important;grid-template-columns:1fr!important;min-height:0!important;margin-top:6px}
  body.we-ai-page .ai-workflow-board{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto!important;gap:9px!important;min-height:0!important;padding:14px!important}
  body.we-ai-page .ai-workflow-card,
  body.we-ai-page .ai-workflow-card--1,
  body.we-ai-page .ai-workflow-card--2,
  body.we-ai-page .ai-workflow-card--3,
  body.we-ai-page .ai-workflow-card--4,
  body.we-ai-page .ai-workflow-card--5,
  body.we-ai-page .ai-workflow-card--6{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;grid-column:auto!important;grid-row:auto!important;transform:none!important;min-height:145px!important}
  body.we-ai-page .ai-workflow-route,
  body.we-ai-page .ai-workflow-signal{display:none!important}
  body.we-ai-page .ai-contact{padding-top:82px!important;padding-bottom:88px!important}
  body.we-ai-page .ai-contact h2{font-size:clamp(40px,11.4vw,54px)!important}
  body.we-ai-page .ai-contact-network{opacity:.16!important;transform:translate(-50%,-50%) scale(.72)!important}
  body.we-ai-page .ai-contact-prompts{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  body.we-ai-page .ai-contact-prompts button{width:100%}

  /* INFRASTRUCTURE */
  body.we-infrastructure-page .infra-scene{min-height:auto!important;padding:76px 0!important}
  body.we-infrastructure-page .infra-scene .page-shell{width:var(--world-shell)!important}
  body.we-infrastructure-page .infra-hero{padding-top:112px!important;padding-bottom:74px!important}
  body.we-infrastructure-page .infra-hero-shell{display:block!important}
  body.we-infrastructure-page .infra-hero-copy h1{font-size:clamp(39px,10.7vw,50px)!important;line-height:.98!important}
  body.we-infrastructure-page .infra-hero-copy>p{font-size:15px!important;line-height:1.62}
  body.we-infrastructure-page .infra-tags{gap:8px!important}
  body.we-infrastructure-page .infra-chassis{min-height:0!important;margin-top:28px;border-radius:22px;padding-bottom:10px}
  body.we-infrastructure-page .infra-chassis-body{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:14px!important}
  body.we-infrastructure-page .infra-module,
  body.we-infrastructure-page .infra-module--web,
  body.we-infrastructure-page .infra-module--mail,
  body.we-infrastructure-page .infra-module--server,
  body.we-infrastructure-page .infra-module--routing,
  body.we-infrastructure-page .infra-module--backup,
  body.we-infrastructure-page .infra-module--monitor{position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;width:100%!important;min-height:96px!important;transform:none!important}
  body.we-infrastructure-page .infra-power-rail,
  body.we-infrastructure-page .infra-contact-rail{display:none!important}
  body.we-infrastructure-page .infra-challenges-head,
  body.we-infrastructure-page .infra-system-head{display:block!important}
  body.we-infrastructure-page .infra-challenges-head h2,
  body.we-infrastructure-page .infra-system-head h2{font-size:clamp(37px,10.1vw,48px)!important;line-height:1!important}
  body.we-infrastructure-page .infra-challenges-head>p,
  body.we-infrastructure-page .infra-system-head>p{font-size:15px!important;line-height:1.62;margin-top:18px}
  body.we-infrastructure-page .infra-challenge-layout{display:block!important}
  body.we-infrastructure-page .infra-challenge-tabs{grid-template-columns:1fr!important;gap:8px!important;margin-bottom:12px}
  body.we-infrastructure-page .infra-rack{border-radius:22px}
  body.we-infrastructure-page .infra-rack-top{padding-left:16px}
  body.we-infrastructure-page .infra-rack-rail{display:none}
  body.we-infrastructure-page .infra-rack-index{display:none!important}
  body.we-infrastructure-page .infra-rack-row{grid-template-columns:1fr!important;gap:8px!important;padding:16px!important;min-height:0}
  body.we-infrastructure-page .infra-rack-status{grid-column:auto!important;text-align:left!important}
  body.we-infrastructure-page .infra-contact{padding-top:82px!important;padding-bottom:88px!important}
  body.we-infrastructure-page .infra-contact h2{font-size:clamp(40px,11.4vw,54px)!important}
  body.we-infrastructure-page .infra-contact-network{width:150vw!important;opacity:.14!important}
  body.we-infrastructure-page .infra-contact-prompts{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  body.we-infrastructure-page .infra-contact-prompts button{width:100%}
  body.we-infrastructure-page .infra-footer{display:none!important}

  /* TRUST */
  body.we-trust-page .trust-scene{min-height:auto!important;padding:76px 0!important}
  body.we-trust-page .trust-scene .page-shell{width:var(--world-shell)!important}
  body.we-trust-page .trust-hero{padding-top:112px!important;padding-bottom:70px!important}
  body.we-trust-page .trust-hero-shell{display:block!important}
  body.we-trust-page .trust-hero-copy h1{font-size:clamp(39px,10.7vw,50px)!important;line-height:.99!important}
  body.we-trust-page .trust-hero-copy>p{font-size:15px!important;line-height:1.62}
  body.we-trust-page .trust-tags{gap:8px!important}
  body.we-trust-page .trust-hero-system{min-height:390px!important;transform:scale(.64)!important;transform-origin:center top!important;margin-top:24px!important;margin-bottom:-118px!important}
  body.we-trust-page .trust-roadmap-head,
  body.we-trust-page .trust-modules-head{display:block!important}
  body.we-trust-page .trust-roadmap-head h2,
  body.we-trust-page .trust-modules-head h2{font-size:clamp(37px,10.1vw,48px)!important;line-height:1!important}
  body.we-trust-page .trust-roadmap-head>p,
  body.we-trust-page .trust-modules-head>p{font-size:15px!important;line-height:1.62;margin-top:18px}
  body.we-trust-page .trust-roadmap{display:grid!important;min-height:0!important;gap:10px!important;margin-top:28px!important}
  body.we-trust-page .trust-roadmap-path{display:none!important}
  body.we-trust-page .trust-road-step,
  body.we-trust-page .trust-road-end{position:relative!important;inset:auto!important;width:100%!important;min-height:0!important;padding:18px 18px 18px 38px!important}
  body.we-trust-page .trust-module-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;padding:12px!important;margin-top:28px!important}
  body.we-trust-page .trust-module-featured,
  body.we-trust-page .trust-module-impact,
  body.we-trust-page .trust-module-options{grid-column:auto!important;grid-row:auto!important}
  body.we-trust-page .trust-module-options{grid-template-columns:1fr!important}
  body.we-trust-page .trust-module-option{min-height:130px!important}
  body.we-trust-page .trust-contact{padding-top:82px!important;padding-bottom:88px!important}
  body.we-trust-page .trust-contact h2{font-size:clamp(40px,11.4vw,54px)!important}
  body.we-trust-page .trust-contact-orbits{opacity:.34}
  body.we-trust-page .trust-contact-prompts{display:grid;grid-template-columns:1fr;gap:8px;width:100%}
  body.we-trust-page .trust-contact-prompts button{width:100%}

  /* BEYOND */
  body.we-beyond-v2-page .bv2-hero{min-height:100svh!important;padding-top:102px!important;padding-bottom:70px!important}
  body.we-beyond-v2-page .bv2-hero-copy{width:var(--world-shell)!important}
  body.we-beyond-v2-page .bv2-hero-copy h1{font-size:clamp(39px,10.8vw,50px)!important;line-height:1!important}
  body.we-beyond-v2-page .bv2-hero-copy p{font-size:15px!important;line-height:1.62}
  body.we-beyond-v2-page .bv92-sky-bridge{height:72px!important;min-height:72px!important;max-height:72px!important}
  body.we-beyond-v2-page .bv92-situations{height:auto!important;min-height:auto!important;padding:72px 0!important}
  body.we-beyond-v2-page .bv92-situations-shell,
  body.we-beyond-v2-page .bv92-system-shell{width:var(--world-shell)!important}
  body.we-beyond-v2-page .bv92-situations-head h2,
  body.we-beyond-v2-page .bv92-system-copy h2{font-size:clamp(37px,10.1vw,48px)!important;line-height:1!important}
  body.we-beyond-v2-page .bv92-situations-head>p,
  body.we-beyond-v2-page .bv92-system-copy>p{font-size:15px!important;line-height:1.62}
  body.we-beyond-v2-page .bv92-situation-grid{grid-template-columns:1fr!important;grid-template-rows:auto!important;height:auto!important;gap:10px!important;margin-top:26px!important}
  body.we-beyond-v2-page .bv92-situation-card{min-height:170px!important;padding:20px 82px 20px 18px!important;border-radius:20px!important}
  body.we-beyond-v2-page .bv92-system{min-height:auto!important;padding:78px 0!important}
  body.we-beyond-v2-page .bv92-system-shell{display:block!important}
  body.we-beyond-v2-page .bv92-system-copy{max-width:none!important}
  body.we-beyond-v2-page .bv92-system-visual{width:100%!important;min-height:360px!important;margin:18px auto 0!important;overflow:visible}
  body.we-beyond-v2-page .bv94-system-planet-image,
  body.we-beyond-v2-page .bv92-system-visual::before{width:min(62vw,245px)!important}
  body.we-beyond-v2-page .bv92-world-node{min-width:116px!important;grid-template-columns:30px auto!important}
  body.we-beyond-v2-page .bv2-sunrise{height:auto!important;min-height:auto!important;margin-top:0!important;padding:0!important}
  body.we-beyond-v2-page .bv2-sunrise-sticky{position:relative!important;height:auto!important;min-height:720px!important;padding:82px 0 44px!important}
  body.we-beyond-v2-page .bv2-sunrise-copy{width:var(--world-shell)!important;grid-template-columns:1fr!important;gap:22px!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{font-size:clamp(39px,10.8vw,52px)!important;line-height:1.07!important}
  body.we-beyond-v2-page .bv2-sunrise-aside p{font-size:18px!important}
  body.we-beyond-v2-page .bv2-footer{width:var(--world-shell)!important;flex-direction:column;align-items:flex-start!important;gap:7px;padding-bottom:22px!important}

  /* ABOUT */
  body.we-about-page .about-scene{min-height:auto!important}
  body.we-about-page .about-intro{padding:112px 0 74px!important}
  body.we-about-page .about-intro h1{font-size:clamp(40px,11vw,52px)!important;line-height:.99!important;margin-top:18px}
  body.we-about-page .about-year{font-size:clamp(118px,38vw,176px)!important;opacity:.055}
  body.we-about-page .about-intro-copy{font-size:15px!important;line-height:1.62}
  body.we-about-page .about-evolution{display:grid;grid-template-columns:1fr auto 1fr;gap:8px 7px;font-size:9px!important;letter-spacing:.1em;margin-top:28px}
  body.we-about-page .about-evolution span{text-align:center}
  body.we-about-page .about-evolution span:nth-of-type(7){grid-column:2}
  body.we-about-page .about-why{min-height:auto!important;padding:70px 0 78px!important}
  body.we-about-page .about-why-shell{width:var(--world-shell)!important}
  body.we-about-page .about-why-head{padding:0!important;margin-bottom:26px!important}
  body.we-about-page .about-why h2{font-size:clamp(35px,9.8vw,44px)!important;line-height:1.03!important}
  body.we-about-page .about-why-lead{font-size:15px!important;line-height:1.62}
  body.we-about-page .about-why-grid{grid-template-columns:1fr!important;gap:10px!important}
  body.we-about-page .about-why-card{min-height:0!important;padding:20px 20px 22px!important;border-radius:18px!important}
  body.we-about-page .about-why-card-top{margin-bottom:28px!important}
  body.we-about-page .about-why-card h3{font-size:24px!important}
  body.we-about-page .about-why-card p{font-size:14px!important;line-height:1.6}
  body.we-about-page .about-contact{padding-top:82px!important;padding-bottom:90px!important}
  body.we-about-page .about-contact .contact-final-copy h2{font-size:clamp(44px,12.2vw,60px)!important}

  .site-footer,.world-footer{height:auto!important;min-height:86px;padding:22px 0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:7px!important;text-align:center!important;line-height:1.5!important}
}

/* Very narrow phones: remove a second layer of ornamental complexity. */
@media (max-width:420px){
  :root{--shell:calc(100% - 22px);--world-shell:calc(100% - 22px)}

  .full-logo{width:132px}
  .hero-title{font-size:clamp(43px,13.2vw,56px)}
  .universe-section,.universe-stage{min-height:860px}

  body.we-web-page .web-browser-window-v093,
  body.we-web-page .web-hero-interface-v093:hover .web-browser-window-v093,
  body.we-web-page .web-browser-window-v093:hover{transform:translate(-50%,-50%) scale(.70)!important}

  body.we-growth-page .growth-orbit-system{transform:scale(.61)!important;min-height:395px!important}
  body.we-brand-page .brand-chaos-composition,
  body.we-brand-page .brand-chaos-thread{transform:translateX(-50%) scale(.43)!important}
  body.we-trust-page .trust-hero-system{transform:scale(.58)!important;margin-bottom:-145px!important}
  body.we-beyond-v2-page .bv92-situation-card{padding-right:68px!important}
}

/* ========================================================================== 
   V0.10.103 · LEGAL PAGES + GLOBAL LEGAL FOOTER LINKS
   ========================================================================== */
.footer-legal-links{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:10px;
  white-space:nowrap;
}
.footer-legal-links a{
  color:inherit;
  text-decoration:none;
  transition:color .25s ease,opacity .25s ease;
}
.footer-legal-links a:hover,
.footer-legal-links a:focus-visible,
.footer-legal-links a[aria-current="page"]{
  color:#b9efff;
}
.footer-legal-separator{opacity:.6}

body.we-legal-page{
  --legal-accent:#79dcff;
  --legal-accent-rgb:121,220,255;
  /* Use the exact same Space FX background as the rest of the site. */
  background:#030207;
}
/* Do not add a second/legal-only star or tint overlay. */
body.we-legal-page::before{display:none!important}

/* IMPORTANT: keep header + menu fixed exactly like every other page.
   Making .glass-menu relative turns its viewport-sized overlay into a real
   flow element and creates the apparent 100vh blank space. */
body.we-legal-page .topbar{position:fixed;z-index:70}
body.we-legal-page .glass-menu{position:fixed;z-index:90}
body.we-legal-page .site-footer,
body.we-legal-page main{position:relative;z-index:2}

.legal-page{overflow:hidden}
.legal-hero{
  position:relative;
  min-height:54vh;
  display:flex;
  align-items:flex-end;
  padding:160px 0 84px;
  border-bottom:1px solid rgba(132,202,234,.08);
}
.legal-hero::after{
  content:"";
  position:absolute;
  left:50%;bottom:-1px;
  width:min(1180px,84vw);
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(var(--legal-accent-rgb),.32),transparent);
}
.legal-hero-shell{position:relative;z-index:2}
.legal-index{
  color:#5e8498;
  font-size:8px;
  font-weight:700;
  letter-spacing:.22em;
  text-transform:uppercase;
}
.legal-hero h1{
  max-width:980px;
  margin:20px 0 16px;
  font-size:clamp(64px,8.2vw,124px);
  line-height:.88;
  letter-spacing:-.065em;
  font-weight:700;
}
.legal-hero h1 span{color:var(--legal-accent);text-shadow:0 0 38px rgba(var(--legal-accent-rgb),.26)}
.legal-hero-shell>p{
  max-width:650px;
  margin:0;
  color:#91a7b7;
  font-size:16px;
  line-height:1.65;
}
.legal-orbit{
  position:absolute;
  border:1px solid rgba(var(--legal-accent-rgb),.08);
  border-radius:50%;
  pointer-events:none;
}
.legal-orbit--a{width:620px;height:620px;right:-180px;top:-270px}
.legal-orbit--b{width:360px;height:360px;right:90px;top:-140px;border-color:rgba(128,104,255,.08)}

.legal-document-section{position:relative;padding:76px 0 130px}
.legal-document-shell{
  width:min(1180px,var(--shell));
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:52px;
  align-items:start;
}
.legal-rail{
  position:sticky;
  top:112px;
  padding:20px 0 20px 18px;
  border-left:1px solid rgba(var(--legal-accent-rgb),.18);
}
.legal-rail>span{
  display:block;
  margin-bottom:18px;
  color:#55778a;
  font-size:7px;
  font-weight:700;
  letter-spacing:.2em;
}
.legal-rail strong{
  display:block;
  color:#edf8ff;
  font-size:15px;
  letter-spacing:.08em;
}
.legal-rail p{
  margin:10px 0 18px;
  color:#687f90;
  font-size:8px;
  line-height:1.7;
  letter-spacing:.12em;
}
.legal-rail a{
  color:#87bdd3;
  font-size:10px;
  text-decoration:none;
  word-break:break-word;
}
.legal-card{
  position:relative;
  min-width:0;
  padding:54px 60px 62px;
  border:1px solid rgba(139,207,237,.12);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(7,15,23,.9),rgba(4,9,15,.72));
  box-shadow:0 38px 90px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.02);
  overflow:hidden;
}
.legal-card::before{
  content:"";
  position:absolute;
  width:340px;height:340px;
  right:-190px;top:-200px;
  border-radius:50%;
  background:rgba(var(--legal-accent-rgb),.055);
  filter:blur(1px);
  pointer-events:none;
}
.legal-prose h2,
.legal-prose h3,
.legal-prose h4,
.legal-prose p,
.legal-prose ul{position:relative;z-index:1}
.legal-prose h2{
  margin:64px 0 22px;
  padding-top:48px;
  border-top:1px solid rgba(132,202,234,.09);
  color:#f3f9fd;
  font-size:clamp(27px,3vw,39px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.legal-prose>h2:first-child,
.legal-prose>div:first-child>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.legal-prose h3{
  margin:42px 0 16px;
  color:#e4f1f7;
  font-size:21px;
  line-height:1.3;
  letter-spacing:-.02em;
}
.legal-prose h4{
  margin:30px 0 12px;
  color:#bdd2df;
  font-size:14px;
  line-height:1.45;
  letter-spacing:-.01em;
}
.legal-prose h4:empty{display:none}
.legal-prose p{
  margin:0 0 16px;
  color:#9cb0bd;
  font-size:14px;
  line-height:1.82;
}
.legal-prose ul{
  margin:8px 0 22px;
  padding:0 0 0 22px;
  color:#9cb0bd;
  font-size:14px;
  line-height:1.78;
}
.legal-prose li{padding-left:5px;margin:8px 0}
.legal-prose li::marker{color:var(--legal-accent)}
.legal-prose a{color:#82dfff;text-decoration-thickness:1px;text-underline-offset:3px;overflow-wrap:anywhere}
.legal-prose br{line-height:.5}
.we-imprint-page .legal-card{max-width:820px}
.we-imprint-page .legal-prose p{margin-bottom:8px;font-size:15px}
.we-imprint-page .legal-prose h2{font-size:28px;margin-bottom:24px}
.we-imprint-page .legal-prose>p:last-child{margin-top:28px;color:#748b9a;font-size:12px;line-height:1.7}
.legal-footer{position:relative;z-index:3}

@media(max-width:980px){
  .legal-hero{min-height:auto;padding:142px 0 72px}
  .legal-document-shell{grid-template-columns:1fr;gap:22px}
  .legal-rail{
    position:relative;top:auto;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:10px 18px;
    padding:16px 18px;
    border:1px solid rgba(var(--legal-accent-rgb),.12);
    border-radius:16px;
    background:rgba(5,12,18,.5);
  }
  .legal-rail>span{margin:0;grid-column:1/-1}
  .legal-rail strong{font-size:13px}
  .legal-rail p{margin:0;font-size:7px}
  .legal-rail a{text-align:right}
}

@media(max-width:760px){
  .footer-legal-links{margin-left:0;margin-top:2px;gap:7px}
  .footer-legal-separator{display:none}

  /* Legal links remain reachable even on worlds whose decorative footer was
     previously hidden on phones. */
  body.we-growth-page .growth-footer,
  body.we-brand-page .brand-footer,
  body.we-ai-page .ai-footer,
  body.we-infrastructure-page .infra-footer,
  body.we-trust-page .trust-footer{display:flex!important}

  .legal-hero{padding:118px 0 56px}
  .legal-hero h1{font-size:clamp(52px,16vw,74px);line-height:.92}
  .legal-hero-shell>p{font-size:14px}
  .legal-orbit--a{width:420px;height:420px;right:-210px;top:-170px}
  .legal-orbit--b{display:none}
  .legal-document-section{padding:38px 0 84px}
  .legal-document-shell{width:var(--world-shell,calc(100% - 34px));gap:14px}
  .legal-rail{grid-template-columns:1fr;padding:15px 16px;gap:6px}
  .legal-rail>span{margin-bottom:5px}
  .legal-rail a{text-align:left}
  .legal-card{padding:28px 22px 34px;border-radius:20px}
  .legal-prose h2{margin-top:46px;padding-top:34px;font-size:28px}
  .legal-prose h3{margin-top:34px;font-size:20px}
  .legal-prose h4{margin-top:26px;font-size:14px}
  .legal-prose p,.legal-prose ul{font-size:13px;line-height:1.75}
  .we-imprint-page .legal-prose p{font-size:14px}
}

@media(max-width:420px){
  .legal-card{padding-left:18px;padding-right:18px}
  .legal-prose h2{font-size:25px}
  .legal-prose p,.legal-prose ul{font-size:12.5px}
}


/* ========================================================================== 
   V0.10.103 · BASIC LEGAL PAGES + READABLE FOOTERS
   ========================================================================== */
body.we-legal-page{
  background:#030207;
}
body.we-legal-page::before{
  opacity:.18;
}
.legal-page-basic{
  overflow:visible;
}
.legal-basic-section{
  padding:132px 0 96px;
}
.legal-basic-shell{
  width:min(980px,var(--world-shell,var(--shell)));
}
.legal-basic-shell>h1{
  margin:0 0 42px;
  color:#f7fbff;
  font-size:clamp(46px,6vw,76px);
  line-height:.96;
  letter-spacing:-.055em;
  font-weight:700;
}
.legal-prose-basic{
  max-width:900px;
}
.legal-prose-basic h2{
  margin:48px 0 18px;
  padding:0;
  border:0;
  font-size:clamp(25px,2.4vw,34px);
}
.legal-prose-basic>h2:first-child,
.legal-prose-basic>div:first-child>h2:first-child{
  margin-top:0;
}
.legal-prose-basic h3{
  margin:34px 0 13px;
  font-size:20px;
}
.legal-prose-basic h4{
  margin:25px 0 10px;
  font-size:14px;
}
.legal-prose-basic p,
.legal-prose-basic ul{
  color:#a4b5c1;
  font-size:15px;
  line-height:1.72;
}
.legal-prose-basic p{margin:0 0 13px}
.legal-prose-basic ul{margin:8px 0 20px;padding-left:22px}
.we-imprint-page .legal-prose-basic p{font-size:15px;margin-bottom:8px}
.we-imprint-page .legal-prose-basic>p:last-child{margin-top:28px;font-size:13px;line-height:1.65}

/* Footer microcopy was too small to read comfortably. */
.site-footer,
.world-footer{
  font-size:11px!important;
  letter-spacing:.11em!important;
  line-height:1.45!important;
}
.footer-legal-links{
  font-size:11px!important;
  letter-spacing:.08em!important;
}

@media(max-width:760px){
  .legal-basic-section{padding:104px 0 72px}
  .legal-basic-shell{width:var(--world-shell,calc(100% - 34px))}
  .legal-basic-shell>h1{margin-bottom:30px;font-size:clamp(42px,13vw,60px)}
  .legal-prose-basic h2{margin-top:38px;font-size:26px}
  .legal-prose-basic h3{margin-top:30px;font-size:19px}
  .legal-prose-basic p,
  .legal-prose-basic ul{font-size:14px;line-height:1.7}
  .we-imprint-page .legal-prose-basic p{font-size:14px}
  .site-footer,
  .world-footer,
  .footer-legal-links{font-size:10px!important}
}


/* ========================================================================== 
   V0.10.107 · LEGAL PAGES — NORMAL FLOW, NORMAL HEADER, REAL SPACE FX
   The 100vh gap was not the document itself: an older legal rule changed the
   fixed .glass-menu into position:relative. Because that menu is a full-screen
   overlay, it then occupied a viewport in normal flow between header and main.
   Keep the shared header/menu behaviour intact and only style the document.
   ========================================================================== */
body.we-legal-page main.legal-page-basic{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
body.we-legal-page .legal-basic-section{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:132px 0 84px!important;
  align-items:initial!important;
  justify-content:initial!important;
  transform:none!important;
}
body.we-legal-page .legal-basic-shell{
  margin:0 auto!important;
  transform:none!important;
}

/* Restore the standard fixed header/menu. No legal-only top offset, border,
   spacer, overlay or Space-FX manipulation. */
body.we-legal-page .topbar{
  position:fixed!important;
}
body.we-legal-page .glass-menu{
  position:fixed!important;
}

@media(max-width:782px){
  body.we-legal-page .legal-basic-section{padding:106px 0 64px!important}
}


/* ========================================================================== 
   V0.10.111 · MOBILE LIGHTWEIGHT PASS
   Mobile keeps the desktop art direction, but removes redundant secondary
   controls / right-side hero showpieces and avoids expensive fixed blur work.
   ========================================================================== */
@media (max-width:767px){
  html{scroll-behavior:auto!important}

  /* Fixed blur/noise layers cause expensive repaints while finger-scrolling. */
  body::after{display:none!important}
  .topbar,
  .topbar.is-compact{
    background:linear-gradient(180deg,rgba(3,2,7,.94),rgba(3,2,7,.76))!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:0 10px 30px rgba(0,0,0,.12)!important;
  }
  .menu-trigger{
    background:rgba(8,15,23,.72)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .full-logo::before{animation:none!important;filter:blur(9px)!important;opacity:.34!important}

  /* Keep the time-of-day ambience, but make it static and cheaper on phones. */
  .we-day-ambient{inset:-5vh -14vw!important;transform:none!important}
  .we-day-ambient::before{filter:blur(9px) saturate(1.03)!important}
  .we-day-ambient__aurora,
  .we-day-ambient__aurora--b{
    animation:none!important;
    will-change:auto!important;
    filter:blur(64px) saturate(1.05)!important;
    opacity:.48!important;
  }
  .we-day-ambient__veil{display:none!important}

  /* Blur transitions on dozens of reveal elements are particularly costly. */
  [data-reveal]{
    filter:none!important;
    transition-property:opacity,transform!important;
    transition-duration:.46s!important;
  }

  /* Contact suggestion badges/chips are redundant on a small screen. */
  .quick-prompts,
  .contact-final-meta,
  .web-contact-prompts,
  .growth-contact-prompts,
  .brand-contact-prompts,
  .ai-contact-prompts,
  .infra-contact-prompts,
  .trust-contact-prompts{display:none!important}

  /* Decorative contact systems remain represented by the global starfield. */
  .web-contact .web-network,
  .growth-contact .growth-signal-lines,
  .brand-contact .brand-contact-ambient,
  .ai-contact .ai-contact-network,
  .infra-contact .infra-contact-backplane,
  .trust-contact .trust-contact-orbits{display:none!important}

  /* Service-world heroes: the right-side interactive showpiece is desktop/tablet
     decoration. Mobile keeps the actual service copy + CTA and starts the next
     section immediately. */
  body.we-web-page .web-hero-interface-v093,
  body.we-brand-page .brand-hero-art,
  body.we-ai-page .ai-hero-system,
  body.we-infrastructure-page .infra-chassis,
  body.we-trust-page .trust-hero-system{display:none!important}

  body.we-web-page .web-hero-v093,
  body.we-brand-page .brand-hero,
  body.we-ai-page .ai-hero,
  body.we-infrastructure-page .infra-hero,
  body.we-trust-page .trust-hero{
    padding-bottom:62px!important;
  }

  /* Beyond has the same copy-left / showpiece-right pattern in its system scene. */
  body.we-beyond-v2-page .bv92-system-visual{display:none!important}
  body.we-beyond-v2-page .bv92-system-copy{max-width:none!important}

  /* Horizontal touch rails should follow the finger without animated snapping. */
  .reference-carousel,
  .web-challenge-tabs{
    scroll-behavior:auto!important;
    -webkit-overflow-scrolling:touch;
  }

  /* Keep one star layer on phones: the global Space FX canvas. Duplicate
     world-specific fixed starfields only add paint work while scrolling. */
  body.we-brand-page .brand-cosmos,
  body.we-ai-page .ai-world-main::before,
  body.we-infrastructure-page .infra-world-main::before,
  body.we-trust-page .trust-cosmos{display:none!important}

  body.we-growth-page .growth-orbit-cosmos,
  body.we-growth-page .growth-orbit-stars span,
  body.we-growth-page .growth-signal-stars span,
  body.we-brand-page .brand-system-rail-track,
  body.we-ai-page .ai-cosmos i,
  body.we-infrastructure-page .infra-cosmos i{
    animation:none!important;
    will-change:auto!important;
  }

  /* Beyond uses several large filtered fixed layers on desktop. The main
     atmosphere and global stars stay visible; secondary blur bands are reduced. */
  body.we-beyond-v2-page .bv2-gravity-sky::before,
  body.we-beyond-v2-page .bv2-gravity-sky::after{filter:blur(18px)!important}
  body.we-beyond-v2-page .bv2-nebula-ribbon--b,
  body.we-beyond-v2-page .bv2-nebula-dustlane{display:none!important}
}


/* ========================================================================== 
   V0.10.111 · MOBILE LAYOUT / SWIPE / BACKGROUND POLISH
   Final phone-only pass. Desktop and tablet >= 768px stay untouched.
   ========================================================================== */
@media (max-width:767px){
  :root{
    --mobile-gutter:14px;
    --mobile-card-peek:42px;
  }

  /* --- Shared mobile rhythm / typography -------------------------------- */
  html,body{overflow-x:hidden}
  main h1,main h2,main h3{
    max-width:100%;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
    text-wrap:pretty;
  }
  /* The deliberate desktop line-breaks remain valid on phones. Hiding them
     caused adjacent words to visually run together in several headings. */
  main h1 br,main h2 br{display:block!important}

  /* The header should float over the universe, not read as a dark strip. */
  .topbar,
  .topbar.is-compact,
  body.we-beyond-v2-page .topbar,
  body.we-legal-page .topbar{
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  .topbar::before{display:none!important}
  .menu-trigger{
    background:rgba(5,9,16,.34)!important;
    border-color:rgba(160,224,248,.13)!important;
    box-shadow:none!important;
  }

  /* HOME / S01: keep the command line away from the viewport edges. */
  .hero-console{
    width:calc(100% - 20px)!important;
    max-width:calc(100% - 20px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  .hero-console .signal-form{width:100%!important}

  /* HOME / S03: no clipped title and no broken bottom sheet on tap. */
  .universe-copy{
    width:calc(100% - 44px)!important;
    max-width:520px!important;
    overflow:visible!important;
  }
  .universe-copy h2{
    max-width:100%!important;
    font-size:clamp(36px,10.4vw,49px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
    padding:.04em .02em .12em!important;
    overflow:visible!important;
  }
  .universe-copy p{margin-top:16px!important;line-height:1.58!important}
  .world-card,
  .bubble-right .world-card,
  .bubble-left .world-card,
  .bubble-top .world-card,
  .bubble-bottom .world-card{display:none!important}

  /* Make touch rails feel native and show a piece of the next item so the
     horizontal gesture is immediately understandable. */
  .web-challenge-tabs,
  .brand-challenge-tabs,
  .brand-system-rail-viewport,
  .ai-challenge-tabs,
  .ai-workflow-board,
  .infra-challenge-tabs,
  .about-evolution{
    -webkit-overflow-scrolling:touch;
    scroll-behavior:auto!important;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
  }
  .web-challenge-tabs::-webkit-scrollbar,
  .brand-challenge-tabs::-webkit-scrollbar,
  .brand-system-rail-viewport::-webkit-scrollbar,
  .ai-challenge-tabs::-webkit-scrollbar,
  .ai-workflow-board::-webkit-scrollbar,
  .infra-challenge-tabs::-webkit-scrollbar,
  .about-evolution::-webkit-scrollbar{display:none}

  /* WEB / S02 ----------------------------------------------------------- */
  body.we-web-page .web-challenge-tabs{
    display:flex!important;
    height:auto!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:14px!important;
    margin:0 -14px!important;
    padding:3px 56px 16px 14px!important;
  }
  body.we-web-page .web-challenge-tab,
  body.we-web-page .web-challenge-tab.is-active{
    position:relative!important;
    flex:0 0 calc(100vw - 58px)!important;
    width:calc(100vw - 58px)!important;
    min-width:0!important;
    min-height:430px!important;
    height:auto!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    cursor:pointer!important;
  }
  body.we-web-page .web-challenge-rail{display:none!important}
  body.we-web-page .web-challenge-panel,
  body.we-web-page .web-challenge-tab.is-active .web-challenge-panel{
    min-width:0!important;
    width:100%!important;
    height:100%!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  body.we-web-page .web-challenge-chrome{padding-inline:14px!important}
  body.we-web-page .web-challenge-copy{
    display:grid!important;
    grid-template-columns:1fr!important;
    padding:28px 24px 26px!important;
  }
  body.we-web-page .web-challenge-copy h3{
    font-size:clamp(30px,8.8vw,38px)!important;
    line-height:1.02!important;
  }
  body.we-web-page .web-challenge-copy>p{font-size:15px!important;line-height:1.58!important}
  body.we-web-page .web-challenge-copy>div{
    grid-column:1!important;
    grid-row:auto!important;
    margin-top:22px!important;
    padding:16px 0 0!important;
    border-left:0!important;
    border-top:1px solid rgba(82,178,224,.14)!important;
  }
  body.we-web-page .web-challenge-hint{
    margin-top:8px!important;
    padding-left:2px!important;
    text-align:left!important;
  }
  body.we-web-page .web-challenge-hint span{font-size:0!important}
  body.we-web-page .web-challenge-hint span::after{content:"SWIPE";font-size:9px!important}

  /* BRAND / S02: use the readout as a calm card and swipe the challenge tabs. */
  body.we-brand-page .brand-challenge-studio{
    display:block!important;
    min-height:0!important;
    margin-top:28px!important;
  }
  body.we-brand-page .brand-challenge-canvas{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.we-brand-page .brand-board-grid,
  body.we-brand-page .brand-board-piece{display:none!important}
  body.we-brand-page .brand-challenge-readout{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:0!important;
    padding:22px 20px!important;
    border:1px solid rgba(239,79,210,.18)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(19,9,25,.72),rgba(6,8,17,.62))!important;
    box-shadow:none!important;
  }
  body.we-brand-page .brand-challenge-readout h3{
    margin-top:18px!important;
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.04!important;
  }
  body.we-brand-page .brand-challenge-readout>p{font-size:14px!important;line-height:1.6!important}
  body.we-brand-page .brand-challenge-focus{
    display:flex!important;
    flex-wrap:wrap!important;
    gap:7px!important;
    padding-right:0!important;
    margin-top:18px!important;
  }
  body.we-brand-page .brand-challenge-impact{
    position:static!important;
    align-items:flex-start!important;
    margin-top:18px!important;
  }
  body.we-brand-page .brand-challenge-tabs{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    margin:12px -14px 0!important;
    padding:2px 56px 12px 14px!important;
  }
  body.we-brand-page .brand-challenge-tabs button{
    flex:0 0 calc(100vw - 78px)!important;
    width:calc(100vw - 78px)!important;
    min-height:86px!important;
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    padding:13px 15px!important;
    scroll-snap-align:start!important;
    text-align:left!important;
  }
  body.we-brand-page .brand-challenge-tabs button span{grid-row:1/3!important;align-self:center!important}
  body.we-brand-page .brand-challenge-tabs button small{display:block!important}

  /* BRAND / S03: remove the three decorative mockups and make the actual
     system modules (01 Strategie ... 06 Rollout) the mobile interaction. */
  body.we-brand-page .brand-bridge{display:block!important}
  body.we-brand-page .brand-bridge-visual{display:none!important}
  body.we-brand-page .brand-system-rail{
    width:100%!important;
    margin-top:28px!important;
  }
  body.we-brand-page .brand-system-rail-viewport{
    width:auto!important;
    height:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    margin:0 -14px!important;
    padding:2px 56px 14px 14px!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
  }
  body.we-brand-page .brand-system-rail-track{
    width:max-content!important;
    height:auto!important;
    display:flex!important;
    gap:10px!important;
    transform:none!important;
    animation:none!important;
  }
  body.we-brand-page .brand-rail-card{
    flex:0 0 calc(100vw - 64px)!important;
    width:calc(100vw - 64px)!important;
    min-height:190px!important;
    scroll-snap-align:start!important;
  }
  body.we-brand-page .brand-rail-card[aria-hidden="true"]{display:none!important}
  body.we-brand-page .brand-system-rail-hint{justify-content:flex-start!important;margin-top:4px!important}
  body.we-brand-page .brand-system-rail-hint span{font-size:0!important}
  body.we-brand-page .brand-system-rail-hint span::after{content:"SWIPE · BRAND SYSTEM";font-size:8px!important}

  /* AI: use the shared universe background and simplify S02/S03 to touch rails. */
  body.we-ai-page{background:#030207!important}
  body.we-ai-page .ai-world-main{background:transparent!important}
  body.we-ai-page .ai-world-main::before{display:none!important}
  body.we-ai-page .ai-challenge-layout{display:block!important}
  body.we-ai-page .ai-process-stage{
    display:block!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.we-ai-page .ai-process-grid,
  body.we-ai-page .ai-process-lines,
  body.we-ai-page .ai-process-node{display:none!important}
  body.we-ai-page .ai-process-readout{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:22px 20px!important;
    border:1px solid rgba(138,92,255,.18)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(13,10,28,.72),rgba(5,8,18,.62))!important;
    box-shadow:none!important;
  }
  body.we-ai-page .ai-process-readout h3{
    margin-top:8px!important;
    font-size:clamp(28px,8vw,36px)!important;
    line-height:1.04!important;
  }
  body.we-ai-page .ai-process-readout p{font-size:14px!important;line-height:1.6!important}
  body.we-ai-page .ai-process-readout>strong{justify-self:start!important}
  body.we-ai-page .ai-challenge-tabs{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    margin:12px -14px 0!important;
    padding:2px 56px 12px 14px!important;
  }
  body.we-ai-page .ai-challenge-tab{
    flex:0 0 calc(100vw - 78px)!important;
    width:calc(100vw - 78px)!important;
    min-height:82px!important;
    scroll-snap-align:start!important;
    text-align:left!important;
  }
  body.we-ai-page .ai-workflow-board{
    display:flex!important;
    grid-template-columns:none!important;
    min-height:0!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    margin:26px -14px 0!important;
    padding:2px 56px 14px 14px!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.we-ai-page .ai-workflow-card,
  body.we-ai-page .ai-workflow-card--1,
  body.we-ai-page .ai-workflow-card--2,
  body.we-ai-page .ai-workflow-card--3,
  body.we-ai-page .ai-workflow-card--4,
  body.we-ai-page .ai-workflow-card--5,
  body.we-ai-page .ai-workflow-card--6{
    position:relative!important;
    inset:auto!important;
    flex:0 0 calc(100vw - 64px)!important;
    width:calc(100vw - 64px)!important;
    min-height:205px!important;
    transform:none!important;
    scroll-snap-align:start!important;
  }
  body.we-ai-page .ai-workflow-route,
  body.we-ai-page .ai-workflow-signal{display:none!important}

  /* INFRASTRUCTURE / S02: one readable status card + swipe challenges. */
  body.we-infrastructure-page .infra-challenge-layout{display:block!important}
  body.we-infrastructure-page .infra-diagnostics{
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.we-infrastructure-page .infra-diag-top,
  body.we-infrastructure-page .infra-diag-screen{display:none!important}
  body.we-infrastructure-page .infra-status-readout{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    min-height:0!important;
    padding:22px 20px!important;
    border:1px solid rgba(111,131,255,.18)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(8,13,29,.74),rgba(5,8,18,.62))!important;
    box-shadow:none!important;
  }
  body.we-infrastructure-page .infra-status-readout h3{
    margin-top:8px!important;
    font-size:clamp(27px,7.6vw,35px)!important;
    line-height:1.05!important;
  }
  body.we-infrastructure-page .infra-status-readout p{
    margin:0!important;
    font-size:14px!important;
    line-height:1.62!important;
  }
  body.we-infrastructure-page .infra-status-readout>strong{justify-self:start!important;margin-top:2px!important}
  body.we-infrastructure-page .infra-challenge-tabs{
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    margin:14px -14px 0!important;
    padding:2px 56px 12px 14px!important;
  }
  body.we-infrastructure-page .infra-challenge-tab{
    flex:0 0 calc(100vw - 78px)!important;
    width:calc(100vw - 78px)!important;
    min-height:82px!important;
    padding:14px 16px!important;
    scroll-snap-align:start!important;
    text-align:left!important;
  }

  /* TRUST: keep green as an accent, not as a full phone background. */
  body.we-trust-page{background:#030207!important}
  body.we-trust-page .trust-world-main{background:transparent!important}
  body.we-trust-page .trust-cosmos{display:none!important}

  /* BEYOND: use the shared starfield, not a second opaque space layer. */
  body.we-beyond-v2-page{background:#030207!important}
  body.we-beyond-v2-page .bv2-space{display:none!important}
  body.we-beyond-v2-page .beyond-v2,
  body.we-beyond-v2-page .bv2-world-main{background:transparent!important}

  /* BEYOND / S04: remove the desktop sticky sunrise composition on phones. */
  body.we-beyond-v2-page .bv2-sunrise{
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-sticky{
    position:relative!important;
    inset:auto!important;
    height:auto!important;
    min-height:0!important;
    padding:78px 0 72px!important;
    background:transparent!important;
    overflow:visible!important;
  }
  body.we-beyond-v2-page .bv2-first-light-image,
  body.we-beyond-v2-page .bv2-first-light-stars,
  body.we-beyond-v2-page .bv2-first-light-flare,
  body.we-beyond-v2-page .bv2-water-glints,
  body.we-beyond-v2-page .bv2-first-light-shade{display:none!important}
  body.we-beyond-v2-page .bv2-sunrise-copy{
    width:var(--world-shell)!important;
    display:block!important;
    padding:0!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-main{width:100%!important;max-width:none!important}
  body.we-beyond-v2-page .bv2-sunrise-copy h2{
    margin-top:18px!important;
    font-size:clamp(35px,9.5vw,45px)!important;
    line-height:1.05!important;
    letter-spacing:-.045em!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-copy h2 span.bv93-sun-line{
    display:block!important;
    width:auto!important;
    max-width:100%!important;
    line-height:1.06!important;
    padding-bottom:.08em!important;
  }
  body.we-beyond-v2-page .bv2-open{
    width:100%!important;
    min-width:0!important;
    margin-top:28px!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-aside{
    width:100%!important;
    max-width:none!important;
    margin-top:30px!important;
    padding-top:22px!important;
    border-top:1px solid rgba(184,222,244,.12)!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-aside p{font-size:16px!important;line-height:1.58!important}
  body.we-beyond-v2-page .bv2-footer{margin-top:58px!important}

  /* ABOUT: remove page-specific wash, restore spacing, and let the evolution
     path become a native horizontal rail instead of a squeezed grid. */
  body.we-about-page{background:#030207!important}
  body.we-about-page .about-page,
  body.we-about-page .about-scene,
  body.we-about-page .about-intro,
  body.we-about-page .about-why,
  body.we-about-page .about-contact{background:transparent!important}
  body.we-about-page .about-intro-glow,
  body.we-about-page .about-why::before,
  body.we-about-page .about-why::after,
  body.we-about-page .about-why-shell::before,
  body.we-about-page .about-why-shell::after{display:none!important}
  body.we-about-page .about-intro-shell,
  body.we-about-page .about-why-shell{width:var(--world-shell)!important;padding-left:0!important;padding-right:0!important}
  body.we-about-page .about-intro-copy{max-width:100%!important}
  body.we-about-page .about-intro-copy p+p{margin-top:16px!important}
  body.we-about-page .about-evolution{
    width:auto!important;
    display:flex!important;
    grid-template-columns:none!important;
    justify-content:flex-start!important;
    align-items:center!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    margin:30px -14px 0!important;
    padding:4px 34px 10px 14px!important;
  }
  body.we-about-page .about-evolution span,
  body.we-about-page .about-evolution i{
    flex:0 0 auto!important;
    grid-column:auto!important;
    text-align:left!important;
  }
  body.we-about-page .about-why-head{margin-bottom:30px!important}
  body.we-about-page .about-why-grid{gap:12px!important}
  body.we-about-page .about-why-card{padding:22px 20px 24px!important}
  body.we-about-page .about-why-card-top{margin-bottom:24px!important}

  /* Keep an even breathing rhythm between mobile sections. */
  body.we-web-page .web-scene,
  body.we-growth-page .growth-scene,
  body.we-brand-page .brand-scene,
  body.we-ai-page .ai-scene,
  body.we-infrastructure-page .infra-scene,
  body.we-trust-page .trust-scene{
    min-height:0!important;
  }
}

@media (max-width:390px){
  .hero-console{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}
  .universe-copy{width:calc(100% - 32px)!important}
  body.we-web-page .web-challenge-tab,
  body.we-web-page .web-challenge-tab.is-active{flex-basis:calc(100vw - 48px)!important;width:calc(100vw - 48px)!important}
  body.we-brand-page .brand-challenge-tabs button,
  body.we-ai-page .ai-challenge-tab,
  body.we-infrastructure-page .infra-challenge-tab{flex-basis:calc(100vw - 66px)!important;width:calc(100vw - 66px)!important}
}
@media (max-width:767px){
  .universe-hint{font-size:0!important}
  .universe-hint::after{content:"TAP · ENTER WORLD";font-size:8px!important;letter-spacing:.18em;color:#7893a7}
  .universe-hint>span{display:none!important}
}


/* ========================================================================== 
   V0.10.111 · HOME MOBILE RHYTHM PASS
   Phone-only cleanup for the front page. Keeps desktop/tablet untouched.
   ========================================================================== */
@media (max-width:767px){
  body.home{
    --home-mobile-gutter:18px;
    --home-mobile-section-space:72px;
  }

  /* One horizontal grid for the complete home page. */
  body.home .page-shell,
  body.home .topbar-inner,
  body.home .site-footer{
    width:calc(100% - (var(--home-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.home main{
    width:100%;
    overflow-x:clip!important;
  }
  body.home main .page-shell{padding-left:0!important;padding-right:0!important}
  body.home main h1,
  body.home main h2,
  body.home main h3,
  body.home main p{min-width:0;max-width:100%}

  /* S01 — compact headline, with the final phrase kept together. */
  body.home .hero{
    min-height:100svh!important;
    padding:104px 0 62px!important;
    align-items:flex-start!important;
  }
  body.home .hero-stage{width:100%!important;min-width:0!important}
  body.home .hero-title{
    width:100%!important;
    max-width:100%!important;
    margin:20px 0 18px!important;
    font-size:clamp(40px,11.45vw,46px)!important;
    line-height:.96!important;
    letter-spacing:-.06em!important;
    text-wrap:initial!important;
    overflow:visible!important;
  }
  body.home .hero-title-primary,
  body.home .hero-title .accent{max-width:100%!important}
  body.home .hero-title-tail{
    display:block;
    white-space:nowrap;
  }
  body.home .hero-sub{
    max-width:330px!important;
    margin-inline:auto!important;
    font-size:14px!important;
    line-height:1.58!important;
  }
  body.home .hero-console{
    width:100%!important;
    max-width:100%!important;
    margin:24px 0 0!important;
  }
  body.home .hero-console .signal-form{width:100%!important}

  /* S02 — remove the old inner padding and force both headline lines to
     wrap inside the same mobile grid instead of overflowing the viewport. */
  body.home .principle{
    min-height:0!important;
    padding:var(--home-mobile-section-space) 0!important;
  }
  body.home .principle .page-shell{padding-inline:0!important}
  body.home .principle-grid,
  body.home .principle-content{width:100%!important;min-width:0!important;max-width:100%!important}
  body.home .principle .section-index{margin-bottom:20px!important}
  body.home .principle-title{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(36px,9.75vw,41px)!important;
    line-height:1.01!important;
    letter-spacing:-.05em!important;
    overflow:visible!important;
  }
  body.home .principle-title .line-one,
  body.home .principle-title .line-two{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    overflow:visible!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }
  body.home .principle-intro{margin-top:26px!important;font-size:15px!important;line-height:1.66!important}
  body.home .principle-detail{margin-top:16px!important;font-size:14px!important;line-height:1.68!important}
  body.home .capability-wrap{margin-top:32px!important}
  body.home .principle-note{margin-top:24px!important;max-width:100%!important}

  /* S03 — preserve the universe composition, but keep every signal label
     inside the viewport and align the central copy to the same visual grid. */
  body.home .universe-section,
  body.home .universe-stage{min-height:840px!important}
  body.home .universe-copy{
    width:calc(100% - (var(--home-mobile-gutter) * 2))!important;
    max-width:520px!important;
  }
  body.home .universe-copy h2{
    font-size:clamp(36px,9.9vw,43px)!important;
    line-height:1.03!important;
  }
  body.home .universe-field{
    width:calc(100% - 8px)!important;
    max-width:none!important;
  }
  body.home .node-web{left:15%!important}
  body.home .node-ai{left:50%!important}
  body.home .node-growth{left:82%!important}
  body.home .node-brand{left:15%!important}
  body.home .node-infrastructure{left:50%!important}
  body.home .node-trust{left:82%!important}
  body.home .node-beyond{left:84%!important}
  body.home .world-signal{min-width:94px!important;padding-inline:6px!important}
  body.home .world-name{font-size:8px!important;letter-spacing:.13em!important}

  /* S04–S07 — one vertical rhythm and the same horizontal edge. */
  body.home .connect-section,
  body.home .references-section,
  body.home .beyond-section,
  body.home .contact-final-section{
    min-height:0!important;
    padding:var(--home-mobile-section-space) 0!important;
  }
  body.home .connect-card{
    width:100%!important;
    padding:24px 18px!important;
    border-radius:20px!important;
  }
  body.home .connect-card-top{gap:24px!important}
  body.home .connect-card-heading h2{
    font-size:clamp(36px,10vw,42px)!important;
    line-height:1.01!important;
    overflow:visible!important;
  }
  body.home .connect-card-copy{padding-top:20px!important}
  body.home .connect-card-copy p{line-height:1.68!important}
  body.home .connect-feature-grid{gap:12px!important;margin-top:28px!important}
  body.home .connect-feature{padding:22px 18px!important;border-radius:18px!important}
  body.home .connect-cta{margin-top:12px!important;border-radius:18px!important}

  body.home .references-head{gap:14px!important;margin-bottom:26px!important}
  body.home .references-head h2{
    max-width:100%!important;
    font-size:clamp(36px,10.2vw,43px)!important;
    line-height:1.02!important;
    overflow:visible!important;
  }
  body.home .references-head>p{font-size:14px!important;line-height:1.62!important}
  body.home .reference-carousel{width:100%!important}
  body.home .references-foot{margin-top:20px!important;padding-left:0!important}

  body.home .beyond-layout{gap:34px!important}
  body.home .beyond-index{margin-bottom:22px!important}
  body.home .beyond-copy h2{
    max-width:100%!important;
    font-size:clamp(36px,9.8vw,42px)!important;
    line-height:1.03!important;
    overflow:visible!important;
  }
  body.home .beyond-word{
    margin-top:14px!important;
    font-size:clamp(64px,20vw,82px)!important;
    line-height:.86!important;
  }
  body.home .beyond-text{margin-top:28px!important;font-size:14px!important;line-height:1.66!important}
  body.home .beyond-side{padding:22px 0 0!important;border-left:0!important;border-top:1px solid rgba(0,199,255,.18)!important}
  body.home .beyond-side p{font-size:20px!important;line-height:1.42!important}

  body.home .contact-final-section{padding-bottom:84px!important}
  body.home .contact-final-orb{margin-bottom:22px!important}
  body.home .contact-final-index{margin-bottom:24px!important}
  body.home .contact-final-pre{font-size:clamp(28px,8vw,34px)!important}
  body.home .contact-final-copy h2{
    max-width:100%!important;
    font-size:clamp(43px,11.8vw,50px)!important;
    line-height:.98!important;
    overflow:visible!important;
  }
  body.home .contact-final-text{margin-top:22px!important;font-size:14px!important;line-height:1.62!important}
  body.home .contact-final-cta{margin-top:32px!important;width:100%!important}
}

@media (max-width:390px){
  body.home{--home-mobile-gutter:16px;--home-mobile-section-space:68px}
  body.home .hero-title{font-size:clamp(35px,10.4vw,41px)!important}
  body.home .principle-title{font-size:clamp(34px,9.4vw,38px)!important}
  body.home .universe-copy h2{font-size:clamp(34px,9.4vw,40px)!important}
}


/* ========================================================================== 
   V0.10.111 · HOME MOBILE MICRO-POLISH
   Screenshot-led corrections for iPhone-sized layouts only.
   ========================================================================== */
@media (max-width:767px){
  /* S01: keep the intended three-line statement visible and remove the
     unnecessary full-viewport tail below the concierge. */
  body.home .hero{
    min-height:auto!important;
    padding:106px 0 58px!important;
  }
  body.home .hero-title{
    margin-top:18px!important;
    margin-bottom:16px!important;
  }
  body.home .hero-title-tail{
    display:inline-block!important;
    white-space:nowrap!important;
    color:transparent!important;
    background:linear-gradient(100deg,#eefaff 0%,#a7edff 48%,var(--cyan) 100%)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
  }
  body.home .hero-sub{margin-top:2px!important}
  body.home .hero-console{margin-top:20px!important}

  /* S03: BEYOND must never sit on top of the central explanatory copy. */
  body.home .node-beyond{
    left:84%!important;
    top:62%!important;
  }

  /* S05 + S06: align text/content with the inner content edge of the S04 card,
     not merely with its outer border. */
  body.home .references-shell,
  body.home .beyond-shell{
    width:calc(100% - 72px)!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.home .references-shell .reference-carousel,
  body.home .references-shell .references-carousel-shell{
    width:100%!important;
    max-width:100%!important;
  }
}

@media (max-width:390px){
  body.home .hero{padding-top:102px!important;padding-bottom:54px!important}
}


/* ========================================================================== 
   V0.10.112 · HOME S01 + BEYOND DESKTOP HANDOFF
   - Mobile HOME: equal visual breathing room above/below S01 content once the
     fixed 78px header is accounted for.
   - Desktop BEYOND: tighten the S03→S04 handoff and let First Light blend in
     before the sticky scene fully takes over.
   ========================================================================== */
@media (max-width:767px){
  body.home{
    --home-mobile-hero-edge:58px;
    --home-mobile-header-height:78px;
  }
  body.home .hero{
    padding-top:calc(var(--home-mobile-header-height) + var(--home-mobile-hero-edge))!important;
    padding-bottom:var(--home-mobile-hero-edge)!important;
  }
}

@media (max-width:390px){
  body.home{--home-mobile-hero-edge:54px}
}

@media (min-width:901px){
  /* S03 has a large centered composition; shaving a little viewport-height
     removes dead travel below it without changing the composition itself. */
  body.we-beyond-v2-page .bv92-system{
    height:92vh!important;
    min-height:680px!important;
  }
  body.we-beyond-v2-page .bv92-system + .bv2-sunrise{
    margin-top:-110px!important;
  }

  /* The S04 scene itself is scroll-driven in JS. These transitions only make
     the first visible sliver blend naturally into S03 instead of reading as a
     hard visual cut. */
  body.we-beyond-v2-page .bv2-first-light-image,
  body.we-beyond-v2-page .bv2-first-light-shade,
  body.we-beyond-v2-page .bv2-first-light-stars,
  body.we-beyond-v2-page .bv2-first-light-flare,
  body.we-beyond-v2-page .bv2-sunrise-copy{
    transition:opacity .18s linear,transform .18s linear;
  }
}

/* ========================================================================== 
   V0.10.113 · BEYOND DESKTOP HANDOFF + WEB MOBILE POLISH
   - BEYOND: First Light now dissolves into S03 instead of starting on a hard
     horizontal image edge.
   - WEB mobile: one gutter/rhythm, tighter section handoffs, stable S03 board.
   ========================================================================== */
@media (min-width:901px){
  body.we-beyond-v2-page .bv92-system + .bv2-sunrise{
    position:relative!important;
    z-index:3!important;
    margin-top:-128px!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-sticky{
    background:linear-gradient(180deg,rgba(2,4,10,0) 0%,rgba(2,4,10,.18) 9%,rgba(2,3,9,.56) 23%,rgba(2,3,9,.96) 42%)!important;
  }
  body.we-beyond-v2-page .bv2-first-light-image{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.52) 18%,#000 34%,#000 100%)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.12) 8%,rgba(0,0,0,.52) 18%,#000 34%,#000 100%)!important;
    -webkit-mask-repeat:no-repeat!important;
    mask-repeat:no-repeat!important;
    transition:opacity .42s linear,transform .42s linear!important;
  }
  body.we-beyond-v2-page .bv2-first-light-shade,
  body.we-beyond-v2-page .bv2-first-light-stars,
  body.we-beyond-v2-page .bv2-first-light-flare{
    transition:opacity .42s linear!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-copy{
    transition:opacity .48s ease,transform .48s ease!important;
  }
}

@media (max-width:767px){
  body.we-web-page{
    --web-mobile-gutter:18px;
    --web-mobile-section-gap:58px;
  }

  /* One horizontal content line across WEB. */
  body.we-web-page .web-scene .page-shell,
  body.we-web-page .topbar-inner,
  body.we-web-page .world-footer{
    width:calc(100% - (var(--web-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* S01: compact end of hero and keep capability labels on one readable row. */
  body.we-web-page .web-hero-v093{
    padding-top:110px!important;
    padding-bottom:40px!important;
  }
  body.we-web-page .web-capability-line{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:6px!important;
    max-width:100%!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    font-size:7.5px!important;
    letter-spacing:.075em!important;
  }
  body.we-web-page .web-capability-line i{flex:0 0 3px!important}
  body.we-web-page .web-hero-signal-v093{margin-top:16px!important}

  /* S02: same gutter as the hero; cards show a clear next-card peek. */
  body.we-web-page .web-challenges{
    padding-top:54px!important;
    padding-bottom:52px!important;
  }
  body.we-web-page .web-challenges-head{margin-bottom:24px!important}
  body.we-web-page .web-challenge-tabs{
    margin-left:calc(var(--web-mobile-gutter) * -1)!important;
    margin-right:calc(var(--web-mobile-gutter) * -1)!important;
    padding:3px 54px 14px var(--web-mobile-gutter)!important;
    scroll-padding-left:var(--web-mobile-gutter)!important;
    gap:11px!important;
  }
  body.we-web-page .web-challenge-tab,
  body.we-web-page .web-challenge-tab.is-active{
    flex:0 0 calc(100vw - 70px)!important;
    width:calc(100vw - 70px)!important;
    min-height:0!important;
    height:auto!important;
  }
  body.we-web-page .web-challenge-panel,
  body.we-web-page .web-challenge-tab.is-active .web-challenge-panel{height:auto!important;min-height:420px!important}
  body.we-web-page .web-challenge-copy{padding:26px 22px 24px!important}
  body.we-web-page .web-challenge-hint{margin-top:5px!important}

  /* S03: remove the empty desktop-monitor entrance state on phones. */
  body.we-web-page .web-build-v093{
    padding-top:58px!important;
    padding-bottom:50px!important;
  }
  body.we-web-page .web-build-head-v093{margin-bottom:24px!important}
  body.we-web-page .web-monitor{padding-bottom:0!important}
  body.we-web-page .web-monitor-screen{
    transform:none!important;
    opacity:1!important;
  }
  body.we-web-page .web-monitor-card,
  body.we-web-page .web-monitor:not(.is-assembled) .web-monitor-card,
  body.we-web-page .web-monitor.is-assembled .web-monitor-card{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:border-color .25s ease,box-shadow .25s ease!important;
  }
  body.we-web-page .web-monitor-neck,
  body.we-web-page .web-monitor-base{display:none!important}
  body.we-web-page .web-monitor-grid{padding:8px!important;gap:9px!important}
  body.we-web-page .web-monitor-card,
  body.we-web-page .web-monitor-card--strategy,
  body.we-web-page .web-monitor-card--experience,
  body.we-web-page .web-monitor-card--build,
  body.we-web-page .web-monitor-card--visibility,
  body.we-web-page .web-monitor-card--performance,
  body.we-web-page .web-monitor-card--run{
    min-height:0!important;
    padding:20px 18px 22px!important;
  }
  body.we-web-page .web-monitor-card--strategy,
  body.we-web-page .web-monitor-card--visibility{min-height:190px!important}
  body.we-web-page .web-monitor-card--experience,
  body.we-web-page .web-monitor-card--build,
  body.we-web-page .web-monitor-card--performance,
  body.we-web-page .web-monitor-card--run{min-height:160px!important}
  body.we-web-page .web-monitor-card h3,
  body.we-web-page .web-monitor-card--strategy h3,
  body.we-web-page .web-monitor-card--visibility h3{
    font-size:clamp(27px,7.7vw,34px)!important;
    line-height:1.01!important;
  }
  body.we-web-page .web-monitor-card p{font-size:14px!important;line-height:1.52!important}
  body.we-web-page .web-monitor-mini{opacity:.30!important;transform:scale(.70)!important}

  /* S04: bring the final signal closer to S03 and keep the same side gutter. */
  body.we-web-page .web-contact-v093{
    min-height:auto!important;
    padding-top:62px!important;
    padding-bottom:58px!important;
  }
  body.we-web-page .web-contact-copy h2{
    max-width:100%!important;
    font-size:clamp(38px,10.7vw,48px)!important;
    line-height:.98!important;
  }
  body.we-web-page .web-contact-form{width:100%!important}
  body.we-web-page .web-contact-copy>p{margin-top:18px!important}
}

@media (max-width:390px){
  body.we-web-page{--web-mobile-gutter:16px}
  body.we-web-page .web-challenge-tab,
  body.we-web-page .web-challenge-tab.is-active{
    flex-basis:calc(100vw - 62px)!important;
    width:calc(100vw - 62px)!important;
  }
}


/* ========================================================================== 
   V0.10.116 · BEYOND STAR HANDOFF + GROWTH MOBILE PASS
   - BEYOND desktop: extend the S03→S04 star field deeper into First Light and
     soften the image reveal so the change of artwork no longer reads as a cut.
   - GROWTH mobile: consistent 18px gutter, compact section rhythm, swipe rail
     for S02 and an unscaled S03 system so the layout has no artificial gaps.
   ========================================================================== */
@media (min-width:901px){
  body.we-beyond-v2-page .bv2-sunrise-sticky{
    background:linear-gradient(180deg,
      rgba(2,4,10,0) 0%,
      rgba(2,4,10,.08) 14%,
      rgba(2,3,9,.30) 31%,
      rgba(2,3,9,.70) 50%,
      rgba(2,3,9,.94) 70%,
      rgba(2,3,9,.98) 100%)!important;
  }
  body.we-beyond-v2-page .bv2-first-light-image{
    -webkit-mask-image:linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.06) 10%,
      rgba(0,0,0,.26) 22%,
      rgba(0,0,0,.62) 38%,
      #000 54%,
      #000 100%)!important;
    mask-image:linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.06) 10%,
      rgba(0,0,0,.26) 22%,
      rgba(0,0,0,.62) 38%,
      #000 54%,
      #000 100%)!important;
  }
  body.we-beyond-v2-page .bv2-first-light-stars{
    opacity:var(--stars-p)!important;
  }
  body.we-beyond-v2-page .bv2-first-light-stars::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 5% 7%,rgba(224,249,255,.84) 0 1px,transparent 1.7px),
      radial-gradient(circle at 10% 29%,rgba(126,225,255,.66) 0 .9px,transparent 1.6px),
      radial-gradient(circle at 16% 14%,rgba(244,248,255,.78) 0 1.1px,transparent 1.9px),
      radial-gradient(circle at 21% 43%,rgba(179,231,255,.58) 0 .8px,transparent 1.5px),
      radial-gradient(circle at 27% 24%,rgba(219,233,255,.78) 0 1px,transparent 1.8px),
      radial-gradient(circle at 33% 8%,rgba(151,228,255,.64) 0 .8px,transparent 1.5px),
      radial-gradient(circle at 39% 37%,rgba(240,228,255,.70) 0 1.1px,transparent 1.9px),
      radial-gradient(circle at 45% 18%,rgba(183,239,255,.74) 0 .9px,transparent 1.6px),
      radial-gradient(circle at 51% 45%,rgba(225,239,255,.58) 0 .8px,transparent 1.5px),
      radial-gradient(circle at 57% 11%,rgba(208,218,255,.72) 0 1px,transparent 1.8px),
      radial-gradient(circle at 63% 31%,rgba(161,231,255,.70) 0 .9px,transparent 1.6px),
      radial-gradient(circle at 70% 6%,rgba(245,237,255,.78) 0 1px,transparent 1.8px),
      radial-gradient(circle at 76% 39%,rgba(193,231,255,.62) 0 .8px,transparent 1.5px),
      radial-gradient(circle at 82% 18%,rgba(235,242,255,.76) 0 1.1px,transparent 1.9px),
      radial-gradient(circle at 88% 35%,rgba(171,224,255,.62) 0 .8px,transparent 1.5px),
      radial-gradient(circle at 94% 10%,rgba(255,234,228,.72) 0 1px,transparent 1.8px),
      radial-gradient(circle at 97% 46%,rgba(219,231,255,.58) 0 .8px,transparent 1.5px);
    opacity:.82;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 30%,rgba(0,0,0,.72) 48%,transparent 72%);
    mask-image:linear-gradient(to bottom,#000 0%,#000 30%,rgba(0,0,0,.72) 48%,transparent 72%);
  }
}

@media (max-width:767px){
  body.we-growth-page{
    --growth-mobile-gutter:18px;
    --growth-mobile-edge:54px;
  }
  body.we-growth-page .growth-scene .page-shell,
  body.we-growth-page .topbar-inner,
  body.we-growth-page .world-footer{
    width:calc(100% - (var(--growth-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.we-growth-page .growth-scene{
    padding-left:0!important;
    padding-right:0!important;
  }
  body.we-growth-page .growth-hero{
    padding-top:110px!important;
    padding-bottom:42px!important;
  }
  body.we-growth-page .growth-hero h1,
  body.we-growth-page .growth-head-split h2,
  body.we-growth-page .growth-system-head h2,
  body.we-growth-page .growth-contact h2{
    max-width:100%!important;
    overflow:visible!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  body.we-growth-page .growth-hero h1{
    font-size:clamp(38px,10.6vw,47px)!important;
    line-height:.98!important;
    margin-top:22px!important;
  }
  body.we-growth-page .growth-hero-copy>p{margin-top:18px!important}
  body.we-growth-page .growth-tags{
    display:flex!important;
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    gap:7px!important;
    margin-top:18px!important;
    font-size:8px!important;
    letter-spacing:.08em!important;
  }
  body.we-growth-page .growth-signal{margin-top:20px!important}

  /* S02: one compact horizontal rail instead of five long stacked cards. */
  body.we-growth-page .growth-stairs{
    padding-top:54px!important;
    padding-bottom:52px!important;
  }
  body.we-growth-page .growth-head-split h2{
    font-size:clamp(35px,9.7vw,43px)!important;
    line-height:1.01!important;
  }
  body.we-growth-page .growth-head-split>p{margin-top:16px!important}
  body.we-growth-page .growth-stair-stage{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
    gap:11px!important;
    width:auto!important;
    margin:28px calc(var(--growth-mobile-gutter) * -1) 0!important;
    padding:2px 52px 12px var(--growth-mobile-gutter)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-left:var(--growth-mobile-gutter)!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.we-growth-page .growth-stair-stage::-webkit-scrollbar{display:none}
  body.we-growth-page .growth-stair-stage:not(.is-active) .growth-step,
  body.we-growth-page .growth-stair-stage.is-active .growth-step{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
  body.we-growth-page .growth-step,
  body.we-growth-page .growth-step--1,
  body.we-growth-page .growth-step--2,
  body.we-growth-page .growth-step--3,
  body.we-growth-page .growth-step--4,
  body.we-growth-page .growth-step--5{
    flex:0 0 calc(100vw - 70px)!important;
    width:calc(100vw - 70px)!important;
    min-height:184px!important;
    height:auto!important;
    padding:20px 20px 50px!important;
    scroll-snap-align:start!important;
  }
  body.we-growth-page .growth-step h3{font-size:25px!important;margin-top:19px!important}
  body.we-growth-page .growth-step p{font-size:14px!important;line-height:1.58!important}
  body.we-growth-page .growth-stairs-shell::after{
    content:"SWIPE →";
    display:block;
    margin-top:5px;
    color:#58798a;
    font-size:8px;
    font-weight:800;
    letter-spacing:.16em;
  }

  /* S03: remove transform scaling. Scaling made the visual smaller but kept its
     original layout box, which is the large empty gap visible in the screenshots. */
  body.we-growth-page .growth-system{
    padding-top:58px!important;
    padding-bottom:54px!important;
  }
  body.we-growth-page .growth-system-head h2{
    font-size:clamp(35px,9.6vw,43px)!important;
    line-height:1.01!important;
  }
  body.we-growth-page .growth-orbit-board{
    min-height:0!important;
    margin-top:18px!important;
    padding:8px 0 0!important;
    overflow:visible!important;
  }
  body.we-growth-page .growth-orbit-board::before,
  body.we-growth-page .growth-orbit-board::after{transform:translate(-50%,-50%) scale(.72)!important}
  body.we-growth-page .growth-orbit-system,
  body.we-growth-page .growth-orbit-board.is-detail-open .growth-orbit-system{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    margin:0!important;
    padding-top:150px!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    transform:none!important;
    transform-origin:center!important;
    filter:none!important;
  }
  body.we-growth-page .growth-orbit-core{
    width:132px!important;
    height:132px!important;
    top:0!important;
  }
  body.we-growth-page .growth-orbit-core strong{font-size:22px!important}
  body.we-growth-page .growth-orbit-point{
    min-height:108px!important;
    padding:12px 12px!important;
    border-radius:15px!important;
  }
  body.we-growth-page .growth-orbit-pop{margin-top:7px!important}
  body.we-growth-page .growth-orbit-pop small{font-size:7px!important}
  body.we-growth-page .growth-orbit-pop b{font-size:15px!important}
  body.we-growth-page .growth-orbit-pop em{font-size:9px!important;line-height:1.3!important}
  body.we-growth-page .growth-seo-line{
    margin-top:20px!important;
    font-size:13px!important;
    line-height:1.58!important;
  }

  /* S04: compact handoff from the system, same gutter and no redundant chips. */
  body.we-growth-page .growth-contact{
    min-height:0!important;
    padding-top:60px!important;
    padding-bottom:72px!important;
  }
  body.we-growth-page .growth-contact h2{
    font-size:clamp(38px,10.6vw,48px)!important;
    line-height:.99!important;
  }
  body.we-growth-page .growth-contact-input{margin-top:24px!important}
  body.we-growth-page .growth-contact-shell>p{margin-top:18px!important;font-size:14px!important;line-height:1.6!important}
}

@media (max-width:390px){
  body.we-growth-page{--growth-mobile-gutter:16px}
  body.we-growth-page .growth-step,
  body.we-growth-page .growth-step--1,
  body.we-growth-page .growth-step--2,
  body.we-growth-page .growth-step--3,
  body.we-growth-page .growth-step--4,
  body.we-growth-page .growth-step--5{
    flex-basis:calc(100vw - 62px)!important;
    width:calc(100vw - 62px)!important;
  }
  body.we-growth-page .growth-orbit-system{padding-top:142px!important}
  body.we-growth-page .growth-orbit-core{width:126px!important;height:126px!important}
}


/* ========================================================================== 
   V0.10.116 · BRAND MOBILE SWIPE PASS + BEYOND STAR HANDOFF POLISH
   Phone-only cleanup for WORLD BRAND: one 18px grid, shorter transitions,
   swipeable challenge cards in S02 and a true horizontal module rail in S03.
   Desktop/tablet BRAND remain untouched. BEYOND gets a slightly longer star
   handoff into First Light on desktop.
   ========================================================================== */
@media (min-width:901px){
  /* Keep a little more of the old sky alive while First Light comes in. */
  body.we-beyond-v2-page .bv2-first-light-image{
    -webkit-mask-image:linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.025) 12%,
      rgba(0,0,0,.12) 25%,
      rgba(0,0,0,.34) 40%,
      rgba(0,0,0,.66) 55%,
      rgba(0,0,0,.90) 69%,
      #000 80%,
      #000 100%)!important;
    mask-image:linear-gradient(to bottom,
      transparent 0%,
      rgba(0,0,0,.025) 12%,
      rgba(0,0,0,.12) 25%,
      rgba(0,0,0,.34) 40%,
      rgba(0,0,0,.66) 55%,
      rgba(0,0,0,.90) 69%,
      #000 80%,
      #000 100%)!important;
  }
  body.we-beyond-v2-page .bv2-first-light-stars{filter:brightness(1.10)!important}
  body.we-beyond-v2-page .bv2-first-light-stars::after{
    opacity:.98!important;
    -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 38%,rgba(0,0,0,.90) 52%,rgba(0,0,0,.54) 68%,transparent 86%)!important;
    mask-image:linear-gradient(to bottom,#000 0%,#000 38%,rgba(0,0,0,.90) 52%,rgba(0,0,0,.54) 68%,transparent 86%)!important;
  }

}

@media (max-width:767px){
  body.we-brand-page{
    --brand-mobile-gutter:18px;
    --brand-mobile-peek:52px;
  }

  /* One visual grid across all four sections. */
  body.we-brand-page .brand-scene .page-shell,
  body.we-brand-page .topbar-inner,
  body.we-brand-page .world-footer{
    width:calc(100% - (var(--brand-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.we-brand-page .brand-scene{padding-left:0!important;padding-right:0!important}
  body.we-brand-page .brand-index{font-size:8px!important;gap:9px!important}
  body.we-brand-page .brand-index::before{width:22px!important}

  /* S01 — keep the good desktop hierarchy, just tighten the handoff to S02. */
  body.we-brand-page .brand-hero{
    min-height:0!important;
    padding-top:110px!important;
    padding-bottom:44px!important;
  }
  body.we-brand-page .brand-hero h1{
    margin-top:22px!important;
    max-width:100%!important;
    font-size:clamp(38px,10.45vw,47px)!important;
    line-height:.98!important;
    letter-spacing:-.055em!important;
  }
  body.we-brand-page .brand-hero-copy>p{margin-top:18px!important;font-size:14px!important;line-height:1.58!important}
  body.we-brand-page .brand-tags{
    flex-wrap:nowrap!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    gap:7px!important;
    margin-top:18px!important;
    font-size:8px!important;
    letter-spacing:.08em!important;
  }
  body.we-brand-page .brand-signal{width:100%!important;margin-top:20px!important}

  /* S02 — no duplicate readout + tiny selector. Each challenge itself is a
     readable swipe card, with a visible peek of the next card. */
  body.we-brand-page .brand-challenges{
    min-height:0!important;
    padding-top:56px!important;
    padding-bottom:54px!important;
  }
  body.we-brand-page .brand-head-split{
    display:block!important;
    margin-top:22px!important;
  }
  body.we-brand-page .brand-head-split h2{
    max-width:100%!important;
    font-size:clamp(35px,9.65vw,43px)!important;
    line-height:1.01!important;
    letter-spacing:-.05em!important;
  }
  body.we-brand-page .brand-head-split>p{
    margin-top:17px!important;
    font-size:14px!important;
    line-height:1.58!important;
  }
  body.we-brand-page .brand-challenge-studio{
    display:block!important;
    min-height:0!important;
    margin-top:28px!important;
  }
  body.we-brand-page .brand-challenge-canvas{display:none!important}
  body.we-brand-page .brand-challenge-tabs{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    gap:11px!important;
    width:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-left:var(--brand-mobile-gutter)!important;
    margin:0 calc(var(--brand-mobile-gutter) * -1)!important;
    padding:2px var(--brand-mobile-peek) 12px var(--brand-mobile-gutter)!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.we-brand-page .brand-challenge-tabs::-webkit-scrollbar{display:none}
  body.we-brand-page .brand-challenge-tabs button,
  body.we-brand-page .brand-challenge-tabs button.is-active{
    position:relative!important;
    flex:0 0 calc(100vw - 70px)!important;
    width:calc(100vw - 70px)!important;
    min-height:280px!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:0!important;
    padding:20px 20px 18px!important;
    border:1px solid rgba(239,79,210,.20)!important;
    border-radius:20px!important;
    background:linear-gradient(145deg,rgba(22,9,28,.78),rgba(7,8,18,.66))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    opacity:1!important;
    transform:none!important;
    text-align:left!important;
    scroll-snap-align:start!important;
    overflow:hidden!important;
  }
  body.we-brand-page .brand-challenge-tabs button.is-active{
    border-color:rgba(239,105,210,.42)!important;
    background:linear-gradient(145deg,rgba(32,10,35,.88),rgba(9,8,20,.74))!important;
  }
  body.we-brand-page .brand-challenge-tabs button span{
    order:0!important;
    display:block!important;
    color:#ef89d4!important;
    font-size:9px!important;
    font-weight:850!important;
    line-height:1!important;
    letter-spacing:.18em!important;
  }
  body.we-brand-page .brand-challenge-tabs button b{
    order:1!important;
    display:block!important;
    margin-top:12px!important;
    color:#c79aba!important;
    font-size:10px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:.14em!important;
    text-transform:uppercase!important;
  }
  body.we-brand-page .brand-challenge-tabs button::before{
    content:attr(data-title);
    order:2;
    display:block;
    margin-top:17px;
    color:#fbf7fb;
    font-size:clamp(27px,7.6vw,34px);
    font-weight:760;
    line-height:1.02;
    letter-spacing:-.045em;
  }
  body.we-brand-page .brand-challenge-tabs button::after{
    content:attr(data-copy);
    order:3;
    display:block;
    margin-top:13px;
    color:#aaa0ad;
    font-size:13px;
    font-weight:500;
    line-height:1.55;
    letter-spacing:0;
    text-transform:none;
  }
  body.we-brand-page .brand-challenge-tabs button small{
    order:4!important;
    display:block!important;
    margin-top:auto!important;
    padding-top:18px!important;
    color:#8c6e88!important;
    font-size:8px!important;
    line-height:1!important;
    letter-spacing:.16em!important;
  }
  body.we-brand-page .brand-challenge-studio::after{
    content:"SWIPE →";
    display:block;
    margin-top:4px;
    color:#755a72;
    font-size:8px;
    font-weight:800;
    letter-spacing:.17em;
  }

  /* S03 — the six actual system modules are the mobile interaction. The rail
     must be a ROW; the desktop column direction was the reason the cards looked
     like a long vertical wall in the screenshots. */
  body.we-brand-page .brand-system{
    min-height:0!important;
    padding-top:58px!important;
    padding-bottom:56px!important;
  }
  body.we-brand-page .brand-system-head{margin-bottom:0!important}
  body.we-brand-page .brand-bridge{display:block!important;margin-top:0!important}
  body.we-brand-page .brand-bridge-visual{display:none!important}
  body.we-brand-page .brand-system-rail{
    width:100%!important;
    max-width:none!important;
    margin:28px 0 0!important;
  }
  body.we-brand-page .brand-system-rail-viewport{
    width:auto!important;
    height:auto!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x proximity!important;
    scroll-padding-left:var(--brand-mobile-gutter)!important;
    margin:0 calc(var(--brand-mobile-gutter) * -1)!important;
    padding:2px var(--brand-mobile-peek) 12px var(--brand-mobile-gutter)!important;
    mask-image:none!important;
    -webkit-mask-image:none!important;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  body.we-brand-page .brand-system-rail-viewport::-webkit-scrollbar{display:none}
  body.we-brand-page .brand-system-rail-track{
    width:max-content!important;
    height:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:stretch!important;
    gap:11px!important;
    transform:none!important;
    animation:none!important;
    will-change:auto!important;
  }
  body.we-brand-page .brand-rail-card{
    flex:0 0 calc(100vw - 70px)!important;
    width:calc(100vw - 70px)!important;
    min-height:176px!important;
    height:auto!important;
    padding:20px!important;
    border-radius:20px!important;
    scroll-snap-align:start!important;
    transform:none!important;
  }
  body.we-brand-page .brand-rail-card[aria-hidden="true"]{display:none!important}
  body.we-brand-page .brand-rail-card small{font-size:8px!important}
  body.we-brand-page .brand-rail-card h3{
    margin-top:14px!important;
    font-size:clamp(24px,7vw,30px)!important;
    line-height:1.02!important;
  }
  body.we-brand-page .brand-rail-card p{margin-top:10px!important;font-size:13px!important;line-height:1.5!important}
  body.we-brand-page .brand-system-rail-hint{margin-top:4px!important}
  body.we-brand-page .brand-system-note{
    max-width:100%!important;
    margin-top:24px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  /* S04 — same grid and a shorter handoff from the system. */
  body.we-brand-page .brand-contact{
    min-height:0!important;
    padding-top:62px!important;
    padding-bottom:72px!important;
  }
  body.we-brand-page .brand-contact h2{
    max-width:100%!important;
    margin-top:22px!important;
    font-size:clamp(38px,10.6vw,48px)!important;
    line-height:.99!important;
  }
  body.we-brand-page .brand-contact-input{width:100%!important;margin-top:24px!important}
  body.we-brand-page .brand-contact-shell>p{margin-top:18px!important;font-size:14px!important;line-height:1.6!important}
}

@media (max-width:390px){
  body.we-brand-page{--brand-mobile-gutter:16px;--brand-mobile-peek:46px}
  body.we-brand-page .brand-challenge-tabs button,
  body.we-brand-page .brand-challenge-tabs button.is-active,
  body.we-brand-page .brand-rail-card{
    flex-basis:calc(100vw - 62px)!important;
    width:calc(100vw - 62px)!important;
  }
}
\n\n/* ==========================================================================\n   V0.10.116 · AI MOBILE PASS\n   Phone-only simplification: one grid, swipeable challenges/workflow, tighter rhythm.\n   ========================================================================== */\n@media (max-width:767px){\n  body.we-ai-page{\n    --ai-mobile-gutter:18px;\n    --ai-mobile-peek:52px;\n  }\n\n  /* One horizontal grid across the complete AI world. */\n  body.we-ai-page .ai-scene .page-shell,\n  body.we-ai-page .topbar-inner,\n  body.we-ai-page .world-footer{\n    width:calc(100% - (var(--ai-mobile-gutter) * 2))!important;\n    max-width:none!important;\n    margin-left:auto!important;\n    margin-right:auto!important;\n  }\n  body.we-ai-page .ai-scene{padding-left:0!important;padding-right:0!important}\n  body.we-ai-page .ai-index{font-size:8px!important;gap:9px!important}\n  body.we-ai-page .ai-index::before{width:22px!important}\n\n  /* S01 — hero only needs copy + signal on a phone. */\n  body.we-ai-page .ai-hero{\n    min-height:0!important;\n    padding-top:110px!important;\n    padding-bottom:46px!important;\n  }\n  body.we-ai-page .ai-hero-copy h1{\n    max-width:100%!important;\n    margin:22px 0 0!important;\n    font-size:clamp(38px,10.4vw,47px)!important;\n    line-height:.985!important;\n    letter-spacing:-.055em!important;\n  }\n  body.we-ai-page .ai-hero-copy>p{\n    margin-top:18px!important;\n    font-size:14px!important;\n    line-height:1.58!important;\n  }\n  body.we-ai-page .ai-tags{\n    flex-wrap:nowrap!important;\n    white-space:nowrap!important;\n    overflow:hidden!important;\n    gap:7px!important;\n    margin:18px 0 0!important;\n    font-size:8px!important;\n    letter-spacing:.08em!important;\n  }\n  body.we-ai-page .ai-signal{width:100%!important;margin-top:20px!important}\n  body.we-ai-page .ai-signal span{font-size:13px!important;line-height:1.25!important}\n\n  /* S02 — the five challenges themselves become the mobile interface.\n     The desktop process diagram/readout is intentionally removed. */\n  body.we-ai-page .ai-challenges{\n    min-height:0!important;\n    padding-top:58px!important;\n    padding-bottom:56px!important;\n  }\n  body.we-ai-page .ai-challenges-head{display:block!important;margin-top:22px!important}\n  body.we-ai-page .ai-challenges-head h2{\n    max-width:100%!important;\n    font-size:clamp(35px,9.6vw,43px)!important;\n    line-height:1.01!important;\n    letter-spacing:-.05em!important;\n  }\n  body.we-ai-page .ai-challenges-head>p{\n    margin-top:17px!important;\n    font-size:14px!important;\n    line-height:1.58!important;\n  }\n  body.we-ai-page .ai-challenge-layout{display:block!important;margin-top:28px!important}\n  body.we-ai-page .ai-process-stage{display:none!important}\n  body.we-ai-page .ai-challenge-tabs{\n    display:flex!important;\n    grid-template-columns:none!important;\n    grid-template-rows:none!important;\n    gap:11px!important;\n    width:auto!important;\n    overflow-x:auto!important;\n    overflow-y:hidden!important;\n    scroll-snap-type:x proximity!important;\n    scroll-padding-left:var(--ai-mobile-gutter)!important;\n    margin:0 calc(var(--ai-mobile-gutter) * -1)!important;\n    padding:2px var(--ai-mobile-peek) 12px var(--ai-mobile-gutter)!important;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n  }\n  body.we-ai-page .ai-challenge-tabs::-webkit-scrollbar{display:none}\n  body.we-ai-page .ai-challenge-tab,\n  body.we-ai-page .ai-challenge-tab.is-active{\n    position:relative!important;\n    flex:0 0 calc(100vw - 70px)!important;\n    width:calc(100vw - 70px)!important;\n    min-height:278px!important;\n    height:auto!important;\n    display:flex!important;\n    flex-direction:column!important;\n    align-items:flex-start!important;\n    justify-content:flex-start!important;\n    gap:0!important;\n    padding:20px 20px 18px!important;\n    border:1px solid rgba(155,124,255,.20)!important;\n    border-radius:20px!important;\n    background:linear-gradient(145deg,rgba(15,10,31,.80),rgba(6,8,18,.67))!important;\n    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;\n    opacity:1!important;\n    transform:none!important;\n    text-align:left!important;\n    scroll-snap-align:start!important;\n    overflow:hidden!important;\n  }\n  body.we-ai-page .ai-challenge-tab.is-active{\n    border-color:rgba(171,145,255,.46)!important;\n    background:linear-gradient(145deg,rgba(26,16,48,.88),rgba(8,8,21,.74))!important;\n  }\n  body.we-ai-page .ai-challenge-tab span{\n    order:0!important;display:block!important;\n    color:#a98cff!important;font-size:9px!important;font-weight:850!important;\n    line-height:1!important;letter-spacing:.18em!important;\n  }\n  body.we-ai-page .ai-challenge-tab b{\n    order:1!important;display:block!important;margin-top:12px!important;\n    color:#afa2d4!important;font-size:10px!important;font-weight:800!important;\n    line-height:1.2!important;letter-spacing:.14em!important;text-transform:uppercase!important;\n  }\n  body.we-ai-page .ai-challenge-tab::before{\n    content:attr(data-title);order:2;display:block;margin-top:17px;\n    color:#faf8ff;font-size:clamp(25px,7.1vw,32px);font-weight:760;\n    line-height:1.03;letter-spacing:-.045em;\n  }\n  body.we-ai-page .ai-challenge-tab::after{\n    content:attr(data-copy);order:3;display:block;margin-top:13px;\n    color:#aaa4b6;font-size:13px;font-weight:500;line-height:1.55;\n    letter-spacing:0;text-transform:none;\n  }\n  body.we-ai-page .ai-challenge-tab small{\n    order:4!important;display:block!important;margin-top:auto!important;padding-top:18px!important;\n    color:#816db3!important;font-size:8px!important;line-height:1!important;letter-spacing:.16em!important;\n  }\n  body.we-ai-page .ai-challenge-layout::after{\n    content:"SWIPE →";display:block;margin-top:4px;color:#716393;\n    font-size:8px;font-weight:800;letter-spacing:.17em;\n  }\n\n  /* S03 — keep the six build steps, but as a clean horizontal rail. */\n  body.we-ai-page .ai-build{\n    min-height:0!important;\n    padding-top:58px!important;\n    padding-bottom:56px!important;\n  }\n  body.we-ai-page .ai-build-head{display:block!important;margin-top:22px!important}\n  body.we-ai-page .ai-build-head h2{\n    max-width:100%!important;\n    font-size:clamp(35px,9.6vw,43px)!important;\n    line-height:1.01!important;\n    letter-spacing:-.05em!important;\n  }\n  body.we-ai-page .ai-build-head>p{\n    margin-top:17px!important;\n    font-size:14px!important;\n    line-height:1.58!important;\n  }\n  body.we-ai-page .ai-workflow-board{\n    display:flex!important;\n    grid-template-columns:none!important;\n    grid-template-rows:none!important;\n    align-items:stretch!important;\n    gap:11px!important;\n    width:auto!important;\n    min-height:0!important;\n    overflow-x:auto!important;\n    overflow-y:hidden!important;\n    scroll-snap-type:x proximity!important;\n    scroll-padding-left:var(--ai-mobile-gutter)!important;\n    margin:28px calc(var(--ai-mobile-gutter) * -1) 0!important;\n    padding:2px var(--ai-mobile-peek) 12px var(--ai-mobile-gutter)!important;\n    border:0!important;background:transparent!important;box-shadow:none!important;\n    -webkit-overflow-scrolling:touch;scrollbar-width:none;\n  }\n  body.we-ai-page .ai-workflow-board::-webkit-scrollbar{display:none}\n  body.we-ai-page .ai-workflow-card,\n  body.we-ai-page .ai-workflow-card--1,\n  body.we-ai-page .ai-workflow-card--2,\n  body.we-ai-page .ai-workflow-card--3,\n  body.we-ai-page .ai-workflow-card--4,\n  body.we-ai-page .ai-workflow-card--5,\n  body.we-ai-page .ai-workflow-card--6{\n    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;\n    flex:0 0 calc(100vw - 70px)!important;width:calc(100vw - 70px)!important;\n    min-height:176px!important;height:auto!important;padding:20px!important;\n    border-radius:20px!important;transform:none!important;scroll-snap-align:start!important;\n  }\n  body.we-ai-page .ai-workflow-card h3{\n    margin:14px 0 0!important;max-width:100%!important;\n    font-size:clamp(24px,7vw,30px)!important;line-height:1.02!important;\n  }\n  body.we-ai-page .ai-workflow-card p{margin-top:10px!important;font-size:13px!important;line-height:1.5!important}\n  body.we-ai-page .ai-workflow-card>span{bottom:16px!important}\n  body.we-ai-page .ai-workflow-route,body.we-ai-page .ai-workflow-signal{display:none!important}\n  body.we-ai-page .ai-build-note{\n    max-width:100%!important;margin:20px 0 0!important;text-align:left!important;\n    font-size:12px!important;line-height:1.55!important;\n  }\n  body.we-ai-page .ai-build-note::before{\n    content:"SWIPE · AI SYSTEM";display:block;margin-bottom:12px;color:#716393;\n    font-size:8px;font-weight:800;letter-spacing:.17em;\n  }\n\n  /* S04 — same grid and a compact final handoff. */\n  body.we-ai-page .ai-contact{\n    min-height:0!important;\n    padding-top:62px!important;\n    padding-bottom:72px!important;\n  }\n  body.we-ai-page .ai-contact h2{\n    max-width:100%!important;\n    margin:22px 0 0!important;\n    font-size:clamp(38px,10.6vw,48px)!important;\n    line-height:.99!important;\n  }\n  body.we-ai-page .ai-contact-input{width:100%!important;margin-top:24px!important}\n  body.we-ai-page .ai-contact-shell>p{\n    max-width:100%!important;margin-top:18px!important;\n    font-size:14px!important;line-height:1.6!important;\n  }\n}\n\n@media (max-width:390px){\n  body.we-ai-page{--ai-mobile-gutter:16px;--ai-mobile-peek:46px}\n  body.we-ai-page .ai-challenge-tab,\n  body.we-ai-page .ai-challenge-tab.is-active,\n  body.we-ai-page .ai-workflow-card,\n  body.we-ai-page .ai-workflow-card--1,\n  body.we-ai-page .ai-workflow-card--2,\n  body.we-ai-page .ai-workflow-card--3,\n  body.we-ai-page .ai-workflow-card--4,\n  body.we-ai-page .ai-workflow-card--5,\n  body.we-ai-page .ai-workflow-card--6{\n    flex-basis:calc(100vw - 62px)!important;\n    width:calc(100vw - 62px)!important;\n  }\n}\n

/* ==========================================================================
   V0.10.117 · AI MOBILE GUTTER + S03 HEADING BALANCE
   Slightly larger phone side gutters and a calmer two-part S03 headline.
   Desktop/tablet remain untouched.
   ========================================================================== */
.ai-build-mobile-break{display:none}

@media (max-width:767px){
  body.we-ai-page{
    --ai-mobile-gutter:24px;
  }

  /* Keep the swipe rails aligned to the wider page grid while still exposing
     enough of the next card to make the horizontal interaction obvious. */
  body.we-ai-page .ai-challenge-tabs,
  body.we-ai-page .ai-workflow-board{
    --ai-mobile-peek:48px;
  }

  /* Balance S03 as:
     AI beginnt nicht
     beim Modell.
     Sondern beim
     Prozess. */
  body.we-ai-page .ai-build-mobile-break{display:block!important}
  body.we-ai-page .ai-build-head h2{
    font-size:clamp(34px,9.25vw,41px)!important;
    line-height:1.015!important;
  }
}

@media (max-width:390px){
  body.we-ai-page{--ai-mobile-gutter:22px!important}
}

/* ========================================================================== 
   V0.10.120 · INFRASTRUCTURE MOBILE BACKGROUND CLEANUP
   Use the shared WE starfield on phones instead of the infrastructure-specific
   blue/indigo page wash. Desktop and tablet remain untouched.
   ========================================================================== */
@media (max-width:767px){
  body.we-infrastructure-page{
    background:#030207!important;
  }

  body.we-infrastructure-page .infra-world-main{
    background:transparent!important;
  }

  /* The global Space FX canvas already supplies the mobile universe. Avoid a
     second infrastructure-specific star/gradient layer tinting the page blue. */
  body.we-infrastructure-page .infra-world-main::before,
  body.we-infrastructure-page .infra-cosmos{
    display:none!important;
  }
}

/* ========================================================================== 
   V0.10.120 · TRUST MOBILE — ROADMAP + MODULE SWIPE
   Phone-only cleanup for the two dense middle sections. The desktop/tablet
   trust systems remain untouched.
   ========================================================================== */
@media (max-width:767px){
  body.we-trust-page{
    --trust-mobile-gutter:22px;
  }

  /* Keep the Trust page on the same calmer phone grid used by the final AI pass. */
  body.we-trust-page .trust-scene .page-shell,
  body.we-trust-page .topbar-inner,
  body.we-trust-page .trust-footer{
    width:calc(100% - (var(--trust-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* S02 — the five Trust steps + status become one native horizontal rail. */
  body.we-trust-page .trust-challenges{
    padding-top:62px!important;
    padding-bottom:62px!important;
  }
  body.we-trust-page .trust-roadmap-head h2{
    font-size:clamp(34px,9.2vw,43px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  body.we-trust-page .trust-roadmap-head>p{
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.62!important;
  }
  body.we-trust-page .trust-roadmap{
    position:relative!important;
    display:flex!important;
    grid-template-columns:none!important;
    gap:10px!important;
    min-height:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:var(--trust-mobile-gutter)!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    margin:28px calc(-1 * var(--trust-mobile-gutter)) 0!important;
    padding:2px calc(var(--trust-mobile-gutter) + 44px) 14px var(--trust-mobile-gutter)!important;
  }
  body.we-trust-page .trust-roadmap::-webkit-scrollbar{display:none}
  body.we-trust-page .trust-roadmap::after{display:none!important}
  body.we-trust-page .trust-roadmap-path{display:none!important}
  body.we-trust-page .trust-road-step,
  body.we-trust-page .trust-road-end{
    position:relative!important;
    inset:auto!important;
    flex:0 0 calc(100vw - 76px)!important;
    width:calc(100vw - 76px)!important;
    min-height:190px!important;
    padding:21px 20px!important;
    border-radius:19px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    opacity:1!important;
    transform:none!important;
  }
  body.we-trust-page .trust-road-step::before,
  body.we-trust-page .trust-road-step::after,
  body.we-trust-page .trust-road-end::before,
  body.we-trust-page .trust-road-end::after{display:none!important}
  body.we-trust-page .trust-road-step small,
  body.we-trust-page .trust-road-end small{margin-bottom:18px!important}
  body.we-trust-page .trust-road-step strong,
  body.we-trust-page .trust-road-end strong{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(24px,6.8vw,29px)!important;
    line-height:1.04!important;
  }
  body.we-trust-page .trust-road-step p{
    margin-top:12px!important;
    font-size:14px!important;
    line-height:1.58!important;
  }
  body.we-trust-page .trust-road-end{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    background:linear-gradient(145deg,rgba(12,45,35,.78),rgba(5,18,16,.72))!important;
  }
  body.we-trust-page .trust-road-end span{
    margin-top:auto!important;
    padding-top:18px!important;
  }
  body.we-trust-page .trust-roadmap-shell::after{
    content:"SWIPE · TRUST ROADMAP →";
    display:block;
    margin-top:3px;
    font-size:8px;
    line-height:1;
    letter-spacing:.16em;
    font-weight:800;
    color:rgba(132,208,174,.62);
  }

  /* S03 — four modules become a direct swipe rail. No duplicate desktop
     impact panel or click-to-replace behaviour on phones. */
  body.we-trust-page .trust-system{
    padding-top:64px!important;
    padding-bottom:70px!important;
  }
  body.we-trust-page .trust-modules-head h2{
    font-size:clamp(34px,9.2vw,43px)!important;
    line-height:1.02!important;
    letter-spacing:-.045em!important;
  }
  body.we-trust-page .trust-modules-head>p{
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.62!important;
  }
  body.we-trust-page .trust-module-grid{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    align-items:stretch!important;
    gap:10px!important;
    min-height:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:var(--trust-mobile-gutter)!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    margin:28px calc(-1 * var(--trust-mobile-gutter)) 0!important;
    padding:2px calc(var(--trust-mobile-gutter) + 44px) 14px var(--trust-mobile-gutter)!important;
  }
  body.we-trust-page .trust-module-grid::-webkit-scrollbar{display:none}
  body.we-trust-page .trust-module-impact{display:none!important}
  body.we-trust-page .trust-module-options{display:contents!important}
  body.we-trust-page .trust-module-featured,
  body.we-trust-page .trust-module-option{
    position:relative!important;
    inset:auto!important;
    flex:0 0 calc(100vw - 76px)!important;
    width:calc(100vw - 76px)!important;
    min-width:0!important;
    min-height:285px!important;
    height:auto!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
    border-radius:20px!important;
    padding:20px!important;
  }
  body.we-trust-page .trust-module-featured{
    display:flex!important;
    flex-direction:column!important;
    background:linear-gradient(145deg,rgba(8,43,32,.84),rgba(5,16,14,.78))!important;
  }
  body.we-trust-page .trust-module-featured-top{
    margin-bottom:22px!important;
  }
  body.we-trust-page .trust-module-featured h3{
    margin:10px 0 12px!important;
    font-size:clamp(27px,7.4vw,33px)!important;
    line-height:1.04!important;
  }
  body.we-trust-page .trust-module-featured p{
    font-size:14px!important;
    line-height:1.58!important;
  }
  body.we-trust-page .trust-module-tags{
    margin-top:auto!important;
    padding-top:18px!important;
  }
  body.we-trust-page .trust-module-option{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    text-align:left!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    background:linear-gradient(145deg,rgba(8,25,21,.82),rgba(5,11,15,.76))!important;
  }
  body.we-trust-page .trust-module-option-icon{
    flex:0 0 auto!important;
    width:44px!important;
    height:44px!important;
    margin:0 0 22px!important;
  }
  body.we-trust-page .trust-module-option small{
    display:block!important;
    margin-bottom:10px!important;
  }
  body.we-trust-page .trust-module-option strong{
    display:block!important;
    max-width:100%!important;
    font-size:clamp(24px,6.7vw,29px)!important;
    line-height:1.05!important;
  }
  body.we-trust-page .trust-module-option em{
    display:block!important;
    margin-top:auto!important;
    padding-top:18px!important;
  }
  body.we-trust-page .trust-system-note{
    margin-top:8px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }
  body.we-trust-page .trust-system-shell::after{
    content:"SWIPE · TRUST MODULES →";
    display:block;
    margin-top:3px;
    font-size:8px;
    line-height:1;
    letter-spacing:.16em;
    font-weight:800;
    color:rgba(132,208,174,.62);
  }
}

@media (max-width:390px){
  body.we-trust-page{--trust-mobile-gutter:20px}
  body.we-trust-page .trust-road-step,
  body.we-trust-page .trust-road-end,
  body.we-trust-page .trust-module-featured,
  body.we-trust-page .trust-module-option{
    flex-basis:calc(100vw - 68px)!important;
    width:calc(100vw - 68px)!important;
  }
}

/* ========================================================================== 
   V0.10.120 · TRUST MOBILE MICRO-FIXES
   Fix the hero orphan after “nicht” and make every S03 swipe module carry its
   own explanatory copy on phones. Desktop/tablet behaviour stays unchanged.
   ========================================================================== */
.trust-hero-title-mobile,
.trust-module-option-copy{display:none}

@media (max-width:767px){
  body.we-trust-page .trust-hero-title-desktop{display:none!important}
  body.we-trust-page .trust-hero-title-mobile{display:block!important}
  body.we-trust-page .trust-hero-copy h1{
    font-size:clamp(37px,10.15vw,47px)!important;
    line-height:.995!important;
    letter-spacing:-.05em!important;
  }

  /* S03 is a true content rail on mobile: each card explains itself instead
     of relying on the desktop click-to-replace featured module. */
  body.we-trust-page .trust-module-option-copy{
    display:block!important;
    margin:12px 0 0!important;
    max-width:100%!important;
    color:rgba(211,225,219,.72)!important;
    font-style:normal!important;
    font-size:14px!important;
    line-height:1.58!important;
    letter-spacing:0!important;
    text-transform:none!important;
  }
  body.we-trust-page .trust-module-option em{
    margin-top:auto!important;
    padding-top:18px!important;
  }
  body.we-trust-page .trust-module-featured,
  body.we-trust-page .trust-module-option{
    min-height:330px!important;
  }
}


/* ========================================================================== 
   V0.10.122 · BEYOND MOBILE RHYTHM PASS
   Phone-only cleanup for WORLD BEYOND: one calmer 24px grid, compact hero,
   shorter section handoffs, direct swipeable situation cards and a lighter
   First Light close. Desktop/tablet remain untouched.
   ========================================================================== */
@media (max-width:767px){
  body.we-beyond-v2-page{
    --beyond-mobile-gutter:24px;
    --beyond-mobile-peek:48px;
  }

  /* One visual content line through the complete page. */
  body.we-beyond-v2-page .bv2-scene .page-shell,
  body.we-beyond-v2-page .topbar-inner,
  body.we-beyond-v2-page .world-footer{
    width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  /* S01 — the desktop full-viewport centering created too much empty sky on
     phones. Keep atmosphere, but let the content flow naturally below header. */
  body.we-beyond-v2-page .bv2-hero{
    min-height:0!important;
    height:auto!important;
    padding:0!important;
  }
  body.we-beyond-v2-page .bv2-hero-stage{
    min-height:0!important;
    height:auto!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    padding:136px 0 58px!important;
    overflow:visible!important;
  }
  body.we-beyond-v2-page .bv2-hero-copy{
    width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin:0 auto!important;
  }
  body.we-beyond-v2-page .bv2-hero-copy .bv2-index{margin-bottom:22px!important}
  body.we-beyond-v2-page .bv2-hero-title,
  body.we-beyond-v2-page .bv2-hero-copy h1{
    margin:0!important;
    font-size:clamp(35px,9.6vw,43px)!important;
    line-height:1.005!important;
    letter-spacing:-.05em!important;
  }
  body.we-beyond-v2-page .bv2-hero-title .bv2-hero-line{
    line-height:1.01!important;
    padding-bottom:.045em!important;
  }
  body.we-beyond-v2-page .bv2-hero-copy>p{
    margin-top:22px!important;
    font-size:14px!important;
    line-height:1.62!important;
  }
  body.we-beyond-v2-page .bv2-hero-cta{
    width:100%!important;
    min-width:0!important;
    min-height:68px!important;
    margin-top:26px!important;
    padding:0 16px 0 18px!important;
    border-radius:16px!important;
  }
  body.we-beyond-v2-page .bv2-hero-cta span{font-size:13px!important}
  body.we-beyond-v2-page .bv2-hero-cta small{font-size:7px!important;margin-bottom:5px!important}
  body.we-beyond-v2-page .bv92-sky-bridge{
    height:28px!important;
    min-height:28px!important;
    max-height:28px!important;
  }

  /* S02 — direct touch rail. This keeps the four situations readable without
     turning the phone page into four viewport-heights of stacked cards. */
  body.we-beyond-v2-page .bv92-situations{
    height:auto!important;
    min-height:0!important;
    padding:54px 0 58px!important;
    overflow:visible!important;
  }
  body.we-beyond-v2-page .bv92-situations-shell{width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important}
  body.we-beyond-v2-page .bv92-situations-head h2{
    margin-top:18px!important;
    font-size:clamp(34px,9.25vw,42px)!important;
    line-height:1.015!important;
    letter-spacing:-.047em!important;
  }
  body.we-beyond-v2-page .bv92-situations-head>p{
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.62!important;
  }
  body.we-beyond-v2-page .bv92-situation-grid{
    display:flex!important;
    grid-template-columns:none!important;
    grid-template-rows:none!important;
    align-items:stretch!important;
    gap:10px!important;
    height:auto!important;
    min-height:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:var(--beyond-mobile-gutter)!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
    touch-action:pan-x pan-y;
    margin:28px calc(-1 * var(--beyond-mobile-gutter)) 0!important;
    padding:2px calc(var(--beyond-mobile-gutter) + var(--beyond-mobile-peek)) 14px var(--beyond-mobile-gutter)!important;
  }
  body.we-beyond-v2-page .bv92-situation-grid::-webkit-scrollbar{display:none}
  body.we-beyond-v2-page .bv92-situation-card{
    flex:0 0 calc(100vw - 76px)!important;
    width:calc(100vw - 76px)!important;
    min-width:0!important;
    min-height:236px!important;
    height:auto!important;
    padding:20px 62px 22px 18px!important;
    border-radius:18px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:normal!important;
  }
  body.we-beyond-v2-page .bv92-situation-card h3{
    margin-top:14px!important;
    font-size:clamp(24px,6.7vw,29px)!important;
    line-height:1.04!important;
  }
  body.we-beyond-v2-page .bv92-situation-card p{font-size:13.5px!important;line-height:1.56!important}
  body.we-beyond-v2-page .bv92-card-orbit{
    right:6px!important;
    width:72px!important;
    height:72px!important;
    opacity:.48!important;
  }
  body.we-beyond-v2-page .bv92-orbit-ring--a{width:66px!important;height:38px!important}
  body.we-beyond-v2-page .bv92-orbit-ring--b{width:42px!important;height:66px!important}
  body.we-beyond-v2-page .bv92-orbit-core{width:19px!important;height:19px!important}
  body.we-beyond-v2-page .bv92-orbit-dot--a{left:7px!important;top:31px!important}
  body.we-beyond-v2-page .bv92-orbit-dot--b{right:7px!important;top:10px!important}
  body.we-beyond-v2-page .bv92-situations-shell::after{
    content:"SWIPE · BEYOND CASES →";
    display:block;
    margin-top:2px;
    font-size:8px;
    line-height:1;
    letter-spacing:.16em;
    font-weight:800;
    color:rgba(113,194,235,.58);
  }

  /* S03 — visual system is already removed on phones; don't keep its desktop
     section height/padding around the copy. */
  body.we-beyond-v2-page .bv92-system{
    height:auto!important;
    min-height:0!important;
    padding:56px 0 36px!important;
    overflow:visible!important;
  }
  body.we-beyond-v2-page .bv92-system-shell{
    width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important;
    height:auto!important;
  }
  body.we-beyond-v2-page .bv92-system-copy h2{
    margin-top:18px!important;
    font-size:clamp(34px,9.25vw,42px)!important;
    line-height:1.015!important;
    letter-spacing:-.047em!important;
  }
  body.we-beyond-v2-page .bv92-system-copy>p{
    margin-top:16px!important;
    font-size:14px!important;
    line-height:1.62!important;
  }
  body.we-beyond-v2-page .bv92-system-cta{
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    margin-top:24px!important;
    border-radius:17px!important;
  }

  /* S04 — retain the clean mobile First Light version, but remove the large
     dead handoff and align every element to the same gutter. */
  body.we-beyond-v2-page .bv2-sunrise-sticky{
    padding:40px 0 34px!important;
    min-height:0!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-copy{
    width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-pre{
    margin:18px 0 0!important;
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.55!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-copy h2{
    margin-top:16px!important;
    font-size:clamp(34px,9.25vw,42px)!important;
    line-height:1.045!important;
    letter-spacing:-.047em!important;
  }
  body.we-beyond-v2-page .bv2-open{
    min-height:66px!important;
    margin-top:24px!important;
    padding:0 16px!important;
    border-radius:17px!important;
  }
  body.we-beyond-v2-page .bv2-open span{font-size:14px!important}
  body.we-beyond-v2-page .bv2-open small{font-size:7px!important}
  body.we-beyond-v2-page .bv2-sunrise-aside{
    margin-top:22px!important;
    padding:18px!important;
    border:1px solid rgba(184,222,244,.12)!important;
    border-radius:18px!important;
    background:rgba(6,8,16,.46)!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-aside p{font-size:14px!important;line-height:1.58!important}
  body.we-beyond-v2-page .bv2-footer{
    width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important;
    margin-top:34px!important;
    padding-bottom:12px!important;
  }
}

@media (max-width:390px){
  body.we-beyond-v2-page{--beyond-mobile-gutter:22px;--beyond-mobile-peek:44px}
  body.we-beyond-v2-page .bv2-hero-stage{padding-top:128px!important}
  body.we-beyond-v2-page .bv92-situation-card{
    flex-basis:calc(100vw - 70px)!important;
    width:calc(100vw - 70px)!important;
  }
}


/* ==========================================================================
   V0.10.122 · BEYOND MOBILE STACK + STRONGER FIRST LIGHT
   - S02 cards stack vertically on phones instead of becoming a swipe rail
   - S04 gets more breathing room above the footer
   - first-light sea/ocean background is more visible on mobile
   ========================================================================== */
@media (max-width:767px){
  body.we-beyond-v2-page .bv92-situations-shell::after{
    content:none!important;
    display:none!important;
  }
  body.we-beyond-v2-page .bv92-situation-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:none!important;
    align-items:stretch!important;
    gap:12px!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    overflow-x:visible!important;
    overflow-y:visible!important;
    scroll-snap-type:none!important;
    scroll-padding-left:0!important;
    margin:28px 0 0!important;
    padding:0!important;
    touch-action:auto!important;
  }
  body.we-beyond-v2-page .bv92-situation-card{
    flex:none!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    padding:20px 76px 22px 18px!important;
    border-radius:18px!important;
    scroll-snap-align:none!important;
    scroll-snap-stop:normal!important;
  }
  body.we-beyond-v2-page .bv92-situation-card h3{
    font-size:clamp(23px,6.6vw,28px)!important;
  }
  body.we-beyond-v2-page .bv92-card-orbit{
    right:10px!important;
    width:74px!important;
    height:74px!important;
    opacity:.54!important;
  }

  body.we-beyond-v2-page .bv2-sunrise-sticky{
    padding:44px 0 116px!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-copy{
    width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important;
    padding-bottom:86px!important;
  }
  body.we-beyond-v2-page .bv2-first-light-image{
    opacity:1!important;
    background-position:50% 82%!important;
    background-size:cover!important;
    filter:saturate(1.08) brightness(.98)!important;
  }
  body.we-beyond-v2-page .bv2-first-light-image::before{
    opacity:.36!important;
    background-position:50% 84%!important;
    background-size:cover!important;
    filter:saturate(1.22) contrast(1.05) brightness(1.04)!important;
  }
  body.we-beyond-v2-page .bv2-first-light-image::after{
    opacity:calc(var(--sun-p) * (.42 + var(--wave-p) * .34))!important;
  }
  body.we-beyond-v2-page .bv2-first-light-shade{
    background:linear-gradient(180deg,rgba(4,7,16,.12) 0%,rgba(4,7,16,.28) 34%,rgba(4,7,16,.44) 58%,rgba(2,6,14,.78) 100%)!important;
  }
  body.we-beyond-v2-page .bv2-sunrise-aside{
    margin-top:24px!important;
  }
  body.we-beyond-v2-page .bv2-footer{
    width:calc(100% - (var(--beyond-mobile-gutter) * 2))!important;
    padding-bottom:18px!important;
  }
}

@media (max-width:390px){
  body.we-beyond-v2-page .bv92-situation-card{
    width:100%!important;
    flex-basis:auto!important;
  }
}


/* ==========================================================================
   V0.10.124 · ABOUT S03 CLEANUP
   - mobile site-panel logo scrolls away while the close action stays available
   - About uses one consistent side gutter and tighter section rhythm
   - S02 headline may wrap naturally on phones (no orphaned "geworden,")
   ========================================================================== */
@media (max-width:767px){
  /* Shared side panel ----------------------------------------------------- */
  .glass-panel-v052 .panel-logo{
    opacity:1;
    transform:translateX(-8px) translateY(0) scale(1);
    transform-origin:left center;
    transition:opacity .22s ease,transform .26s var(--ease),visibility .22s ease;
  }
  .glass-panel-v052.is-scrolled .panel-logo{
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateX(-8px) translateY(-10px) scale(.92);
  }

  /* About --------------------------------------------------------------- */
  body.we-about-page{
    --about-mobile-gutter:18px;
  }
  body.we-about-page .about-intro-shell,
  body.we-about-page .about-why-shell,
  body.we-about-page .about-contact .page-shell{
    width:calc(100% - (var(--about-mobile-gutter) * 2))!important;
    max-width:none!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  body.we-about-page .about-intro{
    padding-top:108px!important;
    padding-bottom:40px!important;
  }
  body.we-about-page .about-intro h1{
    max-width:100%!important;
    font-size:clamp(38px,10.2vw,47px)!important;
    line-height:1.005!important;
    letter-spacing:-.052em!important;
    margin-top:18px!important;
  }
  body.we-about-page .about-intro-copy{
    font-size:14px!important;
    line-height:1.62!important;
  }
  body.we-about-page .about-intro-copy p+p{margin-top:15px!important}
  body.we-about-page .about-evolution{
    margin-top:24px!important;
  }

  body.we-about-page .about-why{
    padding-top:38px!important;
    padding-bottom:52px!important;
  }
  body.we-about-page .about-why-head{
    margin-bottom:12px!important;
    padding:24px 18px 26px!important;
    border-radius:18px!important;
  }
  body.we-about-page .about-why-head .about-index{
    margin-bottom:13px!important;
  }
  body.we-about-page .about-why h2{
    max-width:100%!important;
    margin:0 auto 16px!important;
    font-size:clamp(31px,8.45vw,38px)!important;
    line-height:1.035!important;
    letter-spacing:-.047em!important;
    text-wrap:balance;
  }
  body.we-about-page .about-why h2 br{display:none!important}
  body.we-about-page .about-why-lead{
    font-size:14px!important;
    line-height:1.6!important;
  }
  body.we-about-page .about-why-grid{gap:11px!important}
  body.we-about-page .about-why-card{
    padding:20px 18px 22px!important;
    border-radius:18px!important;
  }
  body.we-about-page .about-why-card-top{margin-bottom:22px!important}
  body.we-about-page .about-why-card h3{
    font-size:23px!important;
    line-height:1.06!important;
  }
  body.we-about-page .about-why-card p{
    font-size:13.5px!important;
    line-height:1.58!important;
  }

  body.we-about-page .about-contact{
    min-height:0!important;
    padding-top:50px!important;
    padding-bottom:78px!important;
  }
  body.we-about-page .about-contact .contact-final-orb{margin-bottom:22px!important}
  body.we-about-page .about-contact .contact-final-index{margin-bottom:24px!important}
  body.we-about-page .about-contact .contact-final-pre{
    font-size:clamp(28px,8.2vw,36px)!important;
    line-height:1!important;
  }
  body.we-about-page .about-contact .contact-final-copy h2{
    font-size:clamp(40px,11.2vw,50px)!important;
    line-height:.98!important;
  }
  body.we-about-page .about-contact .contact-final-text{
    margin-top:20px!important;
    font-size:14px!important;
    line-height:1.6!important;
  }
  body.we-about-page .about-contact .contact-final-cta{
    margin-top:28px!important;
  }
}

@media (max-width:390px){
  body.we-about-page{--about-mobile-gutter:17px}
}