/* Zomblers Community Roadmap v2.6
   Native-theme pass: the roadmap no longer owns the site's base font or background.
   Typography and page color inherit from the active Zomblers theme; this file only
   controls roadmap layout, spacing, borders, and restrained accent usage. */
body.zomblers-roadmap-page main.zr-page{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}
.zr-page{
  --zr-green:#9dff00;
  --zr-pink:#ff2e8b;
  --zr-line:rgba(255,255,255,.11);
  --zr-line-strong:rgba(255,255,255,.18);
  --zr-panel:rgba(255,255,255,.025);
  --zr-panel-hover:rgba(255,255,255,.042);
  width:100%;
  color:inherit;
  background:transparent;
  overflow:hidden;
}
.zr-page *{box-sizing:border-box}
.zr-page h1,.zr-page h2,.zr-page h3,.zr-page p{font-family:unset}
.zr-container{width:min(calc(100% - 48px),1180px);margin-inline:auto}

/* HERO — rendered server-side from the live /teams/ structure. It is present in
   the initial HTML, so there is no browser-side fetch, flash, or layout shift. */
/* Keep the borrowed Teams hero contained below the global navigation.
   The source hero includes a decorative edge accent that can protrude beyond
   its own box when transplanted into Roadmap; clip it here and suppress only
   the clone wrapper pseudo-elements so the rest of the Teams styling remains intact. */
.zr-native-hero-host{width:100%;position:relative;overflow:hidden;isolation:isolate}
.zr-native-hero-host .zr-live-teams-hero-clone{position:relative;overflow:hidden;animation:none!important;transition:none!important}
.zr-native-hero-host .zr-live-teams-hero-clone::before,
.zr-native-hero-host .zr-live-teams-hero-clone::after{content:none!important;display:none!important}

