/* =========================================================
CDM · CARTILLA ANTISOBORNO · PREMIUM STORYTELLING 2026 · V2
Power Pages compatible. CSS puro. Sin librerías externas.
========================================================= */

.antisoborno.sgas-page.sgas27{
  --s27-green-950:#002d22;
  --s27-green-900:#003f2f;
  --s27-green-800:#0b593f;
  --s27-green:#0b7a35;
  --s27-lime:#8bd936;
  --s27-lime-2:#a8f247;
  --s27-paper:#f2eee4;
  --s27-paper-2:#e5dfd2;
  --s27-mint:#dcebdc;
  --s27-ink:#001f18;
  --s27-text:#4d5954;
  --s27-muted:#75817c;
  --s27-white:#ffffff;
  --s27-line:rgba(0,63,47,.15);
  --s27-max:1440px;
  --s27-ease:cubic-bezier(.2,.72,.2,1);
  --s27-shadow:0 30px 80px rgba(0,31,24,.12);

  width:100%;
  max-width:100%;
  margin:0;
  padding:0;
  overflow-x:hidden;
  background:#fff;
  color:var(--s27-ink);
  font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

.antisoborno.sgas-page.sgas27,
.antisoborno.sgas-page.sgas27 *,
.antisoborno.sgas-page.sgas27 *::before,
.antisoborno.sgas-page.sgas27 *::after{box-sizing:border-box}

.antisoborno.sgas-page.sgas27 img{display:block;max-width:100%}
.antisoborno.sgas-page.sgas27 a{text-decoration:none!important}
.antisoborno.sgas-page.sgas27 button{font:inherit}

.sgas27-shell{
  width:min(90%,var(--s27-max));
  margin-inline:auto;
}

.sgas27-skip{
  position:fixed;
  z-index:100000;
  left:14px;
  top:12px;
  transform:translateY(-160%);
  padding:10px 14px;
  background:#fff;
  color:var(--s27-ink)!important;
  border-radius:7px;
  font-weight:800;
}

.sgas27-skip:focus{transform:none}

/* ---------- CHAPTER NAV ---------- */

.sgas27-chapter-nav{
  position:fixed;
  z-index:9900;
  right:16px;
  top:50%;
  display:flex;
  flex-direction:column;
  gap:7px;
  transform:translateY(-50%);
}

.sgas27-chapter-nav a{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  min-height:30px;
  color:#fff!important;
}

.sgas27-chapter-nav a span{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.25);
  border-radius:50%;
  background:rgba(0,31,24,.58);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:7px;
  font-weight:900;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.sgas27-chapter-nav a b{
  max-width:0;
  overflow:hidden;
  opacity:0;
  white-space:nowrap;
  color:#fff;
  font-size:8px;
  letter-spacing:.6px;
  transition:max-width .25s ease,opacity .25s ease;
}

.sgas27-chapter-nav a:hover b,
.sgas27-chapter-nav a[aria-current="true"] b{
  max-width:90px;
  opacity:1;
}

.sgas27-chapter-nav a[aria-current="true"] span{
  background:var(--s27-lime);
  color:var(--s27-ink);
  border-color:var(--s27-lime);
  transform:scale(1.08);
}

/* ---------- TYPOGRAPHY ---------- */

.sgas27-display{
  margin:0;
  color:var(--s27-ink);
  font-size:clamp(52px,5.9vw,98px);
  font-weight:730;
  line-height:.88;
  letter-spacing:-5px;
}

.sgas27-display em{
  color:var(--s27-green);
  font-weight:300;
  font-style:normal;
}

.sgas27-display--light{color:#fff}
.sgas27-display--light em{color:var(--s27-lime)}

.sgas27-eyebrow{
  display:inline-block;
  margin-bottom:13px;
  color:var(--s27-green);
  font-size:9px;
  font-weight:900;
  letter-spacing:2px;
}

.sgas27-eyebrow--lime{color:var(--s27-lime)}

.sgas27-chapter{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:28px;
  color:var(--s27-ink);
  font-size:9px;
  font-weight:900;
  letter-spacing:1.5px;
  text-transform:uppercase;
}

.sgas27-chapter span{color:var(--s27-green)}
.sgas27-chapter i{width:42px;height:1px;background:currentColor;opacity:.28}
.sgas27-chapter--light{color:#fff}
.sgas27-chapter--light span{color:var(--s27-lime)}

/* ---------- HERO · SYNTHETIC EXPERIENCE ---------- */

.sgas27-hero{
  position:relative;
  min-height:960px;
  overflow:hidden;
  background:#001b15;
  color:#fff;
  isolation:isolate;
}

.sgas27-synth-bg{
  position:absolute;
  inset:0;
  z-index:-6;
  overflow:hidden;
  background:
    linear-gradient(135deg,#001f18 0%,#00372a 48%,#001611 100%);
}

.sgas27-mesh{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.78;
  mix-blend-mode:screen;
  will-change:transform;
}

.sgas27-mesh--a{
  width:55vw;
  height:55vw;
  left:-12vw;
  top:-18vw;
  background:
    radial-gradient(circle at 45% 45%,rgba(139,217,54,.88),rgba(11,122,53,.24) 42%,transparent 69%);
  animation:s27MeshA 14s ease-in-out infinite alternate;
}

.sgas27-mesh--b{
  width:48vw;
  height:48vw;
  right:-8vw;
  top:3vw;
  background:
    radial-gradient(circle at 50% 50%,rgba(27,127,255,.34),rgba(36,213,168,.2) 42%,transparent 72%);
  animation:s27MeshB 17s ease-in-out infinite alternate;
}

.sgas27-mesh--c{
  width:42vw;
  height:42vw;
  left:35%;
  bottom:-20vw;
  background:
    radial-gradient(circle at 50% 50%,rgba(168,242,71,.46),rgba(0,104,74,.23) 44%,transparent 74%);
  animation:s27MeshC 20s ease-in-out infinite alternate;
}

@keyframes s27MeshA{
  from{transform:translate3d(-2%,0,0) scale(.94)}
  to{transform:translate3d(8%,10%,0) scale(1.08)}
}

@keyframes s27MeshB{
  from{transform:translate3d(6%,-3%,0) scale(1)}
  to{transform:translate3d(-8%,8%,0) scale(.9)}
}

@keyframes s27MeshC{
  from{transform:translate3d(-4%,5%,0) scale(.92)}
  to{transform:translate3d(7%,-8%,0) scale(1.06)}
}

.sgas27-noise{
  position:absolute;
  inset:0;
  opacity:.16;
  background-image:
    radial-gradient(circle at 12% 18%,rgba(255,255,255,.18) 0 1px,transparent 1.2px),
    radial-gradient(circle at 76% 22%,rgba(139,217,54,.20) 0 1px,transparent 1.2px),
    radial-gradient(circle at 48% 72%,rgba(255,255,255,.11) 0 1px,transparent 1.2px);
  background-size:44px 44px,63px 63px,78px 78px;
  mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.55) 68%,transparent 100%);
}

.sgas27-vignette{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 65% 42%,transparent 0 25%,rgba(0,17,13,.16) 58%,rgba(0,17,13,.70) 100%),
    linear-gradient(90deg,rgba(0,20,15,.58),transparent 42%,rgba(0,12,9,.18));
}

.sgas27-hero-network{
  position:absolute;
  z-index:-2;
  inset:7% -4% auto 31%;
  width:75%;
  height:78%;
  opacity:.88;
  pointer-events:none;
  will-change:transform;
}

.sgas27-hero-network svg{
  width:100%;
  height:100%;
}

.sgas27-net-orbits ellipse{
  stroke:rgba(139,217,54,.19);
  stroke-width:1.2;
  transform-origin:780px 355px;
}

.sgas27-net-orbits ellipse:nth-child(1){animation:s27Orbit 18s linear infinite}
.sgas27-net-orbits ellipse:nth-child(2){animation:s27OrbitReverse 27s linear infinite}
.sgas27-net-orbits ellipse:nth-child(3){animation:s27Orbit 36s linear infinite}

@keyframes s27Orbit{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

@keyframes s27OrbitReverse{
  from{transform:rotate(360deg)}
  to{transform:rotate(0deg)}
}

.sgas27-net-lines path{
  stroke-dasharray:12 14;
  animation:s27Dash 11s linear infinite;
}

@keyframes s27Dash{
  to{stroke-dashoffset:-260}
}

.sgas27-net-nodes circle{
  transform-box:fill-box;
  transform-origin:center;
  animation:s27NodePulse 3.4s ease-in-out infinite;
}

.sgas27-net-nodes circle:nth-child(2){animation-delay:.5s}
.sgas27-net-nodes circle:nth-child(3){animation-delay:1s}
.sgas27-net-nodes circle:nth-child(4){animation-delay:1.5s}
.sgas27-net-nodes circle:nth-child(5){animation-delay:2s}
.sgas27-net-nodes circle:nth-child(6){animation-delay:2.5s}

@keyframes s27NodePulse{
  0%,100%{transform:scale(.85);opacity:.55}
  50%{transform:scale(1.45);opacity:1}
}

.sgas27-particle{
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--s27-lime);
  box-shadow:0 0 18px rgba(139,217,54,.8);
  animation:s27Particle 7s ease-in-out infinite alternate;
}

.sgas27-particle--1{left:19%;top:24%}
.sgas27-particle--2{left:58%;top:18%;animation-delay:1.2s}
.sgas27-particle--3{left:72%;top:62%;animation-delay:2.3s}
.sgas27-particle--4{left:42%;top:72%;animation-delay:3.1s}
.sgas27-particle--5{left:89%;top:34%;animation-delay:4.2s}

@keyframes s27Particle{
  from{transform:translate3d(0,0,0) scale(.7);opacity:.35}
  to{transform:translate3d(18px,-22px,0) scale(1.35);opacity:1}
}

.sgas27-hero__word{
  position:absolute;
  z-index:-1;
  left:-1%;
  bottom:4%;
  color:rgba(255,255,255,.04);
  font-size:clamp(120px,16vw,300px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-15px;
  white-space:nowrap;
  will-change:transform;
}

.sgas27-hero__shell{
  position:relative;
  min-height:960px;
  display:flex;
  flex-direction:column;
  padding-top:34px;
  padding-bottom:38px;
}

.sgas27-hero__top{
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:34px;
  align-items:start;
}

.sgas27-hero__top .sgas27-chapter{margin:0}

.sgas27-hero__brand{
  display:flex;
  align-items:center;
  gap:12px;
}

.sgas27-hero__brand strong{
  color:var(--s27-lime);
  font-size:21px;
}

.sgas27-hero__brand span{
  color:rgba(255,255,255,.62);
  font-size:7px;
  font-weight:900;
  line-height:1.4;
  letter-spacing:1px;
}

.sgas27-hero__standard{text-align:right}
.sgas27-hero__standard span,.sgas27-hero__standard strong{display:block}

.sgas27-hero__standard span{
  color:rgba(255,255,255,.4);
  font-size:7px;
  font-weight:900;
  letter-spacing:1.2px;
}

.sgas27-hero__standard strong{
  margin-top:2px;
  color:var(--s27-lime);
  font-size:12px;
}

.sgas27-hero__main--synthetic{
  flex:1;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(370px,.64fr);
  gap:80px;
  align-items:center;
  padding:58px 0 34px;
}

.sgas27-hero__copy{
  max-width:930px;
}

.sgas27-kicker{
  margin:0 0 18px;
  color:var(--s27-lime);
  font-size:10px;
  font-weight:900;
  letter-spacing:2px;
}

.sgas27-hero__title{
  margin:0;
  color:#fff;
  font-size:clamp(82px,8.2vw,138px);
  font-weight:760;
  line-height:.77;
  letter-spacing:-7px;
}

.sgas27-mask{
  display:block;
  overflow:hidden;
  padding-bottom:.055em;
}

.sgas27-mask>b{display:block;font-weight:760}

.sgas27-hero__title-soft{
  color:rgba(255,255,255,.32);
  font-weight:300!important;
}

.sgas27-hero__title-lime{
  color:var(--s27-lime);
  font-weight:300!important;
  font-style:italic;
  text-shadow:0 0 40px rgba(139,217,54,.10);
}

.sgas27-hero__intro{
  max-width:700px;
  margin-top:31px;
}

.sgas27-hero__intro>p{
  max-width:630px;
  margin:0;
  color:rgba(255,255,255,.72);
  font-size:16px;
  line-height:1.72;
}

.sgas27-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  margin-top:26px;
}

.sgas27-doc-button{
  position:relative;
  min-height:70px;
  min-width:352px;
  display:grid;
  grid-template-columns:52px 1fr 38px;
  gap:13px;
  align-items:center;
  padding:9px 12px;
  overflow:hidden;
  border:1px solid rgba(139,217,54,.45);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
  color:#fff!important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.15);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.sgas27-doc-button::before{
  content:"";
  position:absolute;
  inset:-50% auto -50% -30%;
  width:28%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transition:transform .6s ease;
}

.sgas27-doc-button:hover{
  transform:translateY(-3px);
  border-color:var(--s27-lime);
  box-shadow:0 22px 60px rgba(0,0,0,.23),0 0 36px rgba(139,217,54,.08);
}

.sgas27-doc-button:hover::before{
  transform:translateX(520%) skewX(-18deg);
}

.sgas27-doc-button.is-disabled{opacity:.5;pointer-events:none}

.sgas27-doc-button__number{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--s27-lime);
  color:var(--s27-ink);
  font-size:9px;
  font-weight:900;
}

