/*
 * Why SnapGo
 * A focused, post-theme stylesheet aligned with the approved Home language.
 */

body[data-page="why"]{
  --wy-coral:#e94a09;
  --wy-violet:#7b2d8b;
  --wy-peach:#eda197;
  --wy-mauve:#b23b66;
  --wy-red:#d04555;
  --wy-blush:#cb98bf;
  --wy-plum:#9d337a;
  --wy-orange:#e6503b;
  --wy-night:#3a1738;
  --wy-ink:#2b102e;
  --wy-copy:#6f566d;
  --wy-paper:#fffaf8;
  --wy-soft:#fff0ed;
  --wy-warm:#f7ded9;
  --wy-line:rgba(58,23,56,.14);
  --wy-hero-shell:1560px;
  --wy-content-shell:1180px;
  --wy-gutter:clamp(28px,4vw,64px);
  --wy-nav-height:104px;
  --wy-hero-title:clamp(3.25rem,5.2vw,5.65rem);
  --wy-section-title:clamp(2.35rem,3.7vw,3.75rem);
  --wy-card-title:clamp(1.35rem,1.8vw,1.75rem);
  --wy-body:clamp(.96rem,1.05vw,1.08rem);
  --wy-small:.76rem;
  margin:0;
  background:var(--wy-night);
  color:var(--wy-ink);
}

body[data-page="why"]::selection{
  background:var(--wy-peach);
  color:var(--wy-night);
}

body[data-page="why"] .site-header{
  min-height:var(--wy-nav-height);
  border:0!important;
  border-bottom:1px solid rgba(58,23,56,.1)!important;
  background:rgba(255,250,248,.9)!important;
  box-shadow:0 10px 34px rgba(37,16,61,.07);
  backdrop-filter:blur(18px) saturate(1.25);
}

body[data-page="why"] .nav{
  display:grid!important;
  grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);
  align-items:center!important;
  width:100%;
  max-width:var(--wy-hero-shell)!important;
  min-height:var(--wy-nav-height)!important;
  margin-inline:auto!important;
  padding:7px var(--wy-gutter)!important;
  gap:clamp(22px,3vw,48px)!important;
}

body[data-page="why"] .brand{
  justify-self:start;
  width:170px!important;
  height:90px;
  flex:0 0 170px!important;
  padding:0!important;
}

body[data-page="why"] .brand img,
body[data-page="why"] .snapgo-logo-img{
  width:auto!important;
  height:86px!important;
  max-width:164px!important;
  object-fit:contain!important;
  transform:none!important;
}

body[data-page="why"] .nav-links{
  justify-self:center;
  gap:clamp(20px,2.2vw,34px)!important;
}

body[data-page="why"] .nav-link{
  padding:10px 1px!important;
  color:var(--wy-night)!important;
  font-size:clamp(.92rem,1.05vw,1.02rem)!important;
  line-height:1.1;
}

body[data-page="why"] .nav-link::after{
  background:linear-gradient(90deg,var(--wy-orange),var(--wy-red),var(--wy-violet))!important;
}

body[data-page="why"] .nav-link.active{
  color:var(--wy-violet)!important;
}

body[data-page="why"] .nav-cta{
  justify-self:end;
}

body[data-page="why"] .nav-cta .btn,
body[data-page="why"] .mobile-menu .btn{
  min-height:50px;
  padding:12px 24px!important;
  border-color:var(--wy-night)!important;
  background:linear-gradient(115deg,#b23b66,#702778)!important;
  color:#fff!important;
  font-size:.94rem!important;
  box-shadow:5px 6px 0 var(--wy-night)!important;
}

body[data-page="why"] .site-footer{
  margin-top:0!important;
  border-top:1px solid rgba(237,161,151,.15);
  background:var(--wy-night)!important;
  background-image:none!important;
}

body[data-page="why"] .site-footer a:focus-visible{
  outline:3px solid var(--wy-peach);
  outline-offset:4px;
}

#page-why{
  position:relative;
  display:block;
  overflow:clip;
  background:var(--wy-warm)!important;
  color:var(--wy-ink);
}

#page-why *,
#page-why *::before,
#page-why *::after{
  box-sizing:border-box;
}

#page-why .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;
}

#page-why .why-shell,
#page-why .why-content-shell{
  width:100%;
  margin-inline:auto!important;
  padding-inline:var(--wy-gutter)!important;
}

#page-why .why-shell{
  max-width:var(--wy-hero-shell)!important;
}

#page-why .why-content-shell{
  max-width:var(--wy-content-shell)!important;
}

#page-why :is(a,button):focus-visible{
  outline:3px solid var(--wy-peach);
  outline-offset:4px;
}

#page-why :is(h1,h2,h3){
  color:inherit;
  text-wrap:balance;
}

#page-why p{
  text-wrap:pretty;
}

#page-why #what-we-manage,
#page-why #why-comparison{
  scroll-margin-top:calc(var(--wy-nav-height) + 24px);
}

#page-why .why-reveal{
  opacity:1;
  transform:none;
}

#page-why.why-motion-ready .why-reveal{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:
    opacity .58s ease var(--why-reveal-delay,0ms),
    transform .68s cubic-bezier(.2,.8,.2,1) var(--why-reveal-delay,0ms);
}

#page-why.why-motion-ready .why-reveal.is-visible{
  opacity:1;
  transform:translate3d(0,0,0);
}

#page-why .why-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:max-content;
  max-width:100%;
  margin-bottom:16px;
  color:var(--wy-violet);
  font-family:var(--font-mono);
  font-size:var(--wy-small);
  font-weight:900;
  letter-spacing:.11em;
  line-height:1.2;
  text-transform:uppercase;
}

#page-why .why-eyebrow > i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--wy-peach);
  box-shadow:0 0 0 6px rgba(237,161,151,.14),0 0 20px rgba(237,161,151,.46);
}

#page-why .why-section{
  position:relative;
  isolation:isolate;
  padding:clamp(64px,7vw,96px) 0;
}

#page-why .why-section-head{
  max-width:850px;
  margin-bottom:clamp(34px,4vw,48px);
}

#page-why .why-section-head h2,
#page-why .why-impact-creative h2,
#page-why .why-final h2{
  max-width:820px;
  margin:0 0 18px;
  font-size:var(--wy-section-title);
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.035em;
}

#page-why .why-section-head > p,
#page-why .why-section-head--split > p,
#page-why .why-impact-creative figcaption > p,
#page-why .why-final > div > p{
  max-width:660px;
  margin:0;
  color:var(--wy-copy);
  font-size:var(--wy-body);
  line-height:1.7;
  letter-spacing:-.005em;
}

#page-why .why-section-head--split{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);
  align-items:end;
  gap:clamp(30px,6vw,80px);
  max-width:none;
}

#page-why .why-section-head--split h2{
  margin-bottom:0;
}

/* Hero */
#page-why .why-hero{
  position:relative;
  isolation:isolate;
  min-height:calc(100svh - var(--wy-nav-height));
  padding:clamp(54px,5.4vw,82px) 0 clamp(64px,6vw,94px);
  overflow:hidden;
  background:
    radial-gradient(circle at 83% 18%,rgba(237,161,151,.18),transparent 28rem),
    radial-gradient(circle at 6% 84%,rgba(233,74,9,.13),transparent 24rem),
    linear-gradient(125deg,var(--wy-night) 0%,#66216f 48%,#8f2d68 100%)!important;
  color:#fff;
}