/* BODY REDESIGN v3.3 — original Zomblers artwork only. Hero above is intentionally untouched. */
.zr-page{
  --zr-green:#9dff00;
  --zr-pink:#ff2e8b;
  --zr-bg:#080a09;
  --zr-panel:rgba(255,255,255,.027);
  --zr-panel-2:rgba(255,255,255,.047);
  --zr-line:rgba(255,255,255,.105);
  --zr-line-strong:rgba(255,255,255,.19);
  --zr-soft:rgba(255,255,255,.65);
  --zr-dim:rgba(255,255,255,.43);
  position:relative;
  isolation:isolate;
  background:transparent;
}
.zr-page:before{content:"";position:absolute;z-index:-3;inset:0;background:radial-gradient(circle at 12% 18%,rgba(157,255,0,.025),transparent 23%),radial-gradient(circle at 88% 48%,rgba(255,46,139,.025),transparent 24%);pointer-events:none}
.zr-page h2,.zr-page h3,.zr-page p{font-family:unset}
.zr-container{width:min(calc(100% - 48px),1180px);margin-inline:auto}
.zr-section{position:relative;padding:118px 0}
.zr-section-line{border-top:1px solid var(--zr-line)}
.zr-section-head{position:relative;max-width:850px;margin:0 0 48px}
.zr-section-head-wide{max-width:980px}
.zr-section-no{display:inline-flex;align-items:center;gap:11px;margin:0 0 19px;color:var(--zr-pink);font-size:.69rem;line-height:1;font-weight:950;letter-spacing:.15em}
.zr-section-no:after{content:"";width:48px;height:1px;background:currentColor;opacity:.7}
.zr-section-kicker{margin:0 0 10px!important;color:var(--zr-green);font-size:.67rem;line-height:1.35;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.zr-section-head h2,.zr-cta h2{margin:0;color:inherit;letter-spacing:-.04em}
.zr-section-head>p:last-child{max-width:735px;margin:14px 0 0;color:var(--zr-soft);font-size:.97rem;line-height:1.75}
.zr-item-no{display:inline-flex;align-items:center;color:var(--zr-green);font-size:.61rem;line-height:1;font-weight:950;letter-spacing:.13em;text-transform:uppercase}

/* 01 — Identity chamber */
.zr-intro-section{padding-top:116px;background:linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px) center/96px 100%,linear-gradient(180deg,rgba(157,255,0,.011),transparent 38%)}
.zr-intro-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:64px;align-items:center}
.zr-intro-copy .zr-section-head{margin-bottom:30px}
.zr-feature-copy{max-width:610px;color:var(--zr-soft);font-size:.95rem;line-height:1.82}
.zr-feature-copy p{margin:0 0 19px}
.zr-identity-rail{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}
.zr-identity-rail span{display:inline-flex;align-items:center;min-height:30px;padding:7px 10px;border:1px solid var(--zr-line);background:rgba(255,255,255,.016);color:rgba(255,255,255,.7);font-size:.58rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.zr-identity-rail span:first-child{color:var(--zr-green);border-color:rgba(157,255,0,.34)}
.zr-identity-rail span:nth-child(2){color:var(--zr-pink);border-color:rgba(255,46,139,.34)}
.zr-crest-stage{position:relative;min-height:500px;overflow:hidden;border:1px solid var(--zr-line-strong);background:linear-gradient(145deg,rgba(255,255,255,.018),rgba(8,10,9,.98));clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,7% 100%,0 92%);box-shadow:inset 0 0 90px rgba(0,0,0,.22)}
.zr-crest-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 47%,rgba(157,255,0,.09),transparent 34%),radial-gradient(circle at 77% 18%,rgba(255,46,139,.08),transparent 23%);pointer-events:none}
.zr-crest-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.038) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.038) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(180deg,rgba(0,0,0,.7),transparent 92%)}
.zr-crest-orbit{position:absolute;left:50%;top:48%;border:1px solid rgba(157,255,0,.15);border-radius:50%;transform:translate(-50%,-50%)}
.zr-crest-orbit-one{width:350px;height:350px;box-shadow:0 0 0 28px rgba(157,255,0,.016),0 0 0 56px rgba(157,255,0,.008)}
.zr-crest-orbit-two{width:250px;height:250px;border-color:rgba(255,46,139,.14);transform:translate(-50%,-50%) rotate(31deg)}
.zr-crest-orbit-two:before,.zr-crest-orbit-two:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--zr-pink);box-shadow:0 0 18px rgba(255,46,139,.7)}
.zr-crest-orbit-two:before{left:20px;top:61px}.zr-crest-orbit-two:after{right:16px;bottom:72px;background:var(--zr-green);box-shadow:0 0 18px rgba(157,255,0,.65)}
.zr-crest-logo{position:absolute;z-index:3;left:50%;top:48%;width:min(48%,275px);height:auto;transform:translate(-50%,-50%);object-fit:contain;filter:none!important}
.zr-crest-label{position:absolute;z-index:4;left:26px;top:24px;padding:8px 10px;border:1px solid rgba(157,255,0,.28);background:rgba(8,10,9,.82);color:var(--zr-green);font-size:.58rem;font-weight:950;letter-spacing:.14em}
.zr-crest-footer{position:absolute;z-index:4;left:28px;right:28px;bottom:25px;display:flex;align-items:center;gap:14px;color:rgba(255,255,255,.52);font-size:.59rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.zr-crest-footer i{height:1px;flex:1;background:linear-gradient(90deg,rgba(157,255,0,.55),rgba(255,46,139,.45))}
.zr-crest-corner{position:absolute;z-index:2;width:70px;height:70px;pointer-events:none}
.zr-crest-corner-a{right:0;top:0;border-top:2px solid var(--zr-pink);border-right:2px solid var(--zr-pink)}
.zr-crest-corner-b{left:0;bottom:0;border-bottom:2px solid var(--zr-green);border-left:2px solid var(--zr-green)}
.zr-manifesto{position:relative;overflow:hidden;margin-top:66px;padding:43px 50px 47px;border-top:1px solid var(--zr-line);border-bottom:1px solid var(--zr-line);background:linear-gradient(105deg,rgba(157,255,0,.04),transparent 46%,rgba(255,46,139,.03))}
.zr-manifesto:after{content:"";position:absolute;right:0;top:0;width:32%;height:3px;background:linear-gradient(90deg,transparent,var(--zr-pink))}
.zr-manifesto-mark{position:absolute;right:38px;top:-87px;color:rgba(255,255,255,.025);font-size:18rem;line-height:1;font-weight:950;font-style:italic}
.zr-manifesto-label{position:relative;z-index:2;display:block;margin-bottom:16px;color:var(--zr-pink);font-size:.61rem;font-weight:950;letter-spacing:.14em;text-transform:uppercase}
.zr-manifesto strong{position:relative;z-index:2;display:block;max-width:1040px;font-size:clamp(1.8rem,3.4vw,3.3rem);line-height:1.08;letter-spacing:-.045em;font-weight:880}
.zr-manifesto strong span{color:rgba(255,255,255,.47)}
.zr-manifesto strong em{color:var(--zr-green);font-style:normal}
.zr-manifesto small{position:relative;z-index:2;display:block;margin-top:18px;color:rgba(255,255,255,.46);font-size:.72rem}

/* 02 — Six original visual pillars */
.zr-build-section{isolation:isolate;background:linear-gradient(180deg,rgba(255,255,255,.01),transparent 18%,transparent 82%,rgba(255,255,255,.012))}
.zr-build-ghost{position:absolute;z-index:-1;right:-2vw;top:82px;color:rgba(255,255,255,.016);font-size:min(23vw,320px);font-weight:950;line-height:.7;letter-spacing:-.09em;pointer-events:none}
.zr-focus-signal{display:flex;align-items:center;gap:12px;margin:-6px 0 38px;color:rgba(255,255,255,.39);font-size:.56rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;overflow:hidden}
.zr-focus-signal i{flex:1 1 32px;min-width:20px;height:1px;background:linear-gradient(90deg,rgba(157,255,0,.28),rgba(255,46,139,.22))}
.zr-focus-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:192px;gap:16px}
.zr-focus-card{position:relative;overflow:hidden;border:1px solid var(--zr-line);background:linear-gradient(145deg,rgba(255,255,255,.022),rgba(8,10,9,.98));transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.zr-focus-card:after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)}
.zr-focus-card:hover{transform:translateY(-4px);border-color:rgba(157,255,0,.34);box-shadow:0 18px 46px rgba(0,0,0,.18)}
.zr-focus-card-brand:hover{border-color:rgba(255,46,139,.36)}
.zr-focus-card-competition{grid-column:span 7;grid-row:span 2}
.zr-focus-card-community{grid-column:span 5;grid-row:span 2}
.zr-focus-card-content{grid-column:span 4;grid-row:span 2}
.zr-focus-card-brand{grid-column:span 4;grid-row:span 2;border-color:rgba(255,46,139,.22)}
.zr-focus-card-development{grid-column:span 4;grid-row:span 2}
.zr-focus-card-experience{grid-column:span 12;grid-row:span 2;display:grid;grid-template-columns:1.12fr .88fr}
.zr-focus-art{position:absolute;inset:0;background:#080a09}
.zr-focus-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,10,9,.04) 20%,rgba(8,10,9,.14) 47%,rgba(8,10,9,.96) 100%)}
.zr-focus-art img{display:block;width:100%;height:100%;object-fit:cover;opacity:.94;transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .3s ease}
.zr-focus-card:hover .zr-focus-art img{transform:scale(1.035);opacity:1}
.zr-focus-card-content .zr-focus-art,.zr-focus-card-brand .zr-focus-art,.zr-focus-card-development .zr-focus-art{height:58%}
.zr-focus-card-content .zr-focus-art:after,.zr-focus-card-brand .zr-focus-art:after,.zr-focus-card-development .zr-focus-art:after{background:linear-gradient(180deg,rgba(8,10,9,.02),rgba(8,10,9,.42) 72%,#080a09 100%)}
.zr-focus-card-experience .zr-focus-art{position:relative;grid-column:1}
.zr-focus-card-experience .zr-focus-art:after{background:linear-gradient(90deg,rgba(8,10,9,.03),rgba(8,10,9,.12) 66%,#080a09)}
.zr-focus-body{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:27px 28px 29px}
.zr-focus-card-competition .zr-focus-body,.zr-focus-card-community .zr-focus-body{justify-content:flex-end;background:linear-gradient(180deg,transparent 22%,rgba(8,10,9,.06) 45%,rgba(8,10,9,.96) 100%)}
.zr-focus-card-content .zr-focus-body,.zr-focus-card-brand .zr-focus-body,.zr-focus-card-development .zr-focus-body{justify-content:flex-end;padding-top:48%}
.zr-focus-card-experience .zr-focus-body{grid-column:2;justify-content:center;padding:42px 44px}
.zr-focus-body>.zr-item-no{position:absolute;right:23px;top:22px;color:rgba(255,255,255,.31)}
.zr-focus-card small{margin-bottom:9px;color:var(--zr-green);font-size:.59rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}
.zr-focus-card-brand small{color:var(--zr-pink)}
.zr-focus-card h3{max-width:520px;margin:0;color:inherit;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.16;letter-spacing:-.025em}
.zr-focus-card p{max-width:560px;margin:12px 0 0;color:var(--zr-soft);font-size:.79rem;line-height:1.65}
.zr-focus-card-competition p,.zr-focus-card-community p{max-width:500px}
.zr-focus-card:before{content:"";position:absolute;z-index:4;left:0;top:0;width:62px;height:2px;background:var(--zr-green)}
.zr-focus-card-brand:before{background:var(--zr-pink)}
.zr-focus-card-experience:before{width:160px;background:linear-gradient(90deg,var(--zr-green),var(--zr-pink))}

/* 03 — The journey */
.zr-roadmap-section{overflow:hidden;background:linear-gradient(180deg,rgba(157,255,0,.012),transparent 18%,transparent 80%,rgba(255,46,139,.014))}
.zr-roadmap-field{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,transparent 0,#000 13%,#000 86%,transparent 100%);opacity:.42}
.zr-roadmap-head{position:relative;z-index:2;margin-bottom:76px}
.zr-stage-list{position:relative;z-index:2;display:flex;flex-direction:column;gap:30px}
.zr-stage-list:before{content:"";position:absolute;left:50%;top:44px;bottom:44px;width:1px;background:linear-gradient(var(--zr-green) 0 68%,var(--zr-pink) 100%);opacity:.46}
.zr-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);min-height:365px;align-items:center}
.zr-stage-copy{position:relative;overflow:hidden;padding:37px 38px 35px;border:1px solid var(--zr-line-strong);background:linear-gradient(145deg,rgba(255,255,255,.038),rgba(255,255,255,.012));box-shadow:0 18px 48px rgba(0,0,0,.08)}
.zr-stage-copy:before{content:"";position:absolute;left:0;top:0;width:72px;height:2px;background:var(--zr-green)}
.zr-stage-copy:after{content:"";position:absolute;right:-76px;bottom:-78px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(157,255,0,.065),transparent 68%)}
.zr-stage:nth-child(odd) .zr-stage-copy{grid-column:1}
.zr-stage:nth-child(even) .zr-stage-copy{grid-column:3}
.zr-stage-goal .zr-stage-copy{border-color:rgba(255,46,139,.25);background:linear-gradient(145deg,rgba(255,46,139,.045),rgba(255,255,255,.012))}
.zr-stage-goal .zr-stage-copy:before{background:var(--zr-pink)}
.zr-stage-goal .zr-stage-copy:after{background:radial-gradient(circle,rgba(255,46,139,.085),transparent 68%)}
.zr-stage-node{position:absolute;z-index:4;left:50%;top:50%;width:88px;height:88px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center}
.zr-stage-node span{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border:1px solid rgba(157,255,0,.58);background:var(--zr-bg);color:var(--zr-green);font-size:.66rem;font-weight:950;box-shadow:0 0 0 9px rgba(8,10,9,.92),0 0 0 10px rgba(157,255,0,.11)}
.zr-stage-node i{position:absolute;width:82px;height:82px;border:1px solid rgba(157,255,0,.1);border-radius:50%}
.zr-stage-goal .zr-stage-node span{color:var(--zr-pink);border-color:rgba(255,46,139,.66);box-shadow:0 0 0 9px rgba(8,10,9,.92),0 0 0 10px rgba(255,46,139,.12)}
.zr-stage-goal .zr-stage-node i{border-color:rgba(255,46,139,.12)}
.zr-stage-ghost{position:absolute;z-index:-1;top:50%;transform:translateY(-50%);color:rgba(255,255,255,.026);font-size:14rem;line-height:.8;font-weight:950;letter-spacing:-.08em}
.zr-stage:nth-child(odd) .zr-stage-ghost{right:6%}.zr-stage:nth-child(even) .zr-stage-ghost{left:6%}
.zr-stage-goal .zr-stage-ghost{color:rgba(255,46,139,.038)}
.zr-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}
.zr-stage-top em{padding:6px 9px;border:1px solid var(--zr-line-strong);color:rgba(255,255,255,.62);font-size:.55rem;line-height:1;font-style:normal;font-weight:950;letter-spacing:.09em;text-transform:uppercase}
.zr-stage-current .zr-stage-top em{color:var(--zr-green);border-color:rgba(157,255,0,.34)}
.zr-stage-goal .zr-stage-top em{color:var(--zr-pink);border-color:rgba(255,46,139,.48)}
.zr-stage-copy>small{display:block;margin-bottom:8px;color:rgba(255,255,255,.44);font-size:.61rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.zr-stage h3{position:relative;z-index:2;max-width:520px;margin:0;color:inherit;font-size:clamp(1.32rem,2.2vw,1.85rem);line-height:1.2;letter-spacing:-.025em}
.zr-stage ul{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 21px;margin:25px 0 0;padding:0;list-style:none}
.zr-stage li{position:relative;padding:10px 0 10px 16px;border-top:1px solid rgba(255,255,255,.064);color:rgba(255,255,255,.62);font-size:.74rem;line-height:1.45}
.zr-stage li:before{content:"+";position:absolute;left:0;color:var(--zr-green);font-weight:950}
.zr-stage-goal li:before{color:var(--zr-pink)}
.zr-roadmap-endcap{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:48px;padding:21px 25px;border-top:1px solid var(--zr-line);border-bottom:1px solid var(--zr-line);background:linear-gradient(90deg,rgba(157,255,0,.025),rgba(255,46,139,.026))}
.zr-roadmap-endcap span{color:var(--zr-pink);font-size:.59rem;font-weight:950;letter-spacing:.14em}
.zr-roadmap-endcap i{height:1px;background:linear-gradient(90deg,rgba(157,255,0,.42),rgba(255,46,139,.42))}
.zr-roadmap-endcap strong{font-size:.76rem;letter-spacing:.035em}

/* Community pulse */
.zr-community-pulse{overflow:hidden;border-top:1px solid var(--zr-line);border-bottom:1px solid var(--zr-line);background:linear-gradient(90deg,rgba(157,255,0,.036),rgba(255,46,139,.026))}
.zr-community-pulse-inner{display:flex;align-items:center;justify-content:center;gap:24px;min-height:66px;padding:0 24px;color:rgba(255,255,255,.69);white-space:nowrap;font-size:.65rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.zr-community-pulse-inner i{color:var(--zr-pink);font-style:normal;font-size:.6rem}.zr-community-pulse-inner span:first-child,.zr-community-pulse-inner span:last-child{color:var(--zr-green)}

/* Closing signal */
.zr-cta{position:relative;overflow:hidden;padding:120px 0 126px;background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 34%)}
.zr-cta-backdrop{position:absolute;right:-4vw;bottom:-55px;color:rgba(255,255,255,.016);font-size:min(27vw,380px);line-height:.7;font-weight:950;letter-spacing:-.08em;pointer-events:none}
.zr-cta-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(390px,.98fr);gap:68px;align-items:center}
.zr-cta-visual{position:relative;min-height:520px;overflow:hidden;border:1px solid var(--zr-line-strong);background:linear-gradient(145deg,rgba(255,255,255,.016),rgba(8,10,9,.99));clip-path:polygon(0 0,95% 0,100% 7%,100% 100%,6% 100%,0 93%)}
.zr-cta-visual:after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,255,255,.075);pointer-events:none}
.zr-cta-signal{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.86}
.zr-cta-logo-shell{position:absolute;z-index:3;left:50%;top:48%;width:min(48%,275px);aspect-ratio:1/1;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;border:1px solid rgba(157,255,0,.15);border-radius:50%;background:radial-gradient(circle,rgba(8,10,9,.34),rgba(8,10,9,.06) 58%,transparent 72%);box-shadow:0 0 0 22px rgba(157,255,0,.014),0 0 0 44px rgba(255,46,139,.007)}
.zr-cta-logo-shell img{display:block;width:72%;height:auto;object-fit:contain;filter:none!important}
.zr-cta-visual-tag{position:absolute;z-index:4;left:28px;bottom:27px;padding:8px 10px;border:1px solid rgba(255,46,139,.32);background:rgba(8,10,9,.84);color:var(--zr-pink);font-size:.58rem;font-weight:950;letter-spacing:.13em}
.zr-cta-bars{position:absolute;z-index:4;right:28px;bottom:30px;display:flex;align-items:flex-end;gap:4px;height:28px}
.zr-cta-bars i{display:block;width:4px;background:var(--zr-green);opacity:.75}.zr-cta-bars i:nth-child(1){height:8px}.zr-cta-bars i:nth-child(2){height:17px}.zr-cta-bars i:nth-child(3){height:27px}.zr-cta-bars i:nth-child(4){height:14px;background:var(--zr-pink)}.zr-cta-bars i:nth-child(5){height:21px;background:var(--zr-pink)}
.zr-cta-copy{position:relative;padding:22px 0}
.zr-cta-copy:before{content:"";position:absolute;left:-39px;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--zr-green) 24%,var(--zr-pink) 76%,transparent);opacity:.55}
.zr-cta-copy h2{max-width:560px;font-size:clamp(2.2rem,4vw,4.1rem);line-height:.98}
.zr-cta-copy>p:not(.zr-section-kicker){max-width:575px;margin:19px 0 0;color:var(--zr-soft);font-size:.96rem;line-height:1.76}
.zr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:31px}
.zr-button{display:inline-flex;align-items:center;min-height:45px;padding:13px 18px;border:1px solid var(--zr-green);background:var(--zr-green);color:#080a09!important;text-decoration:none;font-size:.68rem;line-height:1;font-weight:950;letter-spacing:.085em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease}
.zr-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(157,255,0,.14)}
.zr-link{color:inherit;text-decoration:none;opacity:.7;font-size:.68rem;font-weight:950;letter-spacing:.065em;text-transform:uppercase}
.zr-link:hover{color:var(--zr-pink);opacity:1}
.zr-cta-slogan{position:relative;margin-top:63px;padding-top:29px;border-top:1px solid var(--zr-line);text-transform:uppercase}
.zr-cta-slogan:after{content:"";position:absolute;left:0;top:-1px;width:90px;height:2px;background:linear-gradient(90deg,var(--zr-pink),var(--zr-green))}
.zr-cta-slogan span,.zr-cta-slogan strong{display:block;font-weight:950;line-height:.93;letter-spacing:-.045em}
.zr-cta-slogan span{font-size:clamp(1.45rem,2.4vw,2.05rem);color:rgba(255,255,255,.82)}
.zr-cta-slogan strong{margin-top:7px;font-size:clamp(2.15rem,4.5vw,4.2rem);color:var(--zr-green)}