.sgas27-doc-button__copy small,.sgas27-doc-button__copy strong{display:block}

.sgas27-doc-button__copy small{
  color:rgba(255,255,255,.48);
  font-size:7px;
  font-weight:900;
  letter-spacing:1px;
}

.sgas27-doc-button__copy strong{
  margin-top:2px;
  color:#fff;
  font-size:11px;
}

.sgas27-doc-button__arrow{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:var(--s27-lime);
}

.sgas27-hero__explore{
  display:inline-flex;
  align-items:center;
  min-height:54px;
  padding:0 7px;
  color:#fff!important;
  font-size:10px;
  font-weight:900;
  letter-spacing:.6px;
  text-transform:uppercase;
}

.sgas27-hero__explore span{
  margin-left:10px;
  color:var(--s27-lime);
  font-size:18px;
}

.sgas27-signal{
  position:relative;
  align-self:center;
  min-height:480px;
  padding:24px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.17);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.028));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 40px 90px rgba(0,0,0,.28);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  isolation:isolate;
}

.sgas27-signal::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at var(--s27-mx,70%) var(--s27-my,30%),rgba(139,217,54,.16),transparent 28%);
}

.sgas27-signal__header{
  display:flex;
  align-items:center;
  gap:10px;
  color:rgba(255,255,255,.5);
  font-size:7px;
  font-weight:900;
  letter-spacing:1.2px;
}