#page-why .why-hero::after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(90deg,#000,transparent 72%);
  pointer-events:none;
}

#page-why .why-hero-ambient{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

#page-why .why-hero-ambient span{
  position:absolute;
  display:block;
  border-radius:48% 52% 43% 57% / 55% 44% 56% 45%;
  opacity:.13;
  animation:whyAmbientDrift 18s ease-in-out infinite alternate;
}

#page-why .why-hero-ambient span:nth-child(1){
  top:-34%;
  right:-12%;
  width:min(58vw,880px);
  aspect-ratio:1;
  background:linear-gradient(145deg,var(--wy-peach),var(--wy-red));
}

#page-why .why-hero-ambient span:nth-child(2){
  bottom:-55%;
  left:16%;
  width:min(54vw,760px);
  aspect-ratio:1.15;
  background:var(--wy-coral);
  opacity:.08;
  animation-delay:-7s;
}

#page-why .why-hero-ambient span:nth-child(3){
  top:15%;
  left:-15%;
  width:min(32vw,480px);
  aspect-ratio:1;
  border:1px solid rgba(255,255,255,.22);
  background:transparent;
  opacity:.32;
  animation-delay:-12s;
}

@keyframes whyAmbientDrift{
  to{
    transform:translate3d(2.5vw,16px,0) rotate(18deg) scale(1.07);
    border-radius:58% 42% 54% 46% / 42% 58% 41% 59%;
  }
}

#page-why .why-hero-grid{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
  align-items:center;
  gap:clamp(38px,5vw,78px);
}

#page-why .why-hero-copy{
  position:relative;
  z-index:4;
  max-width:760px;
}

#page-why .why-eyebrow--hero{
  margin-bottom:18px;
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  background:rgba(255,255,255,.09);
  color:#fff;
  box-shadow:4px 5px 0 rgba(31,8,32,.54);
  backdrop-filter:blur(12px);
}

#page-why .why-hero h1{
  max-width:780px;
  margin:0 0 22px;
  color:#fff!important;
  font-size:var(--wy-hero-title);
  font-weight:700;
  line-height:.94;
  letter-spacing:-.045em;
}

#page-why .why-hero h1 span{
  display:block;
  margin-top:.08em;
  color:var(--wy-peach);
}

#page-why .why-hero-lead{
  max-width:650px;
  margin:0;
  color:#f4e5ef;
  font-size:clamp(1.02rem,1.25vw,1.16rem);
  line-height:1.65;
}

#page-why .why-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:30px;
}

#page-why .why-btn-primary,
#page-why .why-btn-secondary{
  position:relative;
  justify-content:center;
  min-height:54px;
  padding:14px 24px;
  overflow:hidden;
  border:2px solid var(--wy-night);
  border-radius:999px;
  font-size:.96rem;
  transition:transform .25s ease,box-shadow .25s ease,background-position .5s ease;
}

#page-why .why-btn-primary{
  background:linear-gradient(115deg,#b23b66,#702778);
  background-size:170% 100%;
  color:#fff;
  box-shadow:6px 7px 0 #210b24,0 15px 28px rgba(35,10,35,.2);
}

#page-why .why-btn-primary::after{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 48%,transparent 64%);
  transform:translateX(-120%);
  transition:transform .65s ease;
}

#page-why .why-btn-primary > span{
  position:relative;
  z-index:2;
}

#page-why .why-btn-secondary{
  border-color:rgba(255,255,255,.78);
  background:#fff;
  color:var(--wy-violet);
  box-shadow:6px 7px 0 rgba(33,11,36,.62);
}

#page-why .why-btn-primary:hover,
#page-why .why-btn-secondary:hover{
  transform:translateY(-4px);
}

#page-why .why-btn-primary:hover{
  background-position:100% 0;
}

#page-why .why-btn-primary:hover::after{
  transform:translateX(120%);
}

#page-why .why-hero-trust{
  display:flex;
  flex-wrap:wrap;
  gap:12px 22px;
  margin:28px 0 0;
  padding:0;
  list-style:none;
  color:#f8eaf2;
  font-size:.8rem;
  font-weight:800;
}

#page-why .why-hero-trust li{
  display:flex;
  align-items:center;
  gap:8px;
}

#page-why .why-hero-trust i{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:50%;
  background:var(--wy-peach);
  color:var(--wy-night);
  font-size:.68rem;
  font-style:normal;
}

#page-why .why-hero-visual{
  position:relative;
  min-width:0;
  min-height:650px;
  isolation:isolate;
}

#page-why .why-machine-halo{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  width:min(88%,560px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(255,250,248,.19) 0 42%,transparent 43%),
    conic-gradient(from 10deg,rgba(237,161,151,.52),rgba(233,74,9,.26),rgba(208,69,85,.26),rgba(157,51,122,.34),rgba(203,152,191,.42),rgba(237,161,151,.52));
  box-shadow:0 0 0 18px rgba(237,161,151,.045),0 34px 80px rgba(35,10,35,.28);
  transform:translate(-50%,-50%);
}

#page-why .why-machine-halo::before,
#page-why .why-machine-halo::after{
  content:"";
  position:absolute;
  inset:-11%;
  border:1px solid rgba(255,255,255,.13);
  border-radius:50%;
}

#page-why .why-machine-halo::after{
  inset:13%;
  border-style:dashed;
  opacity:.72;
}

#page-why .why-visual-word{
  position:absolute;
  z-index:-1;
  left:50%;
  top:50%;
  color:rgba(255,255,255,.055);
  font-family:var(--font-display);
  font-size:clamp(5.8rem,9vw,9rem);
  font-weight:900;
  letter-spacing:-.06em;
  line-height:.8;
  transform:translate(-50%,-50%) rotate(-8deg);
  white-space:nowrap;
}

#page-why .why-machine-art{
  position:absolute;
  z-index:2;
  left:50%;
  bottom:0;
  width:min(68%,450px);
  height:auto;
  max-height:630px;
  object-fit:contain;
  filter:drop-shadow(0 30px 32px rgba(25,5,27,.34));
  transform:translateX(-50%);
  animation:whyMachineFloat 5.5s ease-in-out infinite;
}

@keyframes whyMachineFloat{
  50%{transform:translate(-50%,-8px)}
}

#page-why .why-live-pill{
  position:absolute;
  z-index:5;
  display:flex;
  align-items:center;
  gap:11px;
  min-width:190px;
  padding:11px 13px;
  border:1px solid rgba(58,23,56,.13);
  border-radius:999px;
  background:rgba(255,250,248,.93);
  color:var(--wy-night);
  box-shadow:0 14px 34px rgba(35,10,35,.17);
  backdrop-filter:blur(14px);
}

#page-why .why-live-pill--uptime{
  left:0;
  top:12%;
}

#page-why .why-live-pill--cost{
  right:0;
  top:27%;
}