@media(max-width:1080px){
  .zr-intro-layout{grid-template-columns:1fr 1fr;gap:46px}.zr-crest-stage{min-height:470px}
  .zr-focus-card-competition,.zr-focus-card-community{grid-column:span 6}.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development{grid-column:span 4}.zr-focus-card-experience{grid-column:span 12}
  .zr-stage{display:block;min-height:0;padding-left:78px}.zr-stage-list:before{left:27px}.zr-stage-node{left:27px;top:42px;transform:translate(-50%,0)}.zr-stage-copy,.zr-stage:nth-child(odd) .zr-stage-copy,.zr-stage:nth-child(even) .zr-stage-copy{grid-column:auto}.zr-stage-ghost{right:20px!important;left:auto!important;top:50%;font-size:10rem}
  .zr-cta-grid{grid-template-columns:1fr 1fr;gap:50px}.zr-cta-visual{min-height:470px}
}
@media(max-width:820px){
  .zr-container{width:min(calc(100% - 36px),1180px)}.zr-section{padding:84px 0}
  .zr-intro-layout{grid-template-columns:1fr;gap:40px}.zr-crest-stage{min-height:480px;max-width:700px}.zr-manifesto{margin-top:54px;padding:35px 31px 38px}
  .zr-focus-signal{overflow:auto;padding-bottom:6px;scrollbar-width:none}.zr-focus-signal::-webkit-scrollbar{display:none}
  .zr-focus-grid{grid-auto-rows:auto}.zr-focus-card-competition,.zr-focus-card-community,.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development,.zr-focus-card-experience{grid-column:span 12;grid-row:auto;min-height:320px}.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development{min-height:340px}.zr-focus-card-experience{display:block}.zr-focus-card-experience .zr-focus-art{position:absolute;inset:0}.zr-focus-card-experience .zr-focus-art:after{background:linear-gradient(180deg,rgba(8,10,9,.02),rgba(8,10,9,.92) 92%)}.zr-focus-card-experience .zr-focus-body{min-height:340px;justify-content:flex-end;padding:30px}.zr-focus-card-content .zr-focus-body,.zr-focus-card-brand .zr-focus-body,.zr-focus-card-development .zr-focus-body{padding-top:180px}
  .zr-stage{padding-left:68px}.zr-stage-copy{padding:33px 29px}.zr-stage-list:before{left:20px}.zr-stage-node{left:20px}.zr-stage ul{grid-template-columns:1fr 1fr}
  .zr-community-pulse-inner{justify-content:flex-start;overflow:auto;scrollbar-width:none}.zr-community-pulse-inner::-webkit-scrollbar{display:none}
  .zr-cta{padding:84px 0}.zr-cta-grid{grid-template-columns:1fr;gap:46px}.zr-cta-visual{min-height:480px;max-width:700px}.zr-cta-copy:before{display:none}
}
@media(max-width:620px){
  .zr-container{width:min(calc(100% - 28px),1180px)}.zr-section{padding:66px 0}.zr-section-head{margin-bottom:36px}
  .zr-intro-section{padding-top:70px}.zr-crest-stage{min-height:390px}.zr-crest-logo{width:46%}.zr-crest-orbit-one{width:285px;height:285px}.zr-crest-orbit-two{width:205px;height:205px}.zr-crest-label{left:18px;top:18px}.zr-crest-footer{left:20px;right:20px;bottom:20px}.zr-manifesto{padding:29px 22px 32px}.zr-manifesto-mark{right:-5px;font-size:13rem}.zr-manifesto strong{font-size:1.85rem}
  .zr-focus-grid{display:grid;grid-template-columns:1fr}.zr-focus-card-competition,.zr-focus-card-community,.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development,.zr-focus-card-experience{grid-column:1;min-height:310px}.zr-focus-body{padding:24px 22px 26px}.zr-focus-card-content .zr-focus-body,.zr-focus-card-brand .zr-focus-body,.zr-focus-card-development .zr-focus-body{padding-top:170px}
  .zr-roadmap-head{margin-bottom:54px}.zr-stage{padding-left:0;padding-top:72px}.zr-stage-list:before{left:27px;top:0}.zr-stage-node{left:27px;top:9px;transform:none}.zr-stage-node span{width:48px;height:48px}.zr-stage-node i{display:none}.zr-stage-copy{padding:29px 23px}.zr-stage-ghost{font-size:7rem;right:8px!important;top:34%}.zr-stage ul{grid-template-columns:1fr}.zr-stage-top{margin-bottom:21px}.zr-roadmap-endcap{grid-template-columns:1fr;gap:10px}.zr-roadmap-endcap i{display:none}
  .zr-community-pulse-inner{min-height:59px;gap:18px}
  .zr-cta{padding:66px 0 78px}.zr-cta-visual{min-height:390px}.zr-cta-logo-shell{width:50%}.zr-cta-copy h2{font-size:2.35rem}.zr-cta-slogan{margin-top:49px}.zr-cta-slogan strong{font-size:2.5rem}
}
@media(prefers-reduced-motion:reduce){.zr-page *{scroll-behavior:auto!important;transition:none!important}}

