:root{--non-night:#071424;--non-night2:#0e2138;--non-orange:#f47a20;--non-orange-dark:#c9570f;--non-cream:#f5f0e8;--non-ink:#14213d;--non-muted:#6f7c8d;--non-line:rgba(20,33,61,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--non-cream);color:var(--non-ink)}
.non-site-header{position:sticky;top:0;z-index:100;background:rgba(7,20,36,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08);transition:.25s}
.non-site-header.is-scrolled{box-shadow:0 12px 28px rgba(0,0,0,.16)}
.non-nav-inner{max-width:1180px!important;margin:auto!important;padding:0 28px!important;min-height:72px}.non-brand a,.non-brand{color:white!important;text-decoration:none!important;font-weight:800!important;letter-spacing:-.02em}.non-brand a::first-letter{color:white}
.non-main-nav{font-size:.91rem}.non-main-nav a{color:rgba(255,255,255,.78)!important;text-decoration:none!important}.non-main-nav a:hover{color:white!important}.non-nav-cta .wp-block-button__link{background:var(--non-orange)!important;color:white!important;border-radius:5px!important;padding:.72rem 1.05rem!important;font-size:.88rem!important}
.non-home{background:var(--non-cream)}.non-hero{position:relative;isolation:isolate;background:var(--non-night);color:white;overflow:hidden;padding:84px 28px 58px!important;max-width:none!important}.non-hero>*:not(.non-hero-bg):not(.non-stars){position:relative;z-index:2;max-width:1180px;margin-left:auto;margin-right:auto}.non-hero-bg{position:absolute;inset:-12%;background:radial-gradient(circle at 72% 16%,rgba(244,122,32,.18),transparent 30%),radial-gradient(circle at 88% 44%,rgba(83,132,181,.11),transparent 26%),linear-gradient(180deg,#071424 0%,#071424 72%,#0c1c31 100%);z-index:0}.non-stars{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,255,255,.38) 1px,transparent 1.4px);background-size:68px 68px;opacity:.12;z-index:1}
.non-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}.non-kicker,.non-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:#ffb17a;font-weight:700}.non-hero h1{font-size:clamp(3.4rem,6.3vw,6.3rem);line-height:.94;letter-spacing:-.045em;margin:.42rem 0 1.25rem}.non-hero h1 em{color:var(--non-orange);font-style:italic}.non-lede{max-width:720px;font-size:clamp(1.03rem,1.5vw,1.22rem);color:rgba(255,255,255,.72);line-height:1.65}.non-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.non-btn{display:inline-block;padding:13px 19px;border-radius:5px;text-decoration:none!important;font-weight:700;font-size:.93rem}.non-btn-primary{background:var(--non-orange);color:white!important}.non-btn-primary:hover{background:#ff8b39}.non-btn-ghost{border:1px solid rgba(255,255,255,.3);color:white!important}.non-btn-ghost-light{border:1px solid rgba(255,255,255,.34);color:white!important}
.non-globe-card{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:#08182a;box-shadow:0 30px 80px rgba(0,0,0,.22)}.non-globe-card img{display:block;width:100%;height:auto}.non-globe-caption{position:absolute;left:18px;bottom:14px;font-size:.76rem;letter-spacing:.04em;color:rgba(255,255,255,.64)}
.non-timeline-card{margin-top:58px!important;border-top:1px solid rgba(255,255,255,.13);padding-top:28px}.non-timeline-head{display:flex;justify-content:space-between;gap:24px;align-items:end}.non-timeline-head h2{color:white;font-size:clamp(1.7rem,3vw,2.6rem);margin:.35rem 0}.non-timeline-note{font-size:.78rem;color:rgba(255,255,255,.45)}.non-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:26px}.non-step{display:grid;gap:7px}.non-year{font-size:1.08rem;font-weight:800}.non-duration{font-size:.82rem;color:rgba(255,255,255,.6)}.non-bar{display:block;height:8px;width:var(--w);min-width:18px;background:var(--non-orange);border-radius:3px;box-shadow:0 0 18px rgba(244,122,32,.22)}
.non-principles,.non-why,.non-cta-section{padding:86px 28px!important}.non-section-intro{max-width:760px}.non-section-intro h2{font-size:clamp(2.3rem,4.5vw,4.1rem);letter-spacing:-.035em;margin:.45rem 0 1rem}.non-section-intro p{font-size:1.08rem;color:var(--non-muted);line-height:1.7}.non-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px}.non-icon-grid article{padding-top:20px;border-top:2px solid var(--non-ink)}.non-icon{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--non-line);border-radius:50%;color:var(--non-orange);font-size:1.25rem}.non-icon-grid h3{font-size:1.2rem;margin:16px 0 7px}.non-icon-grid p{color:var(--non-muted);font-size:.94rem;line-height:1.6}
.non-why{background:var(--non-night);color:white;max-width:none!important}.non-why>*{max-width:1180px;margin-left:auto;margin-right:auto}.non-section-intro-dark p{color:rgba(255,255,255,.62)}.non-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}.non-card-grid article{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:26px}.non-card-grid span{font-size:.72rem;color:#ffb17a;letter-spacing:.1em}.non-card-grid h3{font-size:1.15rem;margin:16px 0 8px}.non-card-grid p{font-size:.91rem;line-height:1.6;color:rgba(255,255,255,.6)}
.non-cta-section{background:var(--non-cream)}.non-cta-card{max-width:1180px;margin:auto;background:linear-gradient(135deg,#0b1d32,#071424);color:white;border-radius:12px;padding:54px}.non-cta-card h2{font-size:clamp(2rem,4vw,3.6rem);margin:.5rem 0 1rem}.non-cta-card p{max-width:760px;color:rgba(255,255,255,.65);font-size:1.05rem}
.non-footer{background:#06111f;color:rgba(255,255,255,.66);padding:46px 28px!important}.non-footer-inner{max-width:1180px!important;margin:auto!important}.non-footer-brand,.non-footer-brand a{color:white!important;text-decoration:none!important;font-weight:800!important}.non-footer-nav a{color:rgba(255,255,255,.6)!important;text-decoration:none!important;font-size:.88rem}.non-footer-nav a:hover{color:white!important}
.non-page-shell{padding:74px 28px 100px!important}.non-page-title{font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.04em;margin-bottom:36px}.non-page-shell .wp-block-post-content{font-size:1.06rem;line-height:1.75}.non-post-card{padding:26px 0;border-top:1px solid var(--non-line)}
@media(max-width:960px){.non-hero-grid{grid-template-columns:1fr}.non-globe-card{max-width:720px}.non-icon-grid,.non-card-grid{grid-template-columns:repeat(2,1fr)}.non-main-nav{display:none}.non-nav-cta{margin-left:auto}.non-timeline{grid-template-columns:1fr 1fr 1fr}.non-step-last{grid-column:span 2}}
@media(max-width:640px){.non-nav-inner{padding:0 16px!important}.non-nav-cta{display:none}.non-hero{padding:64px 18px 42px!important}.non-hero h1{font-size:clamp(3rem,15vw,4.5rem)}.non-timeline-head{display:block}.non-timeline-note{margin-top:8px}.non-timeline{grid-template-columns:1fr}.non-step-last{grid-column:auto}.non-bar{width:min(var(--w),100%)!important}.non-principles,.non-why,.non-cta-section{padding:64px 18px!important}.non-icon-grid,.non-card-grid{grid-template-columns:1fr}.non-cta-card{padding:34px 24px}.non-footer{padding:40px 18px!important}}

/* V0.3 — hero refinement */
.wp-site-blocks{padding-top:0!important;padding-bottom:0!important;gap:0!important}
.wp-site-blocks>*{margin-block-start:0!important;margin-block-end:0!important}
.non-home{margin:0!important}
.non-hero{padding:72px 28px 56px!important;min-height:calc(100vh - 72px);display:flex;flex-direction:column;justify-content:center}
.non-hero-grid{grid-template-columns:.94fr 1.06fr;gap:34px;align-items:center}
.non-hero h1{font-size:clamp(3.2rem,5.4vw,5.45rem);line-height:.93;letter-spacing:-.043em;max-width:9.5ch;margin:.5rem 0 1.15rem}
.non-lede{max-width:610px}
.non-world-visual{position:relative;min-height:470px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 34px 70px rgba(0,0,0,.18))}
.non-world-visual::before{content:'';position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(244,122,32,.14),rgba(244,122,32,0) 66%);right:2%;top:2%;pointer-events:none}
.non-world-visual svg{display:block;width:min(760px,112%);max-width:none;height:auto;transform:translateX(2%)}
.non-timeline-card{margin-top:34px!important}
@media(max-width:960px){.non-hero{min-height:auto}.non-hero-grid{grid-template-columns:1fr}.non-hero h1{max-width:11ch}.non-world-visual{min-height:360px;margin-top:-12px}.non-world-visual svg{width:min(780px,100%);transform:none}.non-timeline-card{margin-top:16px!important}}
@media(max-width:640px){.non-hero{padding-top:50px!important}.non-hero h1{font-size:clamp(2.9rem,14vw,4.2rem)}.non-world-visual{min-height:265px;margin-top:6px}.non-world-visual svg{width:112%}}

/* V0.4 — Earth background shared across hero, timeline and principle cards */
.non-hero-earth{position:relative;padding:82px 28px 70px!important;min-height:auto;background:#061321;overflow:hidden}
.non-earth-bg{position:absolute;z-index:0;inset:0;background-image:none;background-repeat:no-repeat;background-size:min(74vw,1120px) auto;background-position:calc(50% + 350px) 28px;opacity:.95;transform:scale(1.035);transform-origin:70% 20%}
.non-earth-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#061321 0%,rgba(6,19,33,.98) 28%,rgba(6,19,33,.78) 49%,rgba(6,19,33,.23) 72%,rgba(6,19,33,.14) 100%),linear-gradient(180deg,rgba(6,19,33,.12) 0%,rgba(6,19,33,.10) 55%,#061321 99%)}
.non-hero-earth .non-stars{z-index:1;opacity:.07}
.non-hero-earth>*:not(.non-earth-bg):not(.non-earth-shade):not(.non-stars){position:relative;z-index:2;max-width:1180px;margin-left:auto;margin-right:auto}
.non-hero-grid-earth{grid-template-columns:minmax(0, .82fr) minmax(350px,1.18fr);min-height:470px;align-items:center}
.non-hero-earth .non-hero-copy{padding:34px 0 44px}
.non-hero-earth h1{max-width:8.7ch;font-size:clamp(3.25rem,5.35vw,5.55rem)}
.non-hero-earth .non-lede{max-width:600px;text-shadow:0 1px 18px rgba(0,0,0,.42)}
.non-hero-earth .non-lede strong{color:#ff8a32}
.non-earth-breath{min-height:430px}
.non-glass-card{background:linear-gradient(180deg,rgba(8,24,42,.58),rgba(6,20,35,.76));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 64px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.non-hero-earth .non-timeline-card{margin-top:8px!important;border-top:0;border-radius:12px;padding:26px 26px 24px!important}
.non-hero-earth .non-timeline-card h2{font-size:clamp(1.5rem,2.5vw,2.15rem);margin:.3rem 0}
.non-shared-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px!important}
.non-shared-cards article{border-radius:10px;padding:21px 20px 19px;min-height:142px}
.non-shared-cards h3{font-size:1.06rem;margin:11px 0 6px;color:white}
.non-shared-cards p{font-size:.84rem;line-height:1.5;color:rgba(255,255,255,.6);margin:0}
.non-card-icon{font-size:1.34rem;color:var(--non-orange)}
.non-principles-light{padding-top:76px!important;padding-bottom:76px!important}
@media(max-width:1100px){.non-earth-bg{background-size:940px auto;background-position:calc(50% + 290px) 48px}.non-hero-grid-earth{grid-template-columns:.92fr 1.08fr}}
@media(max-width:960px){.non-hero-earth{padding-top:54px!important}.non-earth-bg{background-size:960px auto;background-position:65% 32px;opacity:.68}.non-earth-shade{background:linear-gradient(180deg,rgba(6,19,33,.54),rgba(6,19,33,.85) 52%,#061321 100%),linear-gradient(90deg,#061321 0%,rgba(6,19,33,.66) 76%,rgba(6,19,33,.28) 100%)}.non-hero-grid-earth{grid-template-columns:1fr;min-height:520px}.non-earth-breath{display:none}.non-hero-earth .non-hero-copy{padding:100px 0 44px;max-width:690px}.non-shared-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.non-earth-bg{background-size:800px auto;background-position:58% 28px;opacity:.58}.non-hero-grid-earth{min-height:auto}.non-hero-earth .non-hero-copy{padding:86px 0 34px}.non-hero-earth .non-timeline-card{padding:22px 18px!important}.non-shared-cards{grid-template-columns:1fr}.non-shared-cards article{min-height:auto}.non-principles-light{padding-top:60px!important;padding-bottom:60px!important}}


/* v0.6 — robust hero background: apply the Earth directly to the block that WordPress renders. */
.non-hero-earth{
  background-color:#061321 !important;
  background-image:
    linear-gradient(90deg,#061321 0%,rgba(6,19,33,.98) 24%,rgba(6,19,33,.82) 43%,rgba(6,19,33,.38) 68%,rgba(6,19,33,.18) 100%),
    linear-gradient(180deg,rgba(6,19,33,.10) 0%,rgba(6,19,33,.06) 58%,#061321 99%),
    url('../images/earth-network-bg.jpg') !important;
  background-repeat:no-repeat,no-repeat,no-repeat !important;
  background-size:100% 100%,100% 100%,min(84vw,1320px) auto !important;
  background-position:center,center,calc(50% + 360px) 18px !important;
  background-attachment:scroll,scroll,scroll !important;
}
.non-hero-earth .non-stars{opacity:.045!important;}
@media (max-width:980px){
  .non-hero-earth{
    background-image:
      linear-gradient(180deg,rgba(6,19,33,.38) 0%,rgba(6,19,33,.60) 52%,#061321 98%),
      linear-gradient(90deg,#061321 0%,rgba(6,19,33,.42) 72%,rgba(6,19,33,.22) 100%),
      url('../images/earth-network-bg.jpg') !important;
    background-size:100% 100%,100% 100%,1080px auto !important;
    background-position:center,center,58% 18px !important;
  }
}
@media (max-width:640px){
  .non-hero-earth{
    background-image:
      linear-gradient(180deg,rgba(6,19,33,.42) 0%,rgba(6,19,33,.78) 38%,#061321 72%),
      url('../images/earth-network-bg.jpg') !important;
    background-size:100% 100%,840px auto !important;
    background-position:center,62% 18px !important;
  }
}

/* v0.7 — half-width copy, Earth as the continuous visual background through timeline/cards */
.non-hero-earth{
  padding-top:76px!important;
  padding-bottom:76px!important;
  background-image:
    linear-gradient(90deg,rgba(6,19,33,.96) 0%,rgba(6,19,33,.90) 24%,rgba(6,19,33,.58) 49%,rgba(6,19,33,.22) 74%,rgba(6,19,33,.14) 100%),
    linear-gradient(180deg,rgba(6,19,33,.08) 0%,rgba(6,19,33,.08) 46%,rgba(6,19,33,.40) 72%,#061321 100%),
    url('../images/earth-network-bg.jpg') !important;
  background-size:100% 100%,100% 100%,cover !important;
  background-position:center,center,center top !important;
}
.non-hero-grid-earth{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:36px!important;
  min-height:560px!important;
  align-items:center!important;
}
.non-hero-earth .non-hero-copy{
  width:100%;
  max-width:560px;
  padding:42px 0 52px!important;
}
.non-hero-earth h1{
  max-width:none!important;
  font-size:clamp(3.2rem,5.2vw,5.45rem)!important;
  line-height:.94!important;
}
.non-hero-earth .non-lede{max-width:540px!important}
.non-earth-breath{min-height:520px!important}
.non-hero-earth .non-timeline-card{
  margin-top:18px!important;
  background:linear-gradient(180deg,rgba(8,24,42,.44),rgba(6,20,35,.66))!important;
}
.non-shared-cards{margin-top:18px!important}
.non-shared-cards article{
  background:linear-gradient(180deg,rgba(8,24,42,.38),rgba(6,20,35,.62))!important;
}
@media(max-width:1100px){
  .non-hero-grid-earth{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-height:520px!important}
  .non-hero-earth .non-hero-copy{max-width:520px}
}
@media(max-width:960px){
  .non-hero-earth{
    background-image:
      linear-gradient(180deg,rgba(6,19,33,.28) 0%,rgba(6,19,33,.54) 48%,#061321 88%),
      url('../images/earth-network-bg.jpg') !important;
    background-size:100% 100%,cover !important;
    background-position:center,62% top !important;
  }
  .non-hero-grid-earth{grid-template-columns:1fr!important;min-height:auto!important}
  .non-earth-breath{display:none!important}
  .non-hero-earth .non-hero-copy{max-width:680px;padding:210px 0 46px!important}
}
@media(max-width:640px){
  .non-hero-earth{background-position:center,64% top!important}
  .non-hero-earth .non-hero-copy{padding:165px 0 34px!important}
}

/* v0.8 — tighter hero, Earth visible under translucent header, reliable mobile navigation */
.home .non-site-header{
  background:rgba(7,20,36,.58)!important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.home .non-site-header.is-scrolled{
  background:rgba(7,20,36,.92)!important;
}

/* Pull the hero behind the sticky header so the Earth remains visible through it. */
.home .non-hero-earth{
  margin-top:-72px!important;
  padding-top:112px!important; /* 72px header + ~40px breathing room */
}
.home .non-hero-grid-earth{
  min-height:500px!important;
}
.home .non-hero-earth .non-hero-copy{
  padding:18px 0 38px!important;
}

/* Keep the WordPress navigation block alive on mobile; only switch its presentation. */
@media(max-width:960px){
  .non-main-nav{display:flex!important;margin-left:auto!important}
  .non-main-nav .wp-block-navigation__container{display:none!important}
  .non-main-nav .wp-block-navigation__responsive-container-open{
    display:flex!important;
    align-items:center;
    justify-content:center;
    color:#fff!important;
    width:42px;
    height:42px;
    padding:8px!important;
    border:1px solid rgba(255,255,255,.20);
    border-radius:5px;
    background:rgba(255,255,255,.04);
  }
  .non-main-nav .wp-block-navigation__responsive-container-open svg{fill:currentColor;width:24px;height:24px}
  .non-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
  .non-main-nav .wp-block-navigation__responsive-container.is-menu-open{
    display:flex!important;
    background:#071424!important;
    color:#fff!important;
    padding:28px!important;
    z-index:1000;
  }
  .non-main-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{
    display:flex!important;
    width:100%;
    gap:0!important;
  }
  .non-main-nav .wp-block-navigation__responsive-container.is-menu-open a{
    color:#fff!important;
    font-size:1.3rem!important;
    padding:12px 0!important;
  }
  .non-main-nav .wp-block-navigation__responsive-container-close{color:#fff!important}
  .non-nav-cta{margin-left:10px!important}

  .home .non-hero-earth{
    margin-top:-72px!important;
    padding-top:104px!important;
  }
  .home .non-hero-earth .non-hero-copy{
    padding:72px 0 38px!important;
  }
}

@media(max-width:640px){
  .non-nav-inner{min-height:64px!important}
  .home .non-hero-earth{
    margin-top:-64px!important;
    padding-top:88px!important;
  }
  .home .non-hero-earth .non-hero-copy{
    padding:72px 0 30px!important;
  }
  .non-brand{font-size:1rem!important}
  .non-nav-cta{display:none!important}
}