#page-why .why-live-icon{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:50%;
  background:var(--wy-red);
  color:#fff;
  font-size:1rem;
  font-style:normal;
}

#page-why .why-live-pill--cost .why-live-icon{
  background:var(--wy-peach);
  color:var(--wy-night);
}

#page-why .why-live-pill > span:last-child{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
}

#page-why .why-live-pill small{
  color:#795e74;
  font-family:var(--font-mono);
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#page-why .why-live-pill strong{
  color:var(--wy-night);
  font-size:.82rem;
  line-height:1.2;
}

#page-why .why-service-card{
  position:absolute;
  z-index:6;
  right:1%;
  bottom:5%;
  width:min(350px,51%);
  padding:18px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:28px 14px 28px 14px;
  background:rgba(255,250,248,.94);
  color:var(--wy-night);
  box-shadow:10px 12px 0 rgba(35,10,35,.7),0 28px 58px rgba(25,5,27,.25);
  backdrop-filter:blur(16px);
}

#page-why .why-service-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 3px 12px;
  border-bottom:1px solid var(--wy-line);
  color:#70546b;
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

#page-why .why-service-head strong{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--wy-violet);
  font-size:.68rem;
}

#page-why .why-service-head strong i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#35b66f;
  box-shadow:0 0 0 5px rgba(53,182,111,.13);
}

#page-why .why-service-card ul{
  display:grid;
  gap:7px;
  margin:12px 0 0;
  padding:0;
  list-style:none;
}

#page-why .why-service-card li{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 22px;
  align-items:center;
  gap:9px;
  padding:9px;
  border:1px solid rgba(58,23,56,.1);
  border-radius:14px;
  background:#fff;
}

#page-why .why-service-card li > span{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  background:var(--wy-soft);
  color:var(--wy-violet);
  font-family:var(--font-mono);
  font-size:.62rem;
  font-weight:900;
}

#page-why .why-service-card li p{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:2px;
  margin:0;
}

#page-why .why-service-card li b{
  color:var(--wy-night);
  font-size:.73rem;
  line-height:1.25;
}

#page-why .why-service-card li small{
  overflow:hidden;
  color:#7b6277;
  font-size:.68rem;
  line-height:1.25;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#page-why .why-service-card li > i{
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:#dcf4e6;
  color:#16874d;
  font-size:.65rem;
  font-style:normal;
}

/* Service ribbon */
#page-why .why-service-ribbon{
  position:relative;
  z-index:8;
  overflow:hidden;
  border-block:1px solid rgba(255,255,255,.14);
  background:linear-gradient(90deg,var(--wy-violet),var(--wy-plum),var(--wy-mauve),var(--wy-red),var(--wy-violet));
  background-size:220% 100%;
  color:#fff;
}

#page-why .why-service-ribbon-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-height:60px;
  animation:whyRibbonRun 27s linear infinite;
}

#page-why .why-service-ribbon-track span{
  padding-inline:22px;
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.11em;
  text-transform:uppercase;
  white-space:nowrap;
}

#page-why .why-service-ribbon-track i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:var(--wy-peach);
  box-shadow:0 0 0 4px rgba(237,161,151,.11);
}

@keyframes whyRibbonRun{
  to{transform:translateX(-50%)}
}

/* Managed process */
#page-why .why-section.why-managed{
  background:
    radial-gradient(circle at 2% 10%,rgba(237,161,151,.4),transparent 22rem),
    radial-gradient(circle at 97% 84%,rgba(203,152,191,.24),transparent 25rem),
    linear-gradient(180deg,var(--wy-warm),#fff4f0)!important;
}

#page-why .why-process{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin:0;
  padding:0;
  list-style:none;
}

#page-why .why-process-card{
  --process-accent:var(--wy-coral);
  position:relative;
  display:flex;
  min-width:0;
  min-height:365px;
  flex-direction:column;
  padding:30px 26px 26px;
  overflow:hidden;
  border:1px solid var(--wy-line);
  border-radius:22px 34px 22px 34px;
  background:rgba(255,250,248,.88);
  box-shadow:0 18px 46px rgba(37,16,61,.09),inset 0 5px var(--process-accent);
  backdrop-filter:blur(12px);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;
}

#page-why .why-process-card:nth-child(2){
  --process-accent:var(--wy-red);
  border-radius:34px 22px 34px 22px;
}

#page-why .why-process-card:nth-child(3){
  --process-accent:var(--wy-plum);
}

#page-why .why-process-card:nth-child(4){
  --process-accent:var(--wy-violet);
  border-radius:34px 22px 34px 22px;
}

#page-why .why-process-card::after{
  content:"";
  position:absolute;
  right:-52px;
  top:-54px;
  width:150px;
  height:150px;
  border-radius:50%;
  background:var(--process-accent);
  opacity:.09;
  transition:transform .45s ease;
}

#page-why .why-process-number{
  position:absolute;
  z-index:2;
  right:20px;
  top:20px;
  color:var(--process-accent);
  font-family:var(--font-mono);
  font-size:1.4rem;
  font-weight:900;
  opacity:.62;
}

#page-why .why-process-mark{
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  margin:10px 0 auto;
  border-radius:21px;
  background:color-mix(in srgb,var(--process-accent) 13%,white);
  color:var(--process-accent);
  font-family:var(--font-mono);
  font-size:1.05rem;
  font-style:normal;
  font-weight:900;
  box-shadow:4px 5px 0 color-mix(in srgb,var(--process-accent) 40%,transparent);
  transform:rotate(-6deg);
}

#page-why .why-process-card h3{
  margin:30px 0 10px;
  color:var(--wy-night);
  font-size:var(--wy-card-title);
  line-height:1.18;
  letter-spacing:-.018em;
}

#page-why .why-process-card p{
  margin:0;
  color:var(--wy-copy);
  font-size:.93rem;
  line-height:1.63;
}

#page-why .why-process-card > small{
  display:block;
  margin-top:20px;
  color:var(--process-accent);
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

@media (hover:hover) and (pointer:fine){
  #page-why .why-process-card:hover{
    z-index:2;
    border-color:color-mix(in srgb,var(--process-accent) 48%,transparent);
    box-shadow:0 28px 60px rgba(37,16,61,.15),0 0 0 5px color-mix(in srgb,var(--process-accent) 10%,transparent);
    transform:translateY(-9px) rotate(-.35deg);
  }

  #page-why .why-process-card:hover::after{
    transform:scale(1.22);
  }

  #page-why .why-impact-creative:hover img{
    filter:saturate(1.06) contrast(1.02);
    transform:scale(1.035);
  }
}

/* Comparison */
#page-why .why-section.why-comparison{
  background:
    radial-gradient(circle at 88% 14%,rgba(237,161,151,.18),transparent 26rem),
    radial-gradient(circle at 6% 90%,rgba(233,74,9,.1),transparent 24rem),
    linear-gradient(145deg,var(--wy-night),#5b2258 58%,#722967)!important;
  color:#fff;
}

#page-why .why-section-head--light .why-eyebrow{
  color:var(--wy-peach);
}

#page-why .why-section-head--light h2{
  color:#fff;
}

#page-why .why-section-head--light > p{
  color:#ead7e4;
}