.sgas27-signal__header i{
  flex:1;
  height:1px;
  background:rgba(255,255,255,.12);
}

.sgas27-signal__header strong{
  color:var(--s27-lime);
  font-size:8px;
}

.sgas27-signal__visual{
  position:relative;
  min-height:290px;
  display:grid;
  place-items:center;
}

.sgas27-signal__halo{
  position:absolute;
  width:250px;
  height:250px;
  border:1px solid rgba(139,217,54,.22);
  border-radius:50%;
  box-shadow:
    0 0 0 40px rgba(139,217,54,.025),
    0 0 0 78px rgba(139,217,54,.018);
  animation:s27Halo 7s ease-in-out infinite alternate;
}

@keyframes s27Halo{
  from{transform:scale(.93) rotate(-5deg)}
  to{transform:scale(1.06) rotate(6deg)}
}

.sgas27-signal__core{
  position:relative;
  z-index:2;
  width:142px;
  height:142px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 30%,rgba(255,255,255,.18),rgba(139,217,54,.08) 42%,rgba(0,31,24,.46) 70%);
  border:1px solid rgba(139,217,54,.45);
  box-shadow:
    inset 0 0 28px rgba(139,217,54,.06),
    0 0 40px rgba(139,217,54,.07);
}

.sgas27-signal__core span{
  color:rgba(255,255,255,.54);
  font-size:8px;
  font-weight:900;
  letter-spacing:1px;
}

.sgas27-signal__core strong{
  margin-top:2px;
  color:var(--s27-lime);
  font-size:29px;
  letter-spacing:-1px;
}

.sgas27-signal__core small{
  margin-top:3px;
  color:rgba(255,255,255,.42);
  font-size:6px;
  font-weight:900;
  letter-spacing:.7px;
}