/* V3.5 FINAL POLISH — BODY ONLY. The native Teams hero rules above are intentionally unchanged. */
.zr-section{padding:104px 0}
.zr-section-head{margin-bottom:44px}
.zr-section-head>p:last-child{max-width:700px;font-size:.94rem;line-height:1.72}
.zr-section-no{margin-bottom:17px}
.zr-section-no:after{width:38px}
.zr-section-kicker{margin-bottom:9px!important}

/* Identity: calmer, smaller crest and tighter editorial rhythm */
.zr-intro-section{padding-top:100px}
.zr-intro-layout{grid-template-columns:minmax(0,.96fr) minmax(430px,1.04fr);gap:72px}
.zr-intro-copy .zr-section-head{margin-bottom:27px}
.zr-feature-copy{max-width:585px;font-size:.93rem;line-height:1.78}
.zr-feature-copy p:last-child{margin-bottom:0}
.zr-identity-rail{gap:7px;margin-top:28px}
.zr-identity-rail span{min-height:28px;padding:6px 9px;font-size:.55rem;letter-spacing:.095em}
.zr-crest-stage{min-height:445px;box-shadow:inset 0 0 72px rgba(0,0,0,.18)}
.zr-crest-stage:before{opacity:.7}
.zr-crest-grid{opacity:.52;background-size:58px 58px}
.zr-crest-orbit{opacity:.66}
.zr-crest-orbit-one{width:300px;height:300px;box-shadow:0 0 0 22px rgba(157,255,0,.012),0 0 0 44px rgba(157,255,0,.006)}
.zr-crest-orbit-two{width:210px;height:210px}
.zr-crest-logo{width:min(40%,210px)}
.zr-crest-label{left:22px;top:21px;font-size:.55rem;letter-spacing:.125em}
.zr-crest-footer{left:24px;right:24px;bottom:22px;font-size:.56rem}
.zr-crest-corner{width:52px;height:52px;opacity:.8}
.zr-manifesto{margin-top:54px;padding:38px 44px 41px}
.zr-manifesto-mark{right:24px;top:-65px;font-size:15rem;color:rgba(255,255,255,.019)}
.zr-manifesto strong{max-width:930px;font-size:clamp(1.7rem,3vw,2.85rem);line-height:1.1}
.zr-manifesto small{margin-top:16px}