#page-why .why-compare-shell{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
  border-radius:32px 18px 32px 18px;
  background:rgba(255,250,248,.98);
  box-shadow:12px 14px 0 rgba(27,7,29,.74),0 30px 64px rgba(24,5,26,.28);
}

#page-why .why-compare-status{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:54px;
  padding:13px 22px;
  border-bottom:1px solid var(--wy-line);
  background:var(--wy-soft);
  color:#74586e;
  font-family:var(--font-mono);
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#page-why .why-compare-status strong{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--wy-violet);
}

#page-why .why-compare-status i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#35b66f;
  box-shadow:0 0 0 5px rgba(53,182,111,.12);
}

#page-why .why-compare-table{
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}

#page-why .why-compare-table th,
#page-why .why-compare-table td{
  padding:18px 22px;
  border-right:1px solid var(--wy-line);
  border-bottom:1px solid var(--wy-line);
  vertical-align:middle;
  text-align:left;
}

#page-why .why-compare-table tr:last-child > *{
  border-bottom:0;
}

#page-why .why-compare-table tr > *:last-child{
  border-right:0;
}

#page-why .why-compare-table thead th{
  background:#fff;
  color:var(--wy-night);
  font-family:var(--font-mono);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

#page-why .why-compare-table thead th:first-child{
  width:22%;
}

#page-why .why-compare-table thead th:nth-child(2){
  width:36%;
  color:#7c6478;
}

#page-why .why-compare-table thead th:nth-child(3){
  width:42%;
  background:#f7e9f2;
  color:var(--wy-violet);
}

#page-why .why-compare-table tbody th{
  background:#fff;
  color:var(--wy-night);
  font-size:.92rem;
  font-weight:900;
}

#page-why .why-compare-table tbody td{
  background:#fff;
  color:#735d70;
  font-size:.89rem;
  line-height:1.45;
}

#page-why .why-compare-table tbody td:last-child{
  background:#fcf1f7;
  color:var(--wy-night);
  font-weight:800;
}

#page-why .why-compare-table tbody td:last-child i{
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-right:8px;
  border-radius:50%;
  background:var(--wy-violet);
  color:#fff;
  font-size:.7rem;
  font-style:normal;
  vertical-align:middle;
}

/* Human impact and proof */
#page-why .why-section.why-impact{
  background:
    radial-gradient(circle at 8% 18%,rgba(203,152,191,.3),transparent 24rem),
    linear-gradient(180deg,#fff4f0,var(--wy-warm))!important;
}

#page-why .why-impact-creative{
  position:relative;
  min-height:610px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(58,23,56,.14);
  border-radius:40px 20px 40px 20px;
  background:var(--wy-night);
  box-shadow:12px 14px 0 rgba(58,23,56,.82),0 32px 70px rgba(35,10,35,.22);
  isolation:isolate;
}

#page-why .why-impact-creative::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  background:
    linear-gradient(90deg,transparent 34%,rgba(35,10,35,.12) 50%,rgba(35,10,35,.72) 100%),
    linear-gradient(180deg,transparent 62%,rgba(35,10,35,.18));
  pointer-events:none;
}

#page-why .why-impact-creative::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:14px;
  border:1px solid rgba(237,161,151,.28);
  border-radius:30px 12px 30px 12px;
  pointer-events:none;
}

#page-why .why-impact-creative img{
  width:100%;
  height:100%;
  min-height:610px;
  object-fit:cover;
  object-position:center;
  transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .5s ease;
}

#page-why .why-impact-creative figcaption{
  position:absolute;
  z-index:3;
  top:50%;
  right:clamp(34px,5vw,68px);
  width:min(46%,500px);
  padding:clamp(26px,3.5vw,42px);
  border:1px solid rgba(255,255,255,.17);
  border-radius:28px 14px 28px 14px;
  background:rgba(49,16,49,.84);
  color:#fff;
  box-shadow:0 22px 48px rgba(24,5,26,.26);
  backdrop-filter:blur(14px);
  transform:translateY(-50%);
}

#page-why .why-impact-creative .why-eyebrow{
  color:var(--wy-peach);
}

#page-why .why-impact-creative h2{
  color:#fff;
  font-size:clamp(2.15rem,3.4vw,3.45rem);
}

#page-why .why-impact-creative figcaption > p{
  color:#f1dfe9;
  font-size:.98rem;
  line-height:1.66;
}

#page-why .why-proof-grid{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  width:calc(100% - clamp(30px,6vw,90px));
  margin:-54px auto 0;
  overflow:hidden;
  border:1px solid var(--wy-line);
  border-radius:26px 26px 10px 26px;
  background:rgba(255,250,248,.96);
  box-shadow:0 24px 56px rgba(37,16,61,.14);
  backdrop-filter:blur(16px);
}

#page-why .why-proof-grid > div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:14px;
  min-width:0;
  min-height:128px;
  padding:22px;
  border-right:1px solid var(--wy-line);
}

#page-why .why-proof-grid > div:last-child{
  border-right:0;
}

#page-why .why-proof-grid dt{
  color:var(--wy-violet);
  font-family:var(--font-display);
  font-size:clamp(2rem,3vw,3rem);
  font-weight:800;
  line-height:1;
  letter-spacing:-.04em;
}

#page-why .why-proof-grid dd{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:4px;
  margin:0;
}

#page-why .why-proof-grid strong{
  color:var(--wy-night);
  font-size:.82rem;
  line-height:1.25;
}

#page-why .why-proof-grid span{
  color:#786174;
  font-size:.68rem;
  line-height:1.35;
}

#page-why .why-proof-note{
  max-width:900px;
  margin:18px auto 0;
  color:#7e687a;
  font-size:.72rem;
  line-height:1.5;
  text-align:center;
}

/* Ownership */
#page-why .why-section.why-ownership{
  background:
    radial-gradient(circle at 94% 12%,rgba(237,161,151,.24),transparent 24rem),
    linear-gradient(180deg,var(--wy-warm),#f3d5d7)!important;
}

#page-why .why-ownership-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(18px,3vw,30px);
}

#page-why .why-owner-card{
  position:relative;
  min-width:0;
  padding:clamp(30px,4vw,46px);
  overflow:hidden;
  border-radius:34px 18px 34px 18px;
}

#page-why .why-owner-card::after{
  content:"";
  position:absolute;
  z-index:0;
  right:-90px;
  top:-100px;
  width:260px;
  height:260px;
  border-radius:50%;
  opacity:.12;
  pointer-events:none;
}

#page-why .why-owner-card > *{
  position:relative;
  z-index:2;
}

#page-why .why-owner-card--snapgo{
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(145deg,var(--wy-violet),#542252);
  color:#fff;
  box-shadow:10px 12px 0 var(--wy-night),0 28px 58px rgba(35,10,35,.2);
}

#page-why .why-owner-card--snapgo::after{
  background:var(--wy-peach);
}

#page-why .why-owner-card--host{
  border:1px solid rgba(58,23,56,.12);
  background:linear-gradient(145deg,#f9d6cf,var(--wy-peach));
  color:var(--wy-night);
  box-shadow:10px 12px 0 var(--wy-orange),0 28px 58px rgba(35,10,35,.12);
  transform:translateY(22px);
}