.sgas27-signal__visual svg{
  position:absolute;
  left:5%;
  right:5%;
  bottom:3%;
  width:90%;
  height:100px;
  overflow:visible;
}

.sgas27-sparkline{
  fill:none;
  stroke:rgba(139,217,54,.8);
  stroke-width:2;
  stroke-linecap:round;
  stroke-dasharray:390;
  stroke-dashoffset:390;
  filter:drop-shadow(0 0 5px rgba(139,217,54,.45));
  animation:s27Spark 4s ease-in-out infinite alternate;
}

@keyframes s27Spark{
  to{stroke-dashoffset:0}
}

.sgas27-signal__stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}

.sgas27-signal__stats>div{
  min-height:74px;
  padding:12px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(0,31,24,.24);
}

.sgas27-signal__stats span,
.sgas27-signal__stats small,
.sgas27-signal__stats b{
  display:block;
}

.sgas27-signal__stats span{
  color:var(--s27-lime);
  font-size:8px;
  font-weight:900;
}

.sgas27-signal__stats small{
  margin-top:9px;
  color:rgba(255,255,255,.36);
  font-size:6px;
  font-weight:900;
}

.sgas27-signal__stats b{
  margin-top:2px;
  color:#fff;
  font-size:9px;
}

.sgas27-hero__footer{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
}

.sgas27-hero__principles{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
}

.sgas27-hero__principles span{
  position:relative;
  padding-left:10px;
  color:rgba(255,255,255,.42);
  font-size:7px;
  font-weight:900;
  letter-spacing:1.2px;
}

.sgas27-hero__principles span::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:4px;
  height:4px;
  transform:translateY(-50%);
  border-radius:50%;
  background:var(--s27-lime);
}

.sgas27-scroll-cue{
  display:flex;
  align-items:center;
  gap:10px;
}

.sgas27-scroll-cue small{
  color:rgba(255,255,255,.4);
  font-size:7px;
  font-weight:900;
  letter-spacing:1.1px;
}

.sgas27-scroll-cue>span{
  position:relative;
  width:68px;
  height:1px;
  overflow:hidden;
  background:rgba(255,255,255,.12);
}

.sgas27-scroll-cue>span i{
  position:absolute;
  left:-35px;
  top:0;
  width:35px;
  height:1px;
  background:var(--s27-lime);
  animation:s27ScrollCue 1.8s ease-in-out infinite;
}

@keyframes s27ScrollCue{
  0%{transform:translateX(0)}
  65%,100%{transform:translateX(103px)}
}

/* ---------- METRICS ---------- */

.sgas27-metrics{
  display:grid;
  grid-template-columns:.42fr 1.58fr;
  min-height:250px;
  background:var(--s27-paper);
  border-bottom:1px solid rgba(0,31,24,.14);
}

.sgas27-metrics__intro{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:34px 5vw;
  border-right:1px solid rgba(0,31,24,.16);
}

.sgas27-metrics__intro span{
  color:var(--s27-green);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.4px;
}

.sgas27-metrics__intro p{
  max-width:250px;
  margin:10px 0 0;
  color:var(--s27-text);
  font-size:13px;
  line-height:1.55;
}

.sgas27-metrics__grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.sgas27-metric{
  position:relative;
  min-height:250px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:30px;
  border-right:1px solid rgba(0,31,24,.16);
  color:var(--s27-ink);
  transition:background .25s ease,transform .25s ease;
}

.sgas27-metric:hover{
  background:#fff;
  transform:translateY(-4px);
}

.sgas27-metric:last-child{border-right:0}

.sgas27-metric--accent{
  background:var(--s27-lime);
}

.sgas27-metric__index{
  position:absolute;
  left:30px;
  top:25px;
  color:var(--s27-green);
  font-size:8px;
  font-weight:900;
}

.sgas27-metric--accent .sgas27-metric__index{color:var(--s27-ink)}

.sgas27-metric>strong{
  color:var(--s27-ink);
  font-size:78px;
  line-height:.8;
  letter-spacing:-5px;
}

.sgas27-metric div{
  margin-top:18px;
}

.sgas27-metric div b,.sgas27-metric div small{display:block}
.sgas27-metric div b{
  color:var(--s27-green);
  font-size:11px;
  text-transform:uppercase;
}
.sgas27-metric--accent div b{color:var(--s27-ink)}
.sgas27-metric div small{
  margin-top:4px;
  color:var(--s27-muted);
  font-size:8px;
  font-weight:800;
  letter-spacing:.6px;
  text-transform:uppercase;
}
.sgas27-metric--accent div small{color:rgba(0,31,24,.64)}

/* ---------- INTRO ---------- */

.sgas27-intro{
  position:relative;
  overflow:hidden;
  padding:140px 0;
  background:#fff;
}

.sgas27-intro__ghost{
  position:absolute;
  left:-1%;
  top:5%;
  color:rgba(0,63,47,.045);
  font-size:clamp(180px,25vw,460px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-28px;
  pointer-events:none;
  will-change:transform;
}

.sgas27-intro__layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.74fr 1.26fr;
  gap:92px;
  align-items:start;
}

.sgas27-intro__side{
  position:sticky;
  top:40px;
  padding-top:35px;
}

.sgas27-intro__side>p{
  max-width:470px;
  margin:28px 0 0;
  color:var(--s27-text);
  font-size:15px;
  line-height:1.7;
}

.sgas27-intro__mini-index{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:45px;
  color:var(--s27-muted);
  font-size:8px;
  font-weight:900;
}

.sgas27-intro__mini-index i{
  width:70px;
  height:1px;
  background:var(--s27-line);
}

