:root{
  --pine:#1c3227;
  --pine-deep:#142519;
  --pine-mid:#24402f;
  --linen:#f6f2ea;
  --linen-warm:#efe8db;
  --brass:#b3893c;
  --brass-light:#cfa95e;
  --sage:#8ea38f;
  --ink:#22301f;
  --white:#fdfcf9;
  --line:#e3d9c8;
  --header:4.4rem;
  --ease:cubic-bezier(.22,1,.36,1);
  --dx:0px;
  --dy:0px;
  --app-paper:#f5f6f2;
  --app-green:#3d453c;
  --app-green-mid:#5c665a;
  --app-gold:#d9a93f;
  --app-beige:#f3ecd8;
  --app-sand:#dde2d6;
  --app-white:#fff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden;overscroll-behavior-x:none}
body{
  font-family:"Work Sans",system-ui,sans-serif;
  font-weight:300;
  color:var(--ink);
  background:var(--linen);
  line-height:1.7;
  font-size:17px;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
  overscroll-behavior-x:none;
  max-width:100%
}
body::before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:180px 180px
}
h1,h2,h3,.serif{font-family:"Fraunces",Georgia,serif;font-weight:400;line-height:1.15}
a{color:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{
  outline:2px solid var(--brass-light);outline-offset:3px
}

::selection{background:rgba(207,169,94,.35);color:var(--pine-deep)}
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(20,37,25,.42);
  backdrop-filter:blur(18px) saturate(1.2);
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  border-bottom:1px solid rgba(207,169,94,.12);
  padding:.85rem 1.4rem;
  transition:padding .35s var(--ease),background .35s var(--ease),box-shadow .35s var(--ease)
}
.site-header.is-scrolled{
  padding:.65rem 1.4rem;
  background:rgba(20,37,25,.86);
  box-shadow:0 8px 32px rgba(0,0,0,.22)
}
.site-header-inner{
  max-width:1100px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:1rem
}
.site-brand{
  display:flex;align-items:center;gap:.75rem;
  font-family:"Fraunces",serif;
  color:var(--linen);
  font-size:clamp(1.08rem,2.6vw,1.32rem);
  letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap
}
.site-logo{
  width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;
  background:var(--linen);border:1px solid rgba(207,169,94,.45);
  box-shadow:0 0 0 3px rgba(246,242,234,.08)
}
.site-brand-text span{color:var(--brass-light)}
.site-nav{display:flex;align-items:center;gap:.35rem 1.1rem}
.site-nav a{
  color:var(--linen);text-decoration:none;
  font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.82
}
.site-nav a:hover{opacity:1;color:var(--brass-light)}
.nav-cta{
  border:1px solid var(--brass-light);padding:.48rem 1.15rem;border-radius:2px;
  color:var(--brass-light)!important;opacity:1!important;letter-spacing:.1em
}
.nav-cta:hover{background:var(--brass-light);color:var(--pine)!important}