#page-why .why-owner-card--host::after{
  background:var(--wy-red);
}

#page-why .why-owner-label{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:var(--wy-peach);
  color:var(--wy-night);
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#page-why .why-owner-card--host .why-owner-label{
  background:var(--wy-red);
  color:#fff;
}

#page-why .why-owner-card h3{
  max-width:500px;
  margin:20px 0 24px;
  color:inherit;
  font-size:clamp(1.8rem,2.7vw,2.65rem);
  line-height:1.04;
  letter-spacing:-.03em;
}

#page-why .why-owner-card ul,
#page-why .why-owner-card ol{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}

#page-why .why-owner-card--snapgo li{
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:rgba(255,250,248,.09);
  color:#f5e8f0;
  font-size:.89rem;
  line-height:1.35;
}

#page-why .why-owner-card--snapgo li i{
  display:grid;
  place-items:center;
  width:23px;
  height:23px;
  flex:0 0 23px;
  border-radius:50%;
  background:var(--wy-peach);
  color:var(--wy-night);
  font-size:.67rem;
  font-style:normal;
}

#page-why .why-owner-card--host li{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:13px 14px;
  border:1px solid rgba(58,23,56,.11);
  border-radius:15px;
  background:rgba(255,250,248,.55);
}

#page-why .why-owner-card--host li > span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:var(--wy-night);
  color:#fff;
  font-family:var(--font-mono);
  font-size:.7rem;
  font-weight:900;
}

#page-why .why-owner-card--host li p{
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0;
}

#page-why .why-owner-card--host li b{
  color:var(--wy-night);
  font-size:.9rem;
}

#page-why .why-owner-card--host li small{
  color:#684f65;
  font-size:.73rem;
  line-height:1.35;
}

#page-why .why-text-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:24px;
  color:var(--wy-night);
  font-weight:900;
  text-decoration:underline;
  text-decoration-color:rgba(58,23,56,.34);
  text-underline-offset:5px;
}

#page-why .why-text-link:hover{
  text-decoration-color:var(--wy-night);
}

#page-why .why-fit-line{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:12px 18px;
  margin-top:64px;
  padding:15px 20px;
  border:1px solid rgba(58,23,56,.12);
  border-radius:999px;
  background:rgba(255,250,248,.62);
  color:var(--wy-night);
  font-family:var(--font-mono);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}

#page-why .why-fit-line i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--wy-red);
}

/* Final CTA */
#page-why .why-final-section{
  position:relative;
  isolation:isolate;
  padding:clamp(72px,8vw,110px) 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 86% 12%,rgba(176,55,101,.22),transparent 26rem),
    var(--wy-night);
}

#page-why .why-final{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(34px,6vw,84px);
  padding:clamp(46px,6vw,72px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:42px;
  background:
    radial-gradient(circle at 88% 18%,rgba(237,161,151,.22),transparent 24rem),
    radial-gradient(circle at 8% 90%,rgba(233,74,9,.14),transparent 20rem),
    linear-gradient(125deg,var(--wy-violet) 0%,var(--wy-plum) 46%,var(--wy-mauve) 100%)!important;
  color:#fff;
  box-shadow:12px 14px 0 #210b24,0 34px 72px rgba(35,10,35,.3)!important;
}

#page-why .why-final::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  background:linear-gradient(105deg,transparent 12%,rgba(255,255,255,.08) 48%,transparent 72%);
  transform:translateX(-110%);
  animation:whyCtaLight 7s ease-in-out infinite;
  pointer-events:none;
}

#page-why .why-final > *{
  position:relative;
  z-index:2;
}

@keyframes whyCtaLight{
  0%,62%{transform:translateX(-110%);opacity:0}
  70%{opacity:1}
  92%,100%{transform:translateX(110%);opacity:0}
}

#page-why .why-final .why-eyebrow{
  color:var(--wy-peach);
}

#page-why .why-final h2{
  max-width:650px;
  color:#fff!important;
}

#page-why .why-final > div > p{
  color:#f1dfe9;
}

#page-why .why-final ul{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin:24px 0 0;
  padding:0;
  list-style:none;
  color:#f5e8f0;
  font-size:.78rem;
  font-weight:800;
}

#page-why .why-final li{
  display:flex;
  align-items:center;
  gap:7px;
}

#page-why .why-final li i{
  color:var(--wy-peach);
  font-style:normal;
}

#page-why .why-final > .why-btn-primary{
  min-width:240px;
}

/* One continuous page canvas, matching Home's background rhythm */
#page-why{
  isolation:isolate;
  background:
    radial-gradient(circle at 92% 8%,rgba(203,152,191,.18),transparent 24rem),
    radial-gradient(circle at 4% 31%,rgba(233,74,9,.11),transparent 28rem),
    radial-gradient(circle at 96% 58%,rgba(208,69,85,.13),transparent 30rem),
    radial-gradient(circle at 8% 83%,rgba(237,161,151,.1),transparent 28rem),
    linear-gradient(180deg,#48194c 0%,#622069 27%,#772873 52%,#642064 76%,#351333 100%)!important;
  color:#fff!important;
}

#page-why .why-flow-ambient{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

#page-why .why-flow-ambient span{
  position:absolute;
  display:block;
  width:clamp(340px,48vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  filter:blur(90px);
  opacity:.16;
}

#page-why .why-flow-ambient span:nth-child(1){
  top:9%;
  right:-24%;
  background:var(--wy-blush);
}

#page-why .why-flow-ambient span:nth-child(2){
  top:44%;
  left:-28%;
  background:var(--wy-coral);
  opacity:.11;
}

#page-why .why-flow-ambient span:nth-child(3){
  right:-22%;
  bottom:5%;
  background:var(--wy-peach);
  opacity:.09;
}

#page-why > :not(.why-flow-ambient){
  position:relative;
  z-index:2;
}

#page-why .why-section{
  padding-top:clamp(58px,6vw,82px);
  padding-bottom:clamp(58px,6vw,82px);
  color:#fff;
}

#page-why .why-section.why-managed,
#page-why .why-section.why-comparison,
#page-why .why-section.why-impact,
#page-why .why-section.why-ownership,
#page-why .why-final-section{
  margin-top:-1px;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}

#page-why .why-section-head h2{
  color:#fff!important;
}

#page-why .why-section-head > p,
#page-why .why-section-head--split > p{
  color:#f4dfed;
}

#page-why .why-section-head .why-eyebrow{
  color:var(--wy-peach);
}

#page-why .why-proof-note{
  color:#ead8e5;
}

#page-why .why-fit-line{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,250,248,.08);
  color:#fff;
  backdrop-filter:blur(12px);
}

#page-why .why-service-ribbon{
  z-index:8;
  width:104%;
  margin:-10px -2% -18px;
  border:0;
  box-shadow:0 16px 36px rgba(35,10,35,.15);
  transform:rotate(-.55deg);
}

#page-why .why-section > .why-content-shell{
  position:relative;
  z-index:2;
  isolation:isolate;
}

#page-why .why-section > .why-content-shell > *{
  position:relative;
  z-index:2;
}

