@font-face{font-family:"Plus Jakarta Sans";src:url('/assets/plus-jakarta-sans.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
html,body{width:100%;overflow-x:clip;overscroll-behavior-x:none}
html{scroll-padding-top:92px}
*{letter-spacing:0}
[hidden]{display:none!important}
button,a{touch-action:manipulation}
input,select{min-width:0}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--yellow);padding:12px}
.skip-link:focus{top:12px}
.nav{gap:16px}.menu a{padding-inline:8px;font-size:13px}.logo-badge{border-radius:6px}
.h2{font-size:40px}.hero h1{font-size:54px;letter-spacing:0;margin-top:14px}
.hero{position:relative;padding:0;height:min(660px,calc(100svh - 150px));min-height:480px;background:#eef3ef;isolation:isolate}
.hero>.wrap{height:100%;pointer-events:none}
.hero-grid{display:block;height:100%}
.hero-copy{position:relative;z-index:3;padding-top:85px;max-width:420px;pointer-events:auto}
.hero-copy .lead{font-size:17px;line-height:1.7;max-width:37ch}
.hero-ctas{margin-top:24px;gap:10px}.hero-ctas .btn{padding:13px 18px;font-size:14px}
.hero-note{font-size:12px;margin-top:20px}
.hero .stage{position:absolute;inset:0;border:0;border-radius:0;background:none;overflow:visible;pointer-events:auto}
.hero .viewport{position:absolute;inset:0;aspect-ratio:auto;min-height:0;background:#eef3ef}
.hero .stage.night .viewport{background:#202d29}
.hero:has(.stage.night) .hero-copy{color:#fff}.hero:has(.stage.night) .hero-copy .lead,.hero:has(.stage.night) .hero-note{color:#e2e9e3}
.hero:has(.stage.night) .hero-copy .eyebrow{color:#fff90d}
.hero .st-top{left:auto;right:max(24px,calc((100% - 1160px)/2));top:22px;z-index:4}
.hero .st-bottom{position:absolute;bottom:22px;left:46%;right:24px;border:0;padding:0;z-index:4;gap:8px;align-items:center}
.chips{justify-content:center}.chips button{border-radius:6px;background:#fff;color:#16201a}
.caption{background:#fff;padding:10px 14px;border-radius:6px;max-width:480px;font-size:12px;min-height:0}.caption b{font-size:13px}
.network-stats{background:var(--surface);border-bottom:1px solid var(--line)}
.stats{border:0;border-radius:0;margin:0;background:none}.stat{padding:24px}.stat b{font-size:30px}
.callout{border-radius:8px}.callout::after{display:none}
.formats{background:transparent;border:0;border-radius:0;padding:32px 0 0;border-top:1px solid var(--line)}
.mapbox{background:transparent;border:0;border-radius:0;padding:0}
.card,.partner,.tier,.store,details,form,.done,.empty{border-radius:8px}
.wa-box{background:transparent;border-radius:0;padding:22px 0 0;border-top:1px solid var(--line)}
.tier{min-width:0;padding:14px}.tier b{font-size:17px}
.form-privacy{font-size:12px;color:var(--muted);margin:0;line-height:1.6}
.stage-fallback{inset:45% 8% 15% 48%;font-size:14px}
@media(max-width:1100px){.nav{gap:10px}.brand-sub{display:none}.hero-copy{max-width:360px}.hero h1{font-size:46px}}
@media(max-width:960px){
  .hero{height:min(720px,calc(100svh - 144px));min-height:420px}
  .hero-copy{padding-top:22px;max-width:510px}
  .hero h1{font-size:36px;line-height:1.08;margin-top:10px}
  .hero h1 br{display:none}.hero-copy .lead{font-size:15px;line-height:1.6;margin-top:12px;max-width:46ch}
  .hero-note{display:none}.hero-ctas{margin-top:16px}.hero .st-top{top:18px;bottom:auto;right:20px}
  .hero .st-bottom{left:20px;right:20px;bottom:14px}.chips{gap:5px}
  .chips button{padding:7px 9px;font-size:11px}.caption{position:absolute;bottom:calc(100% + 10px);max-width:230px;left:0}
  .h2{font-size:32px}.stage-fallback{inset:45% 20px 20%}
}
@media(max-width:600px){
  .hero h1{font-size:32px;max-width:300px}.hero-copy{max-width:360px}.hero-copy .lead{font-size:14px;max-width:35ch}
  .hero .eyebrow{font-size:10px}.hero-ctas .btn{font-size:12px;padding:12px 14px;border-radius:6px}
  .hero .st-bottom{left:12px;right:12px}.chips{flex-wrap:wrap;overflow:visible;margin:0;padding:0}
  .chips button{padding:6px 8px;font-size:10px}.hero .st-top{top:12px;right:14px}.seg button{padding:5px 7px;font-size:10px}
  .band{padding-block:52px}.stat{padding:16px}.stat b{font-size:25px}.stat span{font-size:12px}
  .h2{font-size:28px}.callout{padding:26px}.form-privacy{font-size:11px}
  .store{grid-template-columns:minmax(0,1fr)}.store a.go{grid-row:auto;grid-column:1;justify-self:start;margin-top:4px}
  .tiers{gap:6px}.tier{padding:10px}.tier b{font-size:15px}.tier small{font-size:11px}
  .f input,.f select,.search input{font-size:16px}.fab{width:48px;height:48px}
  footer .legal{padding-bottom:32px}
}
@media(max-height:650px) and (max-width:600px){.hero-copy .lead{font-size:13px;margin-top:8px}.hero-copy{padding-top:14px}.hero h1{font-size:28px}.hero-ctas{margin-top:12px}}
@media(min-width:601px) and (max-width:960px) and (max-height:650px){
  .hero{height:calc(100svh - 130px);min-height:240px}.hero-copy{max-width:40%;padding-top:14px}
  .hero h1{font-size:27px}.hero-copy .lead{font-size:12px;line-height:1.5;margin-top:8px}
  .hero-ctas{margin-top:12px}.hero-ctas .btn{font-size:11px;padding:10px 12px}
  .hero .st-bottom{left:46%;right:16px}.chips button{font-size:10px;padding:5px 7px}
}