/* Pillars: simplify the signal and let each idea breathe */
.zr-build-ghost{top:96px;color:rgba(255,255,255,.011)}
.zr-focus-signal{margin:0 0 30px;opacity:.72;font-size:.53rem}
.zr-focus-grid{grid-auto-rows:180px;gap:18px}
.zr-focus-card{background:linear-gradient(145deg,rgba(255,255,255,.019),rgba(8,10,9,.985));box-shadow:0 10px 32px rgba(0,0,0,.04)}
.zr-focus-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(0,0,0,.15)}
.zr-focus-art img{opacity:.9;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .25s ease}
.zr-focus-card:hover .zr-focus-art img{transform:scale(1.022)}
.zr-focus-body{padding:25px 27px 27px}
.zr-focus-card-experience{grid-template-columns:.98fr 1.02fr}
.zr-focus-card-experience .zr-focus-body{padding:38px 40px}
.zr-focus-card h3{font-size:clamp(1.12rem,1.8vw,1.58rem);line-height:1.18}
.zr-focus-card p{margin-top:10px;font-size:.78rem;line-height:1.62}
.zr-focus-body>.zr-item-no{right:21px;top:20px}
.zr-focus-card:before{width:48px}
.zr-focus-card-experience:before{width:120px}

/* Roadmap: clearer phase hierarchy and less visual noise */
.zr-roadmap-field{opacity:.28;background-size:72px 72px}
.zr-roadmap-head{margin-bottom:64px}
.zr-stage-list{gap:22px}
.zr-stage-list:before{opacity:.34}
.zr-stage{min-height:330px;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr)}
.zr-stage-copy{padding:32px 34px 31px;background:linear-gradient(145deg,rgba(255,255,255,.031),rgba(255,255,255,.01));box-shadow:0 14px 38px rgba(0,0,0,.065)}
.zr-stage-copy:after{width:180px;height:180px;right:-62px;bottom:-68px;opacity:.72}
.zr-stage-node{width:80px;height:80px}
.zr-stage-node span{width:50px;height:50px}
.zr-stage-node i{width:72px;height:72px}
.zr-stage-ghost{font-size:11rem;color:rgba(255,255,255,.018)}
.zr-stage-goal .zr-stage-ghost{color:rgba(255,46,139,.026)}
.zr-stage-top{margin-bottom:18px}
.zr-stage-phase{position:relative;z-index:2;display:block;margin:0 0 7px;color:var(--zr-green);font-size:.54rem;font-weight:950;letter-spacing:.16em;text-transform:uppercase}
.zr-stage-goal .zr-stage-phase{color:var(--zr-pink)}
.zr-stage-copy>small{margin-bottom:7px;font-size:.58rem;letter-spacing:.075em}
.zr-stage h3{font-size:clamp(1.26rem,2vw,1.72rem);line-height:1.18}
.zr-stage ul{gap:0 19px;margin-top:21px}
.zr-stage li{padding:9px 0 9px 15px;font-size:.73rem;line-height:1.47}
.zr-roadmap-endcap{margin-top:42px;padding:19px 23px}
.zr-roadmap-endcap strong{font-size:.78rem}