#page-why .why-managed > .why-content-shell::before,
#page-why .why-comparison > .why-content-shell::before,
#page-why .why-impact > .why-content-shell::before,
#page-why .why-ownership > .why-content-shell::before{
  content:"";
  position:absolute;
  z-index:0;
  width:clamp(280px,38vw,520px);
  aspect-ratio:1;
  border-radius:50%;
  background:
    repeating-radial-gradient(
      circle at 50% 50%,
      transparent 0 24px,
      rgba(255,255,255,.05) 25px 27px,
      transparent 28px 42px
    )!important;
  opacity:.72;
  -webkit-mask-image:radial-gradient(circle,#000 0 44%,rgba(0,0,0,.72) 62%,transparent 76%);
  mask-image:radial-gradient(circle,#000 0 44%,rgba(0,0,0,.72) 62%,transparent 76%);
  pointer-events:none;
}

#page-why .why-managed > .why-content-shell::before{
  right:-20%;
  top:-4%;
  transform:scaleY(.82) rotate(-10deg);
}

#page-why .why-comparison > .why-content-shell::before{
  left:-22%;
  top:18%;
  transform:scaleX(1.08) rotate(9deg);
}

#page-why .why-impact > .why-content-shell::before{
  right:-24%;
  top:4%;
  transform:scaleY(.86) rotate(-12deg);
}

#page-why .why-ownership > .why-content-shell::before{
  left:-21%;
  bottom:-8%;
  transform:scaleX(1.08) rotate(8deg);
}

#page-why .why-managed > .why-content-shell::after,
#page-why .why-impact > .why-content-shell::after,
#page-why .why-ownership > .why-content-shell::after{
  content:"";
  position:absolute;
  z-index:0;
  top:clamp(20px,4vw,48px);
  right:clamp(18px,4vw,52px);
  width:84px;
  height:84px;
  background-image:radial-gradient(circle,rgba(237,161,151,.82) 0 2px,transparent 3px)!important;
  background-size:18px 18px;
  opacity:.34;
  pointer-events:none;
}

#page-why .why-impact > .why-content-shell::after{
  right:auto;
  left:clamp(18px,4vw,52px);
}

/* Let selected chapters cross their boundaries, as they do on Home. */
#page-why .why-section.why-comparison{
  padding-bottom:clamp(108px,9vw,132px);
}

#page-why .why-section.why-impact{
  padding-top:0;
}

#page-why .why-impact-creative{
  margin-top:clamp(-72px,-5vw,-52px);
}

#page-why .why-section.why-ownership{
  padding-bottom:clamp(92px,8vw,112px);
}

#page-why .why-final-section{
  padding-top:0;
}

#page-why .why-final{
  margin-top:clamp(-52px,-3.5vw,-36px);
}

/* Responsive */
@media(max-width:1180px) and (min-width:901px){
  body[data-page="why"] .nav{
    grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
    gap:20px!important;
  }

  body[data-page="why"] .brand{
    width:152px!important;
    flex-basis:152px!important;
  }

  body[data-page="why"] .brand img,
  body[data-page="why"] .snapgo-logo-img{
    height:78px!important;
    max-width:150px!important;
  }

  body[data-page="why"] .nav-links{gap:18px!important;}
  body[data-page="why"] .nav-link{font-size:.88rem!important;}
  body[data-page="why"] .nav-cta .btn{padding-inline:18px!important;font-size:.84rem!important;}

  #page-why .why-hero-grid{
    grid-template-columns:minmax(0,.94fr) minmax(440px,1.06fr);
    gap:30px;
  }

  #page-why .why-hero-visual{min-height:610px;}
  #page-why .why-service-card{width:min(330px,56%);}
  #page-why .why-process-card{min-height:390px;padding-inline:22px;}
  #page-why .why-proof-grid > div{grid-template-columns:1fr;gap:7px;}
}

@media(max-width:980px){
  #page-why .why-hero{
    min-height:auto;
    padding-top:54px;
  }

  #page-why .why-hero-grid{
    grid-template-columns:1fr;
    gap:42px;
  }

  #page-why .why-hero-copy{
    max-width:820px;
    margin-inline:auto;
    text-align:center;
  }

  #page-why .why-eyebrow--hero,
  #page-why .why-hero-actions,
  #page-why .why-hero-trust{
    justify-content:center;
    margin-inline:auto;
  }

  #page-why .why-hero-lead{
    margin-inline:auto;
  }

  #page-why .why-hero-visual{
    width:min(760px,100%);
    min-height:640px;
    margin-inline:auto;
  }

  #page-why .why-section-head--split{
    grid-template-columns:1fr;
    align-items:start;
    gap:18px;
  }

  #page-why .why-process{
    grid-template-columns:1fr 1fr;
  }

  #page-why .why-process-card{
    min-height:330px;
  }

  #page-why .why-proof-grid{
    grid-template-columns:1fr 1fr;
  }

  #page-why .why-proof-grid > div:nth-child(2){
    border-right:0;
  }

  #page-why .why-proof-grid > div:nth-child(-n+2){
    border-bottom:1px solid var(--wy-line);
  }

  #page-why .why-ownership-grid{
    grid-template-columns:1fr;
  }

  #page-why .why-owner-card--host{
    transform:none;
  }

  #page-why .why-fit-line{
    margin-top:40px;
  }

  #page-why .why-final{
    grid-template-columns:1fr;
  }

  #page-why .why-final > .why-btn-primary{
    width:max-content;
    min-width:0;
  }
}

@media(max-width:900px){
  body[data-page="why"]{
    --wy-nav-height:78px;
    --wy-gutter:20px;
  }

  body[data-page="why"] .nav{
    display:flex!important;
    min-height:var(--wy-nav-height)!important;
    padding:4px var(--wy-gutter)!important;
  }

  body[data-page="why"] .brand{
    width:150px!important;
    height:68px;
    flex-basis:150px!important;
  }

  body[data-page="why"] .brand img,
  body[data-page="why"] .snapgo-logo-img{
    height:66px!important;
    max-width:145px!important;
  }
}

@media(max-width:760px){
  #page-why .why-compare-shell{
    overflow:visible;
    border:0;
    background:transparent;
    box-shadow:none;
  }

  #page-why .why-compare-status{
    border:1px solid rgba(255,255,255,.15);
    border-radius:20px 20px 8px 20px;
  }

  #page-why .why-compare-table,
  #page-why .why-compare-table tbody{
    display:block;
  }

  #page-why .why-compare-table thead{
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
  }

  #page-why .why-compare-table tbody{
    display:grid;
    gap:13px;
    margin-top:14px;
  }

  #page-why .why-compare-table tr{
    display:grid;
    grid-template-columns:1fr;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.16);
    border-radius:20px 20px 8px 20px;
    background:#fff;
    box-shadow:6px 7px 0 rgba(27,7,29,.65);
  }

  #page-why .why-compare-table tbody th,
  #page-why .why-compare-table tbody td{
    display:block;
    width:100%;
    padding:14px 17px;
    border:0;
    border-bottom:1px solid var(--wy-line);
  }

  #page-why .why-compare-table tbody th{
    background:var(--wy-night);
    color:#fff;
  }

  #page-why .why-compare-table tbody td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:5px;
    color:#71536b;
    font-family:var(--font-mono);
    font-size:.68rem;
    font-weight:900;
    letter-spacing:.07em;
    text-transform:uppercase;
  }

  #page-why .why-compare-table tbody td:last-child{
    border:0;
  }

  #page-why .why-impact-creative{
    min-height:660px;
  }

  #page-why .why-impact-creative::before{
    background:linear-gradient(0deg,rgba(35,10,35,.92) 0%,rgba(35,10,35,.5) 48%,transparent 74%);
  }

  #page-why .why-impact-creative img{
    min-height:660px;
    object-position:34% center;
  }

  #page-why .why-impact-creative figcaption{
    left:26px;
    right:26px;
    top:auto;
    bottom:36px;
    width:auto;
    transform:none;
  }

  #page-why .why-proof-grid{
    width:calc(100% - 28px);
    margin-top:-32px;
  }
}

