/* Current public-site composition, with the restored original iPhone experience. */
:root{--brand-logo-green:#003f2b}
.site-header .brand-copy strong{color:var(--brand-logo-green)}
.site-header.is-coda{background:rgba(248,249,246,.96);border-color:var(--line)}
.site-header.is-coda :is(.header-link:not(.header-open),.legal-menu-button,.mobile-menu-button),.site-header.is-coda .brand-copy small{color:var(--brand-logo-green)}
.site-header.is-coda .mobile-menu-button{border-color:var(--line)}
*{letter-spacing:0!important}
.hero h1{font-size:64px;line-height:1.02}.hero-title-line{margin-bottom:0;padding-bottom:.05em}.hero-subtitle{font-size:18px;line-height:1.55;max-width:590px}.eyebrow,.section-eyebrow{font-size:13px}.hero-product{min-height:490px;position:relative}.hero-copy{transform:none!important;opacity:1!important}
.webgl-shell{z-index:12;opacity:0;transition:none;pointer-events:none}.webgl-shell.is-ready{opacity:1}.webgl-shell[hidden]{display:none}.webgl-fallback{inset:15% 0 auto;width:100%;max-width:600px;border-radius:8px;padding:8px;background:#073729}.webgl-fallback img{border-radius:4px;aspect-ratio:1070/790;object-fit:contain;width:100%}.webgl-fallback p{font-size:14px}.product-caption{position:absolute;bottom:12px;left:0;right:0;text-align:center;color:var(--muted);font-size:12px;z-index:20}
.story-stage{position:sticky;top:0;height:100svh;min-height:0}.product-story{height:760svh}.story-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-inline:6.2%}.story-title{font-size:54px;line-height:1.08;max-width:570px}.story-body{font-size:18px}.story-meta{font-size:13px}.story-eyebrow{font-size:12px}.story-copy-panel{transition:none}.story-phone-zone{min-height:440px;height:64svh}.story-progress{width:280px}.progress-count,.progress-title{font-size:12px}.story-stage:after{transition:none}
.header-link.header-open,.mobile-open{background:var(--emerald);color:white;border-radius:10px;padding:13px 18px;box-shadow:0 6px 18px #06493622;transition:transform .2s,background .2s}.header-link.header-open:hover,.mobile-open:hover{background:#0a5943;transform:translateY(-2px)}.mobile-open{display:none}
.store-button{border-radius:12px;min-height:56px;padding:16px 22px;font-size:17px;line-height:1.2;gap:10px;transition:transform .2s,box-shadow .2s,background .2s}.store-button span{font-size:17px;font-weight:700}.store-button.access-primary{background:var(--emerald);color:white;box-shadow:0 10px 25px #06493626}.store-button.access-secondary{background:#fff;color:var(--emerald);border:1px solid #638773;box-shadow:0 5px 15px #06493610}.store-button:hover{transform:translateY(-3px);box-shadow:0 15px 28px #06493628}.store-button:active{transform:translateY(0)}
footer .brand-mark--official{background:#f7f6f2;border-radius:4px;padding:4px;box-sizing:content-box}
.pricing-section .builder-plan-price{font-size:16px;line-height:1.3}.pricing-section .builder-plan-price>span{font-size:44px}.pricing-section .plan-market{font-size:18px}.pricing-section .plan-audience--description{font-size:15px;line-height:1.6}.pricing-section .plan-button{font-size:15px;min-height:50px;gap:8px}.pricing-section .plan-button svg{width:20px;height:20px;flex-shrink:0}.annual-availability{font-size:15px;line-height:1.6;margin:22px 0 0;padding:16px 18px;border-left:3px solid var(--gold);background:#fcf8ef;color:#4c493d;font-weight:400}.annual-availability strong{display:block;color:var(--emerald);margin-bottom:5px}
.plan-comparison{border-top:1px solid #ced9d0;margin-top:22px;padding-top:16px;font-size:14px;line-height:1.55}.plan-comparison p{margin:0 0 12px;font-size:14px;color:#4f5e54}.plan-comparison dl{display:grid;grid-template-columns:1fr auto;gap:7px;margin:0 0 14px}.plan-comparison dd{margin:0}.saving{display:inline-block;color:#54421f;background:#f1e7ce;border-radius:4px;padding:5px 8px;font-weight:700}.annual-details{padding-top:32px;color:#465349;font-size:16px;line-height:1.65}.annual-details p{margin:0 0 18px}.annual-comparisons{display:grid;grid-template-columns:1fr 1fr;gap:28px;border-block:1px solid #d5ddcf;margin:25px 0;padding:24px 0 6px}.annual-comparisons strong{display:block;color:var(--emerald);font-size:19px;margin-bottom:8px}
.coda-content,.coda-kicker,.coda h2,.coda-tags{opacity:1!important;visibility:visible!important}.coda-content{transform:translateY(calc(var(--coda-offset,0) * 1px))}.marketplace-disclaimer #access-nstalz-heading{font-size:44px}
@media(min-width:1500px){.hero h1{font-size:72px}.hero-product{min-height:570px}}
@media(max-width:1150px){.header-link{font-size:12px}.desktop-navigation{gap:18px}.hero h1{font-size:52px}.hero-layout{grid-template-columns:1.1fr 1fr;gap:20px}.hero-product{min-height:400px}.story-title{font-size:43px}.story-body{font-size:17px}.story-layout{gap:35px}}
@media(max-width:900px){.desktop-navigation{display:none}.mobile-menu-button,.mobile-open{display:inline-flex}.mobile-open{font-size:14px;white-space:nowrap;padding:12px}.header-nav{gap:10px}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:650px}.hero-product{min-height:340px;height:380px;max-width:720px;width:100%;justify-self:center}.hero h1{font-size:56px}.hero{padding-top:110px;padding-bottom:32px}.hero-title-line{display:inline}.hero-title-line>span{display:inline}.hero-title-line:not(:last-child)>span:after{content:' '}.hero-subtitle{font-size:18px}.hero-chips{margin-top:22px}.product-caption{bottom:0}.scroll-cue{display:none}.story-layout,.story-stage[data-phone-side=left] .story-layout{grid-template-columns:1fr;grid-template-rows:38svh 1fr;grid-template-areas:'phone' 'copy';gap:15px;padding:88px 32px 48px;align-items:start}.story-phone-zone{height:38svh;min-height:0}.story-copy-panel{width:100%;max-width:640px;justify-self:center}.story-title{font-size:38px}.story-body{font-size:17px;line-height:1.5;margin-top:16px}.story-meta{margin-top:14px;font-size:12px}.story-copy-topline{margin-bottom:14px}.story-copy-panel:before{display:none}.story-progress,.story-stage[data-phone-side=left] .story-progress,.story-stage[data-phone-side=right] .story-progress{top:auto;bottom:16px;left:32px;right:32px;width:auto}.story-index{width:30px;height:30px}.story-stage{min-height:700px}.product-story{height:850svh}.hero .hero-actions{gap:12px}.hero .store-button{padding:16px 20px}}
@media(max-width:600px){.hero{padding-inline:22px;padding-top:108px}.hero h1{font-size:43px;line-height:1.05}.hero-subtitle{font-size:16px;margin-top:20px}.hero-product{height:300px;min-height:300px}.hero .hero-actions{flex-wrap:wrap}.hero .store-button{padding:15px 17px;min-height:54px}.hero .store-button span{font-size:16px}.hero .text-link{font-size:14px}.hero .eyebrow{font-size:12px}.hero-chips{font-size:11px}.brand-copy small{display:none}.brand-copy strong{font-size:17px}.brand-mark--official{width:26px;height:34px}.site-header{padding-inline:18px}.mobile-menu-button{font-size:12px;padding:10px;min-height:44px}.header-nav{gap:7px}.mobile-open{font-size:13px;padding:11px 12px}.story-layout,.story-stage[data-phone-side=left] .story-layout{padding-inline:24px;padding-top:78px;grid-template-rows:32svh 1fr}.story-phone-zone{height:32svh}.story-title{font-size:33px;line-height:1.07}.story-body{font-size:16px}.story-meta{line-height:1.45}.story-progress,.story-stage[data-phone-side=left] .story-progress,.story-stage[data-phone-side=right] .story-progress{left:24px;right:24px}.annual-comparisons{grid-template-columns:1fr;gap:10px}.annual-details{font-size:15px}.builder-plan-price>span{font-size:48px}.marketplace-disclaimer #access-nstalz-heading{font-size:32px}}
@media(max-width:600px){.hero h1{font-size:36px}.hero-subtitle{font-size:15px;line-height:1.5;margin-top:16px}.hero .hero-actions{margin-top:22px}.hero-chips{margin-top:14px}.hero-product{height:260px;min-height:260px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.store-button:hover,.header-open:hover{transform:none}.coda-content{transform:none}}
.product-story{height:auto}.story-stage{position:relative}.hero-product{cursor:grab}.hero-product.is-dragging{cursor:grabbing}.product-caption{pointer-events:none}.webgl-fallback{max-width:220px;left:50%;transform:translateX(-50%);padding:0;background:none}.webgl-fallback img{aspect-ratio:390/844;object-fit:contain}.webgl-fallback p{font-size:12px}
.role-signup-actions { gap: 12px; }
.role-signup-actions .store-button { padding: 16px 18px; font-size: 14px; line-height: 1.35; text-align: center; white-space: normal; }
@media (max-width: 600px) {
  .role-signup-actions { display: grid; grid-template-columns: 1fr 1fr; }
  .role-signup-actions .store-button { width: 100%; min-height: 64px; padding: 12px; }
  .role-signup-actions .text-link { grid-column: 1 / -1; }
}