/* Community signal: useful punctuation, not another full section */
.zr-community-pulse{background:linear-gradient(90deg,rgba(157,255,0,.026),rgba(255,46,139,.018))}
.zr-community-pulse-inner{min-height:58px;gap:21px;font-size:.6rem;letter-spacing:.1em}

/* Closing section: smaller logo, calmer geometry, stronger content balance */
.zr-cta{padding:104px 0 110px}
.zr-cta-backdrop{color:rgba(255,255,255,.011)}
.zr-cta-grid{grid-template-columns:minmax(0,.96fr) minmax(390px,1.04fr);gap:60px}
.zr-cta-visual{min-height:455px;clip-path:polygon(0 0,97% 0,100% 5%,100% 100%,4% 100%,0 95%)}
.zr-cta-visual:after{inset:18px;opacity:.75}
.zr-cta-signal{opacity:.74}
.zr-cta-logo-shell{width:min(42%,225px);background:radial-gradient(circle,rgba(8,10,9,.28),rgba(8,10,9,.045) 58%,transparent 72%);box-shadow:0 0 0 18px rgba(157,255,0,.01),0 0 0 36px rgba(255,46,139,.005)}
.zr-cta-logo-shell img{width:68%}
.zr-cta-copy{padding:16px 0}
.zr-cta-copy h2{font-size:clamp(2.1rem,3.7vw,3.65rem);line-height:1}
.zr-cta-copy>p:not(.zr-section-kicker){font-size:.93rem;line-height:1.72}
.zr-actions{margin-top:28px}
.zr-cta-slogan{margin-top:54px;padding-top:25px}
.zr-cta-slogan strong{font-size:clamp(2rem,4vw,3.7rem)}

/* Interaction/accessibility polish */
.zr-button:focus-visible,.zr-link:focus-visible{outline:2px solid var(--zr-pink);outline-offset:4px}
.zr-focus-card:focus-within{border-color:rgba(157,255,0,.38)}

@media(max-width:1080px){
  .zr-intro-layout{gap:46px}.zr-crest-stage{min-height:425px}.zr-crest-logo{width:min(39%,200px)}
  .zr-stage{padding-left:72px}.zr-stage-ghost{font-size:8.5rem}
  .zr-cta-grid{gap:46px}.zr-cta-visual{min-height:430px}
}
@media(max-width:820px){
  .zr-section{padding:80px 0}.zr-intro-section{padding-top:82px}.zr-crest-stage{min-height:420px}.zr-manifesto{margin-top:48px}
  .zr-focus-signal{margin-bottom:24px}.zr-focus-card-competition,.zr-focus-card-community,.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development,.zr-focus-card-experience{min-height:300px}.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development{min-height:320px}.zr-focus-card-experience .zr-focus-body{min-height:320px}
  .zr-stage{padding-left:64px}.zr-stage-copy{padding:30px 27px}.zr-stage-ghost{font-size:7.5rem}
  .zr-cta{padding:80px 0 88px}.zr-cta-visual{min-height:420px}
}
@media(max-width:620px){
  .zr-section{padding:62px 0}.zr-section-head{margin-bottom:34px}.zr-intro-section{padding-top:62px}
  .zr-crest-stage{min-height:340px}.zr-crest-logo{width:min(42%,170px)}.zr-crest-orbit-one{width:238px;height:238px}.zr-crest-orbit-two{width:170px;height:170px}.zr-crest-label{left:16px;top:16px}.zr-crest-footer{left:17px;right:17px;bottom:17px}.zr-crest-corner{width:40px;height:40px}
  .zr-manifesto{padding:27px 21px 30px}.zr-manifesto-mark{font-size:10rem;top:-34px}.zr-manifesto strong{font-size:1.7rem}
  .zr-focus-signal{display:none}.zr-focus-card-competition,.zr-focus-card-community,.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development,.zr-focus-card-experience{min-height:285px}.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development{min-height:295px}.zr-focus-card-experience .zr-focus-body{min-height:295px}.zr-focus-body{padding:22px 20px 24px}.zr-focus-card-experience .zr-focus-body{padding:24px 21px}
  .zr-roadmap-head{margin-bottom:48px}.zr-stage{padding-top:64px}.zr-stage-copy{padding:27px 21px}.zr-stage-ghost{display:none}.zr-stage-top{margin-bottom:17px}.zr-stage-phase{font-size:.51rem}.zr-stage ul{margin-top:19px}.zr-roadmap-endcap{margin-top:34px;padding:17px 20px}
  .zr-community-pulse-inner{min-height:54px;gap:17px;font-size:.57rem}
  .zr-cta{padding:62px 0 70px}.zr-cta-visual{min-height:335px}.zr-cta-logo-shell{width:min(42%,165px)}.zr-cta-copy h2{font-size:2.2rem}.zr-cta-slogan{margin-top:45px}.zr-cta-slogan strong{font-size:2.35rem}
}