@media(max-width:640px){
  body[data-page="why"]{
    --wy-nav-height:72px;
    --wy-gutter:16px;
    --wy-hero-title:clamp(2.8rem,13vw,3.8rem);
    --wy-section-title:clamp(2rem,9vw,2.65rem);
    --wy-card-title:1.42rem;
    --wy-body:.96rem;
    --wy-small:.68rem;
  }

  #page-why .why-flow-ambient span{
    width:390px;
    filter:blur(72px);
    opacity:.1;
  }

  #page-why .why-managed > .why-content-shell::before,
  #page-why .why-comparison > .why-content-shell::before,
  #page-why .why-impact > .why-content-shell::before,
  #page-why .why-ownership > .why-content-shell::before{
    width:280px;
    opacity:.46;
  }

  #page-why .why-managed > .why-content-shell::after,
  #page-why .why-impact > .why-content-shell::after,
  #page-why .why-ownership > .why-content-shell::after{
    width:64px;
    height:64px;
    background-size:16px 16px;
    opacity:.25;
  }

  body[data-page="why"] .brand{
    width:136px!important;
    height:62px;
    flex-basis:136px!important;
  }

  body[data-page="why"] .brand img,
  body[data-page="why"] .snapgo-logo-img{
    height:60px!important;
    max-width:132px!important;
  }

  #page-why .why-section{
    padding:58px 0;
  }

  #page-why .why-section-head{
    margin-bottom:28px;
  }

  #page-why .why-hero{
    padding:40px 0 60px;
  }

  #page-why .why-hero::after{
    background-size:32px 32px;
  }

  #page-why .why-hero h1{
    line-height:.98;
  }

  #page-why .why-hero-actions{
    flex-direction:column;
  }

  #page-why .why-hero-actions .btn{
    width:100%;
  }

  #page-why .why-hero-trust{
    display:grid;
    grid-template-columns:1fr;
    width:max-content;
    max-width:100%;
    text-align:left;
  }

  #page-why .why-hero-visual{
    min-height:555px;
  }

  #page-why .why-machine-halo{
    width:90%;
  }

  #page-why .why-machine-art{
    left:48%;
    width:min(70%,350px);
    height:auto;
    max-height:505px;
  }

  #page-why .why-visual-word{
    display:none;
  }

  #page-why .why-live-pill{
    min-width:158px;
    padding:8px 9px;
  }

  #page-why .why-live-pill--uptime{
    left:0;
    top:6%;
  }

  #page-why .why-live-pill--cost{
    right:0;
    top:24%;
  }

  #page-why .why-live-icon{
    width:34px;
    height:34px;
    flex-basis:34px;
  }

  #page-why .why-live-pill small{
    font-size:.64rem;
  }

  #page-why .why-live-pill strong{
    font-size:.7rem;
  }

  #page-why .why-service-card{
    right:0;
    bottom:0;
    width:min(390px,78%);
    padding:13px;
    border-radius:24px 12px 24px 12px;
    box-shadow:7px 8px 0 rgba(35,10,35,.72),0 22px 44px rgba(25,5,27,.24);
  }

  #page-why .why-service-card li{
    padding:7px;
  }

  #page-why .why-service-card li small{
    font-size:.65rem;
  }

  #page-why .why-service-ribbon-track{
    min-height:54px;
  }

  #page-why .why-service-ribbon-track span{
    padding-inline:17px;
    font-size:.64rem;
  }

  #page-why .why-process{
    grid-template-columns:1fr;
  }

  #page-why .why-process-card{
    min-height:300px;
  }

  #page-why .why-compare-status{
    align-items:flex-start;
    flex-direction:column;
    gap:7px;
  }

  #page-why .why-impact-creative,
  #page-why .why-impact-creative img{
    min-height:600px;
  }

  #page-why .why-impact-creative{
    border-radius:28px 14px 28px 14px;
    box-shadow:8px 9px 0 rgba(58,23,56,.8),0 26px 54px rgba(35,10,35,.2);
  }

  #page-why .why-impact-creative::after{
    inset:10px;
    border-radius:21px 8px 21px 8px;
  }

  #page-why .why-impact-creative figcaption{
    left:20px;
    right:20px;
    bottom:24px;
    padding:24px 20px;
  }

  #page-why .why-proof-grid{
    grid-template-columns:1fr;
  }

  #page-why .why-proof-grid > div{
    min-height:104px;
    border-right:0!important;
    border-bottom:1px solid var(--wy-line)!important;
  }

  #page-why .why-proof-grid > div:last-child{
    border-bottom:0!important;
  }

  #page-why .why-owner-card{
    padding:30px 22px;
    border-radius:26px 14px 26px 14px;
  }

  #page-why .why-owner-card--snapgo{
    box-shadow:7px 8px 0 var(--wy-night),0 24px 50px rgba(35,10,35,.18);
  }

  #page-why .why-owner-card--host{
    box-shadow:7px 8px 0 var(--wy-orange),0 24px 50px rgba(35,10,35,.1);
  }

  #page-why .why-fit-line{
    justify-content:flex-start;
    border-radius:24px;
  }

  #page-why .why-fit-line i{
    display:none;
  }

  #page-why .why-fit-line span{
    padding:7px 9px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,250,248,.08);
    color:#fff;
  }

  #page-why .why-final-section{
    padding:68px 0 82px;
  }

  #page-why .why-final{
    padding:38px 24px;
    border-radius:28px;
    box-shadow:7px 8px 0 #210b24,0 24px 50px rgba(35,10,35,.26)!important;
  }

  #page-why .why-final ul{
    display:grid;
  }

  #page-why .why-final > .why-btn-primary{
    width:100%;
  }
}

@media(max-width:410px){
  #page-why .why-hero-visual{
    min-height:535px;
  }

  #page-why .why-machine-art{
    width:min(74%,340px);
  }

  #page-why .why-live-pill--cost{
    top:18%;
  }

  #page-why .why-service-card{
    width:84%;
  }

  #page-why .why-impact-creative,
  #page-why .why-impact-creative img{
    min-height:570px;
  }
}

