/* MODERN FEATURE LAYER - keeps the original hero height unchanged */
:root{
  --glass:rgba(255,255,255,.095);
  --glass-border:rgba(255,255,255,.18);
  --shadow-soft:0 18px 55px rgba(0,0,0,.18);
}

html{scroll-behavior:smooth;}
body{overflow-x:hidden;}

.site-header{
  position:fixed;
  background:linear-gradient(180deg,rgba(0,22,25,.76),rgba(0,22,25,.48));
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.site-header:after{
  content:"";
  position:absolute;
  left:54px;right:54px;bottom:-1px;height:1px;
  background:linear-gradient(90deg,transparent,rgba(246,181,45,.55),transparent);
}
.nav a{position:relative;cursor:pointer;opacity:.9;transition:opacity .25s ease,color .25s ease;}
.nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .25s ease;}
.nav a:hover{opacity:1;color:#fff4c8;}
.nav a:hover:after{transform:scaleX(1);}

.hero{
  min-height:580px; /* locked: do not increase hero height */
  isolation:isolate;
}
.hero:before{
  content:"";
  position:absolute;
  inset:64px 0 0;
  pointer-events:none;
  opacity:.22;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(circle at 48% 18%,#000 0 30%,transparent 66%);
}
.hero-copy{position:relative;}
.hero-copy:before{
  content:"Global impact platform";
  display:inline-flex;
  align-items:center;
  width:max-content;
  margin-bottom:12px;
  padding:7px 12px;
  border-radius:999px;
  color:#dfffee;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(32,182,106,.14);
  border:1px solid rgba(64,221,127,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.hero h1 .green,.hero h1 .gold{
  text-shadow:0 12px 34px rgba(0,0,0,.22);
}
.cta-row{flex-wrap:wrap;}
.btn-gold{position:relative;overflow:hidden;}
.btn-gold:before{
  content:"";
  position:absolute;inset:-80% auto -80% -45%;width:34%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
  transform:rotate(18deg);
  transition:left .75s ease;
}
.btn-gold:hover:before{left:120%;}
.btn-video{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
  backdrop-filter:blur(10px);
}
.play{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(246,181,45,.18);color:#ffd46c;}

.trust-pills{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
.trust-pills span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:8px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  color:#eafff4;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
}


.hero-art:before,.hero-art:after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(2px);
  pointer-events:none;
}
.hero-art:before{right:75px;top:345px;width:170px;height:170px;background:radial-gradient(circle,rgba(246,181,45,.22),transparent 68%);}
.hero-art:after{right:485px;top:26px;width:12px;height:12px;background:#40dd7f;box-shadow:0 0 30px #40dd7f;animation:oviaFloat 4.5s ease-in-out infinite;}

.hero-side-cards article{
  position:relative;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  backdrop-filter:blur(18px);
  transition:transform .28s ease,border-color .28s ease,background .28s ease;
}
.hero-side-cards article:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.14),transparent 38%);
  pointer-events:none;
}
.hero-side-cards article:hover{transform:translateX(-6px);border-color:rgba(246,181,45,.45);background:rgba(2,35,38,.82);}
.icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,rgba(64,221,127,.25),rgba(246,181,45,.18));color:#ffe39a;margin-bottom:10px;}

.hero-badge{
  position:absolute;
  left:13%;
  bottom:88px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 13px;
  border-radius:16px;
  color:white;
  background:rgba(0,19,21,.68);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 45px rgba(0,0,0,.26);
  backdrop-filter:blur(14px);
  animation:oviaFloat 5s ease-in-out infinite;
}
.hero-badge b{display:block;font-size:13px;color:#ffe6a3;}
.hero-badge small{display:block;font-size:11px;color:#cae9df;}
.badge-pulse{width:9px;height:9px;border-radius:50%;background:#40dd7f;box-shadow:0 0 0 7px rgba(64,221,127,.13),0 0 24px #40dd7f;}

.feature-grid article,.product-row article,.quote-card,.impact-card,.dark-stats{
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
  border:1px solid rgba(15,23,42,.06);
}
.feature-grid article:hover,.product-row article:hover,.quote-card:hover,.impact-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 60px rgba(15,23,42,.12);
}
.feature-grid article{position:relative;overflow:hidden;}
.feature-grid article:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,var(--green),var(--gold));transform:scaleX(.18);transform-origin:left;transition:transform .3s ease;}
.feature-grid article:hover:before{transform:scaleX(1);}

@keyframes oviaFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

@media(max-width:1000px){
  .site-header{position:absolute;}
  .site-header:after{left:20px;right:20px;}
  .hero{min-height:580px;}
  .hero-badge{left:24px;bottom:32px;}
}
@media(max-width:620px){
  .header-actions .btn-ghost{display:none;}
  .hero h1{font-size:38px;}
  .trust-pills span{font-size:11px;}
  .hero-badge{display:none;}
}

/* Requested correction: only headline wrapping; preserve original CTA/pills/stats design */
.hero{grid-template-columns:46% 54%;}
.hero-headline{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  font-size:clamp(42px,3.2vw,54px);
  line-height:.98;
  max-width:none;
}
.hero-headline span{display:block;}
.hero-headline .nowrap{white-space:nowrap;}
.stats-row{
  display:flex;
  align-items:center;
  gap:18px;
  margin-top:25px;
  max-width:none;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.stats-row>span{display:inline;color:var(--gold);}
.stats-row div{padding:0;border-right:0;}
@media(max-width:1100px){
  .hero{grid-template-columns:1fr;}
  .hero-headline{font-size:clamp(36px,7vw,48px);}
}
@media(max-width:520px){
  .hero-headline{font-size:clamp(31px,9vw,40px);}
}


/* Correction: stats area restored to the requested simple inline layout */
.trust-pills{display:none!important;}
.stats-row{
  display:flex!important;
  align-items:center!important;
  gap:24px!important;
  margin-top:25px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  max-width:none!important;
}
.stats-row div{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.stats-row>span{
  display:inline!important;
  color:var(--gold)!important;
}
.hero-headline{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  line-height:.98!important;
}
.hero-headline span{display:block!important;}
.hero-headline .nowrap{white-space:nowrap!important;}


/* Colorful About OVIA Global section inserted after hero */
.about-global-color{
  position:relative;
  overflow:hidden;
  background:#f5f8fb;
  padding:0;
}
.about-color-bg{
  position:relative;
  padding:92px 0;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,198,69,.32), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(17,196,122,.22), transparent 28%),
    linear-gradient(135deg, #f7fbfb 0%, #eef7f2 46%, #fff8df 100%);
}
.about-orb{
  position:absolute;
  border-radius:50%;
  filter:blur(.2px);
  opacity:.9;
  pointer-events:none;
}
.about-orb-one{
  width:180px;
  height:180px;
  left:-62px;
  top:42px;
  background:linear-gradient(135deg,#ffc645,#14c47b);
}
.about-orb-two{
  width:96px;
  height:96px;
  right:7%;
  top:54px;
  background:linear-gradient(135deg,#13c47b,#067d72);
}
.about-orb-three{
  width:70px;
  height:70px;
  left:48%;
  bottom:42px;
  background:linear-gradient(135deg,#ffb629,#fff0a8);
}
.about-color-wrap{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:48px;
  align-items:center;
  position:relative;
  z-index:2;
}
.about-copy{
  max-width:660px;
}
.section-kicker{
  color:#00896f;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:13px;
  margin:0 0 14px;
}
.about-copy h2{
  margin:0 0 20px;
  font-size:clamp(34px, 4.8vw, 64px);
  line-height:1.02;
  letter-spacing:-.055em;
  color:#061f24;
}
.about-copy .about-lead{
  font-size:22px;
  line-height:1.6;
  color:#06353c;
  margin-bottom:22px;
}
.about-copy p{
  font-size:17px;
  line-height:1.75;
  color:#3f5559;
}
.about-mini-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:28px;
}
.about-mini-grid div{
  border-radius:20px;
  padding:18px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(4,74,68,.09);
  box-shadow:0 18px 44px rgba(11,56,51,.08);
}
.about-mini-grid strong,
.about-mini-grid span{
  display:block;
}
.about-mini-grid strong{
  color:#00896f;
  font-size:16px;
  margin-bottom:5px;
}
.about-mini-grid span{
  color:#344b50;
  font-size:13px;
  line-height:1.35;
}
.about-people-card{
  position:relative;
  padding:34px;
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(5,42,47,.94), rgba(6,98,83,.92)),
    linear-gradient(#fff,#fff);
  color:#fff;
  box-shadow:0 34px 90px rgba(2,38,39,.24);
  border:1px solid rgba(255,255,255,.24);
  overflow:hidden;
}
.about-people-card::before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  right:-76px;
  top:-70px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,198,69,.7), rgba(255,198,69,0) 68%);
}
.about-people-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  left:-70px;
  bottom:-80px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(21,210,129,.58), rgba(21,210,129,0) 70%);
}
.card-topline{
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:24px;
  font-weight:900;
  margin-bottom:24px;
}
.pulse-dot{
  width:14px;
  height:14px;
  border-radius:50%;
  background:#ffc645;
  box-shadow:0 0 0 8px rgba(255,198,69,.16);
}
.people-cloud{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}
.people-cloud span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  border-radius:999px;
  padding:10px 15px;
  font-size:14px;
  font-weight:900;
  color:#06332f;
  background:linear-gradient(135deg,#ffffff,#dff7e7);
  box-shadow:0 10px 24px rgba(0,0,0,.14);
}
.people-cloud span:nth-child(3n+2){
  background:linear-gradient(135deg,#fff0b4,#ffd15a);
}
.people-cloud span:nth-child(4n){
  background:linear-gradient(135deg,#d9fff1,#64e0a0);
}
@media (max-width:900px){
  .about-color-bg{
    padding:68px 0;
  }
  .about-color-wrap{
    grid-template-columns:1fr;
  }
  .about-mini-grid{
    grid-template-columns:1fr;
  }
}


/* Improved About section + anchor support */
html{
  scroll-behavior:smooth;
  scroll-padding-top:90px;
}
.about-polished{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.about-polished-bg{
  position:relative;
  padding:96px 0;
  background:
    linear-gradient(115deg, rgba(255,198,69,.14) 0%, rgba(255,255,255,.9) 28%, rgba(226,255,242,.92) 60%, rgba(255,246,211,.95) 100%);
}
.about-polished-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(5,84,78,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(5,84,78,.055) 1px, transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.75), transparent 84%);
  pointer-events:none;
}
.about-shape{
  position:absolute;
  border-radius:999px;
  pointer-events:none;
  filter:blur(.1px);
}
.shape-one{
  width:230px;
  height:230px;
  left:-76px;
  top:40px;
  background:radial-gradient(circle at 35% 35%, #ffe27a, #f8b51f 48%, rgba(248,181,31,0) 70%);
}
.shape-two{
  width:190px;
  height:190px;
  right:6%;
  top:52px;
  background:radial-gradient(circle at 35% 35%, #50e6a2, #06866e 48%, rgba(6,134,110,0) 72%);
}
.shape-three{
  width:120px;
  height:120px;
  left:47%;
  bottom:38px;
  background:radial-gradient(circle at 35% 35%, #fff7bc, #ffc645 46%, rgba(255,198,69,0) 70%);
}
.about-polished-wrap{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr .95fr;
  gap:48px;
  align-items:center;
  position:relative;
  z-index:2;
}
.about-polished-copy h2{
  margin:0 0 22px;
  max-width:680px;
  font-size:clamp(38px, 5vw, 68px);
  line-height:.98;
  letter-spacing:-.06em;
  color:#071e23;
}
.about-polished-copy .about-lead{
  max-width:690px;
  margin:0 0 18px;
  font-size:22px;
  line-height:1.6;
  color:#083940;
}
.about-polished-copy p{
  max-width:670px;
  color:#41575c;
  font-size:17px;
  line-height:1.75;
}
.about-story-card{
  margin-top:28px;
  max-width:610px;
  padding:20px 22px;
  border-radius:22px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(2,74,67,.12);
  box-shadow:0 18px 50px rgba(4,43,40,.09);
}
.about-story-card strong,
.about-story-card span{
  display:block;
}
.about-story-card strong{
  color:#007d66;
  font-size:18px;
  margin-bottom:5px;
}
.about-story-card span{
  color:#31494e;
  line-height:1.55;
}
.about-polished-panel{
  position:relative;
  padding:36px;
  border-radius:34px;
  color:#fff;
  background:
    radial-gradient(circle at 78% 8%, rgba(255,198,69,.38), transparent 28%),
    radial-gradient(circle at 8% 90%, rgba(27,207,126,.32), transparent 30%),
    linear-gradient(145deg,#06252b,#075648);
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 34px 90px rgba(3,39,42,.24);
  overflow:hidden;
}
.about-polished-panel::before{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.12);
  pointer-events:none;
}
.panel-badge{
  display:inline-flex;
  margin-bottom:16px;
  padding:8px 12px;
  border-radius:999px;
  color:#06342e;
  background:linear-gradient(135deg,#fff5b9,#ffc645);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.about-polished-panel h3{
  position:relative;
  margin:0 0 22px;
  color:#fff;
  font-size:30px;
  line-height:1.05;
}
.polished-cloud{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  gap:11px;
}
.polished-cloud span{
  display:inline-flex;
  padding:10px 14px;
  min-height:40px;
  border-radius:999px;
  align-items:center;
  color:#073630;
  background:linear-gradient(135deg,#ffffff,#dff9e9);
  font-weight:900;
  font-size:14px;
  box-shadow:0 12px 26px rgba(0,0,0,.16);
}
.polished-cloud span:nth-child(3n){
  background:linear-gradient(135deg,#fff1ab,#ffc645);
}
.polished-cloud span:nth-child(4n){
  background:linear-gradient(135deg,#d8fff0,#60e2a2);
}
.about-stats-mini{
  position:relative;
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.about-stats-mini div{
  padding:15px 12px;
  border-radius:18px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
}
.about-stats-mini strong,
.about-stats-mini span{
  display:block;
}
.about-stats-mini strong{
  color:#ffc645;
  font-size:15px;
  margin-bottom:4px;
}
.about-stats-mini span{
  color:#d7ebea;
  font-size:12px;
  line-height:1.35;
}
@media (max-width:900px){
  .about-polished-bg{
    padding:70px 0;
  }
  .about-polished-wrap{
    grid-template-columns:1fr;
  }
  .about-stats-mini{
    grid-template-columns:1fr;
  }
}


/* FINAL FIX: About headline must be one row across both columns */
.about-polished-bg{
  padding-top:88px!important;
}
.about-headline-full{
  width:min(1180px, calc(100% - 48px))!important;
  max-width:1180px!important;
  margin:0 auto 34px!important;
  display:block!important;
  position:relative!important;
  z-index:5!important;
}
.about-headline-full .section-kicker{
  margin:0 0 12px!important;
}
.about-headline-full h2{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  white-space:nowrap!important;
  margin:0!important;
  padding:0!important;
  font-size:clamp(34px, 4.05vw, 58px)!important;
  line-height:1!important;
  letter-spacing:-.055em!important;
  color:#061f24!important;
}
.about-polished-wrap{
  margin-top:0!important;
  align-items:start!important;
}
.about-polished-copy h2,
.about-polished-copy .section-kicker{
  display:none!important;
}
@media (max-width:1120px){
  .about-headline-full h2{
    font-size:clamp(30px, 3.55vw, 42px)!important;
  }
}
@media (max-width:760px){
  .about-headline-full h2{
    white-space:normal!important;
    font-size:clamp(34px, 11vw, 48px)!important;
  }
}


/* Reduce About headline size so it fits elegantly on one row */
.about-headline-full h2{
  font-size:clamp(28px, 3.2vw, 48px)!important;
  letter-spacing:-.045em!important;
}
@media (max-width:1120px){
  .about-headline-full h2{
    font-size:clamp(26px, 2.9vw, 40px)!important;
  }
}


/* Colorful Why Join CTA */
.why-join-cta{
  position:relative;
  overflow:hidden;
  padding:0 0 90px;
  background:
    radial-gradient(circle at 10% 20%, rgba(255,198,69,.18), transparent 26%),
    radial-gradient(circle at 90% 20%, rgba(20,196,123,.16), transparent 24%),
    linear-gradient(180deg,#f7fbfb 0%, #eef8f3 100%);
}
.why-join-shell{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
  padding:54px;
  border-radius:38px;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:38px;
  background:
    linear-gradient(135deg,#05282d 0%, #086a58 100%);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 36px 100px rgba(4,42,39,.18);
  position:relative;
  overflow:hidden;
}
.why-join-shell::before{
  content:"";
  position:absolute;
  width:340px;
  height:340px;
  right:-120px;
  top:-100px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,198,69,.4), rgba(255,198,69,0) 70%);
}
.why-join-shell::after{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  left:-80px;
  bottom:-90px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(23,214,136,.35), rgba(23,214,136,0) 70%);
}
.why-join-left,
.why-join-right{
  position:relative;
  z-index:2;
}
.cta-kicker{
  display:inline-flex;
  margin-bottom:18px;
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#ffd25d;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.why-join-left h2{
  margin:0 0 18px;
  font-size:clamp(36px, 4vw, 60px);
  line-height:.98;
  letter-spacing:-.05em;
  color:#fff;
}
.why-join-left p{
  max-width:650px;
  color:#d5e8e5;
  font-size:18px;
  line-height:1.75;
}
.cta-points{
  display:grid;
  gap:16px;
  margin-top:30px;
}
.cta-points div{
  padding:18px 20px;
  border-radius:20px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);
}
.cta-points strong,
.cta-points span{
  display:block;
}
.cta-points strong{
  margin-bottom:6px;
  color:#ffd25d;
  font-size:18px;
}
.cta-points span{
  color:#d9ece8;
  line-height:1.55;
}
.why-join-right{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  align-content:center;
}
.cta-card{
  min-height:160px;
  padding:24px;
  border-radius:26px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  backdrop-filter:blur(14px);
}
.cta-card.large{
  grid-column:1/-1;
  min-height:180px;
  background:linear-gradient(135deg,#ffd25d,#ffe9a8);
  color:#06262b;
}
.cta-card.large strong{
  font-size:26px;
  line-height:1.15;
}
.cta-stat{
  font-size:52px;
  font-weight:900;
  line-height:1;
  margin-bottom:12px;
  color:#ffd25d;
}
.cta-card span{
  color:#e0efec;
  font-size:15px;
  line-height:1.5;
}
.cta-card.large strong:nth-child(2){
  color:#067c68;
}
.cta-card.large strong:nth-child(3){
  color:#d08a00;
}
@media (max-width:900px){
  .why-join-shell{
    grid-template-columns:1fr;
    padding:34px;
  }
  .why-join-right{
    grid-template-columns:1fr;
  }
}


/* Full-width Why Join benefits section */
.why-join-fullwidth{
  width:100%;
  padding:34px 0 88px!important;
  background:#f6fbfb!important;
  overflow:hidden;
}
.why-full-shell{
  width:min(1440px, calc(100% - 48px));
  margin:0 auto;
  min-height:430px;
  padding:38px 38px;
  display:grid;
  grid-template-columns:420px 1px 1fr;
  gap:36px;
  align-items:stretch;
  border-radius:18px;
  background:
    radial-gradient(circle at 11% 92%, rgba(7,173,126,.5), transparent 28%),
    radial-gradient(circle at 98% 0%, rgba(190,48,224,.9), transparent 28%),
    linear-gradient(115deg,#005e59 0%, #006f6d 34%, #0c72ca 68%, #a12ad5 100%);
  box-shadow:0 30px 90px rgba(7,49,59,.18);
  position:relative;
  overflow:hidden;
}
.why-full-shell::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  left:-150px;
  bottom:-155px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,198,69,.34), transparent 70%);
}
.why-full-left,
.why-benefits-grid,
.why-divider{
  position:relative;
  z-index:2;
}
.why-full-left{
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-width:0;
}
.benefit-label{
  display:inline-flex;
  align-self:flex-start;
  padding:8px 18px;
  margin-bottom:22px;
  border-radius:999px;
  background:#ffe24e;
  color:#05282d;
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:0 10px 25px rgba(255,198,69,.24);
}
.why-full-left h2{
  color:#fff!important;
  margin:0!important;
  font-size:clamp(32px, 3.2vw, 54px)!important;
  line-height:.98!important;
  letter-spacing:-.05em!important;
  text-shadow:0 2px 12px rgba(0,0,0,.16);
}
.yellow-rule{
  width:96px;
  height:7px;
  margin:28px 0 22px;
  border-radius:999px;
  background:#ffd23f;
  box-shadow:0 0 20px rgba(255,210,63,.28);
}
.why-full-left p{
  max-width:390px;
  margin:0;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.62!important;
  font-weight:700;
}
.why-divider{
  width:1px;
  min-height:100%;
  background:linear-gradient(to bottom, transparent, rgba(255,255,255,.55), transparent);
}
.why-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:8px;
  align-content:center;
}
.benefit-pill{
  min-height:58px;
  padding:10px 14px;
  display:flex;
  align-items:center;
  gap:12px;
  border-radius:12px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(255,255,255,.68);
  box-shadow:0 12px 25px rgba(8,35,66,.14);
  color:#0a1628;
}
.benefit-pill strong{
  display:block;
  font-size:14px;
  line-height:1.2;
  font-weight:900;
}
.benefit-icon{
  width:38px;
  height:38px;
  min-width:38px;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#fff;
  background:#15b965;
  font-size:18px;
  box-shadow:0 10px 18px rgba(0,0,0,.12);
}
.benefit-pill:nth-child(2n) .benefit-icon{background:#236fd3;}
.benefit-pill:nth-child(3n) .benefit-icon{background:#8c39d6;}
.benefit-pill:nth-child(4n) .benefit-icon{background:#ff8b20;}
.benefit-pill:nth-child(5n) .benefit-icon{background:#19bfa2;}
.benefit-pill:nth-child(7n) .benefit-icon{background:#f04483;}
.benefit-illustration{
  position:absolute;
  left:24px;
  bottom:-12px;
  width:360px;
  height:140px;
}
.trophy{
  position:absolute;
  left:92px;
  bottom:0;
  font-size:76px;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,.2));
}
.shield{
  position:absolute;
  right:42px;
  bottom:4px;
  font-size:64px;
  filter:drop-shadow(0 16px 20px rgba(0,0,0,.18));
}
.people{
  position:absolute;
  right:112px;
  bottom:0;
  font-size:48px;
}
.bars{
  position:absolute;
  bottom:6px;
  width:38px;
  border-radius:10px 10px 3px 3px;
}
.b1{left:38px;height:54px;background:#ff8f3d;}
.b2{left:178px;height:82px;background:#6ee68e;}
.b3{left:232px;height:108px;background:#6985e7;}
.confetti{
  position:absolute;
  width:10px;
  height:22px;
  border-radius:999px;
}
.c1{left:72px;top:12px;background:#ff5e78;transform:rotate(-28deg);}
.c2{right:26px;top:8px;background:#ff5e78;transform:rotate(38deg);}
.c3{left:220px;top:4px;background:#79e7af;transform:rotate(-35deg);}
@media (max-width:1100px){
  .why-full-shell{
    grid-template-columns:1fr;
  }
  .why-divider{
    display:none;
  }
  .why-full-left p{
    max-width:720px;
  }
  .benefit-illustration{
    display:none;
  }
}
@media (max-width:760px){
  .why-full-shell{
    width:min(100% - 24px, 1440px);
    padding:28px 18px;
    border-radius:20px;
  }
  .why-benefits-grid{
    grid-template-columns:1fr;
  }
}


/* Remove the illustration/icons from the previous Why Join section */
.benefit-illustration{
  display:none!important;
}
.why-full-left{
  justify-content:center!important;
}

/* Colorful Who Can Join section */
.who-can-join-color{
  position:relative;
  overflow:hidden;
  padding:0 0 96px;
  background:
    radial-gradient(circle at 12% 15%, rgba(255,198,69,.18), transparent 26%),
    radial-gradient(circle at 90% 15%, rgba(29,203,139,.18), transparent 28%),
    linear-gradient(180deg,#f6fbfb 0%, #eef8f5 100%);
}
.who-join-wrap{
  width:min(1180px, calc(100% - 48px));
  margin:0 auto;
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:34px;
  align-items:stretch;
}
.who-copy,
.who-card{
  position:relative;
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(5,40,45,.12);
}
.who-copy{
  padding:46px;
  color:#fff;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,198,69,.42), transparent 28%),
    radial-gradient(circle at 90% 95%, rgba(94,228,163,.28), transparent 30%),
    linear-gradient(145deg,#05262c 0%, #08735f 100%);
}
.who-copy::before{
  content:"";
  position:absolute;
  inset:16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:26px;
  pointer-events:none;
}
.who-label{
  display:inline-flex;
  margin-bottom:22px;
  padding:9px 14px;
  border-radius:999px;
  background:#ffd44e;
  color:#06262b;
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.who-copy h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(34px, 4vw, 58px);
  line-height:.98;
  letter-spacing:-.055em;
}
.who-copy p{
  color:#dff1ee;
  font-size:18px;
  line-height:1.7;
}
.ready-box{
  margin:28px 0;
  padding:24px;
  border-radius:24px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(12px);
}
.ready-box h3{
  color:#ffd44e;
  margin:0 0 14px;
  font-size:22px;
}
.ready-box ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:11px;
}
.ready-box li{
  color:#fff;
  font-weight:800;
}
.ready-box li::before{
  content:"✓";
  margin-right:10px;
  color:#ffd44e;
}
.who-final{
  margin-bottom:0;
  color:#fff!important;
  font-weight:900;
}
.who-card{
  padding:46px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(244,255,249,.92)),
    radial-gradient(circle at 90% 12%, rgba(144,75,222,.14), transparent 28%);
  border:1px solid rgba(5,80,73,.1);
}
.who-card h3{
  margin:0 0 26px;
  color:#071d23;
  font-size:34px;
  line-height:1.05;
}
.who-tags{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:13px;
}
.who-tags span{
  min-height:48px;
  display:flex;
  align-items:center;
  padding:12px 16px;
  border-radius:999px;
  color:#07352f;
  background:linear-gradient(135deg,#eafff4,#ffffff);
  border:1px solid rgba(3,105,86,.1);
  font-weight:900;
  box-shadow:0 12px 26px rgba(5,47,48,.07);
}
.who-tags span:nth-child(3n+1){
  background:linear-gradient(135deg,#fff1ad,#ffd24f);
}
.who-tags span:nth-child(3n+2){
  background:linear-gradient(135deg,#dcfff0,#66e3a3);
}
.who-tags span:nth-child(4n){
  background:linear-gradient(135deg,#efe4ff,#d8c4ff);
}
.who-tags span:last-child{
  grid-column:1/-1;
  justify-content:center;
  color:#fff;
  background:linear-gradient(135deg,#057560,#0cae7d);
}
@media (max-width:900px){
  .who-join-wrap{
    grid-template-columns:1fr;
  }
  .who-copy,
  .who-card{
    padding:32px;
  }
}
@media (max-width:620px){
  .who-tags{
    grid-template-columns:1fr;
  }
}


/* Final full width CTA */
.final-network-cta{
  padding:24px 0 100px;
  background:
    radial-gradient(circle at 10% 10%, rgba(255,198,69,.18), transparent 24%),
    radial-gradient(circle at 90% 20%, rgba(29,203,139,.18), transparent 26%),
    linear-gradient(180deg,#eef8f5 0%, #f7fbfb 100%);
}
.network-shell{
  width:min(1380px, calc(100% - 48px));
  margin:0 auto;
  padding:76px 60px;
  border-radius:38px;
  text-align:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,198,69,.32), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(94,228,163,.25), transparent 30%),
    linear-gradient(135deg,#05272d 0%, #086958 52%, #0f8f75 100%);
  box-shadow:0 40px 120px rgba(5,40,45,.18);
}
.network-shell::before{
  content:"";
  position:absolute;
  inset:16px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.13);
  pointer-events:none;
}
.network-content{
  position:relative;
  z-index:2;
}
.network-badge{
  display:inline-flex;
  padding:10px 18px;
  border-radius:999px;
  background:#ffd34d;
  color:#06262b;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:24px;
}
.network-shell h2{
  color:#fff;
  margin:0 auto 38px;
  max-width:980px;
  font-size:clamp(36px, 4vw, 68px);
  line-height:1;
  letter-spacing:-.05em;
}
.network-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
  max-width:980px;
  margin:0 auto 40px;
}
.network-item{
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  padding:18px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
  font-size:22px;
  font-weight:900;
  backdrop-filter:blur(12px);
}
.network-item.wide{
  grid-column:1/-1;
  background:linear-gradient(135deg,#ffd34d,#ffe9a6);
  color:#06262b;
}
.network-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:240px;
  min-height:60px;
  border-radius:999px;
  background:#fff;
  color:#06352f;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
@media (max-width:760px){
  .network-shell{
    width:min(100% - 24px, 1380px);
    padding:46px 22px;
  }
  .network-grid{
    grid-template-columns:1fr;
  }
  .network-item.wide{
    grid-column:auto;
  }
}


/* Futuristic visual-only design upgrade */
/* No new sections/features added */

:root{
  --future-deep:#03171b;
  --future-teal:#06a889;
  --future-green:#21d486;
  --future-gold:#ffd24f;
  --future-purple:#7d4dff;
  --future-blue:#27b8ff;
  --future-glass:rgba(255,255,255,.1);
  --future-border:rgba(255,255,255,.18);
  --future-shadow:0 28px 90px rgba(1,25,28,.18);
}

html{
  scroll-behavior:smooth;
}

body{
  background:
    radial-gradient(circle at 15% 8%, rgba(33,212,134,.12), transparent 24%),
    radial-gradient(circle at 85% 18%, rgba(125,77,255,.10), transparent 28%),
    linear-gradient(180deg,#f7fbfb 0%, #eff8f5 42%, #f7fbfb 100%);
  color:#071f24;
}

/* Subtle futuristic page texture */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  opacity:.34;
  background-image:
    linear-gradient(rgba(6,168,137,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(6,168,137,.05) 1px, transparent 1px),
    radial-gradient(circle at 50% 0%, rgba(255,210,79,.08), transparent 32%);
  background-size:42px 42px, 42px 42px, 100% 100%;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.95), rgba(0,0,0,.15));
}

header,
.hero,
section,
footer{
  position:relative;
  z-index:1;
}

/* Futuristic navigation glass */
header{
  background:rgba(3,23,27,.68)!important;
  backdrop-filter:blur(18px) saturate(140%);
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  box-shadow:0 16px 55px rgba(0,0,0,.18);
}

.nav,
nav{
  gap:8px!important;
}

.nav a,
nav a{
  position:relative;
  border-radius:999px;
  padding:9px 12px!important;
  transition:transform .25s ease, background .25s ease, color .25s ease, box-shadow .25s ease;
}

.nav a::after,
nav a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:4px;
  height:2px;
  border-radius:999px;
  transform:scaleX(0);
  transform-origin:center;
  background:linear-gradient(90deg,var(--future-gold),var(--future-green),var(--future-blue));
  transition:transform .25s ease;
}

.nav a:hover,
nav a:hover{
  background:rgba(255,255,255,.09);
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}

.nav a:hover::after,
nav a:hover::after{
  transform:scaleX(1);
}

/* Cinematic hero polish without changing layout height */
.hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 76% 28%, rgba(39,184,255,.18), transparent 27%),
    radial-gradient(circle at 20% 20%, rgba(255,210,79,.13), transparent 23%),
    radial-gradient(circle at 50% 100%, rgba(33,212,134,.12), transparent 38%),
    linear-gradient(135deg,#03171b 0%, #052b31 48%, #063f38 100%)!important;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image:radial-gradient(circle at 55% 40%, black 0%, transparent 70%);
}

.hero::after{
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  right:-130px;
  top:60px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(33,212,134,.22), transparent 68%);
  filter:blur(2px);
  animation:future-float 7s ease-in-out infinite;
  pointer-events:none;
}

/* Typography refinement */
h1,h2,h3{
  text-wrap:balance;
}

.hero h1,
.hero-headline{
  letter-spacing:-.065em!important;
  text-shadow:0 18px 60px rgba(0,0,0,.22);
}

.hero p,
.about-polished-copy p,
.why-full-left p,
.who-copy p{
  text-wrap:pretty;
}

/* Premium button glow */
.btn,
.network-btn,
.hero a,
a.btn{
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.btn:hover,
.network-btn:hover,
.hero a:hover,
a.btn:hover{
  transform:translateY(-2px);
  filter:saturate(1.08);
  box-shadow:0 22px 55px rgba(255,210,79,.22), 0 14px 34px rgba(0,0,0,.18)!important;
}

/* Glassmorphism and glow cards */
.stats-row,
.highlight-card,
.join-card,
.benefit-card,
.about-polished-panel,
.about-story-card,
.why-full-shell,
.who-copy,
.who-card,
.network-shell,
.cta-card,
.benefit-pill,
.network-item,
.ready-box{
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:
    0 24px 70px rgba(3,31,35,.13),
    inset 0 1px 0 rgba(255,255,255,.12)!important;
}

.about-story-card,
.who-card,
.benefit-pill{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* Card micro-interactions */
.benefit-pill,
.who-tags span,
.network-item,
.about-mini-grid div,
.people-cloud span,
.polished-cloud span,
.cta-points div{
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.benefit-pill:hover,
.who-tags span:hover,
.network-item:hover,
.about-mini-grid div:hover,
.people-cloud span:hover,
.polished-cloud span:hover,
.cta-points div:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 45px rgba(2,28,32,.18)!important;
  border-color:rgba(255,210,79,.42)!important;
}

/* Section lighting and smoother transitions */
.about-polished-bg,
.why-join-fullwidth,
.who-can-join-color,
.final-network-cta{
  position:relative;
  isolation:isolate;
}

.about-polished-bg::after,
.why-join-fullwidth::after,
.who-can-join-color::after,
.final-network-cta::after{
  content:"";
  position:absolute;
  inset:auto 0 -1px 0;
  height:90px;
  background:linear-gradient(to bottom, transparent, rgba(247,251,251,.95));
  pointer-events:none;
  z-index:0;
}

.about-polished-wrap,
.about-headline-full,
.why-full-shell,
.who-join-wrap,
.network-shell{
  position:relative;
  z-index:2;
}

/* More cinematic panels */
.why-full-shell,
.network-shell{
  background:
    radial-gradient(circle at 15% 22%, rgba(255,210,79,.32), transparent 25%),
    radial-gradient(circle at 78% 16%, rgba(39,184,255,.20), transparent 28%),
    radial-gradient(circle at 90% 88%, rgba(125,77,255,.28), transparent 24%),
    linear-gradient(135deg,#03171b 0%, #065b50 48%, #114ea6 100%)!important;
}

.who-copy,
.about-polished-panel{
  background:
    radial-gradient(circle at 12% 18%, rgba(255,210,79,.32), transparent 28%),
    radial-gradient(circle at 90% 90%, rgba(33,212,134,.28), transparent 30%),
    linear-gradient(145deg,#03171b 0%, #075b4f 100%)!important;
}

/* Neon edge accents */
.about-polished-panel::before,
.who-copy::before,
.network-shell::before,
.why-full-shell::before{
  box-shadow:inset 0 0 28px rgba(33,212,134,.08);
}

/* Color intelligence refinement */
.section-kicker,
.cta-kicker,
.who-label,
.benefit-label,
.network-badge,
.panel-badge{
  box-shadow:0 10px 30px rgba(255,210,79,.18);
}

.benefit-icon,
.pulse-dot{
  box-shadow:0 0 0 7px rgba(33,212,134,.12), 0 12px 26px rgba(0,0,0,.16)!important;
}

/* Subtle animated glow on major panels */
.why-full-shell::after,
.network-shell::after,
.about-polished-panel::after,
.who-copy::after{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.12) 30%, transparent 58%);
  transform:translateX(-120%);
  animation:future-sheen 8s ease-in-out infinite;
}

/* Refine white/light cards */
.who-card,
.about-story-card,
.benefit-pill{
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(236,255,247,.82))!important;
  border:1px solid rgba(6,168,137,.13)!important;
}

/* Better rhythm */
.about-polished-bg{
  padding-top:76px!important;
  padding-bottom:82px!important;
}

.why-join-fullwidth{
  padding-top:26px!important;
}

.who-can-join-color{
  padding-top:18px!important;
}

.final-network-cta{
  padding-top:10px!important;
}

/* Smooth image/composition polish */
img{
  max-width:100%;
}

.hero img,
.hero .mockup,
.hero .hero-image,
.hero-right,
.hero-visual{
  filter:drop-shadow(0 30px 55px rgba(0,0,0,.28));
}

/* Motion */
@keyframes future-float{
  0%,100%{transform:translate3d(0,0,0) scale(1);}
  50%{transform:translate3d(-12px,10px,0) scale(1.04);}
}

@keyframes future-sheen{
  0%,68%{transform:translateX(-120%);opacity:0;}
  74%{opacity:1;}
  88%{transform:translateX(120%);opacity:.65;}
  100%{transform:translateX(120%);opacity:0;}
}

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

/* Responsive polish */
@media (max-width:980px){
  .nav,
  nav{
    gap:4px!important;
  }
  .nav a,
  nav a{
    padding:8px 9px!important;
    font-size:14px!important;
  }
}

@media (max-width:760px){
  body::before{
    opacity:.18;
  }
  .why-full-shell,
  .network-shell,
  .who-copy,
  .who-card,
  .about-polished-panel{
    border-radius:24px!important;
  }
  .about-polished-bg{
    padding-top:58px!important;
  }
}

/* =========================================================
   FINAL RESPONSIVE HARDENING
   Fixes hero + landing page overflow on tablets and phones
   ========================================================= */
html,
body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}
img,
svg,
video,
canvas{
  max-width:100%;
  height:auto;
}
.hero-copy,
.hero-art,
.about-polished-wrap,
.why-full-shell,
.why-benefits-grid,
.who-join-wrap,
.network-shell,
.steps,
.impact,
.footer-grid{
  min-width:0;
}

@media (max-width:1100px){
  .hero{
    grid-template-columns:1fr!important;
    gap:26px!important;
    min-height:auto!important;
    padding:96px 24px 56px!important;
  }
  .hero-copy{
    max-width:760px;
  }
  .hero-headline,
  .hero h1{
    max-width:100%!important;
  }
  .hero-headline .nowrap{
    white-space:normal!important;
  }
  .hero p{
    max-width:680px!important;
  }
  .hero-art{
    display:grid;
    grid-template-columns:1fr;
    gap:18px;
    width:100%;
  }
  .main-globe{
    position:relative!important;
    inset:auto!important;
    width:min(100%, 620px)!important;
    margin:0 auto!important;
  }
  .hero-side-cards{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px!important;
    margin-top:0!important;
  }
}

@media (max-width:900px){
  .feature-grid,
  .opp-list,
  .product-row,
  .dark-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .step-line{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:18px!important;
  }
  .quote-card{
    grid-template-columns:1fr!important;
    text-align:center;
  }
  .quote-card img{
    margin:0 auto;
  }
  .impact-card img{
    position:relative!important;
    right:auto!important;
    bottom:auto!important;
    width:min(260px, 80%)!important;
    margin:18px auto 0!important;
    display:block;
  }
  .legacy,
  .impact-card{
    padding:36px 28px!important;
  }
}

@media (max-width:760px){
  .site-header{
    height:auto!important;
    min-height:64px!important;
    padding:10px 16px!important;
    gap:12px!important;
  }
  .brand{
    font-size:22px!important;
    flex-shrink:0;
  }
  .logo-orb{
    width:28px!important;
    height:28px!important;
  }
  .header-actions{
    display:flex;
    align-items:center;
    gap:8px;
    min-width:0;
  }
  .header-actions .btn-gold{
    padding:10px 12px!important;
    font-size:12px!important;
    white-space:nowrap;
  }
  .hero{
    padding:92px 18px 44px!important;
  }
  .hero-copy:before{
    max-width:100%;
    white-space:normal;
  }
  .hero-headline,
  .hero h1{
    font-size:clamp(34px, 12vw, 46px)!important;
    line-height:1.03!important;
    letter-spacing:-.05em!important;
  }
  .hero p{
    font-size:16px!important;
    line-height:1.65!important;
  }
  .cta-row{
    align-items:stretch!important;
    width:100%;
  }
  .cta-row .btn,
  .cta-row a,
  .cta-row button{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .stats-row{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }
  .stats-row>span{
    display:none!important;
  }
  .stats-row div{
    padding:13px 12px!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.08)!important;
    border:1px solid rgba(255,255,255,.12)!important;
    min-width:0;
  }
  .stats-row b{
    font-size:20px!important;
  }
  .stats-row small{
    display:block;
    line-height:1.25;
  }
  .hero-side-cards{
    grid-template-columns:1fr!important;
  }
  .hero-side-cards article{
    padding:16px!important;
  }
  .about-headline-full,
  .about-polished-wrap,
  .why-full-shell,
  .who-join-wrap,
  .network-shell,
  .footer-grid{
    width:calc(100% - 24px)!important;
  }
  .about-polished-panel,
  .who-copy,
  .who-card{
    padding:26px 18px!important;
  }
  .about-headline-full h2,
  .who-copy h2,
  .network-shell h2,
  .why-full-left h2{
    word-break:normal;
    overflow-wrap:anywhere;
  }
  .about-polished-copy .about-lead{
    font-size:18px!important;
  }
  .polished-cloud,
  .people-cloud{
    gap:8px!important;
  }
  .polished-cloud span,
  .people-cloud span{
    max-width:100%;
    white-space:normal;
    line-height:1.25;
  }
  .why-full-left{
    justify-content:flex-start!important;
  }
  .benefit-label,
  .network-badge,
  .who-label,
  .panel-badge{
    font-size:11px!important;
    line-height:1.2;
    white-space:normal;
  }
  .benefit-pill{
    min-width:0;
  }
  .benefit-pill strong{
    overflow-wrap:anywhere;
  }
  .steps{
    padding:42px 18px!important;
  }
  .footer-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  footer{
    padding:34px 18px 18px!important;
  }
  form{
    flex-direction:column;
    gap:10px;
  }
  input,
  form button{
    width:100%;
    border-radius:8px!important;
    min-height:46px;
  }
}

@media (max-width:520px){
  .site-header{
    align-items:center!important;
  }
  .header-actions .btn-gold{
    max-width:150px;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .hero{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .hero-headline,
  .hero h1{
    font-size:clamp(31px, 11vw, 40px)!important;
  }
  .big{
    padding:14px 16px!important;
  }
  .main-globe{
    width:100%!important;
  }
  .feature-grid,
  .opp-list,
  .product-row,
  .dark-stats,
  .step-line,
  .network-grid,
  .about-stats-mini{
    grid-template-columns:1fr!important;
  }
  .dark-stats{
    padding:22px 16px!important;
  }
  .why-full-shell,
  .network-shell{
    width:calc(100% - 20px)!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .who-copy,
  .who-card,
  .about-polished-panel{
    border-radius:22px!important;
  }
  .network-item{
    min-height:58px!important;
    font-size:16px!important;
  }
  .network-btn{
    min-width:0!important;
    width:100%;
    padding:0 16px;
  }
  .legacy .btn{
    display:flex;
    width:100%;
    justify-content:center;
    margin-top:10px;
  }
}

@media (max-width:380px){
  .brand span:last-child{
    display:none;
  }
  .header-actions .btn-gold{
    max-width:none;
    font-size:11px!important;
    padding:9px 10px!important;
  }
  .hero-headline,
  .hero h1{
    font-size:30px!important;
  }
  .stats-row{
    grid-template-columns:1fr!important;
  }
}