.sgas27-intro__story{
  display:grid;
  gap:22px;
  padding-top:85px;
}

.sgas27-story-card{
  min-height:330px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:36px;
  background:var(--s27-green-950);
  color:#fff;
  box-shadow:var(--s27-shadow);
}

.sgas27-story-card--paper{
  margin-left:7%;
  background:var(--s27-paper);
  color:var(--s27-ink);
}

.sgas27-story-card--mint{
  margin-left:14%;
  background:var(--s27-mint);
  color:var(--s27-ink);
}

.sgas27-story-card h3{
  max-width:650px;
  margin:0;
  font-size:clamp(31px,3.3vw,52px);
  line-height:.96;
  letter-spacing:-2.7px;
}

.sgas27-story-card p{
  max-width:760px;
  margin:22px 0 0;
  color:rgba(255,255,255,.68);
  font-size:16px;
  line-height:1.75;
}

.sgas27-story-card--paper p,
.sgas27-story-card--mint p{
  color:var(--s27-text);
}

.sgas27-story-card strong{color:var(--s27-lime)}
.sgas27-story-card--paper strong,
.sgas27-story-card--mint strong{color:var(--s27-green-900)}

.sgas27-quote{
  position:relative;
  margin:0;
  padding:48px;
  overflow:hidden;
  background:var(--s27-lime);
  color:var(--s27-ink);
}

.sgas27-quote__mark{
  position:absolute;
  right:24px;
  top:-24px;
  color:rgba(0,31,24,.12);
  font-family:Georgia,serif;
  font-size:190px;
  line-height:1;
}

.sgas27-quote>p{
  position:relative;
  z-index:2;
  max-width:850px;
  margin:0;
  font-size:26px;
  line-height:1.42;
  letter-spacing:-1px;
}

.sgas27-quote footer{
  position:relative;
  z-index:2;
  margin-top:30px;
  padding-top:20px;
  border-top:1px solid rgba(0,31,24,.18);
}

.sgas27-quote footer strong,.sgas27-quote footer small{display:block}
.sgas27-quote footer strong{font-size:11px}
.sgas27-quote footer small{
  margin-top:4px;
  color:rgba(0,31,24,.6);
  font-size:7px;
  font-weight:900;
  letter-spacing:1px;
}

/* ---------- TYPE BAND ---------- */

.sgas27-typeband{
  overflow:hidden;
  padding:35px 0;
  background:var(--s27-lime);
}

.sgas27-typeband__track{
  width:max-content;
  display:flex;
  align-items:center;
  white-space:nowrap;
  transform:translate3d(0,0,0);
}

.sgas27-typeband span{
  margin:0 20px;
  color:var(--s27-ink);
  font-size:clamp(38px,4vw,66px);
  font-weight:800;
  letter-spacing:-2px;
}

.sgas27-typeband i{
  color:var(--s27-green-900);
  font-size:14px;
}

/* ---------- SHARED HEAD ---------- */

.sgas27-section-head{
  display:grid;
  grid-template-columns:1.15fr .55fr;
  gap:70px;
  align-items:end;
  margin-bottom:62px;
}

.sgas27-section-head>p{
  margin:0;
  color:var(--s27-text);
  font-size:15px;
  line-height:1.7;
}

.sgas27-section-head--light>p{color:rgba(255,255,255,.6)}

/* ---------- COMPONENTS ---------- */

.sgas27-components{
  padding:140px 0 110px;
  overflow:hidden;
  background:var(--s27-paper);
}

.sgas27-components__stage{position:relative}

.sgas27-components__rail{
  display:flex;
  gap:14px;
  overflow-x:auto;
  overscroll-behavior-x:contain;
  padding:0 5vw 32px;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  cursor:grab;
}

.sgas27-components__rail::-webkit-scrollbar{display:none}
.sgas27-components__rail.is-dragging{cursor:grabbing;scroll-snap-type:none}

.sgas27-component{
  position:relative;
  flex:0 0 min(410px,78vw);
  min-height:530px;
  display:flex;
  flex-direction:column;
  padding:31px;
  scroll-snap-align:center;
  color:var(--s27-ink);
  transition:transform .3s var(--s27-ease),box-shadow .3s ease;
}

.sgas27-component:hover{
  transform:translateY(-8px);
  box-shadow:0 28px 60px rgba(0,31,24,.15);
}

.sgas27-component>span{
  font-size:72px;
  font-weight:900;
  line-height:.88;
  letter-spacing:-4px;
}

.sgas27-component small{
  margin-top:auto;
  font-size:8px;
  font-weight:900;
  letter-spacing:1.3px;
}

.sgas27-component h3{
  margin:10px 0 0;
  font-size:38px;
  line-height:.95;
  letter-spacing:-2.2px;
}

.sgas27-component p{
  margin:18px 0 0;
  font-size:14px;
  line-height:1.62;
}

