:root{
  --paper:#f8fbfa;
  --white:#ffffff;
  --ink:#102019;
  --muted:#667a72;
  --line:#dbe6e1;
  --teal:#0f8d76;
  --max:1672px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px;background:var(--paper)}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased
}
a{color:inherit;text-decoration:none}
img{display:block}
.site-header{
  position:sticky;
  top:0;
  z-index:100;
  height:74px;
  background:rgba(250,252,251,.95);
  border-bottom:1px solid rgba(16,32,25,.08);
  backdrop-filter:blur(20px)
}
.nav-shell{
  width:min(calc(100% - 44px),1440px);
  height:100%;
  margin:auto;
  display:flex;
  align-items:center;
  gap:28px
}
.brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:22px;
  font-weight:600;
  letter-spacing:-.02em;
  white-space:nowrap
}
.brand img{width:34px;height:34px}
.desktop-nav{display:flex;gap:28px;margin-left:auto}
.desktop-nav a{font-size:12px;color:#50645c;transition:.2s}
.desktop-nav a:hover,.desktop-nav a.active{color:#0e806a}
.nav-cta{
  padding:11px 17px;
  border-radius:999px;
  background:#10231d;
  color:#fff;
  font-size:12px;
  font-weight:750
}

main{overflow:hidden}
.visual-panel{
  width:min(100%,var(--max));
  margin:0 auto;
  background:#f4f8f6;
  border-bottom:1px solid rgba(16,32,25,.06);
  overflow:hidden
}
.visual-hero{background:#fff}
.section-art{
  display:block;
  width:100%;
  height:auto;
  max-width:1672px;
  margin:0 auto
}
.section-art[data-asset]{
  opacity:0;
  transition:opacity .16s ease
}
.section-art[data-asset].asset-ready{opacity:1}
.visual-panel:has(.section-art[data-asset]:not(.asset-ready)){
  min-height:min(56vw,900px)
}
#journey,#daily,#emma,#sam,#certificates,#club,#switch,#stack{
  scroll-margin-top:84px
}

.coming-section{
  padding:110px 28px 120px;
  background:linear-gradient(180deg,#f5f9f7,#eef5f2);
  border-top:1px solid #dfe9e5
}
.coming-inner{
  width:min(1080px,100%);
  margin:auto;
  text-align:center
}
.eyebrow{
  margin:0;
  color:var(--teal);
  font-size:10px;
  font-weight:850;
  letter-spacing:.18em
}
.coming-section h2{
  margin:14px 0 0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(44px,5.8vw,78px);
  line-height:.98;
  font-weight:500;
  letter-spacing:-.052em
}
.coming-lede{
  max-width:720px;
  margin:24px auto 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.6
}
.coming-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-top:46px;
  text-align:left
}
.coming-grid article{
  padding:25px;
  border:1px solid #d5e1dc;
  border-radius:21px;
  background:rgba(255,255,255,.72)
}
.coming-grid span{
  color:var(--teal);
  font-size:8px;
  font-weight:850;
  letter-spacing:.15em
}
.coming-grid strong{
  display:block;
  margin-top:10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:25px;
  line-height:1.08;
  font-weight:500
}
.coming-grid p{
  margin:11px 0 0;
  color:#64776f;
  font-size:13px;
  line-height:1.55
}
.primary-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:38px;
  padding:14px 22px;
  border-radius:999px;
  background:#10231d;
  color:#fff;
  font-size:13px;
  font-weight:750;
  box-shadow:0 18px 42px rgba(17,45,36,.14)
}

footer{background:#fff;border-top:1px solid #e0e9e5}
.footer-shell{
  width:min(calc(100% - 44px),1440px);
  min-height:96px;
  margin:auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:#71837c;
  font-size:11px
}
.footer-brand{font-size:18px;color:#17251f}

@media(max-width:900px){
  .desktop-nav{display:none}
  .nav-shell{width:calc(100% - 28px)}
  .coming-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  html{scroll-padding-top:66px}

  .site-header{height:66px}
  .brand{font-size:19px}
  .brand img{width:30px;height:30px}
  .nav-cta{font-size:10px;padding:9px 12px}
  .visual-panel{width:100%}
  .section-art{width:100%;height:auto;max-width:none}
  .coming-section{padding:78px 18px 86px}
  .coming-inner{text-align:left}
  .coming-lede{margin-left:0}
  .primary-cta{width:100%;justify-content:center}
  .footer-shell{padding:25px 0;flex-direction:column;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.content-shell{width:min(calc(100% - 64px),1320px);margin-inline:auto}
.section-kicker{margin:0;color:#0d8a71;font-size:10px;font-weight:850;letter-spacing:.19em}
.section-kicker-light{color:#69ddbb}
.editorial-head{display:grid;grid-template-columns:1.12fr .68fr;gap:90px;align-items:end}
.editorial-head h2{margin:17px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,6.3vw,92px);line-height:.93;font-weight:500;letter-spacing:-.062em}
.editorial-copy{padding-bottom:7px}
.editorial-copy p{margin:0;color:#5f736a;font-size:17px;line-height:1.65}
.editorial-copy p+p{margin-top:15px}

/* SWITCH */
.switch-section{position:relative;padding:148px 0 118px;background:linear-gradient(180deg,#fbfcfb 0%,#f3f8f5 100%);overflow:hidden;border-top:1px solid #e1eae6}
.switch-orb{position:absolute;border-radius:50%;pointer-events:none}
.switch-orb-a{width:900px;height:900px;right:-480px;top:-430px;background:radial-gradient(circle,rgba(65,211,170,.16),rgba(65,211,170,.035) 42%,transparent 68%)}
.switch-orb-b{width:650px;height:650px;left:-420px;bottom:-380px;background:radial-gradient(circle,rgba(54,168,228,.10),transparent 68%)}
.switch-head{position:relative;z-index:2}
.switch-head .editorial-copy{max-width:560px;justify-self:end}

.switch-stage{position:relative;z-index:2;display:grid;grid-template-columns:1fr 220px 1.16fr;align-items:center;gap:20px;min-height:570px;margin-top:65px}
.stage-label{display:block;color:#71857c;font-size:8px;font-weight:850;letter-spacing:.16em}

.source-world{position:relative;height:475px}
.source-world>.stage-label{position:absolute;left:14px;top:5px}
.source-card{position:absolute;width:315px;display:flex;align-items:center;gap:14px;padding:17px 18px;border:1px solid rgba(27,66,53,.13);border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 25px 58px rgba(33,75,60,.10);backdrop-filter:blur(14px)}
.source-card strong{display:block;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:500;letter-spacing:-.025em}
.source-card small{display:block;margin-top:4px;color:#7c8d86;font-size:8px}
.source-glyph{width:46px;height:46px;flex:none;border-radius:15px;background:#e5f8f1;color:#0e866c;display:grid;place-items:center;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 1px rgba(29,127,98,.07)}
.source-glyph-dark{background:#152720;color:#fff}
.source-glyph-soft{background:#edf1ff;color:#5268b7}
.source-site{left:4px;top:72px;transform:rotate(-2.4deg)}
.source-booking{right:15px;top:189px;transform:rotate(1.8deg)}
.source-people{left:34px;top:309px;transform:rotate(-1deg)}
.source-caption{position:absolute;left:18px;bottom:3px;color:#6f827a;font-family:Georgia,"Times New Roman",serif;font-size:17px;font-style:italic}

.migration-core{position:relative;height:410px;display:grid;place-items:center}
.migration-line{position:absolute;left:-38px;right:-38px;top:50%;height:1px;background:linear-gradient(90deg,rgba(74,200,165,.04),#5ed5b4 28%,#5ed5b4 72%,rgba(74,200,165,.04));box-shadow:0 0 24px rgba(57,198,158,.25)}
.migration-ring{position:absolute;border-radius:50%;border:1px solid rgba(55,179,144,.17)}
.ring-a{width:166px;height:166px}
.ring-b{width:218px;height:218px;border-style:dashed;animation:ringturn 24s linear infinite}
.migration-mark{position:relative;z-index:2;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d8e6e0;box-shadow:0 22px 65px rgba(27,78,60,.16),0 0 0 17px rgba(255,255,255,.50)}
.migration-mark img{width:62px}
.migration-caption{position:absolute;bottom:72px;color:#42826f;font-size:7px;font-weight:850;letter-spacing:.17em}
@keyframes ringturn{to{transform:rotate(360deg)}}

.review-world{position:relative}
.review-card{position:relative;padding:27px;border:1px solid #d4e2dc;border-radius:29px;background:rgba(255,255,255,.91);box-shadow:0 38px 100px rgba(31,78,61,.14);overflow:hidden}
.review-card:after{content:"";position:absolute;width:340px;height:340px;right:-155px;top:-175px;border-radius:50%;background:radial-gradient(circle,rgba(69,218,176,.18),transparent 67%);pointer-events:none}
.review-card-top{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:21px;border-bottom:1px solid #e1e9e5}
.review-card-top strong{display:block;margin-top:6px;font-family:Georgia,"Times New Roman",serif;font-size:26px;font-weight:500;letter-spacing:-.035em}
.review-status{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border-radius:999px;background:#edf8f4;color:#3b7866;font-size:8px;font-weight:750}
.review-status i{width:7px;height:7px;border-radius:50%;background:#4bd4ac;box-shadow:0 0 0 5px rgba(75,212,172,.12)}
.review-metrics{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}
.review-metrics div{padding:16px;border-radius:16px;background:#f2f7f4}
.review-metrics strong{display:block;color:#0b8269;font-family:Georgia,"Times New Roman",serif;font-size:31px;font-weight:500}
.review-metrics span{display:block;margin-top:3px;color:#75887f;font-size:8px}
.review-list{position:relative;z-index:1;margin-top:21px}
.review-list>div{display:grid;grid-template-columns:27px 1fr auto;gap:10px;align-items:center;padding:13px 3px;border-top:1px solid #e9efec}
.review-list>div:first-child{border-top:0}
.review-list>div>span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#def7ee;color:#0e856b;font-size:10px;font-weight:900}
.review-list b{font-size:10px}
.review-list small{color:#7b8d86;font-size:8px}
.approval-strip{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px;padding:17px 18px;border-radius:17px;background:#10231d;color:#fff}
.approval-strip small{display:block;color:#7db8a6;font-size:6px;font-weight:850;letter-spacing:.15em}
.approval-strip strong{display:block;margin-top:4px;font-family:Georgia,"Times New Roman",serif;font-size:19px;font-weight:500}
.approval-strip>span{color:#7ae0be;font-size:9px;font-weight:800}

.switch-foot{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:13px;align-items:center;margin-top:26px;padding-top:24px;border-top:1px solid #dae5e0}
.switch-foot>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2f5ee;color:#177e67;font-size:7px;font-weight:850}
.switch-foot p{margin:0;color:#71837c;font-size:9px;line-height:1.45}
.switch-foot p strong{color:#273b33}
.switch-foot a{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:11px 14px;border-radius:999px;background:#fff;border:1px solid #d6e2dc;color:#156f5d;font-size:9px;font-weight:850}
.switch-foot a b{font-size:13px}

/* STACK */
.stack-section{position:relative;padding:150px 0 0;background:#10231d;color:#f3f8f6;overflow:hidden}
.stack-section:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 34%),radial-gradient(circle at 78% 28%,rgba(68,217,175,.12),transparent 29%)}
.stack-haze{position:absolute;width:1000px;height:1000px;right:-480px;top:-430px;border-radius:50%;background:radial-gradient(circle,rgba(59,207,164,.13),transparent 65%)}
.stack-shell{position:relative;z-index:2;display:grid;grid-template-columns:.65fr 1.35fr;gap:62px;align-items:center}
.stack-copy{padding-bottom:45px}
.stack-copy h2{margin:17px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,6.1vw,88px);line-height:.92;font-weight:500;letter-spacing:-.062em}
.stack-copy>p:not(.section-kicker){max-width:460px;margin:27px 0 0;color:#a8bbb4;font-size:16px;line-height:1.65}
.stack-punchline{margin-top:36px;padding-top:24px;border-top:1px solid rgba(210,234,225,.16)}
.stack-punchline strong{display:block;color:#fff;font-size:13px}
.stack-punchline span{display:block;margin-top:6px;color:#74d7ba;font-family:Georgia,"Times New Roman",serif;font-size:20px}

.stack-canvas{position:relative;min-height:640px}
.external-tools{position:absolute;inset:20px 0 30px}
.canvas-label{position:absolute;left:14px;top:0;color:#6f8b81;font-size:7px;font-weight:850;letter-spacing:.16em}
.tool-tile{position:absolute;z-index:2;width:166px;display:flex;align-items:center;gap:11px;padding:13px 14px;border:1px solid rgba(225,242,236,.13);border-radius:18px;background:rgba(255,255,255,.075);box-shadow:0 22px 48px rgba(0,0,0,.16);backdrop-filter:blur(13px)}
.tool-tile img,.bookeo-mark,.tool-brand-mark{width:35px;height:35px;flex:none}
.tool-tile img{object-fit:contain}
.tool-brand-mark{display:grid;place-items:center;border-radius:10px;font-size:17px;font-weight:900;line-height:1}
.tool-canva-mark{background:linear-gradient(135deg,#00c4cc,#7d2ae8);color:#fff}
.bookeo-mark{border-radius:10px;background:#fff;color:#10231d;display:grid;place-items:center;font-size:12px;font-weight:900}
.tool-tile strong{display:block;color:#eff7f4;font-size:10px}
.tool-tile small{display:block;margin-top:3px;color:#789087;font-size:7px}
.tool-bookeo{left:1%;top:70px;transform:rotate(-2deg)}
.tool-sheets{left:0;top:238px;transform:rotate(1.8deg)}
.tool-gmail{left:5%;bottom:55px;transform:rotate(-1deg)}
.tool-mailchimp{left:31%;top:5px;transform:rotate(1.4deg)}
.tool-canva{left:31%;bottom:4px;transform:rotate(-1.5deg)}
.tool-instagram{right:1%;top:74px;transform:rotate(2deg)}
.tool-calendar{right:0;bottom:62px;transform:rotate(-1.3deg)}
.stack-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.stack-lines path{fill:none;stroke:rgba(91,214,179,.31);stroke-width:1.1;stroke-dasharray:4 5}
.hive-arrival{position:absolute;z-index:4;left:58%;top:49%;transform:translate(-50%,-50%);width:320px;padding:27px;border:1px solid rgba(122,224,195,.28);border-radius:29px;background:linear-gradient(150deg,rgba(29,66,54,.96),rgba(17,42,33,.98));box-shadow:0 35px 95px rgba(0,0,0,.34),0 0 75px rgba(62,211,169,.08)}
.hive-arrival:before{content:"";position:absolute;inset:-25px;border:1px solid rgba(92,220,183,.08);border-radius:45px;pointer-events:none}
.hive-arrival-core{text-align:center}
.hive-arrival-mark{width:70px;height:70px;margin:0 auto 16px;border-radius:21px;background:#fff;display:grid;place-items:center;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.hive-arrival-mark img{width:49px}
.hive-arrival-core>span{display:block;color:#6ddcbb;font-size:7px;font-weight:850;letter-spacing:.18em}
.hive-arrival-core>strong{display:block;margin-top:9px;font-family:Georgia,"Times New Roman",serif;font-size:29px;line-height:1.02;font-weight:500;letter-spacing:-.04em}
.hive-arrival-modules{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:22px}
.hive-arrival-modules span{padding:7px 9px;border-radius:999px;border:1px solid rgba(222,239,233,.12);background:rgba(255,255,255,.055);color:#9fb7ae;font-size:7px}

.stack-outcomes{position:relative;z-index:2;width:min(calc(100% - 64px),1320px);margin:40px auto 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(227,242,236,.13)}
.stack-outcomes div{padding:25px 26px 31px;border-left:1px solid rgba(227,242,236,.10)}
.stack-outcomes div:first-child{border-left:0}
.stack-outcomes strong{display:block;color:#eef7f4;font-size:11px}
.stack-outcomes span{display:block;margin-top:5px;color:#789087;font-size:8px;line-height:1.5}

/* TIERS */
.plans-section{position:relative;padding:155px 0 120px;background:linear-gradient(180deg,#f4f7f5 0%,#f8f7f3 100%);overflow:hidden}
.tier-orbit{position:absolute;border-radius:50%;border:1px solid rgba(27,127,99,.08);pointer-events:none}
.tier-orbit-a{width:1120px;height:1120px;right:-710px;top:-480px}
.tier-orbit-b{width:760px;height:760px;right:-470px;top:-300px;border-style:dashed}
.plans-head{position:relative;z-index:2}
.plans-head .editorial-copy{max-width:545px;justify-self:end}
.plans-note{color:#16826a!important;font-family:Georgia,"Times New Roman",serif!important;font-size:21px!important;line-height:1.3!important}
.tier-rail{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:18px;align-items:stretch;margin-top:72px}
.tier-panel{position:relative;min-height:535px;padding:34px 34px 32px;border-radius:31px;overflow:hidden;box-shadow:0 28px 72px rgba(30,68,55,.08)}
.dawn-panel{border:1px solid #ddd8c6;background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(249,244,226,.88))}
.orbit-panel{border:1px solid #10231d;background:linear-gradient(150deg,#10231d,#153229);color:#f4faf7;box-shadow:0 38px 95px rgba(19,52,41,.20)}
.orbit-glow{position:absolute;width:520px;height:520px;right:-210px;top:-270px;border-radius:50%;background:radial-gradient(circle,rgba(87,222,184,.24),transparent 66%)}
.tier-index{position:absolute;right:25px;top:17px;font-family:Georgia,"Times New Roman",serif;font-size:76px;line-height:1;font-weight:500;letter-spacing:-.05em}
.dawn-panel .tier-index{color:#ebe4cf}
.orbit-panel .tier-index{color:#1c4034}
.tier-name{position:relative;z-index:1;min-height:98px;padding-right:82px}
.tier-name>span{display:inline-block;padding:7px 9px;border-radius:999px;font-size:7px;font-weight:900;letter-spacing:.14em}
.dawn-panel .tier-name>span{background:#f6edc9;color:#967213}
.orbit-panel .tier-name>span{background:#183d31;color:#73e0be}
.tier-name strong{display:block;margin-top:13px;font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:500;letter-spacing:-.035em}
.tier-name small{display:block;margin-top:5px;font-size:6px;font-weight:850;letter-spacing:.14em}
.dawn-panel .tier-name small{color:#8b8778}
.orbit-panel .tier-name small{color:#779b8e}
.tier-panel h3{position:relative;z-index:1;margin:35px 0 0;font-family:Georgia,"Times New Roman",serif;font-size:38px;line-height:1.01;font-weight:500;letter-spacing:-.048em}
.tier-panel>p{position:relative;z-index:1;margin:18px 0 0;font-size:12px;line-height:1.62}
.dawn-panel>p{color:#69766f}
.orbit-panel>p{color:#a8beb6}
.tier-capabilities{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:30px;padding-top:23px}
.dawn-panel .tier-capabilities{border-top:1px solid #e6e0ce}
.orbit-panel .tier-capabilities{border-top:1px solid #284a3e}
.tier-capabilities span{padding:8px 10px;border-radius:999px;font-size:7px}
.dawn-panel .tier-capabilities span{background:rgba(255,255,255,.85);border:1px solid #e7e0cd;color:#65736c}
.orbit-panel .tier-capabilities span{background:#19382f;color:#a4c0b6}
.tier-link{position:absolute;left:34px;bottom:31px;display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;font-size:9px;font-weight:850}
.dawn-panel .tier-link{background:#10231d;color:#fff}
.orbit-panel .tier-link{background:#71dfbd;color:#0e2a21}
.tier-link b{font-size:13px}

.platform-close{position:relative;z-index:2;margin-top:92px;padding:29px 31px;border:1px solid #d5e2dc;border-radius:25px;background:rgba(255,255,255,.75);display:flex;align-items:center;justify-content:space-between;gap:40px;box-shadow:0 18px 55px rgba(32,70,57,.06)}
.platform-close span{display:block;color:#0d836b;font-size:8px;font-weight:850;letter-spacing:.15em}
.platform-close strong{display:block;max-width:790px;margin-top:7px;font-family:Georgia,"Times New Roman",serif;font-size:25px;line-height:1.16;font-weight:500;letter-spacing:-.025em}
.platform-close a{flex:none;display:inline-flex;align-items:center;gap:11px;padding:14px 18px;border-radius:999px;background:#10231d;color:#fff;font-size:10px;font-weight:850}
.platform-close a b{color:#6dddbc;font-size:14px}

@media(max-width:1100px){
  .editorial-head{grid-template-columns:1fr;gap:28px}
  .switch-head .editorial-copy,.plans-head .editorial-copy{max-width:760px;justify-self:start}
  .switch-stage{grid-template-columns:1fr 150px 1fr}
  .source-card{width:280px}
  .stack-shell{grid-template-columns:1fr}
  .stack-copy{max-width:720px;padding-bottom:0}
  .stack-canvas{max-width:900px;width:100%;margin:auto}
  .tier-panel{padding:26px}
}
@media(max-width:850px){
  .content-shell{width:calc(100% - 36px)}
  .switch-section,.stack-section,.plans-section{padding-top:100px}
  .switch-stage{grid-template-columns:1fr;gap:8px;min-height:auto}
  .source-world{height:400px;max-width:560px;width:100%;margin:auto}
  .source-card{width:310px}
  .migration-core{height:190px}
  .migration-line{left:50%;right:auto;top:-28px;bottom:-28px;width:1px;height:auto;background:linear-gradient(180deg,rgba(74,200,165,.04),#5ed5b4 28%,#5ed5b4 72%,rgba(74,200,165,.04))}
  .migration-caption{bottom:4px}
  .review-world{max-width:620px;width:100%;margin:auto}
  .switch-foot{grid-template-columns:auto 1fr;align-items:start}
  .switch-foot a{grid-column:1/-1;justify-content:center;margin-top:5px}
  .stack-canvas{min-height:590px}
  .stack-outcomes{width:calc(100% - 36px);grid-template-columns:1fr 1fr}
  .stack-outcomes div:nth-child(3){border-left:0;border-top:1px solid rgba(227,242,236,.10)}
  .stack-outcomes div:nth-child(4){border-top:1px solid rgba(227,242,236,.10)}
  .tier-rail{grid-template-columns:1fr;gap:13px}
  .tier-panel{min-height:auto}
  .platform-close{margin-top:28px}
}
@media(max-width:650px){
  .editorial-head h2,.stack-copy h2{font-size:50px}
  .editorial-copy p{font-size:15px}
  .switch-section{padding-bottom:85px}
  .source-world{height:385px}
  .source-card{width:min(290px,90%);padding:14px}
  .source-site{left:0}.source-booking{right:0}.source-people{left:14px}
  .review-card{padding:19px;border-radius:23px}
  .review-card-top{flex-direction:column}
  .review-metrics{grid-template-columns:1fr}
  .review-list>div{grid-template-columns:27px 1fr}.review-list small{grid-column:2}
  .approval-strip{align-items:flex-end}
  .stack-section{padding-top:90px}
  .stack-canvas{min-height:650px;margin-top:10px}
  .external-tools{inset:5px 0 20px}
  .tool-tile{width:142px;padding:10px}
  .tool-tile img,.bookeo-mark{width:28px;height:28px}
  .tool-bookeo{left:0;top:58px}.tool-sheets{left:0;top:175px}.tool-gmail{left:0;bottom:92px}
  .tool-mailchimp{left:auto;right:0;top:20px}.tool-canva{left:auto;right:0;bottom:10px}
  .tool-instagram{right:0;top:132px}.tool-calendar{right:0;bottom:120px}
  .hive-arrival{left:50%;top:51%;width:265px;padding:22px}
  .hive-arrival-core>strong{font-size:25px}
  .stack-lines{opacity:.65}
  .stack-outcomes{grid-template-columns:1fr}
  .stack-outcomes div{border-left:0;border-top:1px solid rgba(227,242,236,.10)}
  .stack-outcomes div:first-child{border-top:1px solid rgba(227,242,236,.10)}
  .plans-section{padding:90px 0 82px}
  .plans-note{font-size:18px!important}
  .tier-rail{margin-top:45px}
  .tier-index{font-size:53px}
  .tier-panel h3{font-size:31px}
  .platform-close{flex-direction:column;align-items:flex-start;padding:23px}
  .platform-close a{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ring-b{animation:none}
}

/* Club homepage gateway */
.club-home-panel{position:relative}
.club-home-link{position:relative;display:block}
.club-home-link:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 70%,rgba(9,29,22,.18));
  pointer-events:none
}
.club-home-link>span{
  position:absolute;
  z-index:3;
  right:36px;
  bottom:30px;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.91);
  border:1px solid rgba(25,65,52,.13);
  box-shadow:0 18px 46px rgba(25,65,52,.15);
  backdrop-filter:blur(15px);
  color:#0f765f;
  font-size:10px;
  font-weight:850
}
.club-home-link>span b{
  color:#6d8078;
  font-size:8px;
  font-weight:650
}
@media(max-width:650px){
  .club-home-link>span{
    right:14px;
    left:14px;
    bottom:14px;
    justify-content:center
  }
  .club-home-link>span b{display:none}
}

.stack-page-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  padding:11px 14px;
  border-radius:999px;
  border:1px solid rgba(223,241,234,.16);
  background:rgba(255,255,255,.07);
  color:#dff7ee;
  font-size:10px;
  font-weight:850
}
.stack-page-link b{color:#6eddbb;font-size:14px}


/* OCT 07 VISUAL REFINEMENT */
/* Homepage switch steps: legible at normal desktop viewing distance */
.switch-foot{
  gap:18px;
  margin-top:34px;
  padding-top:28px
}
.switch-foot>span{
  width:38px;
  height:38px;
  font-size:10px
}
.switch-foot p{
  color:#5e7269;
  font-size:14px;
  line-height:1.48
}
.switch-foot p strong{
  color:#183129;
  font-size:15px
}
.switch-foot a{
  padding:13px 18px;
  font-size:12px
}

/* DAWN / ORBIT: product-first, not empty pricing cards */
.tier-rail{gap:22px}
.tier-panel{
  min-height:760px;
  padding:38px 38px 36px
}
.tier-name>span{font-size:10px;padding:8px 11px}
.tier-name strong{font-size:32px}
.tier-name small{font-size:9px}
.tier-panel h3{
  margin-top:26px;
  font-size:42px;
  max-width:620px
}
.tier-panel>p{
  margin-top:16px;
  font-size:16px;
  line-height:1.58;
  max-width:620px
}
.tier-showcase{
  position:relative;
  z-index:2;
  margin-top:28px;
  height:255px
}
.tier-device{
  position:absolute;
  inset:0 2% 0 0;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(42,67,57,.13);
  background:#fff;
  box-shadow:0 24px 58px rgba(29,68,55,.13);
  transform:perspective(1100px) rotateY(-4deg) rotateX(1deg)
}
.tier-device-bar{
  height:34px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 12px;
  border-bottom:1px solid #e2eae6;
  background:#f8faf9
}
.tier-device-bar i{
  width:7px;height:7px;border-radius:50%;background:#cfd9d4
}
.tier-device-bar span{
  margin-left:7px;
  color:#6f8179;
  font-size:8px;
  font-weight:850;
  letter-spacing:.12em
}
.tier-device-screen{height:221px;overflow:hidden;background:#f2f6f4}
.tier-device-screen .tier-screen-art{
  width:100%;height:100%;object-fit:cover;
  transform:scale(1.18);
  transform-origin:52% 57%
}

.tier-showcase-orbit{
  border:1px solid rgba(111,224,189,.16);
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 18%,rgba(89,222,184,.17),transparent 30%),
    linear-gradient(145deg,#16372d,#0e241c);
  box-shadow:0 26px 65px rgba(0,0,0,.22)
}
.orbit-board{
  position:relative;
  height:100%;
  padding:22px;
  overflow:hidden
}
.orbit-pulse{
  position:absolute;
  right:-70px;top:-90px;
  width:250px;height:250px;border-radius:50%;
  border:1px solid rgba(112,224,190,.17);
  box-shadow:0 0 0 34px rgba(112,224,190,.035),0 0 0 68px rgba(112,224,190,.018)
}
.orbit-stat{
  position:relative;z-index:2;
  width:54%;
  padding:18px;
  border-radius:16px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(226,243,237,.10)
}
.orbit-stat span,
.orbit-card-mini span{
  display:block;
  color:#6fdcbc;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em
}
.orbit-stat strong{
  display:block;
  margin-top:7px;
  color:#f4faf7;
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;
  font-weight:500
}
.orbit-stat small{
  display:block;margin-top:5px;color:#91aaa0;font-size:10px
}
.orbit-flow{
  position:relative;z-index:2;
  display:flex;align-items:center;gap:8px;
  margin-top:18px;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.055)
}
.orbit-flow span{
  padding:7px 9px;border-radius:999px;background:#20473a;color:#d6ebe4;font-size:9px
}
.orbit-flow b{color:#70dfbd}
.orbit-card-mini{
  position:absolute;
  right:20px;bottom:19px;
  width:43%;
  padding:16px;
  border-radius:15px;
  background:#e7f6f1;
  color:#17342a;
  box-shadow:0 16px 38px rgba(0,0,0,.20)
}
.orbit-card-mini strong{
  display:block;margin-top:5px;font-size:13px
}
.orbit-card-mini small{
  display:block;margin-top:4px;color:#5f786e;font-size:9px;line-height:1.4
}

.tier-capabilities{
  margin-top:25px;
  padding-top:20px;
  gap:8px
}
.tier-capabilities span{
  padding:9px 12px;
  font-size:10px
}
.tier-link{
  left:38px;
  bottom:34px;
  padding:13px 17px;
  font-size:12px
}

@media(max-width:850px){
  .switch-foot p{font-size:13px}
  .switch-foot p strong{font-size:14px}
  .tier-panel{min-height:700px}
}
@media(max-width:650px){
  .switch-foot>span{width:34px;height:34px}
  .switch-foot p{font-size:14px}
  .tier-panel{
    min-height:auto;
    padding:25px 22px 86px
  }
  .tier-name strong{font-size:28px}
  .tier-name small{font-size:8px}
  .tier-panel h3{font-size:34px}
  .tier-panel>p{font-size:15px}
  .tier-showcase{height:225px}
  .tier-device-screen{height:191px}
  .orbit-flow{flex-wrap:wrap}
  .orbit-card-mini{width:48%}
  .tier-link{left:22px;bottom:24px}
}