.hero{
  background:radial-gradient(ellipse 80% 60% at 80% 10%,rgba(179,137,60,.22) 0%,transparent 55%),
    radial-gradient(ellipse 70% 50% at 8% 90%,rgba(142,163,143,.18) 0%,transparent 50%),
    linear-gradient(168deg,var(--pine-deep) 0%,var(--pine) 55%,var(--pine-mid) 100%);
  color:var(--linen);
  padding:calc(var(--header) + 2.4rem) 0 0;
  position:relative;overflow:hidden;min-height:100svh;
  display:flex;flex-direction:column
}
.hero-mesh{
  position:absolute;inset:-20%;pointer-events:none;
  background:
    radial-gradient(circle at 20% 30%,rgba(207,169,94,.16),transparent 32%),
    radial-gradient(circle at 78% 60%,rgba(142,163,143,.2),transparent 38%);
  animation:meshDrift 18s ease-in-out infinite alternate;
  filter:blur(8px)
}
.hero-orb{
  position:absolute;border-radius:50%;pointer-events:none;
  filter:blur(2px);opacity:.7;
  --dx:0px;--dy:0px
}
.hero-orb-1{
  width:42vw;height:42vw;max-width:520px;max-height:520px;
  right:-8%;top:-12%;
  background:radial-gradient(circle,rgba(207,169,94,.35),transparent 68%);
  animation:orbFloat 14s ease-in-out infinite
}
.hero-orb-2{
  width:28vw;height:28vw;max-width:340px;max-height:340px;
  left:-8%;bottom:12%;
  background:radial-gradient(circle,rgba(142,163,143,.4),transparent 70%);
  animation:orbFloat 11s ease-in-out infinite reverse
}
.hero-orb-3{
  width:18vw;height:18vw;max-width:200px;max-height:200px;
  right:28%;bottom:18%;
  background:radial-gradient(circle,rgba(253,252,249,.18),transparent 70%);
  animation:orbFloat 9s ease-in-out infinite 1s
}
.hero-ring{
  position:absolute;border-radius:50%;pointer-events:none;
  border:1px solid rgba(207,169,94,.18)
}
.hero-ring-1{width:min(62vw,560px);height:min(62vw,560px);right:-14vw;top:-16vh;animation:ringSpin 48s linear infinite}
.hero-ring-2{width:min(38vw,340px);height:min(38vw,340px);right:8vw;top:8vh;border-color:rgba(246,242,234,.08);animation:ringSpin 36s linear infinite reverse}
.hero-sparkle{
  position:absolute;inset:0;pointer-events:none;opacity:.45;
  background-image:radial-gradient(1px 1px at 12% 22%,rgba(255,255,255,.7) 50%,transparent 51%),
    radial-gradient(1px 1px at 78% 18%,rgba(207,169,94,.9) 50%,transparent 51%),
    radial-gradient(1.5px 1.5px at 64% 72%,rgba(255,255,255,.55) 50%,transparent 51%),
    radial-gradient(1px 1px at 28% 64%,rgba(207,169,94,.7) 50%,transparent 51%),
    radial-gradient(1px 1px at 88% 48%,rgba(255,255,255,.5) 50%,transparent 51%);
  animation:twinkle 5s ease-in-out infinite
}
.hero-inner{
  max-width:1100px;margin:0 auto;padding:0 2rem 2.4rem;
  position:relative;z-index:2;
  display:flex;flex-direction:column;justify-content:center;flex:1
}
.hero-copy{max-width:62rem}
.hero-eyebrow{
  font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--brass-light);font-weight:500;margin-bottom:1.3rem;
  display:flex;align-items:center;gap:.9rem
}
.hero-eyebrow::before{content:"";width:36px;height:1px;background:var(--brass-light)}
.hero h1{
  font-size:clamp(2.15rem,5.2vw,4.1rem);font-weight:300;margin-bottom:1.2rem;
  letter-spacing:-.03em;max-width:none
}
.hero h1 .line{
  display:block;overflow:hidden;
  animation:lineIn .95s var(--ease) both
}
.hero h1 .line.accent{padding-bottom:.22em;margin-bottom:-.08em}
.hero h1 .line:nth-child(1){animation-delay:.08s}
.hero h1 .line:nth-child(2){animation-delay:.28s}
.hero-cta{
  display:flex;flex-direction:column;align-items:flex-start;gap:1.05rem;
  margin-bottom:2.2rem
}
.hero-explore{
  position:relative;display:inline-flex;align-items:center;
  text-decoration:none;color:inherit;max-width:100%;
  filter:drop-shadow(0 22px 40px rgba(0,0,0,.38))
}
.hero-sprout{
  position:relative;flex:none;z-index:2;
  width:6.7rem;height:6.7rem;border-radius:50%;
  margin-right:-3.55rem;
  background:
    radial-gradient(circle at 38% 32%,rgba(232,200,106,.42),transparent 46%),
    radial-gradient(circle at 50% 72%,#1a3326 0%,#0c1812 72%);
  border:1.5px solid rgba(232,200,106,.85);
  box-shadow:
    0 0 28px rgba(207,169,94,.32),
    inset 0 1px 0 rgba(255,248,230,.28);
  overflow:hidden;
  transition:transform .35s var(--ease),border-color .35s,box-shadow .35s
}
.hero-explore:hover .hero-sprout{
  transform:scale(1.045);
  border-color:#f0d48a;
  box-shadow:0 0 36px rgba(232,200,106,.48),inset 0 1px 0 rgba(255,248,230,.35)
}
.hero-sprout-glow{
  position:absolute;inset:-18%;border-radius:50%;
  background:radial-gradient(circle,rgba(232,200,106,.55),transparent 62%);
  animation:glowPulse 4.5s ease-in-out infinite
}
.hero-plant{
  position:absolute;left:50%;top:54%;
  width:96%;height:102%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.4));
  animation:plantSway 8s ease-in-out infinite;
  transform-origin:50% 88%;
  z-index:1;pointer-events:none
}
.hero-plant svg{width:100%;height:100%;display:block}
.hero-join-icon{
  position:absolute;left:50%;top:53%;
  width:78%;height:78%;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 8px 14px rgba(0,0,0,.4));
  z-index:1;pointer-events:none
}
.hero-join-icon svg{width:100%;height:100%;display:block}
.hero-sprout-copy{
  position:relative;z-index:1;
  display:flex;flex-direction:column;justify-content:center;gap:.22rem;
  padding:.95rem 1.75rem .95rem 4.05rem;
  min-height:4.85rem;min-width:0;
  border-radius:999px;
  background:linear-gradient(105deg,rgba(207,169,94,.38) 0%,rgba(32,52,38,.62) 38%,rgba(18,34,26,.55) 100%);
  border:1.5px solid rgba(232,200,106,.72);
  box-shadow:inset 0 1px 0 rgba(255,248,230,.16);
  overflow:hidden;
  transition:border-color .35s var(--ease),background .35s
}
.hero-explore:hover .hero-sprout-copy{
  border-color:#f0d48a;
  background:linear-gradient(105deg,rgba(232,200,106,.46) 0%,rgba(32,52,38,.68) 40%,rgba(18,34,26,.58) 100%)
}
.hero-sprout-copy::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 18% 50%,rgba(232,200,106,.35),transparent 46%);
  pointer-events:none
}
.hero-sprout-copy::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 28%,rgba(255,248,230,.2) 48%,transparent 64%);
  transform:translateX(-90%);
  animation:exploreSheen 5.2s ease-in-out infinite;
  pointer-events:none
}
@keyframes exploreSheen{
  0%,58%{transform:translateX(-90%)}
  82%,100%{transform:translateX(90%)}
}
.hero-sprout-label{
  position:relative;z-index:1;
  font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;font-weight:600;
  color:#f0d48a
}
.hero-sprout-hint{
  position:relative;z-index:1;
  font-size:1.05rem;opacity:.96;line-height:1.3;font-weight:500
}
.hero h1 .accent{font-style:italic;color:var(--brass-light)}
.hero h1 em{font-style:italic}
.hero-sub{font-size:clamp(1.05rem,1.6vw,1.22rem);max-width:46ch;opacity:.9;margin-bottom:2rem}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;max-width:34rem}
.hero-stat{
  display:flex;flex-direction:column;gap:.15rem;
  padding:.85rem 1rem;border-radius:14px;
  background:rgba(246,242,234,.08);border:1px solid rgba(207,169,94,.22);
  text-decoration:none;color:inherit;backdrop-filter:blur(10px);
  transition:transform .3s var(--ease),background .3s,border-color .3s
}
.hero-stat:hover{
  transform:translateY(-4px);
  background:rgba(246,242,234,.14);
  border-color:rgba(207,169,94,.5)
}
.hero-stat b{font-family:"Fraunces",serif;font-size:1.55rem;font-weight:500;color:var(--brass-light);line-height:1}
.hero-stat span{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;opacity:.75}
.hero-leaves{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.leaf{
  position:absolute;width:14px;height:22px;border-radius:0 70% 0 70%;
  background:linear-gradient(135deg,#c5d0b4,#7f9474);opacity:.55;
  transform:rotate(25deg);animation:leafFall 16s linear infinite
}
.leaf.l1{left:8%;top:-8%;animation-duration:18s;animation-delay:-2s}
.leaf.l2{left:22%;top:-12%;width:10px;height:16px;background:linear-gradient(135deg,#cfa95e,#b3893c);animation-duration:22s;animation-delay:-8s}
.leaf.l3{left:48%;top:-6%;animation-duration:15s;animation-delay:-5s;opacity:.35}
.leaf.l4{left:68%;top:-10%;width:12px;height:18px;animation-duration:20s;animation-delay:-11s}
.leaf.l5{left:82%;top:-14%;background:linear-gradient(135deg,#d5deca,#8fa484);animation-duration:24s;animation-delay:-3s}
.leaf.l6{left:36%;top:-16%;width:9px;height:14px;background:linear-gradient(135deg,#cfa95e,#8ea38f);animation-duration:17s;animation-delay:-13s}
.hero-scroll{
  position:relative;z-index:3;align-self:center;
  display:inline-flex;align-items:center;gap:.55rem;
  color:var(--brass-light);text-decoration:none;
  font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;
  opacity:.75;margin:0 0 1.1rem
}
.hero-scroll span{
  width:18px;height:28px;border:1px solid rgba(207,169,94,.55);border-radius:12px;
  position:relative
}
.hero-scroll span::after{
  content:"";position:absolute;left:50%;top:6px;width:3px;height:6px;border-radius:2px;
  background:var(--brass-light);transform:translateX(-50%);
  animation:scrollDot 1.8s var(--ease) infinite
}
.marquee{
  position:relative;z-index:3;border-top:1px solid rgba(207,169,94,.22);
  background:rgba(20,37,25,.45);overflow:hidden;padding:.85rem 0
}
.marquee-track{
  display:flex;gap:2.4rem;width:max-content;
  animation:marquee 32s linear infinite;
  font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--brass-light);white-space:nowrap
}
.marquee-track span{display:inline-flex;align-items:center;gap:.7rem}
.marquee-track span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brass-light);opacity:.7}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-linen{
  background:var(--linen);border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:1rem 0
}
.marquee-linen .marquee-track{color:var(--pine);animation-duration:38s}
.marquee-linen .marquee-track.reverse{animation-name:marqueeReverse}
.marquee-linen .marquee-track span::before{background:var(--brass)}
@keyframes marqueeReverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@keyframes meshDrift{to{transform:translate3d(4%,-3%,0) scale(1.06)}}
@keyframes orbFloat{
  0%,100%{transform:translate3d(var(--dx),var(--dy),0) scale(1)}
  50%{transform:translate3d(calc(var(--dx) + 14px),calc(var(--dy) - 22px),0) scale(1.08)}
}
@keyframes ringSpin{to{transform:rotate(360deg)}}
@keyframes twinkle{50%{opacity:.2}}
@keyframes glowPulse{
  0%,100%{opacity:.7;transform:scale(1)}
  50%{opacity:1;transform:scale(1.08)}
}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes shine{
  0%{transform:translateX(-120%) skewX(-18deg)}
  100%{transform:translateX(220%) skewX(-18deg)}
}
@keyframes lineIn{
  from{opacity:0;transform:translateY(70%)}
  to{opacity:1;transform:none}
}
@keyframes plantSway{
  0%,100%{transform:translate(-50%,-50%) rotate(-1.6deg)}
  50%{transform:translate(-50%,-50%) rotate(1.8deg)}
}
@keyframes leafFall{
  0%{transform:translate3d(0,-10%,0) rotate(12deg);opacity:0}
  8%{opacity:.55}
  100%{transform:translate3d(40px,110vh,0) rotate(280deg);opacity:0}
}
@keyframes scrollDot{
  0%{opacity:1;transform:translateX(-50%) translateY(0)}
  70%{opacity:0;transform:translateX(-50%) translateY(10px)}
  100%{opacity:0;transform:translateX(-50%) translateY(10px)}
}
@keyframes orbitFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}

.btn{
  display:inline-block;padding:.95rem 2.1rem;
  font-family:"Work Sans",sans-serif;font-size:.78rem;font-weight:500;
  letter-spacing:.13em;text-transform:uppercase;text-decoration:none;
  border-radius:1px;border:1px solid transparent;cursor:pointer;
  transition:transform .22s var(--ease),box-shadow .22s,background .22s,color .22s;
  position:relative;overflow:hidden;touch-action:manipulation
}
button,a,summary{touch-action:manipulation}
.carousel-viewport{touch-action:pan-y}
.btn-brass{
  background:linear-gradient(160deg,#c49a4a 0%,var(--brass) 50%,#9a7530 100%);
  color:var(--white);
  box-shadow:0 2px 0 rgba(0,0,0,.14),0 6px 20px rgba(179,137,60,.3)
}
.btn-brass::after{
  content:"";position:absolute;inset:0;width:40%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);
  transform:translateX(-120%) skewX(-18deg)
}
.btn-brass:hover{transform:translateY(-2px)}
.btn-brass:hover::after{animation:shine .7s ease}
.btn-ghost{border-color:rgba(246,242,234,.45);color:var(--linen);background:transparent}
.btn-ghost:hover{background:rgba(246,242,234,.08)}
.btn-pine{background:var(--pine);color:var(--linen)}
.btn:disabled{opacity:.55;cursor:wait;transform:none}

section{padding:5rem 2rem}
.container{max-width:1100px;margin:0 auto}
.eyebrow{font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--brass);font-weight:600;margin-bottom:1rem}
.section-title{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:400;margin-bottom:1.2rem;max-width:22ch}
.lede{font-size:1.12rem;max-width:58ch;margin-bottom:1.4rem}

/* ── Hub / phone ── */
.hub{
  background:
    radial-gradient(ellipse 55% 40% at 18% 55%,rgba(179,137,60,.18),transparent 60%),
    radial-gradient(ellipse 40% 50% at 90% 20%,rgba(142,163,143,.16),transparent 55%),
    linear-gradient(180deg,var(--pine-deep) 0%,#1a2c22 100%);
  color:var(--linen);padding:4.5rem 0 5.4rem;position:relative;overflow:visible
}
.hub .eyebrow{color:var(--brass-light)}
.hub .section-title{color:var(--linen);max-width:16ch;margin-bottom:.7rem}
.hub-stage{
  display:flex;
  justify-content:center;
  align-items:flex-start;
  gap:2.15rem;
  width:100%;
  max-width:none;
  margin-inline:0;
  padding:0 2rem;
  box-sizing:border-box
}
.hub-copy{
  flex:0 1 30rem;
  min-width:0;
  max-width:30rem
}
.phone-dock{
  flex:0 0 348px;
  width:348px;
  max-width:100%;
  display:flex;justify-content:flex-end;
  position:sticky;top:calc(var(--header) + .75rem);
  z-index:3
}
.phone-wrap{display:flex;flex-direction:column;align-items:center;position:relative;max-width:100%}
.phone-glow{
  position:absolute;width:120%;height:70%;top:18%;left:-10%;
  background:radial-gradient(circle,rgba(207,169,94,.32),transparent 62%);
  filter:blur(18px);pointer-events:none;animation:glowPulse 5s ease-in-out infinite
}
.phone-hint{
  position:absolute;left:0;right:0;top:-1.55rem;z-index:4;
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--brass-light);text-align:center;margin:0;pointer-events:none
}
.phone{
  width:min(100%,348px);height:734px;
  background:#0b0b0b;border:12px solid #161616;border-radius:48px;
  box-shadow:
    inset 0 0 0 1.5px #2c2c2c,
    0 0 0 1px rgba(207,169,94,.16),
    0 28px 80px rgba(0,0,0,.45);
  position:relative;overflow:hidden;flex:none;z-index:2;
  touch-action:pan-y;overflow-anchor:none
}
.phone-island{
  position:absolute;top:11px;left:50%;transform:translateX(-50%);
  width:96px;height:28px;background:#0b0b0b;border-radius:18px;z-index:9;pointer-events:none
}
.phone-status{
  position:absolute;top:12px;left:0;right:0;z-index:8;pointer-events:none;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 22px 0 26px;font-size:12px;font-weight:650;color:#111;letter-spacing:.02em
}
.phone-status-end{display:flex;align-items:center;gap:5px}
.phone-status .sig,.phone-status .wifi,.phone-status .bat{
  display:block;background:#111;border-radius:1px
}
.phone-status .sig{width:13px;height:9px;clip-path:polygon(0 100%,25% 70%,50% 45%,75% 22%,100% 0,100% 100%)}
.phone-status .wifi{width:11px;height:8px;border:1.6px solid #111;border-bottom:0;border-radius:8px 8px 0 0;background:transparent;transform:translateY(1px)}
.phone-status .bat{width:17px;height:8px;border:1.4px solid #111;border-radius:2px;background:transparent;position:relative}
.phone-status .bat::before{
  content:"";position:absolute;left:1.5px;top:1px;bottom:1px;width:70%;
  background:#111;border-radius:1px
}
.phone-status .bat::after{
  content:"";position:absolute;right:-3px;top:2px;width:2px;height:4px;
  background:#111;border-radius:0 1px 1px 0
}
.phone-home{
  position:absolute;bottom:7px;left:50%;transform:translateX(-50%);
  width:108px;height:4px;background:#2a2a2a;border-radius:99px;z-index:9;pointer-events:none
}
.demo-app{
  position:absolute;inset:8px 8px 10px;
  background:#f5f6f2;color:#3d453c;border-radius:38px;overflow:hidden;
  font-family:"DM Sans",system-ui,sans-serif;font-weight:400;
  display:flex;flex-direction:column
}
.demo-toast{
  position:absolute;left:14px;right:14px;top:108px;z-index:12;
  background:#3d453c;color:#fff;border-radius:12px;
  padding:10px 12px;font-size:12px;font-weight:600;text-align:center;
  opacity:0;transform:translateY(-8px);pointer-events:none;
  transition:opacity .25s var(--ease),transform .25s var(--ease)
}
.demo-toast.on{opacity:1;transform:none}
.demo-rail{
  flex:none;display:flex;flex-direction:column;gap:0;
  padding:36px 14px 10px;background:#abb09a;border-bottom:1px solid #9aa08a
}
.demo-rail-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.demo-brand-eye{
  font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;
  color:#111311;opacity:.85;margin:0 0 8px
}
.demo-brand-title{
  font-family:"Fraunces",serif;font-size:20px;font-weight:600;color:#111;
  background:#f3ecd8;display:inline-block;padding:.12em .32em;border-radius:6px;
  line-height:1.2
}
.demo-brand-sub{
  margin:8px 0 0;font-size:11.5px;line-height:1.45;color:#111311;opacity:.88
}
.demo-rail-actions{display:flex;align-items:center;gap:8px;flex:none;padding-top:2px}
.demo-preview-pill{
  font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:#5c665a;background:rgba(245,246,242,.72);border:1px solid rgba(61,69,60,.18);
  border-radius:999px;padding:5px 8px
}
.demo-gear{
  width:36px;height:36px;border-radius:10px;flex:none;
  border:1.5px solid rgba(61,69,60,.22);background:rgba(245,246,242,.62);
  font-size:15px;cursor:pointer;display:grid;place-items:center;padding:0;line-height:1
}
.demo-cds{
  flex:none;display:grid;grid-template-columns:1fr 1fr;gap:8px;
  padding:10px 12px;background:#f4f1e9;border-bottom:1px solid #dde2d6
}
.demo-cd{
  display:flex;align-items:center;gap:6px;min-width:0;
  background:#fff;border:1.5px solid #dde2d6;border-radius:12px;
  padding:8px 10px;cursor:pointer;font:inherit;color:inherit;text-align:left
}
.demo-cd.featured{border-color:#d9a93f;background:#fbf6e6}
.demo-cd-num{font-family:"Fraunces",serif;font-size:18px;font-weight:600;color:#3d453c;line-height:1;flex:none}
.demo-cd.featured .demo-cd-num{color:#b88928}
.demo-cd-unit{font-size:8px;font-weight:700;letter-spacing:.08em;color:#6a7268;flex:none}
.demo-cd.featured .demo-cd-unit{color:#b88928}
.demo-cd-label{
  font-size:9px;font-weight:700;letter-spacing:.04em;color:#5c665a;line-height:1.25;
  border-left:1.5px solid #dde2d6;padding-left:8px;min-width:0
}
.demo-cd.featured .demo-cd-label{color:#b88928;border-color:rgba(184,137,40,.35)}
.demo-stage{flex:1;position:relative;overflow:hidden;overscroll-behavior:none;min-height:0;overflow-anchor:none;touch-action:pan-y}
.demo-tab,.demo-sheet{
  position:absolute;inset:0;overflow-y:auto;overflow-x:hidden;
  padding:16px 16px 18px;
  scrollbar-width:thin;overscroll-behavior:none;overflow-anchor:none;
  touch-action:pan-y;
  scroll-behavior:auto
}
.demo-tab{visibility:hidden;pointer-events:none;z-index:0}
.demo-tab.on{visibility:visible;pointer-events:auto;z-index:1}
.demo-sheet{
  background:#f5f6f2;z-index:4;
  transform:translateX(104%);
  transition:transform .32s var(--ease)
}
.demo-sheet.open{transform:none}
.demo-guide{
  flex:none;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
  margin:0 10px 8px;padding:10px 12px;border:0;border-radius:14px;cursor:pointer;
  background:#3d453c;color:#f5f6f2;font:inherit;text-align:left;z-index:8
}
.demo-guide > span{min-width:0;flex:1}
.demo-guide i{
  display:block;font-style:normal;font-size:9px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;opacity:.7;margin:0 0 2px
}
.demo-guide b{
  display:block;font-family:"Fraunces",serif;font-size:13px;font-weight:500;line-height:1.25
}
.demo-guide small{
  display:block;font-size:11px;font-weight:500;line-height:1.45;opacity:.82;margin:.28rem 0 0
}
.demo-guide em{
  flex:none;font-style:normal;font-size:11px;font-weight:700;
  letter-spacing:.04em;color:#d9a93f;white-space:nowrap;margin-top:1.15rem
}
.demo-nav{
  flex:none;display:flex;justify-content:space-around;gap:2px;
  padding:6px 4px 14px;border-top:1px solid #dde2d6;background:#f5f6f2;
  box-shadow:0 -8px 28px rgba(61,69,60,.1);
  position:relative;z-index:7
}
.demo-nav button{
  flex:1;border:0;background:transparent;color:#5c665a;
  font-family:inherit;font-size:10px;font-weight:600;letter-spacing:.02em;
  padding:8px 2px;border-radius:12px;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;gap:3px
}
.demo-nav-ico{
  font-size:20px;line-height:1;font-style:normal;font-weight:400;
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-variant-emoji:emoji;
  color:initial;
  display:flex;align-items:center;justify-content:center;
  width:1.35em;height:1.2em;overflow:visible
}
.demo-nav button.on{color:#3d453c;background:rgba(171,176,154,.45)}

.demo-kicker{
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:#5c665a;margin:0 0 8px
}
.demo-eye{
  font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:#5c665a;margin:0 0 8px
}
.demo-h1{
  font-family:"Fraunces",serif;font-size:26px;font-weight:550;color:#3d453c;
  line-height:1.1;margin:0 0 10px
}
.demo-h1-ico{font-size:.82em;margin-right:.12em}
.demo-p{font-size:13px;line-height:1.5;color:#3d453c;margin:0 0 12px;font-weight:500}
.demo-sub{font-size:13px;color:#5c665a;line-height:1.45;margin:0 0 14px;font-style:italic;font-weight:500}
.demo-card{
  background:#fff;border:1.5px solid #dde2d6;border-radius:14px;padding:14px;
  box-shadow:0 2px 16px rgba(61,69,60,.08);margin-bottom:10px;border-width:1.5px;
  width:100%;text-align:left;font-family:inherit;color:inherit;cursor:pointer;
  display:block
}
.demo-card:active{transform:scale(.985)}
.demo-card strong{display:block;font-family:"Fraunces",serif;font-size:16px;font-weight:500;margin-bottom:4px;color:#111}
.demo-card p,.demo-muted{font-size:12.5px;color:#5c665a;line-height:1.4;margin:0}
.demo-tag{
  display:inline-block;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;color:#5c665a;margin-bottom:8px
}
.demo-back{
  border:0;background:transparent;color:#3d453c;
  font-family:inherit;font-size:13px;font-weight:600;
  padding:0 0 12px;cursor:pointer
}
.demo-btn{
  display:block;width:100%;margin-top:12px;
  background:#3d453c;color:#f5f6f2;border:0;border-radius:32px;
  padding:12px 16px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer
}
.demo-btn.ghost{background:transparent;color:#3d453c;border:1.5px solid #dde2d6}
.demo-blur{filter:blur(5.5px);user-select:none;pointer-events:none}
.demo-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.demo-chip{font-size:11px;background:#f3ecd8;padding:4px 8px;border-radius:99px}
.demo-lock{
  font-size:11.5px;color:#5c665a;background:#f3ecd8;
  border-radius:12px;padding:10px 12px;margin-top:8px;line-height:1.4
}
.hub-legal{
  font-size:11px;line-height:1.5;color:var(--linen);opacity:.82;
  font-weight:500;max-width:22rem;margin:.65rem auto 0;text-align:center;letter-spacing:.01em
}
.fs-plant-zone{
  display:block;width:100%;
  background:radial-gradient(ellipse 90% 70% at 22% 78%,rgba(232,200,106,.18) 0%,transparent 55%),
    radial-gradient(ellipse 70% 50% at 70% 20%,rgba(245,246,242,.12) 0%,transparent 50%),
    linear-gradient(165deg,#9aa08a 0%,#abb09a 55%,#c8cdb8 100%);
  border-radius:16px;padding:14px 14px 16px;margin:0 0 14px;
  box-shadow:0 2px 24px rgba(61,69,60,.1);text-align:center
}
.fs-plantbox{
  display:block;width:100%;max-width:170px;height:190px;margin:0 auto 8px;
  border:0;background:transparent;padding:0;cursor:pointer;font:inherit;
  filter:drop-shadow(0 8px 14px rgba(20,32,24,.22))
}
.fs-plantbox svg{display:block;width:100%;height:100%;overflow:visible}
.fs-plantbox.sprout-pulse{animation:plantBoxSprout 1s var(--ease)}
.fs-plantbox.sprout-pulse .plant-sprout{animation:sproutGlow 1s var(--ease)}
.fs-plantbox.sprout-pulse .plant-roots,
.fs-plantbox.sprout-pulse .root-strand{animation:rootsGlow .9s var(--ease)}
@keyframes plantBoxSprout{
  0%,100%{transform:scale(1);filter:drop-shadow(0 8px 14px rgba(20,32,24,.22))}
  40%{transform:scale(1.04);filter:drop-shadow(0 -6px 16px rgba(123,160,123,.4))}
}
@keyframes rootsGlow{
  0%{opacity:.7}
  40%{opacity:1;filter:brightness(1.45)}
  100%{opacity:1;filter:none}
}
@keyframes sproutGlow{
  0%{opacity:.85}
  40%{opacity:1;filter:brightness(1.3)}
  100%{opacity:1;filter:none}
}
.fs-stats{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:0 0 6px}
.fs-stat{font-size:11px;font-weight:700;letter-spacing:.03em;color:#3d453c;background:rgba(245,246,242,.55);border:1px solid rgba(61,69,60,.12);border-radius:20px;padding:4px 10px}
.fs-stat em{font-style:normal;color:#8a6a18;margin-right:4px}
.fs-caption{font-size:12.5px;color:#3d453c;margin:0 0 8px;line-height:1.4}
.fs-progress-meta{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5c665a;margin-bottom:4px}
.fs-track{height:6px;background:rgba(61,69,60,.18);border-radius:4px;overflow:hidden}
.fs-fill{height:100%;width:0;background:linear-gradient(90deg,#5c665a,#d9a93f);border-radius:4px;transition:width .7s var(--ease)}
.fs-today{
  display:block;width:100%;text-align:left;
  background:linear-gradient(165deg,#fff 0%,#eef2ec 55%,#fbf6e6 100%);
  border:1.5px solid #abb09a;border-radius:16px;padding:16px 16px 14px;margin:0 0 18px;position:relative;overflow:hidden
}
.fs-today::before{content:"";position:absolute;right:-16px;top:-24px;width:90px;height:90px;border-radius:50%;background:rgba(232,200,106,.18);pointer-events:none}
.fs-today .demo-tag{position:relative}
.fs-today strong{display:block;font-family:"Fraunces",serif;font-size:20px;font-weight:500;margin:0 0 6px;position:relative;color:#3d453c}
.fs-today p{font-size:13px;line-height:1.45;margin:0 0 12px;position:relative;color:#5c665a}
.fs-go{
  display:inline-block;font-size:12.5px;font-weight:600;font-family:inherit;
  background:#3d453c;color:#f5f6f2;border:0;border-radius:32px;padding:9px 16px;position:relative;cursor:pointer
}
.fs-cta{
  display:block;width:100%;text-align:left;border:none;cursor:pointer;margin:0 0 14px;
  padding:18px 16px 16px;border-radius:18px;
  background:linear-gradient(145deg,#f3ecd8 0%,#e8ebe3 55%,#dfe4d6 100%);
  font-family:inherit;color:inherit;box-shadow:0 2px 16px rgba(61,69,60,.08)
}
.fs-cta-eye{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;background:rgba(255,255,255,.65);border-radius:999px;padding:4px 9px;margin-bottom:10px;color:#111}
.fs-cta-title{display:block;font-family:"Fraunces",serif;font-size:24px;font-weight:500;color:#000;line-height:1.15;margin:0 0 8px}
.fs-cta-sub{display:block;font-size:13px;line-height:1.45;color:rgba(0,0,0,.68);margin:0 0 12px}
.fs-cta-sub.demo-blur{max-width:34em}
.fs-cta-go{display:inline-block;font-size:13px;font-weight:700;background:#fff;border-radius:999px;padding:7px 13px;color:#111}
.fs-share{background:#fff;border:1.5px solid #dde2d6;border-radius:14px;padding:10px 12px 12px;margin:0 0 12px;box-shadow:0 2px 16px rgba(61,69,60,.08)}
.fs-share-row{display:flex;align-items:center;justify-content:flex-start;gap:8px;margin:4px 0 0;overflow:visible;flex-wrap:wrap}
.fs-share-row + .fs-share-row{margin-top:8px;padding-top:8px;border-top:1px solid #efe8db}
.fs-team-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;overflow:visible}
.fs-team-head .demo-h1{margin:0;flex:1;min-width:0}
.fs-bloom{
  display:flex;align-items:center;margin:0;padding:0;border:none;background:transparent;
  cursor:pointer;font:inherit;flex:none;overflow:visible
}
.fs-bloom-ico{
  position:relative;z-index:1;flex:none;width:40px;height:40px;
  margin:-6px -14px -6px -4px;pointer-events:none;
  filter:drop-shadow(0 1px 3px rgba(61,69,60,.2))
}
.fs-bloom-ico svg{display:block;width:100%;height:100%;overflow:visible}
.fs-bloom-label{
  display:inline-flex;align-items:center;min-height:28px;max-width:12.5rem;
  padding:5px 12px 5px 14px;border:1.5px solid #d9a93f;border-radius:999px;
  background:linear-gradient(180deg,#f5e08a 0%,#d9a93f 100%);
  color:#243028;font-size:10.5px;font-weight:800;letter-spacing:.01em;
  line-height:1.2;text-align:left;white-space:normal;box-shadow:0 2px 8px rgba(184,137,40,.28)
}
.demo-person{display:flex;align-items:flex-start;gap:10px}
.demo-live-tag{
  display:block;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#5c665a;margin:0 0 8px
}
.demo-callout{
  background:#fff;border:1.5px solid #dde2d6;border-left:3.5px solid #abb09a;
  border-radius:12px;padding:12px 12px 12px 14px;margin:0 0 14px
}
.demo-callout p{font-size:12.5px;line-height:1.45;color:#3d453c;margin:0}
.demo-callout-voice{background:#eef2ec;border-left-color:#8ea38f}
.demo-cal-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0 0 14px
}
.demo-cal-tab{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  margin:0;padding:12px 8px 10px;min-height:86px;min-width:0;
  border:1.5px solid #dde2d6;border-radius:14px;background:#fff;
  box-shadow:0 2px 16px rgba(61,69,60,.08);
  font:inherit;cursor:pointer;color:inherit
}
.demo-cal-tab-label{
  display:block;text-align:center;font-size:10.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#5c665a;line-height:1.3
}
.demo-cal-tab .demo-fold-chev{flex:none}
.demo-fold{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;text-align:left;margin:0 0 10px;
  background:#fff;border:1.5px solid #dde2d6;border-radius:14px;
  padding:12px 14px;font-family:inherit;cursor:pointer;box-shadow:0 2px 16px rgba(61,69,60,.08)
}
.demo-fold .demo-live-tag{margin:0}
.demo-fold-chev{
  width:22px;height:22px;border-radius:50%;border:1.5px solid #dde2d6;position:relative;flex:none
}
.demo-fold-chev::before,.demo-fold-chev::after{
  content:"";position:absolute;background:#abb09a;left:50%;top:50%;transform:translate(-50%,-50%)
}
.demo-fold-chev::before{width:10px;height:1.5px}
.demo-fold-chev::after{width:1.5px;height:10px}
.demo-acc{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  width:100%;text-align:left;margin:0 0 8px;
  background:#fff;border:1.5px solid #dde2d6;border-radius:14px;
  padding:14px 16px;font-family:"Fraunces",serif;font-size:17px;font-weight:500;
  color:#3d453c;cursor:pointer;box-shadow:0 2px 16px rgba(61,69,60,.08)
}
.demo-acc-main{display:flex;align-items:center;gap:10px;min-width:0}
.demo-acc-ico{
  flex:none;width:32px;height:32px;border-radius:50%;
  border:1.5px solid #dde2d6;background:#f5f6f2;
  display:grid;place-items:center;font-size:15px;line-height:1
}
.demo-acc-plus{
  flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #dde2d6;position:relative
}
.demo-acc-plus::before,.demo-acc-plus::after{
  content:"";position:absolute;background:#abb09a;left:50%;top:50%;transform:translate(-50%,-50%)
}
.demo-acc-plus::before{width:10px;height:1.5px}
.demo-acc-plus::after{width:1.5px;height:10px}
.demo-leader-btn{
  display:flex;align-items:center;gap:10px;width:100%;
  margin:0 0 14px;padding:8px 12px 8px 8px;
  border-radius:999px;border:1.5px solid rgba(217,169,63,.42);
  background:linear-gradient(180deg,#fbf6e6 0%,#f3e8c4 100%);
  box-shadow:0 2px 10px rgba(184,137,40,.12);
  font:inherit;text-align:left;cursor:pointer;color:#111
}
.demo-leader-ico{
  flex:none;width:32px;height:32px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:#fff8e6;border:1.5px solid rgba(217,169,63,.4);font-size:14px
}
.demo-leader-text{flex:1;min-width:0;font-size:13.5px;font-weight:700}
.demo-leader-go{flex:none;font-size:13px;font-weight:700;color:#111;background:#fff;border-radius:999px;padding:6px 12px}
.demo-text-link{
  display:inline-block;margin-top:10px;border:0;background:transparent;
  font-family:inherit;font-size:12.5px;font-weight:700;color:#3d453c;
  text-decoration:underline;cursor:pointer;padding:0
}
.fs-runway{margin:0 0 8px}
.fs-step{
  display:flex;align-items:flex-start;gap:12px;width:100%;text-align:left;
  border:none;border-bottom:1px solid #dde2d6;background:transparent;
  padding:12px 4px;font-family:inherit;color:inherit;cursor:pointer
}
.fs-runway .fs-step:first-child{border-top:1px solid #dde2d6}
.fs-step.next{background:rgba(171,176,154,.22)}
.fs-step.done .fs-num{background:#111311;border-color:#111311;color:#f3ecd8}
.fs-step.locked{opacity:.55}
.fs-num{
  flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid #dde2d6;
  background:#fff;display:inline-flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;margin-top:2px;color:#3d453c
}
.fs-step.next .fs-num{border-color:#111311;background:#111311;color:#f3ecd8}
.fs-step-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.fs-step b{display:block;font-size:13.5px;font-weight:700;color:#3d453c}
.fs-sub{display:block;font-size:12px;color:#5c665a}
.fs-status{display:block;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5c665a;margin-top:3px;font-style:normal}
.fs-step.next .fs-status{color:#111}
.fs-today .demo-live-tag{position:relative}
.fs-today strong{font-size:20px}
.fs-cal-board{
  background:#f3ecd8;border:1.5px solid rgba(61,69,60,.1);
  border-radius:18px;padding:12px 10px 14px;margin:0 0 12px
}
.fs-cal-head{
  display:flex;flex-direction:column;align-items:stretch;gap:8px;
  margin:0 0 10px;padding:0 2px
}
.fs-cal-title{
  font-family:"Fraunces",serif;font-size:22px;font-weight:500;color:#111;
  display:flex;align-items:center;gap:8px;white-space:nowrap;line-height:1.15
}
.fs-cal-title i.fs-cal-chev{
  font-style:normal;width:22px;height:22px;border-radius:8px;border:1.5px solid #dde2d6;background:#eef2ec;
  display:inline-flex;align-items:center;justify-content:center;position:relative;flex:none
}
.fs-cal-title i.fs-cal-chev::before{
  content:"";width:7px;height:7px;border-right:1.6px solid #5c665a;border-bottom:1.6px solid #5c665a;
  transform:rotate(45deg) translateY(-1px)
}
.fs-cal-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.fs-cal-dated{font-size:11px;font-weight:700;color:#5c665a;white-space:nowrap;flex:none}
.fs-cal-views{display:inline-flex;flex:none;background:rgba(255,255,255,.55);border-radius:999px;padding:2px;border:1px solid rgba(61,69,60,.1)}
.fs-cal-views b{font-size:10px;font-weight:700;padding:5px 9px;border-radius:999px;border:0;background:transparent;color:#5c665a;white-space:nowrap}
.fs-cal-views b.on{background:#111311;color:#f3ecd8}
.fs-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;background:rgba(255,255,255,.55);border-radius:12px;padding:8px}
.fs-cal-grid span{font-size:8px;font-weight:700;letter-spacing:.06em;text-align:center;opacity:.5;padding:2px 0}
.fs-cal-grid i{font-style:normal;font-size:9px;text-align:center;padding:7px 0;border-radius:8px;color:#3d453c;min-height:28px}
.fs-cal-grid i.cell{background:rgba(255,255,255,.9);cursor:pointer}
.fs-cal-grid i.gold{background:#fbf6e6;box-shadow:inset 0 0 0 1.5px #d9a93f;font-weight:700}
.fs-gear-mini,.fs-preview-mini{
  width:34px;height:34px;border-radius:999px;border:1.5px solid #dde2d6;background:#fff;
  color:#5c665a;font-size:13px;cursor:pointer;flex:none;display:grid;place-items:center;padding:0
}
.fs-filters{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.fs-filter{
  appearance:none;font:inherit;font-size:11px;font-weight:600;padding:7px 11px;border-radius:999px;
  border:1.5px solid #dde2d6;background:#fff;color:#3d453c;cursor:pointer;min-height:32px
}
.fs-filter.on{background:#3d453c;border-color:#3d453c;color:#f5f6f2}
.fs-filter.grove{border-color:#8ea38f;color:#24402f}
.fs-filter.grove.on{background:#24402f;border-color:#24402f;color:#f5f6f2}
.fs-filter[data-demo-filter="hot"].on{background:#b88928;border-color:#b88928;color:#fff8e8}
.demo-lead-card{
  background:#fff;border:1.5px solid #dde2d6;border-radius:16px;
  padding:12px 14px;margin:0 0 10px;box-shadow:0 2px 16px rgba(61,69,60,.08);position:relative
}
.demo-lead-card.is-new{border-color:rgba(196,122,74,.45);box-shadow:inset 3px 0 0 #c47a4a,0 2px 16px rgba(61,69,60,.08)}
.demo-lead-card:has(.demo-lead-dd.is-open){z-index:4}
.demo-lead-head{display:flex;align-items:center;gap:8px;min-width:0}
.demo-lead-head-main{flex:1;min-width:0;display:grid;gap:6px}
.demo-lead-name-row{display:flex;align-items:center;gap:6px;min-width:0}
.demo-lead-hot{
  flex:none;width:28px;height:28px;display:grid;place-items:center;
  font-size:15px;opacity:.18;filter:grayscale(1);transform:scale(.92)
}
.demo-lead-hot.on{opacity:1;filter:none;transform:scale(1.08)}
.demo-lead-name{font-family:"Fraunces",serif;font-size:17px;font-weight:500;color:#3d453c;line-height:1.2}
.demo-lead-tags{display:flex;flex-wrap:wrap;gap:6px}
.demo-lead-dd{position:relative;flex:none}
.demo-lead-dd:not(.is-open) .demo-lead-menu{display:none}
.demo-lead-tab{
  appearance:none;border:none;font:inherit;cursor:pointer;
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:#f3ecd8;color:#5c665a;border-radius:999px;padding:5px 22px 5px 9px;
  position:relative;white-space:nowrap
}
.demo-lead-tab::after{
  content:"";position:absolute;right:8px;top:50%;width:5px;height:5px;
  border-right:1.5px solid #5c665a;border-bottom:1.5px solid #5c665a;
  transform:translateY(-70%) rotate(45deg)
}
.demo-lead-tab.is-interest{background:#f5f6f2;color:#3d453c}
.demo-lead-tab.is-quiz{background:#eef2ec;color:#24402f}
.demo-lead-dd.is-open .demo-lead-tab{background:#3d453c;color:#f5f6f2}
.demo-lead-dd.is-open .demo-lead-tab::after{border-color:#f5f6f2;transform:translateY(-30%) rotate(225deg)}
.demo-lead-menu{
  position:absolute;left:0;top:calc(100% + 6px);z-index:8;min-width:168px;
  padding:6px;display:grid;gap:2px;background:#fff;border:1.5px solid #dde2d6;
  border-radius:12px;box-shadow:0 10px 28px rgba(61,69,60,.16)
}
.demo-lead-opt{
  appearance:none;border:none;background:transparent;width:100%;text-align:left;
  font:inherit;font-size:13px;font-weight:600;color:#3d453c;padding:9px 10px;border-radius:8px;cursor:pointer
}
.demo-lead-opt.on{background:#f5f6f2}
.demo-lead-pill{
  font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:#f5f6f2;color:#3d453c;border-radius:999px;padding:5px 9px;white-space:nowrap
}
.demo-lead-pill.grove{background:#eef2ec;color:#24402f}
.demo-lead-more{
  appearance:none;border:none;background:transparent;padding:8px;margin:-4px -6px -4px 0;
  flex:none;cursor:pointer
}
.demo-lead-expand{
  width:28px;height:28px;border-radius:999px;border:1.5px solid rgba(61,69,60,.18);
  background:rgba(255,255,255,.7);display:grid;place-items:center;position:relative
}
.demo-lead-expand::before{content:"+";font-size:18px;font-weight:600;color:#3d453c;line-height:1}
.demo-lead-more.is-open .demo-lead-expand::before{content:"−"}
.demo-lead-rest{margin-top:8px;padding-top:8px;border-top:1px solid #dde2d6}
.demo-lead-rest[hidden]{display:none!important}
.demo-lead-meta{font-size:12.5px;color:#5c665a;margin:0 0 8px}
.demo-leads-empty{font-size:13px;color:#6a7268;font-style:italic;margin:4px 2px 0}
.fs-mentor{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px}
.fs-mentor-col{
  background:#fff;border:1.5px solid #dde2d6;border-radius:16px;border-top-width:3.5px;
  padding:0;text-align:left;font-family:inherit;color:inherit;cursor:pointer;overflow:hidden
}
.fs-mentor-col.nudge{border-top-color:#a67c5d}
.fs-mentor-col.motion{border-top-color:#7a8468}
.fs-mentor-col.ready{border-top-color:#3d5a4a}
.fs-mentor-col span{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#5c665a;padding:12px 14px 0}
.fs-mentor-col span b{background:#f5f6f2;border-radius:20px;padding:3px 9px;font-size:11px}
.fs-mentor-col.nudge span b{background:#f3ebe4;color:#6e4f3a}
.fs-mentor-col.motion span b{background:#eef0e6;color:#4f5643}
.fs-mentor-col.ready span b{background:#e4ebe6;color:#2f4539}
.fs-mentor-col strong{display:block;font-family:"Fraunces",serif;font-size:16px;padding:10px 14px 14px}
.demo-search{
  display:block;width:100%;text-align:left;margin:0 0 14px;
  border:1.5px solid #dde2d6;border-radius:14px;background:#fff;
  padding:12px 14px;font-family:inherit;font-size:13px;color:#6a7268;
  box-shadow:0 2px 16px rgba(61,69,60,.08);cursor:pointer
}
.demo-locked-row{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  width:100%;text-align:left;margin:0 0 8px;
  border:1.5px dashed #dde2d6;background:rgba(255,255,255,.55);
  border-radius:12px;padding:12px 12px;font-family:inherit;cursor:pointer;color:#3d453c
}
.demo-locked-row span{font-size:12.5px;font-weight:600}
.demo-locked-row em{font-style:normal;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8a6a18;white-space:nowrap}
.demo-live-team{
  background:#fff;border:1.5px solid #dde2d6;border-radius:16px;
  padding:12px 12px 10px;margin:0 0 12px;box-shadow:0 2px 16px rgba(61,69,60,.08)
}
.demo-live-stats{display:flex;gap:6px;margin:0 0 12px}
.demo-live-stat{
  flex:1;min-width:0;background:#f5f6f2;border:1px solid #dde2d6;border-radius:10px;padding:6px 8px
}
.demo-live-stat strong{display:block;font-family:"Fraunces",serif;font-size:16px;font-weight:600;color:#3d453c;line-height:1}
.demo-live-stat span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#24402f;margin-top:2px}
.demo-live-you{
  font-family:"Fraunces",serif;font-weight:600;font-size:15px;color:#3d453c;
  display:flex;align-items:center;gap:6px;margin:0 0 10px
}
.demo-live-list{display:flex;flex-direction:column;gap:8px}
.demo-live-l1{border:1.5px solid #dde2d6;border-radius:14px;background:#fff;overflow:hidden}
.demo-live-l1.has-kids{border-left:3.5px solid #8ea38f}
.demo-live-l1.is-open{background:#eef2ec}
.demo-live-sum{display:flex;align-items:center;gap:10px;padding:10px 12px}
.demo-live-rank{
  flex:none;width:26px;height:26px;border-radius:50%;background:#eef2ec;color:#3d453c;
  display:grid;place-items:center;font-size:11px;font-weight:700
}
.demo-live-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.demo-live-name{
  border:none;background:transparent;padding:0;margin:0;text-align:left;cursor:pointer;
  font-family:"Fraunces",serif;font-weight:600;font-size:14.5px;color:#3d453c;line-height:1.2
}
.demo-live-meta{font-size:11px;color:#5c665a;line-height:1.35}
.demo-live-expand{
  appearance:none;flex:none;width:26px;height:26px;padding:0;margin:0;border-radius:8px;
  border:1.5px solid #dde2d6;background:rgba(255,255,255,.85);position:relative;cursor:pointer
}
.demo-live-expand::before{content:"+";position:absolute;inset:0;display:grid;place-items:center;font-size:16px;font-weight:600;color:#3d453c}
.demo-live-l1.is-open .demo-live-expand{background:#eef2ec;border-color:#8ea38f}
.demo-live-l1.is-open .demo-live-expand::before{content:"−"}
.demo-live-kids{list-style:none;margin:0;padding:4px 10px 12px 18px}
.demo-live-l1:not(.is-open) .demo-live-kids{display:none}
.demo-live-node{display:flex;align-items:center;gap:8px;padding:6px 4px;border-top:1px solid rgba(61,69,60,.06)}
.demo-live-sprout{flex:none;font-size:13px;width:1.25em;text-align:center}
.demo-live-kid{
  flex:1;min-width:0;display:block;text-align:left;border:none;background:transparent;
  padding:0;font:inherit;font-size:13.5px;font-weight:600;color:#3d453c;cursor:pointer
}
.demo-tree{
  display:flex;flex-direction:column;align-items:center;gap:6px;
  width:100%;margin:0 0 10px;padding:12px 8px 14px;
  background:#fff;border:1.5px solid #dde2d6;border-radius:16px;
  box-shadow:0 2px 16px rgba(61,69,60,.08)
}
.demo-tree-lvl{width:100%;text-align:center}
.demo-tree-lvl-tag{
  display:block;margin:0 0 6px;
  font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5c665a
}
.demo-tree-stem{
  display:block;width:1.5px;height:10px;margin:0 auto;
  background:#dde2d6;border-radius:2px
}
.demo-node{
  background:#fff;border-radius:99px;padding:6px 12px;font-size:11px;font-weight:600;
  box-shadow:0 2px 8px rgba(61,69,60,.08);border:1.5px solid #dde2d6;font-family:inherit;color:inherit;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px
}
.demo-node.you{background:#3d453c;color:#fff;border-color:#3d453c}
.demo-node.you svg{filter:brightness(1.35)}
.demo-node svg{display:block}
.demo-branches{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.demo-fact{
  background:#fff;border:1.5px solid #dde2d6;border-radius:12px;padding:12px;margin:0 0 8px
}
.demo-fact b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#5c665a;margin-bottom:4px}
.demo-fact p{font-size:12.5px;line-height:1.45;margin:0;color:#3d453c}

.hub-copy .section-title{font-size:clamp(1.55rem,2.4vw,2.05rem);margin-bottom:.7rem;color:var(--linen);max-width:16ch}
.hub-copy p{max-width:42ch;margin-bottom:1.05rem;opacity:.9}
.hub-hold{
  font-family:"Fraunces",serif;font-style:italic;font-size:1.12rem;
  max-width:36ch!important;line-height:1.45;opacity:.95!important;
  color:var(--brass-light);margin-bottom:1.15rem!important
}
.hub-points{
  list-style:none;margin:0 0 1rem;padding:0;max-width:46ch
}
.hub-points li{
  position:relative;padding:.72rem 0 .72rem 1.2rem;
  font-size:.96rem;opacity:.92;line-height:1.55
}
.hub-points li strong{display:block;font-weight:600;color:var(--linen);margin-bottom:.22rem;font-size:1.02rem;line-height:1.3}
.hub-points li::before{
  content:"";position:absolute;left:0;top:calc(.72rem + (1.02rem * 1.3 - 7px) / 2);
  width:7px;height:7px;border-radius:50%;
  background:var(--brass-light)
}
.hub-more{
  font-size:.88rem;opacity:.7;max-width:40ch;margin:0 0 1.15rem;font-style:italic
}
.hub-copy .btn{margin-bottom:.85rem}
.hub-copy-note{font-size:.88rem;opacity:.68;margin:0}

.company{
  background:
    radial-gradient(ellipse 50% 45% at 88% 18%,rgba(179,137,60,.16),transparent 64%),
    radial-gradient(ellipse 35% 40% at 8% 90%,rgba(28,50,39,.06),transparent 60%),
    var(--linen);
  padding:4.8rem 2rem 5.2rem;position:relative
}
.company .container{
  display:flex;flex-direction:column;align-items:stretch;
  max-width:42rem
}
.company-head{max-width:none;width:100%;margin:0 0 1.5rem}
.company .lede{margin-bottom:0}
.company-stats{
  list-style:none;margin:0 0 1.7rem;padding:0;
  display:flex;flex-wrap:wrap;justify-content:center;
  gap:.7rem .75rem;max-width:none;width:100%
}
.company-stats li{
  background:var(--white);
  border:1px solid rgba(227,217,200,.95);
  border-radius:999px;
  padding:.62rem 1.15rem .62rem 1.2rem;
  display:inline-flex;align-items:baseline;gap:.55rem;
  box-shadow:0 8px 20px rgba(28,50,39,.05)
}
.company-stats b{
  font-family:"Fraunces",serif;font-size:1.05rem;font-weight:500;
  color:var(--pine);letter-spacing:-.02em;line-height:1.2
}
.company-stats span{
  font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;opacity:.58;line-height:1.2
}
.factory-stage{margin:0 0 1.35rem;max-width:none;width:100%}
.factory-stage .carousel-slide{
  padding:1.55rem 1.5rem 1.4rem;min-height:0
}
.factory-card{
  padding:0;
  border-radius:18px;
  min-height:0;
  box-sizing:border-box
}
.factory-body{
  display:flex;align-items:center;gap:1.35rem 1.6rem
}
.factory-copy{
  flex:1 1 auto;min-width:0;
  display:flex;flex-direction:column
}
.factory-orb{
  flex:none;width:12.25rem;height:12.25rem;margin:0;
  border-radius:50%;overflow:hidden;
  border:3px solid var(--brass-light);
  box-shadow:0 10px 26px rgba(28,50,39,.14),0 0 0 6px rgba(179,137,60,.14);
  align-self:center
}
.factory-orb img{
  width:100%;height:100%;object-fit:cover;display:block
}
.factory-from .factory-orb img{object-position:52% 40%}
.factory-to .factory-orb img{object-position:58% 46%}
.factory-from{
  background:var(--white);
  border:1px solid rgba(227,217,200,.9)
}
.factory-from h3{font-size:1.65rem;margin:.05rem 0 .4rem;white-space:nowrap}
.factory-copy > p:not(.bubble-kicker){
  max-width:none;font-size:.98rem;line-height:1.5;opacity:.88;margin:0
}
.factory-facts{
  list-style:none;margin:.7rem 0 0;padding:0;
  display:flex;flex-direction:column;gap:.28rem
}
.factory-facts li{
  position:relative;padding-left:1.05rem;
  font-size:.88rem;line-height:1.35;opacity:.82
}
.factory-facts li::before{
  content:"";position:absolute;left:0;top:.38em;
  width:7px;height:11px;
  background:var(--brass);
  border-radius:0 72% 0 72%;
  transform:rotate(-28deg)
}
.factory-card .bubble-kicker{margin:0 0 .5rem}
.factory-go{
  display:inline-flex;align-items:center;gap:.7rem;
  margin-top:.95rem;padding:.2rem 0 0;
  background:none;border:0;cursor:pointer;
  color:var(--brass);font-family:"Work Sans",sans-serif;
  font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600
}
.factory-go span{
  width:2.6rem;height:2.6rem;border-radius:50%;
  border:1px solid var(--brass);
  display:flex;align-items:center;justify-content:center;
  font-size:1.15rem;background:var(--white);color:var(--brass);
  animation:joinPulse 2.8s ease-in-out infinite
}
.factory-back{
  display:inline-block;margin-top:.95rem;padding:.35rem 0 0;
  background:none;border:0;cursor:pointer;
  color:var(--brass-light);font-family:"Work Sans",sans-serif;
  font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;font-weight:600;
  text-align:left
}
.factory-to{
  background:
    radial-gradient(ellipse 70% 60% at 90% 0%,rgba(232,200,106,.22),transparent 58%),
    var(--pine);
  color:var(--linen);
  box-shadow:0 22px 50px rgba(28,50,39,.18)
}
.factory-to .bubble-kicker{color:var(--brass-light)}
.factory-to .factory-orb{
  border-color:var(--brass-light);
  box-shadow:0 10px 26px rgba(0,0,0,.28),0 0 0 6px rgba(232,200,106,.16)
}
.factory-to .factory-facts li::before{background:var(--brass-light)}
.factory-to h3{
  display:flex;align-items:baseline;gap:.5rem;
  font-size:1.65rem;max-width:none;margin:.05rem 0 .4rem;color:var(--linen);
  white-space:nowrap
}
.factory-figure{
  font-family:"Fraunces",serif;font-size:2.15rem;font-weight:400;
  color:var(--brass-light);letter-spacing:-.03em;line-height:1;margin:0
}
@keyframes joinPulse{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(179,137,60,.28)}
  50%{transform:scale(1.07);box-shadow:0 0 0 10px rgba(179,137,60,0)}
}
.bubble-kicker{
  font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--brass);font-weight:600;margin-bottom:.4rem
}
.carousel-viewport{
  overflow:hidden;
  border-radius:2px 22px 22px 22px;
  border:1px solid rgba(227,217,200,.9);
  border-left:3px solid var(--brass);
  background:var(--white);
  box-shadow:0 18px 44px rgba(28,50,39,.07);
  touch-action:pan-y
}
.carousel-viewport.factory-viewport{
  border:0;border-radius:18px;background:transparent;box-shadow:none
}
.carousel-track{
  display:flex;width:100%;
  transition:transform .55s var(--ease)
}
.carousel-slide{
  flex:0 0 100%;width:100%;
  padding:1.55rem 1.6rem 1.6rem;
  min-height:12.5rem;
  box-sizing:border-box
}
.carousel-slide h3{
  font-size:1.38rem;margin-bottom:.5rem;max-width:18ch
}
.carousel-slide p{margin:0;max-width:44ch;font-size:1.02rem;line-height:1.55}
.factory-stage .carousel-slide h3{max-width:none;margin-bottom:.4rem}
.carousel-nav{
  display:flex;align-items:center;gap:.55rem;
  margin-top:.95rem
}
.carousel-btn{
  width:2.35rem;height:2.35rem;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--pine);
  font-size:1.05rem;line-height:1;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  transition:background .2s,border-color .2s,transform .2s
}
.carousel-btn:hover{border-color:var(--brass);transform:translateY(-1px)}
.carousel-dots{display:flex;align-items:center;gap:.4rem;margin-left:.15rem}
.carousel-dot{
  width:7px;height:7px;padding:0;border:0;border-radius:50%;
  background:var(--line);cursor:pointer;
  transition:width .25s,background .25s,border-radius .25s
}
.carousel-dot.on{width:1.15rem;border-radius:99px;background:var(--pine)}
.carousel-index{
  margin-left:auto;margin-bottom:0;
  font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass);font-weight:600
}
.factory-flip{position:relative;min-height:9.2rem}
.factory-face{position:absolute;inset:0;opacity:0}
.carousel-slide.is-active .factory-now{animation:factoryNow 10s var(--ease) infinite}
.carousel-slide.is-active .factory-next{animation:factoryNext 10s var(--ease) infinite}
@keyframes factoryNow{
  0%,42%{opacity:1;transform:translateY(0)}
  50%,92%{opacity:0;transform:translateY(10px)}
  100%{opacity:1;transform:translateY(0)}
}
@keyframes factoryNext{
  0%,42%{opacity:0;transform:translateY(10px)}
  50%,92%{opacity:1;transform:translateY(0)}
  100%{opacity:0;transform:translateY(10px)}
}

.why{background:var(--linen);position:relative;overflow:hidden}
.why::before{
  content:"";position:absolute;width:42vw;height:42vw;right:-12%;top:-18%;
  background:radial-gradient(circle,rgba(179,137,60,.16),transparent 68%);
  animation:orbFloat 16s ease-in-out infinite;pointer-events:none
}
.why-head{max-width:none;margin-bottom:2.4rem;position:relative;z-index:1}
.why-head .section-title{max-width:none;margin-bottom:.7rem;white-space:nowrap}
.why-head .lede{margin:0;max-width:none;font-size:1.18rem;white-space:nowrap}
.why-merge{
  display:grid;
  grid-template-columns:.92fr 1.2fr;
  gap:1.35rem 1.5rem;
  position:relative;z-index:1;
  align-items:start
}
.why-merge .why-room-live{min-height:0;display:flex}
.why-merge .why-room-live .why-arch{flex:1;width:100%}
.why-merge .about-letter{
  margin:0;max-width:none;
  padding-top:3.7rem;
  box-shadow:0 22px 50px rgba(28,50,39,.12),inset 0 1px 0 rgba(255,255,255,.85)
}
.why-rooms{
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:1rem 1.35rem;
  position:relative;z-index:1;
  align-items:stretch
}
.why-stack{
  display:flex;flex-direction:column;gap:.7rem;justify-content:center
}
.why-room-live{min-height:0;height:100%;display:flex}
.why-room-live .why-arch{flex:1;width:100%}
.why-arch{
  padding:1.55rem 1.45rem 1.4rem;
  background:linear-gradient(180deg,#fdfcf9 0%,var(--linen-warm) 100%);
  border:1.5px solid rgba(179,137,60,.38);
  border-radius:2.6rem 2.6rem 1.2rem 1.2rem / 1.7rem 1.7rem 1.2rem 1.2rem;
  box-shadow:0 14px 32px rgba(28,50,39,.08);
  position:relative;
  display:flex;flex-direction:column;
  transition:transform .4s var(--ease),box-shadow .4s
}
.why-arch::before{
  content:"";
  position:absolute;top:-11px;left:50%;
  width:13px;height:20px;
  background:linear-gradient(160deg,var(--brass-light),var(--brass));
  border-radius:0 72% 0 72%;
  transform:translateX(-50%) rotate(-28deg);
  box-shadow:0 2px 6px rgba(28,50,39,.16)
}
.why-room:hover .why-arch{transform:translateY(-6px);box-shadow:0 22px 44px rgba(28,50,39,.12)}
.why-room-live .why-arch{
  height:100%;
  background:
    radial-gradient(ellipse 70% 50% at 80% 0%,rgba(232,200,106,.2),transparent 58%),
    linear-gradient(180deg,#24402f 0%,#142519 100%);
  color:var(--linen);
  border-color:rgba(207,169,94,.45);
  border-radius:50% 50% 1.35rem 1.35rem / 18% 18% 1.35rem 1.35rem;
  justify-content:center;align-items:center;text-align:center;
  padding:2.35rem 1.6rem 2rem;
  box-sizing:border-box
}
.why-room-live .why-arch::before{
  background:linear-gradient(160deg,#e8c86a,var(--brass-light))
}
.why-live-meta{
  display:flex;flex-direction:column;align-items:center;gap:.45rem;
  margin:0 0 .85rem
}
.why-room-live .bubble-kicker{
  color:var(--brass-light);margin:0;
  font-family:"Caveat",cursive;font-size:1.45rem;font-weight:600;
  letter-spacing:.04em;text-transform:none
}
.why-room-live h3{color:var(--linen);font-size:clamp(1.95rem,3.4vw,2.55rem);max-width:none;margin:0 0 .45rem;white-space:nowrap}
.why-room-live p{opacity:.9;max-width:none;margin:0 auto;line-height:1.4;font-size:1.02rem}
.why-live{
  display:inline-flex;align-items:center;gap:.45rem;
  font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass-light);font-weight:600;margin:0;
  background:rgba(232,200,106,.14);
  border:1px solid rgba(232,200,106,.38);
  border-radius:999px;padding:.38rem .8rem .38rem .62rem
}
.why-live i{
  width:8px;height:8px;border-radius:50%;
  background:#e8c86a;
  box-shadow:0 0 0 0 rgba(232,200,106,.55);
  animation:livePulse 1.7s ease-out infinite
}
@keyframes livePulse{
  0%{box-shadow:0 0 0 0 rgba(232,200,106,.55)}
  70%{box-shadow:0 0 0 10px rgba(232,200,106,0)}
  100%{box-shadow:0 0 0 0 rgba(232,200,106,0)}
}
.why-room-a{transform:rotate(-.8deg)}
.why-room-b{transform:rotate(.7deg)}
.why-room-c{transform:rotate(-.5deg)}
.why-room-a:hover,.why-room-b:hover,.why-room-c:hover{transform:rotate(0) translateY(-4px)}
.why-arch h3{font-size:1.38rem;margin-bottom:.2rem;max-width:none;white-space:nowrap}
.why-arch h3::after{
  content:"";display:block;width:1.55rem;height:1.5px;
  background:var(--brass);margin:.5rem auto .55rem;opacity:.75
}
.why-arch p:last-child{margin:0 auto;font-size:.98rem;line-height:1.5;opacity:.86;max-width:32ch}
.why-stack .why-arch{text-align:center;align-items:center}
.why-stack .bubble-kicker{
  display:inline-block;margin:0 0 .55rem;
  background:rgba(179,137,60,.1);border:1px solid rgba(179,137,60,.28);
  border-radius:999px;padding:.28rem .72rem;letter-spacing:.14em
}
.why-room-live h3::after{background:var(--brass-light);opacity:.85}

.about{
  background:
    radial-gradient(ellipse 50% 40% at 88% 12%,rgba(179,137,60,.2),transparent 62%),
    linear-gradient(180deg,var(--pine-deep) 0%,#1a2c22 100%);
  position:relative;padding:5.4rem 2rem 5.6rem;overflow:hidden
}
.about-seeds{position:absolute;inset:0;pointer-events:none}
.about-seeds i{
  position:absolute;width:7px;height:7px;border-radius:50%;
  background:var(--brass-light);opacity:.5;
  animation:seedDrift 11s ease-in-out infinite
}
.about-seeds i:nth-child(1){left:12%;top:22%;animation-delay:0s}
.about-seeds i:nth-child(2){left:78%;top:18%;animation-delay:1.4s;width:5px;height:5px}
.about-seeds i:nth-child(3){left:64%;top:62%;animation-delay:2.6s}
.about-seeds i:nth-child(4){left:28%;top:72%;animation-delay:3.8s;width:6px;height:6px}
.about-seeds i:nth-child(5){left:88%;top:48%;animation-delay:5s;width:4px;height:4px}
@keyframes seedDrift{
  0%,100%{transform:translate3d(0,0,0);opacity:.35}
  50%{transform:translate3d(10px,-18px,0);opacity:.7}
}
.about-letter{
  position:relative;z-index:1;
  max-width:52rem;margin:1.2rem auto 0;
  background:
    linear-gradient(180deg,transparent 31px,rgba(227,217,200,.45) 32px) 0 2.9rem / 100% 32px,
    linear-gradient(175deg,#fffcf7 0%,#f8f3ea 100%);
  color:var(--ink);
  padding:3.2rem 2.6rem 2.1rem;
  border:1px solid #e3d9c8;
  box-shadow:0 28px 70px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.85);
  transform:rotate(-.55deg);
  transform-origin:center top
}
.about-letter::after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.04
}
.about-seal{
  position:absolute;top:-2.15rem;right:1.5rem;
  width:5.6rem;height:5.6rem;border-radius:50%;
  padding:5px;
  background:
    radial-gradient(circle at 32% 28%,#e8c86a,#b3893c 46%,#7a5418 100%);
  box-shadow:0 12px 26px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,248,220,.45);
  transform:rotate(8deg);
  animation:sealSway 6.5s ease-in-out infinite;
  z-index:3
}
.about-seal img{
  width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;
  background:#f6f2ea
}
.about-seal::after{
  content:"";position:absolute;top:86%;left:50%;z-index:-1;
  width:11px;height:2.55rem;
  background:linear-gradient(90deg,#7a5418,#cfa95e 45%,#7a5418);
  transform:translateX(-50%);
  clip-path:polygon(0 0,100% 0,100% 72%,50% 100%,0 72%)
}
@keyframes sealSway{
  0%,100%{transform:rotate(8deg) translateY(0)}
  50%{transform:rotate(15deg) translateY(3px)}
}
.about-hand{
  font-family:"Caveat",cursive;font-size:1.85rem;color:var(--pine);
  transform:rotate(-1deg);transform-origin:left center;
  margin-bottom:.55rem;position:relative;z-index:1;padding-right:5.5rem
}
.about-letter .section-title{
  font-size:clamp(1.55rem,3.2vw,2.15rem);max-width:none;margin:0 6.4rem .95rem 0;
  position:relative;z-index:1;color:var(--pine);white-space:nowrap;line-height:1.2
}
.about-stamps{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.05rem 1.15rem;position:relative;z-index:1
}
.about-stamp{
  --rot:0deg;
  background:
    radial-gradient(circle at 0 0,#f6f2ea 5px,transparent 5.5px),
    radial-gradient(circle at 100% 0,#f6f2ea 5px,transparent 5.5px),
    radial-gradient(circle at 0 100%,#f6f2ea 5px,transparent 5.5px),
    radial-gradient(circle at 100% 100%,#f6f2ea 5px,transparent 5.5px),
    #fffdf8;
  border:1px solid rgba(179,137,60,.42);
  padding:1.15rem .95rem 1rem;
  text-align:center;
  box-shadow:0 10px 22px rgba(28,50,39,.08);
  transform:rotate(var(--rot));
  animation:stampFloat 5.2s ease-in-out infinite
}
.about-stamp:nth-child(2){animation-delay:.7s}
.about-stamp:nth-child(3){animation-delay:1.4s}
.about-stamp:nth-child(4){animation-delay:2.1s}
.about-stamp:hover{transform:rotate(0) translateY(-6px);animation-play-state:paused}
@keyframes stampFloat{
  0%,100%{transform:translateY(0) rotate(var(--rot))}
  50%{transform:translateY(-8px) rotate(calc(var(--rot) + 1.1deg))}
}
.about-stamp em{
  display:block;font-family:"Fraunces",serif;font-style:normal;
  font-size:1.72rem;font-weight:400;color:var(--brass);letter-spacing:-.03em;
  line-height:1.1;margin:0 0 .2rem
}
.about-stamp b{
  display:block;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--pine);font-weight:600;margin:0 0 .4rem
}
.about-stamp p{margin:0;font-size:.86rem;line-height:1.4;opacity:.82}
.about-sign{
  font-family:"Caveat",cursive;font-size:1.85rem;color:var(--pine);
  margin:1.55rem 0 0;transform:rotate(-1.2deg);transform-origin:left center;
  position:relative;z-index:1
}

.section-cta{margin:2.15rem 0 0;position:relative;z-index:1}
.why .section-cta{text-align:center}

.faq{background:var(--white)}
.faq .lede{margin-bottom:1.7rem}
.faq-doors{
  display:flex;flex-direction:column;gap:.7rem;margin:0
}
.faq-item{display:flex;flex-direction:column;gap:.5rem}
.faq-door{
  text-align:left;cursor:pointer;
  background:var(--linen);
  border:1px solid rgba(227,217,200,.95);
  border-radius:22px;
  padding:1.2rem 1.3rem 1.15rem;
  width:100%;
  font-family:"Work Sans",sans-serif;color:var(--ink);
  position:relative;
  transition:background .25s,border-color .25s,color .25s,transform .25s var(--ease),box-shadow .25s
}
.faq-door:hover{transform:translateY(-4px);border-color:var(--brass);box-shadow:0 14px 32px rgba(28,50,39,.08)}
.faq-door.on{
  background:var(--pine);color:var(--linen);border-color:var(--pine);
  box-shadow:0 16px 36px rgba(28,50,39,.16)
}
.faq-door-kicker{
  display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--brass);font-weight:600;margin-bottom:.55rem
}
.faq-door.on .faq-door-kicker{color:var(--brass-light)}
.faq-door-title{
  display:block;font-family:"Fraunces",serif;font-size:1.35rem;
  padding-right:2.2rem;line-height:1.2;margin-bottom:.35rem
}
.faq-door-hint{display:block;font-size:.82rem;opacity:.68;line-height:1.4;max-width:18ch}
.faq-door.on .faq-door-hint{opacity:.82}
.faq-door::after{
  content:"+";
  position:absolute;right:1.05rem;top:1.2rem;
  width:1.85rem;height:1.85rem;
  border-radius:50%;border:1px solid var(--brass);
  color:var(--brass);font-size:1.2rem;line-height:1.75rem;
  text-align:center;font-weight:400
}
.faq-door.on::after{
  content:"–";
  background:rgba(246,242,234,.12);color:var(--linen);border-color:rgba(246,242,234,.35)
}
.faq-group{display:none;max-width:none}
.faq-group.on{display:flex;flex-direction:column;gap:.55rem}
.faq-group[hidden]{display:none!important}
.faq-group details{
  background:var(--linen);
  border:1px solid rgba(227,217,200,.95);
  border-radius:16px;
  overflow:hidden;
  transition:background .25s,border-color .25s,box-shadow .25s
}
.faq-group details[open]{
  background:#fff;
  border-color:rgba(179,137,60,.45);
  box-shadow:0 10px 28px rgba(28,50,39,.06)
}
.faq-group summary{
  cursor:pointer;list-style:none;
  padding:1.05rem 3.4rem 1.05rem 1.15rem;
  font-family:"Fraunces",serif;font-size:1.12rem;position:relative;
  color:var(--pine);
  transition:background .2s
}
.faq-group summary:hover{background:rgba(255,255,255,.55)}
.faq-group details[open] summary:hover{background:transparent}
.faq-group summary::-webkit-details-marker,
.faq-group summary::marker{display:none;content:""}
.faq-group summary::after{
  content:"+";
  position:absolute;right:.85rem;top:50%;
  width:1.85rem;height:1.85rem;margin-top:-.925rem;
  border-radius:50%;border:1px solid var(--brass);
  color:var(--brass);font-size:1.2rem;line-height:1.75rem;
  text-align:center;font-family:"Work Sans",sans-serif;font-weight:400;
  transition:background .2s,color .2s,border-color .2s,transform .2s
}
.faq-group details[open] summary::after{
  content:"–";
  background:var(--pine);color:var(--linen);border-color:var(--pine)
}
.faq-group details p{
  padding:0 1.2rem 1.15rem;max-width:62ch;
  margin:0;font-size:.98rem;line-height:1.55;opacity:.88
}

.connect-modal{
  position:fixed;inset:0;z-index:200;
  display:flex;align-items:center;justify-content:center;
  padding:1.4rem;
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .25s ease,visibility .25s ease
}
.connect-modal.open{opacity:1;visibility:visible;pointer-events:auto}
.connect-modal-backdrop{position:absolute;inset:0;background:rgba(20,37,25,.65)}
.connect-modal-panel.letter-panel{
  position:relative;z-index:2;
  width:min(100%,560px);
  max-height:min(92dvh,820px);
  overflow:auto;
  background:transparent;border:none;box-shadow:none;padding:0
}
.connect-modal-close{
  position:absolute;top:.6rem;right:.8rem;z-index:3;
  background:rgba(255,255,255,.7);
  border:1px solid #e3d9c8;
  border-radius:50%;
  font-size:1.5rem;line-height:1;
  color:var(--pine);cursor:pointer;
  width:2.2rem;height:2.2rem;
  display:flex;align-items:center;justify-content:center
}
.letter-paper{
  background:linear-gradient(175deg,#fffcf7 0%,#f8f3ea 100%);
  border:1px solid #e3d9c8;
  border-radius:2px;
  padding:2.8rem 2.6rem 2.4rem;
  box-shadow:0 24px 60px rgba(28,50,39,.24),inset 0 1px 0 rgba(255,255,255,.85);
  position:relative;
  color:var(--ink)
}
.letter-paper::before{
  content:"";
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity:.05;pointer-events:none;border-radius:2px
}
.letter-head,.letter-body-copy,.letter-form,.letter-sign,.modal-fine,.thanks-card{position:relative;z-index:1}
.letter-salutation{
  font-family:"Caveat",cursive;
  font-size:2.4rem;font-weight:500;
  margin-bottom:.6rem;color:var(--pine);line-height:1.1;
  transform:rotate(-.8deg);transform-origin:left center
}
.letter-body-copy p{
  font-family:"Caveat",cursive;
  font-size:1.45rem;line-height:1.55;
  margin-bottom:1.2rem;max-width:48ch;color:var(--ink)
}
.letter-form{margin-top:.4rem}
.letter-sign{
  font-family:"Caveat",cursive;
  margin-top:1.4rem;color:var(--pine);
  font-size:1.75rem;font-weight:500;
  transform:rotate(-1.2deg);transform-origin:left center
}
.modal-fine{font-size:.75rem;opacity:.55;margin-top:1.2rem;text-align:left}
body.connect-open{overflow:hidden}
.field{margin-bottom:.85rem}
.field label{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.3rem;opacity:.7}
.field input,.combo input,.letter-form textarea{
  width:100%;padding:.7rem .8rem;border:1px solid var(--line);border-radius:10px;
  font-family:"Work Sans",sans-serif;font-size:1rem;background:#fff;color:var(--ink)
}
.letter-form textarea{min-height:5.2rem;resize:vertical;line-height:1.45}
.landed-extra{
  background:rgba(246,242,234,.72);
  border:1px solid var(--line);
  border-radius:14px;
  padding:1rem .95rem .35rem;
  margin:.2rem 0 1.05rem
}
.landed-extra .hint{margin-top:0}
.local-area{margin-top:.35rem}
.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}
.hint{font-size:.8rem;opacity:.65;margin:.15rem 0 .9rem}
.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:.35rem 0 1rem}
.chip{
  border:1px solid var(--line);background:#fff;padding:.45rem .85rem;
  font-size:.82rem;cursor:pointer;border-radius:99px;font-family:"Work Sans",sans-serif
}
.chip.on{background:var(--pine);color:var(--linen);border-color:var(--pine)}
.intent-field{border:0;padding:0;margin:1.05rem 0 .35rem}
.intent-field legend{
  font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;
  opacity:.7;margin-bottom:.45rem
}
.chips-intent{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.15rem 0 .35rem}
.chip-intent{
  border:1px solid var(--line);background:#fff;padding:.7rem .8rem .75rem;
  text-align:left;cursor:pointer;border-radius:12px;
  font-family:"Work Sans",sans-serif;color:var(--ink);
  transition:background .2s,border-color .2s,color .2s
}
.chip-intent b{display:block;font-size:.88rem;font-weight:600;letter-spacing:.01em}
.chip-intent span{display:block;font-size:.74rem;line-height:1.35;opacity:.62;margin-top:.22rem;font-weight:400}
.chip-intent.on{background:var(--pine);color:var(--linen);border-color:var(--pine)}
.chip-intent.on span{opacity:.82}
.form-msg{min-height:1.2em;font-size:.88rem;margin-top:.6rem;color:#8a3a32}
.combo{position:relative}
.combo-list{
  position:absolute;left:0;right:0;top:100%;z-index:20;
  background:#fff;border:1px solid var(--line);border-top:0;max-height:220px;overflow:auto;display:none
}
.combo-list.open{display:block}
.combo-opt{display:block;width:100%;text-align:left;padding:.65rem .8rem;background:#fff;border:0;cursor:pointer;font-family:"Work Sans",sans-serif;font-size:.95rem}
.combo-opt small{display:block;font-size:.78rem;opacity:.62;margin-top:.18rem;font-weight:400}
.combo-opt:hover,.combo-opt.active{background:var(--linen-warm)}
.combo.is-locked #whoInput,.combo.is-locked .combo-list{display:none}
.who-locked{margin:.35rem 0 0;font-size:.95rem;color:var(--pine);font-weight:500}
.thanks-card{display:none;text-align:center;padding:2.4rem 1rem 1.2rem}
.thanks-card.on{display:block}
.thanks-card h3{font-size:1.8rem;margin-bottom:.6rem;font-family:"Fraunces",serif;color:var(--pine)}

footer{background:var(--pine-deep);color:var(--linen);padding:3.2rem 2rem 2.4rem;text-align:center}
.foot-brand{font-family:"Fraunces",serif;letter-spacing:.14em;text-transform:uppercase;font-size:1rem;margin-bottom:.8rem;display:flex;align-items:center;justify-content:center;gap:.65rem}
.foot-logo{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid rgba(207,169,94,.35)}
.foot-brand span{color:var(--brass-light)}
.foot-cta{font-family:"Fraunces",serif;font-style:italic;font-size:1.02rem;opacity:.82;margin-bottom:.35rem}
.foot-cta a{color:var(--brass-light);text-decoration:none;border-bottom:1px solid rgba(207,169,94,.35)}
.foot-icons{display:flex;justify-content:center;align-items:center;gap:.85rem;margin:1.25rem 0 1.45rem}
.foot-icon{
  width:2.75rem;height:2.75rem;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid rgba(207,169,94,.42);
  color:var(--brass-light);text-decoration:none;
  transition:background .22s var(--ease),color .22s,border-color .22s,transform .22s var(--ease)
}
.foot-icon svg{width:1.18rem;height:1.18rem;display:block}
.foot-icon:hover{
  background:var(--brass-light);color:var(--pine-deep);border-color:var(--brass-light);
  transform:translateY(-2px)
}
.foot-legal,.foot-copy{font-size:.8rem;opacity:.6;max-width:70ch;margin:.4rem auto}
.foot-copy{
  margin-top:.85rem;opacity:.72;max-width:52ch;line-height:1.55;
  letter-spacing:.02em
}

.sticky-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:90;display:none;
  padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));
  background:rgba(20,37,25,.96)
}
.sticky-cta .btn{width:100%;text-align:center}
.sticky-cta.on{display:block}

.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.why-room.reveal:nth-child(2){transition-delay:.08s}
.why-stack .why-room.reveal:nth-child(1){transition-delay:.08s}
.why-stack .why-room.reveal:nth-child(2){transition-delay:.16s}
.why-stack .why-room.reveal:nth-child(3){transition-delay:.24s}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .demo-sheet{transition:none}
  .hero-mesh,.hero-orb,.hero-ring,.hero-sparkle,.hero-sprout-glow,.hero-sprout-copy::after,.hero-plant,.leaf,.marquee-track,.btn-brass::after,.phone-glow,.hero-scroll span::after,.why::before,.factory-now,.factory-next,.factory-go span,.about-seeds i,.why-live i,.about-seal,.about-stamp{animation:none}
  .carousel-slide.is-active .factory-now{opacity:1;transform:none;animation:none}
  .carousel-slide.is-active .factory-next{opacity:0;animation:none}
  .hero h1 .line{animation:none;opacity:1;transform:none}
  .carousel-track{transition:none}
  .phone-dock{transform:none;transition:none}
  .fs-plantbox.sprout-pulse,
  .fs-plantbox.sprout-pulse .plant-sprout,
  .fs-plantbox.sprout-pulse .plant-roots,
  .fs-plantbox.sprout-pulse .root-strand{animation:none}
}

@media (max-width:900px){
  .why-rooms,.why-merge{grid-template-columns:1fr}
  .why-room-live{grid-row:auto}
  .why-room-live .why-arch{min-height:0;height:auto;padding:1.9rem 1.5rem 1.55rem}
  .why-room-a,.why-room-b,.why-room-c{transform:none}
  .company-stats{gap:.65rem .7rem}
  .factory-orb{width:6.8rem;height:6.8rem;margin:0}
  .factory-body{flex-direction:row;align-items:center;gap:1rem}
  .factory-go,.factory-back{
    font-size:1rem;letter-spacing:.1em;min-height:2.75rem;
    padding:.55rem 0;align-items:center
  }
  .factory-go span{width:2.4rem;height:2.4rem;flex:none}
  .factory-stage{cursor:pointer}
  .factory-from h3,.factory-to h3,.why-arch h3,.why-room-live h3,
  .why-head .section-title,.why-head .lede{white-space:normal}
  .factory-figure{font-size:1.85rem}
  .about-stamps{grid-template-columns:1fr 1fr}
  .about-letter{padding:2.6rem 1.25rem 1.8rem;transform:none}
  .why-merge .about-letter{padding-top:3.2rem}
  .about-seal{width:4.4rem;height:4.4rem;right:.85rem;top:-1.7rem}
  .about-letter .section-title{white-space:normal;margin-right:5.2rem;font-size:1.45rem}
  .faq-doors{gap:.65rem}
  .faq-door{min-height:0}
  .letter-paper{padding:2.2rem 1.4rem 1.8rem}
  .letter-salutation{font-size:2.1rem}
  .hero-inner{padding:0 1.15rem 2rem}
  .hero-sprout{width:5.55rem;height:5.55rem;margin-right:-2.9rem}
  .hero-sprout-copy{padding:.75rem 1.25rem .75rem 3.35rem;min-height:4rem}
  .hero-sprout-hint{font-size:.92rem}
  .hero-cta{gap:.9rem}
  .hero-eyebrow{
    font-size:.78rem;letter-spacing:.14em;gap:.55rem;white-space:nowrap;
    margin-bottom:1.05rem
  }
  .hero-eyebrow::before{width:1.35rem;flex:none}
  .hero h1{
    font-size:clamp(1.85rem,8.2vw,2.55rem);
    line-height:1.14;margin-bottom:1.15rem;letter-spacing:-.035em
  }
  .hero h1 .line{white-space:normal;overflow:visible}
  .hero-sub{font-size:1.08rem;max-width:none;margin-bottom:1.6rem}
  .site-header{padding:.7rem .9rem}
  .site-header-inner{gap:.45rem}
  .site-brand{gap:.5rem;letter-spacing:.12em;font-size:1.02rem}
  .nav-cta{
    white-space:nowrap;padding:.45rem .85rem;
    letter-spacing:.08em;font-size:.68rem
  }
  .hub{touch-action:pan-y}
  .hub button,.hub a,.phone,.phone button,.phone a{touch-action:pan-y}
  .hub-copy .section-title{
    max-width:none;white-space:normal;
    font-size:clamp(1.28rem,5.8vw,1.75rem)
  }
  .hero-stats{grid-template-columns:1fr 1fr 1fr;max-width:none}
  .site-nav a:not(.nav-cta){display:none}
  .sticky-cta.on{display:block}
  section{padding:4rem 1.4rem}
  .hub{padding:4rem 0 4.6rem}
  .hero{min-height:auto;padding-top:calc(var(--header) + 1.2rem)}
  .contact-row{grid-template-columns:1fr}
  .chips-intent{grid-template-columns:1fr}
  .hero-leaves{display:none}
  .hero-scroll{display:none}
  .site-logo{width:42px;height:42px}
  footer{padding-bottom:5.6rem}
}
@media (max-width:760px){
  .hub{overflow-x:hidden}
  .hub-stage{
    display:flex;flex-direction:column;align-items:stretch;
    justify-content:flex-start;
    margin-top:0;padding:0 1.4rem;gap:2.1rem;
    overflow-x:hidden;overflow-y:visible;max-width:none
  }
  .hub-copy{
    flex:none;max-width:none;padding-right:0;
    position:relative;z-index:1
  }
  .phone-dock{
    justify-self:center;align-self:start;
    width:min(100%,320px);max-width:100%;margin:0 auto;
    position:relative;top:auto;
    z-index:2;touch-action:pan-y
  }
  .phone-hint{width:auto;left:0;right:0}
  .phone{width:min(100%,320px);height:680px;margin:0 auto}
}
@media (max-width:380px){
  .nav-cta{font-size:.66rem;padding:.42rem .75rem;letter-spacing:.08em}
}