/* V3.6 MOBILE POLISH — BODY ONLY. Hero remains intentionally untouched. */
@media(max-width:700px){
  .zr-container{width:min(calc(100% - 32px),1180px)}
  .zr-section{padding:56px 0}
  .zr-section-head{margin-bottom:30px}
  .zr-section-head h2{font-size:clamp(2rem,10vw,2.6rem)!important;line-height:1.02;letter-spacing:-.045em;text-wrap:balance}
  .zr-section-head>p:last-child{margin-top:12px;font-size:.89rem;line-height:1.65}
  .zr-section-no{margin-bottom:13px;font-size:.63rem}
  .zr-section-no:after{width:30px}
  .zr-section-kicker{margin-bottom:7px!important;font-size:.61rem;letter-spacing:.13em}

  /* Identity becomes a purposeful vertical story instead of compressed desktop. */
  .zr-intro-section{padding-top:54px;background:linear-gradient(180deg,rgba(157,255,0,.012),transparent 30%)}
  .zr-intro-layout{grid-template-columns:1fr;gap:30px}
  .zr-intro-copy .zr-section-head{margin-bottom:22px}
  .zr-feature-copy{max-width:none;font-size:.89rem;line-height:1.68}
  .zr-feature-copy p{margin-bottom:15px}
  .zr-identity-rail{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:22px}
  .zr-identity-rail span{justify-content:center;min-height:34px;padding:8px 7px;text-align:center;font-size:.52rem;letter-spacing:.075em}
  .zr-identity-rail span:last-child{grid-column:1/-1}
  .zr-crest-stage{min-height:290px;clip-path:polygon(0 0,96% 0,100% 6%,100% 100%,4% 100%,0 94%)}
  .zr-crest-grid{background-size:46px 46px;opacity:.36}
  .zr-crest-orbit-one{width:210px;height:210px;box-shadow:0 0 0 14px rgba(157,255,0,.01),0 0 0 28px rgba(157,255,0,.005)}
  .zr-crest-orbit-two{width:148px;height:148px}
  .zr-crest-logo{width:min(38%,136px)}
  .zr-crest-label{left:14px;top:14px;padding:6px 8px;font-size:.48rem;letter-spacing:.1em}
  .zr-crest-footer{left:15px;right:15px;bottom:15px;gap:9px;font-size:.49rem;letter-spacing:.08em}
  .zr-crest-corner{width:34px;height:34px}
  .zr-manifesto{margin-top:32px;padding:24px 20px 27px}
  .zr-manifesto-mark{display:none}
  .zr-manifesto-label{margin-bottom:11px;font-size:.54rem;letter-spacing:.12em}
  .zr-manifesto strong{font-size:clamp(1.46rem,7vw,1.78rem);line-height:1.12;letter-spacing:-.035em}
  .zr-manifesto small{margin-top:13px;font-size:.66rem}

  /* Pillars become image + copy modules: less overlap, much easier to scan. */
  .zr-build-ghost,.zr-focus-signal{display:none}
  .zr-focus-grid{display:grid;grid-template-columns:1fr;grid-auto-rows:auto;gap:12px}
  .zr-focus-card,.zr-focus-card-competition,.zr-focus-card-community,.zr-focus-card-content,.zr-focus-card-brand,.zr-focus-card-development,.zr-focus-card-experience{display:block;grid-column:1;grid-row:auto;min-height:0!important}
  .zr-focus-art,.zr-focus-card-experience .zr-focus-art{position:relative!important;inset:auto!important;width:100%;height:142px!important}
  .zr-focus-art:after,.zr-focus-card-experience .zr-focus-art:after{background:linear-gradient(180deg,rgba(8,10,9,.02),rgba(8,10,9,.18) 70%,rgba(8,10,9,.72) 100%)}
  .zr-focus-art img{object-position:center;opacity:.94}
  .zr-focus-body,.zr-focus-card-competition .zr-focus-body,.zr-focus-card-community .zr-focus-body,.zr-focus-card-content .zr-focus-body,.zr-focus-card-brand .zr-focus-body,.zr-focus-card-development .zr-focus-body,.zr-focus-card-experience .zr-focus-body{display:block;height:auto;min-height:0!important;padding:20px 19px 21px!important;background:transparent}
  .zr-focus-body>.zr-item-no{right:18px;top:18px}
  .zr-focus-card small{display:block;margin-bottom:7px;font-size:.55rem}
  .zr-focus-card h3{padding-right:34px;font-size:1.13rem;line-height:1.18}
  .zr-focus-card p{max-width:none;margin-top:9px;font-size:.79rem;line-height:1.58}
  .zr-focus-card:before{width:42px}
  .zr-focus-card-experience:before{width:96px}

  /* Roadmap uses a true left-hand mobile timeline. */
  .zr-roadmap-field{opacity:.13;background-size:56px 56px}
  .zr-roadmap-head{margin-bottom:38px}
  .zr-stage-list{gap:16px}
  .zr-stage-list:before{left:22px;top:18px;bottom:18px;opacity:.42}
  .zr-stage{display:block;min-height:0;padding:0 0 0 54px}
  .zr-stage-node{left:0;top:18px;width:44px;height:44px;transform:none}
  .zr-stage-node span{width:44px;height:44px;font-size:.58rem;box-shadow:0 0 0 5px rgba(8,10,9,.94),0 0 0 6px rgba(157,255,0,.1)}
  .zr-stage-goal .zr-stage-node span{box-shadow:0 0 0 5px rgba(8,10,9,.94),0 0 0 6px rgba(255,46,139,.11)}
  .zr-stage-node i,.zr-stage-ghost{display:none}
  .zr-stage-copy{padding:22px 18px 20px}
  .zr-stage-copy:after{width:120px;height:120px;right:-46px;bottom:-44px;opacity:.55}
  .zr-stage-top{flex-wrap:wrap;gap:9px;margin-bottom:15px}
  .zr-stage-top em{margin-left:auto;padding:5px 7px;font-size:.49rem}
  .zr-stage-phase{margin-bottom:6px;font-size:.49rem;letter-spacing:.13em}
  .zr-stage-copy>small{margin-bottom:6px;font-size:.54rem;line-height:1.4}
  .zr-stage h3{font-size:1.22rem;line-height:1.18}
  .zr-stage ul{grid-template-columns:1fr;gap:0;margin-top:17px}
  .zr-stage li{padding:8px 0 8px 14px;font-size:.73rem;line-height:1.42}
  .zr-roadmap-endcap{grid-template-columns:1fr;margin-top:28px;padding:16px 17px;gap:5px}
  .zr-roadmap-endcap i{display:none}
  .zr-roadmap-endcap span{font-size:.52rem}
  .zr-roadmap-endcap strong{font-size:.75rem;line-height:1.4}

  /* No sideways mini-carousel on phones. Let the pulse wrap naturally. */
  .zr-community-pulse-inner{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;min-height:0;padding:14px 16px;overflow:visible;white-space:normal;text-align:center;font-size:.54rem;line-height:1.35;letter-spacing:.075em}
  .zr-community-pulse-inner i{display:none}
  .zr-community-pulse-inner span{position:relative;padding-left:9px}
  .zr-community-pulse-inner span:before{content:"";position:absolute;left:0;top:.48em;width:3px;height:3px;border-radius:50%;background:var(--zr-pink)}
  .zr-community-pulse-inner span:first-child:before,.zr-community-pulse-inner span:last-child:before{background:var(--zr-green)}

  /* Closing section becomes compact, tappable and intentional. */
  .zr-cta{padding:56px 0 64px}
  .zr-cta-grid{grid-template-columns:1fr;gap:30px}
  .zr-cta-visual{min-height:260px;max-width:none;clip-path:polygon(0 0,97% 0,100% 6%,100% 100%,3% 100%,0 94%)}
  .zr-cta-visual:after{inset:12px}
  .zr-cta-logo-shell{width:min(38%,122px);box-shadow:0 0 0 12px rgba(157,255,0,.009),0 0 0 24px rgba(255,46,139,.004)}
  .zr-cta-logo-shell img{width:68%}
  .zr-cta-visual-tag{left:16px;bottom:15px;padding:6px 8px;font-size:.48rem;letter-spacing:.09em}
  .zr-cta-bars{right:16px;bottom:17px;height:22px}
  .zr-cta-copy{padding:0}
  .zr-cta-copy h2{font-size:clamp(2rem,10vw,2.45rem);line-height:1.02;text-wrap:balance}
  .zr-cta-copy>p:not(.zr-section-kicker){margin-top:14px;font-size:.89rem;line-height:1.65}
  .zr-actions{display:grid;grid-template-columns:1fr;gap:11px;margin-top:23px}
  .zr-button,.zr-link{width:100%;min-height:48px;justify-content:center;text-align:center}
  .zr-link{display:flex;align-items:center;padding:12px 16px;border:1px solid var(--zr-line-strong);background:rgba(255,255,255,.012);opacity:.82}
  .zr-cta-slogan{margin-top:36px;padding-top:21px}
  .zr-cta-slogan span{font-size:1.32rem}
  .zr-cta-slogan strong{margin-top:5px;font-size:clamp(2rem,10vw,2.35rem);line-height:.96}
}