.sgas27-component--orange{background:#ef6a32}
.sgas27-component--deep{background:var(--s27-green-950);color:#fff}
.sgas27-component--gold{background:#e1bb38}
.sgas27-component--blue{background:#6d83c8}
.sgas27-component--red{background:#df6d6d}
.sgas27-component--lime{background:var(--s27-lime)}

.sgas27-components__controls{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:10px;
}

.sgas27-components__progress{
  position:relative;
  flex:1;
  height:2px;
  overflow:hidden;
  background:rgba(0,31,24,.12);
}

.sgas27-components__progress span{
  display:block;
  width:0;
  height:100%;
  background:var(--s27-green);
}

.sgas27-components__arrows{
  display:flex;
  gap:8px;
}

.sgas27-components__arrows button{
  width:46px;
  height:46px;
  border:1px solid rgba(0,31,24,.18);
  border-radius:50%;
  background:transparent;
  color:var(--s27-ink);
  cursor:pointer;
  transition:background .2s ease,color .2s ease,transform .2s ease;
}

.sgas27-components__arrows button:hover{
  background:var(--s27-green-950);
  color:#fff;
  transform:translateY(-2px);
}

/* ---------- POLICY ---------- */

.sgas27-policy{
  position:relative;
  overflow:hidden;
  padding:150px 0;
  background:var(--s27-green-950);
  color:#fff;
}

.sgas27-policy__word{
  position:absolute;
  left:-3%;
  top:5%;
  color:rgba(255,255,255,.045);
  font-size:clamp(130px,18vw,320px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-17px;
  white-space:nowrap;
  will-change:transform;
}

.sgas27-policy__layout{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:95px;
  align-items:start;
}

.sgas27-policy__sticky{
  position:sticky;
  top:48px;
  padding-top:210px;
}

.sgas27-policy__sticky>p{
  max-width:560px;
  margin:26px 0 0;
  color:rgba(255,255,255,.64);
  font-size:16px;
  line-height:1.72;
}

.sgas27-policy__steps{
  padding-top:75px;
}

.sgas27-policy__steps article{
  min-height:180px;
  display:grid;
  grid-template-columns:62px 1fr;
  gap:20px;
  align-items:center;
  padding:28px 0;
  border-top:1px solid rgba(255,255,255,.22);
}

.sgas27-policy__steps article:last-child{
  border-bottom:1px solid rgba(255,255,255,.22);
}

.sgas27-policy__steps article>span{
  color:var(--s27-lime);
  font-size:13px;
  font-weight:900;
}

.sgas27-policy__steps article p{
  margin:0;
  color:#fff;
  font-size:21px;
  line-height:1.46;
  letter-spacing:-.6px;
}

/* ---------- GOVERNANCE ---------- */

.sgas27-governance{
  padding:140px 0;
  background:#fff;
}

.sgas27-governance__map{
  position:relative;
}

.sgas27-governance__axis{
  position:absolute;
  left:35px;
  top:0;
  bottom:0;
  width:1px;
  background:rgba(0,31,24,.2);
}

.sgas27-role{
  position:relative;
  display:grid;
  grid-template-columns:70px .72fr .9fr 1.42fr;
  gap:30px;
  align-items:start;
  padding:36px 0;
  border-top:1px solid rgba(0,31,24,.18);
  transition:padding-left .25s ease,background .25s ease;
}

.sgas27-role:last-child{border-bottom:1px solid rgba(0,31,24,.18)}
.sgas27-role:hover{padding-left:20px;background:rgba(139,217,54,.1)}

.sgas27-role__num{
  position:relative;
  z-index:2;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  border:1px solid rgba(0,31,24,.22);
  color:var(--s27-green);
  font-size:9px;
  font-weight:900;
}

.sgas27-role__type small,.sgas27-role__type strong,
.sgas27-role__owner small,.sgas27-role__owner strong{display:block}

.sgas27-role__type small,.sgas27-role__owner small{
  color:var(--s27-muted);
  font-size:7px;
  font-weight:900;
  letter-spacing:1.1px;
}

.sgas27-role__type strong{
  margin-top:6px;
  color:var(--s27-ink);
  font-size:19px;
}

.sgas27-role__owner strong{
  margin-top:6px;
  color:var(--s27-green-900);
  font-size:14px;
}

.sgas27-role>p{
  margin:0;
  color:var(--s27-text);
  font-size:13px;
  line-height:1.68;
}

/* ---------- CHANNELS ---------- */

.sgas27-channels{
  padding:140px 0;
  background:var(--s27-green-950);
  color:#fff;
}

.sgas27-channels__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:minmax(260px,auto);
  gap:12px;
}

.sgas27-channel{
  position:relative;
  min-height:310px;
  display:flex;
  flex-direction:column;
  padding:28px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.025);
  color:#fff;
  transition:background .25s ease,transform .25s ease,border-color .25s ease;
}

.sgas27-channel--wide{grid-column:span 2}

.sgas27-channel:hover{
  background:rgba(255,255,255,.065);
  transform:translateY(-5px);
  border-color:rgba(139,217,54,.46);
}

.sgas27-channel__index{
  position:absolute;
  right:24px;
  top:24px;
  color:rgba(255,255,255,.32);
  font-size:8px;
  font-weight:900;
}

.sgas27-channel__icon{
  width:62px;
  height:62px;
  display:grid;
  place-items:center;
  margin-bottom:auto;
  border:1px solid rgba(255,255,255,.16);
  border-radius:50%;
  color:var(--s27-lime);
  font-size:21px;
  font-weight:900;
}

.sgas27-channel>small{
  color:var(--s27-lime);
  font-size:7px;
  font-weight:900;
  letter-spacing:1.2px;
}

.sgas27-channel h3{
  margin:9px 0 0;
  color:#fff;
  font-size:32px;
  line-height:1;
  letter-spacing:-1.5px;
}

.sgas27-channel p{
  max-width:620px;
  margin:14px 0 0;
  color:rgba(255,255,255,.62);
  font-size:12px;
  line-height:1.62;
}

.sgas27-channel>strong{
  margin-top:20px;
  color:#fff;
  font-size:11px;
  word-break:break-word;
}

.sgas27-channel--lime{
  background:var(--s27-lime);
  color:var(--s27-ink);
  border-color:var(--s27-lime);
}

.sgas27-channel--lime .sgas27-channel__index{color:rgba(0,31,24,.35)}
.sgas27-channel--lime .sgas27-channel__icon{border-color:rgba(0,31,24,.16);color:var(--s27-ink)}
.sgas27-channel--lime>small,.sgas27-channel--lime h3,.sgas27-channel--lime>strong{color:var(--s27-ink)}
.sgas27-channel--lime p{color:rgba(0,31,24,.67)}

/* ---------- END ---------- */

.sgas27-end{
  position:relative;
  overflow:hidden;
  min-height:620px;
  display:flex;
  align-items:center;
  background:var(--s27-paper);
}

.sgas27-end__word{
  position:absolute;
  left:-1%;
  bottom:-2%;
  color:rgba(0,31,24,.045);
  font-size:clamp(120px,17vw,310px);
  font-weight:900;
  line-height:.8;
  letter-spacing:-16px;
  white-space:nowrap;
}

.sgas27-end__top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:28px;
  margin-bottom:75px;
  border-bottom:1px solid rgba(0,31,24,.15);
}

.sgas27-end__top span{
  color:var(--s27-green);
  font-size:8px;
  font-weight:900;
  letter-spacing:1.4px;
}

.sgas27-end__top a{
  color:var(--s27-ink)!important;
  font-size:9px;
  font-weight:900;
}

.sgas27-end__content{
  position:relative;
  z-index:2;
}

.sgas27-end__doc{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:35px;
  padding-bottom:7px;
  border-bottom:1px solid var(--s27-ink);
  color:var(--s27-ink)!important;
  font-size:11px;
  font-weight:900;
}

/* ---------- PROGRESS ---------- */

.sgas27-progress{
  position:fixed;
  z-index:9998;
  left:0;
  right:0;
  top:0;
  height:3px;
  pointer-events:none;
}

.sgas27-progress span{
  display:block;
  width:0;
  height:100%;
  background:var(--s27-lime);
}

.sgas27-backtop{
  position:fixed;
  z-index:9999;
  right:18px;
  bottom:18px;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:var(--s27-ink);
  color:#fff;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:opacity .2s ease,visibility .2s ease,transform .2s ease;
}

.sgas27-backtop.is-visible{
  opacity:1;
  visibility:visible;
  transform:none;
}

/* ---------- MOTION ---------- */

.sgas27.sgas27-motion-ready [data-sgas27-reveal]{
  opacity:0;
  transform:translateY(36px);
  transition:opacity .72s var(--s27-ease),transform .72s var(--s27-ease);
}

.sgas27.sgas27-motion-ready [data-sgas27-reveal].is-visible{
  opacity:1;
  transform:none;
}

[data-sgas27-hero-line]{
  transform:translateY(108%);
  opacity:0;
  transition:transform .9s cubic-bezier(.2,.75,.2,1),opacity .65s ease;
}

.sgas27-mask:nth-child(2) [data-sgas27-hero-line]{transition-delay:.08s}
.sgas27-mask:nth-child(3) [data-sgas27-hero-line]{transition-delay:.16s}

[data-sgas27-hero-reveal]{
  transform:translateY(18px);
  opacity:0;
  transition:transform .72s ease,opacity .72s ease;
}

.sgas27.sgas27-hero-ready [data-sgas27-hero-line],
.sgas27.sgas27-hero-ready [data-sgas27-hero-reveal]{
  transform:translateY(0);
  opacity:1;
}

.sgas27-hero__aside[data-sgas27-hero-reveal]{transition-delay:.20s}
.sgas27-hero__footer[data-sgas27-hero-reveal]{transition-delay:.34s}

/* ---------- TABLET ---------- */

@media(max-width:1100px){
  .sgas27-shell{width:92%;max-width:940px}
  .sgas27-chapter-nav{display:none}
  .sgas27-hero__main{grid-template-columns:1fr .48fr;gap:45px}
  .sgas27-hero__title{font-size:clamp(68px,9vw,102px)}
  .sgas27-metrics{grid-template-columns:1fr}
  .sgas27-metrics__intro{min-height:130px;border-right:0;border-bottom:1px solid rgba(0,31,24,.16)}
  .sgas27-intro__layout,.sgas27-policy__layout{grid-template-columns:1fr;gap:55px}
  .sgas27-intro__side,.sgas27-policy__sticky{position:relative;top:auto}
  .sgas27-intro__story{padding-top:0}
  .sgas27-section-head{grid-template-columns:1fr;gap:24px}
  .sgas27-policy__sticky{padding-top:175px}
  .sgas27-role{grid-template-columns:55px .72fr 1fr}
  .sgas27-role>p{grid-column:2/-1}
  .sgas27-channels__grid{grid-template-columns:1fr 1fr}
  .sgas27-channel--wide{grid-column:span 1}
}

/* ---------- MOBILE ---------- */

@media(max-width:767px){
  .sgas27-shell{width:calc(100% - 28px)}
  .sgas27-display{font-size:43px;line-height:.95;letter-spacing:-2.6px}
  .sgas27-hero{min-height:1000px}
  .sgas27-hero__shell{min-height:1000px;padding-top:24px;padding-bottom:28px}
  .sgas27-hero__top{grid-template-columns:1fr auto}
  .sgas27-hero__brand{display:none}
  .sgas27-hero__main{display:block;padding-top:72px}
  .sgas27-hero__title{font-size:54px;line-height:.84;letter-spacing:-3.7px}
  .sgas27-hero__intro>p{font-size:14px}
  .sgas27-doc-button{width:100%;min-width:0}
  .sgas27-hero__aside{margin-top:58px;margin-bottom:25px}
  .sgas27-hero__aside p{font-size:18px}
  .sgas27-hero__footer{display:block}
  .sgas27-scroll-cue{margin-top:20px}
  .sgas27-hero__word{font-size:95px;letter-spacing:-8px}
  .sgas27-metrics__grid{grid-template-columns:1fr 1fr}
  .sgas27-metric{min-height:210px;border-bottom:1px solid rgba(0,31,24,.16)}
  .sgas27-metric:nth-child(2n){border-right:0}
  .sgas27-intro,.sgas27-components,.sgas27-policy,.sgas27-governance,.sgas27-channels{padding:78px 0}
  .sgas27-intro__ghost{font-size:170px;letter-spacing:-12px}
  .sgas27-intro__layout{gap:38px}
  .sgas27-story-card,.sgas27-story-card--paper,.sgas27-story-card--mint{min-height:0;margin-left:0;padding:28px 24px}
  .sgas27-story-card h3{font-size:34px}
  .sgas27-story-card p{font-size:14px}
  .sgas27-quote{padding:31px 24px}
  .sgas27-quote>p{font-size:20px}
  .sgas27-typeband{padding:24px 0}
  .sgas27-typeband span{font-size:31px;margin:0 12px}
  .sgas27-component{flex-basis:84vw;min-height:450px}
  .sgas27-component h3{font-size:31px}
  .sgas27-components__arrows{display:none}
  .sgas27-policy__word{font-size:108px;letter-spacing:-8px}
  .sgas27-policy__sticky{padding-top:110px}
  .sgas27-policy__steps{padding-top:30px}
  .sgas27-policy__steps article{grid-template-columns:42px 1fr;min-height:145px}
  .sgas27-policy__steps article p{font-size:16px}
  .sgas27-role{display:block;padding:28px 0}
  .sgas27-governance__axis{display:none}
  .sgas27-role__num{margin-bottom:18px}
  .sgas27-role__owner{margin-top:18px}
  .sgas27-role>p{margin-top:18px}
  .sgas27-channels__grid{grid-template-columns:1fr}
  .sgas27-channel{min-height:315px}
  .sgas27-end{min-height:520px}
  .sgas27-end__top{margin-bottom:58px}
  .sgas27-end__word{font-size:100px;letter-spacing:-8px}
  .sgas27-backtop{right:12px;bottom:12px;width:42px;height:42px}
}

@media(max-width:420px){
  .sgas27-hero{min-height:1040px}
  .sgas27-hero__shell{min-height:1040px}
  .sgas27-hero__title{font-size:46px}
  .sgas27-metrics__grid{grid-template-columns:1fr}
  .sgas27-metric{border-right:0}
}


/* ---------- SYNTHETIC HERO RESPONSIVE ---------- */

@media(max-width:1100px){
  .sgas27-hero__main--synthetic{
    grid-template-columns:minmax(0,1fr) minmax(320px,.56fr);
    gap:44px;
  }

  .sgas27-signal{
    min-height:440px;
  }

  .sgas27-hero-network{
    left:28%;
    width:82%;
    opacity:.72;
  }
}

@media(max-width:900px){
  .sgas27-hero{
    min-height:1280px;
  }

  .sgas27-hero__shell{
    min-height:1280px;
  }

  .sgas27-hero__main--synthetic{
    display:block;
    padding-top:70px;
  }

  .sgas27-signal{
    width:min(100%,620px);
    min-height:420px;
    margin:54px 0 0 auto;
  }

  .sgas27-hero-network{
    inset:36% -16% auto 15%;
    width:105%;
    height:54%;
    opacity:.58;
  }
}

@media(max-width:767px){
  .sgas27-hero{
    min-height:1260px;
  }

  .sgas27-hero__shell{
    min-height:1260px;
  }

  .sgas27-mesh{
    filter:blur(46px);
  }

  .sgas27-mesh--a{
    width:88vw;
    height:88vw;
  }

  .sgas27-mesh--b{
    width:80vw;
    height:80vw;
  }

  .sgas27-mesh--c{
    width:76vw;
    height:76vw;
  }

  .sgas27-hero-network{
    inset:42% -30% auto 0;
    width:130%;
    height:46%;
    opacity:.46;
  }

  .sgas27-signal{
    min-height:390px;
    padding:18px;
    border-radius:22px;
  }

  .sgas27-signal__visual{
    min-height:235px;
  }

  .sgas27-signal__halo{
    width:200px;
    height:200px;
  }

  .sgas27-signal__core{
    width:122px;
    height:122px;
  }

  .sgas27-signal__stats{
    gap:5px;
  }

  .sgas27-signal__stats>div{
    padding:9px;
  }
}

@media(max-width:420px){
  .sgas27-hero{
    min-height:1310px;
  }

  .sgas27-hero__shell{
    min-height:1310px;
  }

  .sgas27-signal__stats{
    grid-template-columns:1fr;
  }

  .sgas27-signal__stats>div{
    min-height:0;
    display:grid;
    grid-template-columns:24px 1fr auto;
    align-items:center;
    gap:6px;
  }

  .sgas27-signal__stats small{
    margin-top:0;
  }

  .sgas27-signal__stats b{
    margin-top:0;
  }
}

@media(prefers-reduced-motion:reduce){
  .sgas27 *,
  .sgas27 *::before,
  .sgas27 *::after{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }

  .sgas27.sgas27-motion-ready [data-sgas27-reveal],
  [data-sgas27-hero-line],
  [data-sgas27-hero-reveal]{
    opacity:1!important;
    transform:none!important;
  }
}

.antisoborno.sgas-page.sgas27 :focus-visible{
  outline:3px solid var(--s27-lime);
  outline-offset:4px;
}