@media(max-width:640px){
  #page-why .why-service-ribbon{
    width:110%;
    margin:-6px -5% -12px;
    transform:rotate(-.25deg);
  }

  #page-why .why-section.why-comparison{
    padding-bottom:82px;
  }

  #page-why .why-section.why-impact{
    padding-top:0;
  }

  #page-why .why-impact-creative{
    margin-top:-32px;
  }

  #page-why .why-section.why-ownership{
    padding-bottom:72px;
  }

  #page-why .why-final-section{
    padding-top:0;
  }

  #page-why .why-final{
    margin-top:-24px;
  }
}

@media(prefers-reduced-motion:reduce){
  #page-why *,
  #page-why *::before,
  #page-why *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }

  #page-why.why-motion-ready .why-reveal,
  #page-why.why-motion-ready .why-reveal.is-visible{
    opacity:1!important;
    transform:none!important;
  }
}

@media(forced-colors:active){
  #page-why .why-hero-ambient,
  #page-why .why-machine-halo,
  #page-why .why-visual-word{
    display:none!important;
  }

  #page-why :is(.why-live-pill,.why-service-card,.why-process-card,.why-compare-shell,.why-impact-creative,.why-proof-grid,.why-owner-card,.why-final){
    border:2px solid CanvasText!important;
    box-shadow:none!important;
  }
}

/* Brand partnership chapter */
#page-why .why-section.why-brand-partnership{
  position:relative;
  margin-top:-1px;
  padding-top:clamp(52px,5vw,74px);
  padding-bottom:clamp(104px,9vw,138px);
  scroll-margin-top:calc(var(--wy-nav-height) + 18px);
  background:transparent!important;
  color:#fff;
}

#page-why .why-brand-stage{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr);
  grid-template-areas:
    "intro path"
    "ready path"
    "note note";
  gap:clamp(24px,3.2vw,42px);
  padding:clamp(34px,5vw,66px);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:46px 22px 46px 22px;
  background:
    radial-gradient(circle at 86% 12%,rgba(237,161,151,.23),transparent 26rem),
    linear-gradient(132deg,#461643,#6f236d 53%,#9d337a);
  box-shadow:14px 17px 0 rgba(27,6,31,.7),0 42px 80px rgba(20,3,27,.28);
}

#page-why .why-brand-stage::before{
  content:"BRAND+";
  position:absolute;
  right:-.04em;
  bottom:.01em;
  z-index:-1;
  color:rgba(255,255,255,.045);
  font:900 clamp(7rem,18vw,15rem)/.72 var(--font-display);
  letter-spacing:-.08em;
  white-space:nowrap;
}

#page-why .why-brand-stage::after{
  content:"";
  position:absolute;
  top:-34%;
  right:-12%;
  z-index:-1;
  width:min(54vw,700px);
  aspect-ratio:1;
  border-radius:50%;
  opacity:.34;
  background:repeating-radial-gradient(circle,transparent 0 25px,rgba(255,255,255,.12) 26px 28px,transparent 29px 44px);
  -webkit-mask-image:radial-gradient(circle,#000 0 45%,transparent 74%);
  mask-image:radial-gradient(circle,#000 0 45%,transparent 74%);
}

#page-why .why-brand-intro{grid-area:intro;align-self:start;}

#page-why .why-brand-intro h2{
  max-width:650px;
  margin:17px 0 19px;
  color:#fff!important;
  font-size:clamp(2.5rem,4.4vw,4.65rem);
  line-height:.94;
  letter-spacing:-.05em;
}

#page-why .why-brand-intro > p{
  max-width:600px;
  margin:0;
  color:#efdcea;
  font-size:var(--wy-body);
  line-height:1.72;
}

#page-why .why-brand-intro .why-btn-primary{margin-top:28px;}

#page-why .why-brand-path{
  grid-area:path;
  display:grid;
  align-content:start;
  gap:12px;
}

#page-why .why-brand-path article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:16px;
  min-height:128px;
  padding:20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:22px 12px 22px 12px;
  background:rgba(255,250,248,.1);
  backdrop-filter:blur(14px);
  transition:transform .22s ease,background .22s ease;
}

#page-why .why-brand-path article > span{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px 9px 18px 9px;
  background:var(--wy-peach);
  color:var(--wy-night);
  font:900 .7rem/1 var(--font-mono);
  box-shadow:5px 6px 0 rgba(35,10,35,.65);
}

#page-why .why-brand-path h3{
  margin:0 0 6px;
  color:#fff!important;
  font-size:clamp(1.15rem,1.7vw,1.5rem);
  line-height:1.1;
}

#page-why .why-brand-path p{
  margin:0;
  color:#ead8e5;
  font-size:.82rem;
  line-height:1.55;
}

#page-why .why-brand-ready{
  grid-area:ready;
  align-self:end;
  padding:24px;
  border:1px solid rgba(58,23,56,.12);
  border-radius:26px 14px 26px 14px;
  background:linear-gradient(145deg,#fffaf8,#f7ded9);
  color:var(--wy-night);
  box-shadow:8px 10px 0 rgba(35,10,35,.58);
}

#page-why .why-brand-ready h3{
  margin:11px 0 16px;
  color:var(--wy-night)!important;
  font-size:clamp(1.45rem,2.2vw,2rem);
  line-height:1.05;
}

#page-why .why-brand-ready ul{
  display:grid;
  gap:9px;
  margin:0 0 18px;
  padding:0;
  list-style:none;
}

#page-why .why-brand-ready li{
  display:grid;
  grid-template-columns:23px minmax(0,1fr);
  gap:9px;
  color:#654d62;
  font-size:.76rem;
  font-weight:750;
  line-height:1.45;
}

#page-why .why-brand-ready li i{
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  border-radius:50%;
  background:var(--wy-violet);
  color:#fff;
  font-size:.55rem;
  font-style:normal;
}

#page-why .why-brand-note{
  grid-area:note;
  margin:4px 0 0;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.15);
  color:#dec9d7;
  font:700 .66rem/1.6 var(--font-mono);
}

@media(hover:hover) and (pointer:fine){
  #page-why .why-brand-path article:hover{transform:translateX(-7px);background:rgba(255,250,248,.15);}
}

@media(max-width:900px){
  #page-why .why-brand-stage{
    grid-template-columns:1fr;
    grid-template-areas:"intro" "path" "ready" "note";
  }
}

@media(max-width:640px){
  #page-why .why-section.why-brand-partnership{padding-top:34px;padding-bottom:98px;}
  #page-why .why-brand-stage{padding:28px 18px;border-radius:30px 16px 30px 16px;box-shadow:8px 10px 0 rgba(27,6,31,.72),0 28px 54px rgba(20,3,27,.25);}
  #page-why .why-brand-intro h2{font-size:clamp(2.35rem,12vw,3.5rem);}
  #page-why .why-brand-path article{grid-template-columns:48px minmax(0,1fr);padding:17px 14px;}
  #page-why .why-brand-path article > span{width:44px;height:44px;}
  #page-why .why-brand-intro .why-btn-primary{width:100%;}
}

@media(forced-colors:active){
  #page-why :is(.why-brand-stage,.why-brand-path article,.why-brand-ready){border:2px solid CanvasText!important;box-shadow:none!important;}
}