@media(max-width:420px){
  .zr-container{width:min(calc(100% - 28px),1180px)}
  .zr-section{padding:50px 0}
  .zr-section-head{margin-bottom:27px}
  .zr-section-head h2{font-size:clamp(1.86rem,10.8vw,2.24rem)!important}
  .zr-section-head>p:last-child{font-size:.86rem}
  .zr-intro-section{padding-top:48px}
  .zr-identity-rail{grid-template-columns:1fr}
  .zr-identity-rail span:last-child{grid-column:auto}
  .zr-crest-stage{min-height:258px}
  .zr-crest-orbit-one{width:182px;height:182px}
  .zr-crest-orbit-two{width:126px;height:126px}
  .zr-crest-logo{width:min(37%,118px)}
  .zr-crest-footer{font-size:.45rem}
  .zr-manifesto{padding:22px 18px 24px}
  .zr-manifesto strong{font-size:1.43rem}
  .zr-focus-art,.zr-focus-card-experience .zr-focus-art{height:124px!important}
  .zr-focus-body,.zr-focus-card-competition .zr-focus-body,.zr-focus-card-community .zr-focus-body,.zr-focus-card-content .zr-focus-body,.zr-focus-card-brand .zr-focus-body,.zr-focus-card-development .zr-focus-body,.zr-focus-card-experience .zr-focus-body{padding:18px 17px 19px!important}
  .zr-focus-card h3{font-size:1.07rem}
  .zr-stage-list:before{left:20px}
  .zr-stage{padding-left:48px}
  .zr-stage-node{width:40px;height:40px;top:16px}
  .zr-stage-node span{width:40px;height:40px}
  .zr-stage-copy{padding:20px 16px 18px}
  .zr-stage-top em{margin-left:0}
  .zr-stage h3{font-size:1.15rem}
  .zr-stage li{font-size:.71rem}
  .zr-cta-visual{min-height:232px}
  .zr-cta-logo-shell{width:min(37%,108px)}
  .zr-cta-copy h2{font-size:2rem}
  .zr-cta-slogan strong{font-size:2rem}
}

@media(hover:none) and (pointer:coarse){
  .zr-focus-card:hover,.zr-button:hover{transform:none;box-shadow:none}
  .zr-focus-card:hover .zr-focus-art img{transform:none}
}