/* Beta has its own choreography. Shared tokens, phones and transitions stay 18/36. */
.beta-page{overflow-x:clip}.beta-page h3{margin:0;font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.2}.beta-page .beta-small{font-size:var(--small);line-height:1.5;margin-top:16px}.beta-button{gap:28px;min-height:60px;font-weight:500}.beta-button span{flex:1}.beta-button .icon{margin-left:0}.beta-page .text-link{font-size:var(--small)}
.beta-intro{position:relative;overflow:clip;background:radial-gradient(ellipse at 80% 55%,#32261e 0,transparent 55%),var(--night)}
.intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;grid-template-rows:1fr auto;column-gap:36px;align-items:center;padding-top:126px;padding-bottom:60px;min-height:850px}
.intro-copy{position:relative;z-index:4}.intro-copy h1{font-size:clamp(50px,5.6vw,80px);line-height:1.06;letter-spacing:-.05em;margin-bottom:32px}.intro-copy h1 span{display:block;white-space:nowrap}.intro-copy>p{max-width:380px}.intro-explore{margin-top:24px}.intro-stage{position:relative;height:590px;min-width:0;perspective:1600px;isolation:isolate;z-index:2}
.intro-glow{position:absolute;inset:12% -20%;background:radial-gradient(ellipse,#a68c7b25,transparent 67%);pointer-events:none}
.intro-phone{position:absolute;width:clamp(210px,24vw,275px);left:50%;top:28px;margin-left:calc(clamp(210px,24vw,275px) / -2);transform-origin:50% 75%}
.intro-beans{z-index:1;transform:translate3d(-116px,32px,0) rotate(-9deg) scale(.86)}.intro-home{z-index:3;transform:translate3d(0,-5px,0)}.intro-recipe{z-index:2;transform:translate3d(116px,32px,0) rotate(9deg) scale(.86)}
.intro-invitation{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:5;margin-top:28px;padding-top:28px;border-top:1px solid #ffffff20}.intro-invitation>.beta-small{max-width:400px}.intro-invitation>p{text-align:right}
/* The story opens flat without JS. Enhancement puts one step in focus at a time. */
.story-intro{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end;padding-top:32px;padding-bottom:44px}.story-intro p{max-width:390px}.story-scroll{position:relative}.story-pin{position:relative;padding:44px var(--gutter) 70px}.story-chapter{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1240px;margin:0 auto 100px}.story-chapter:last-child{margin-bottom:0}.story-copy{max-width:480px;position:relative}.beta-page .story-copy h3{font-size:var(--heading);line-height:1.08;letter-spacing:-.048em;margin-bottom:22px;max-width:500px}.story-copy .story-lead{color:var(--ink);margin-bottom:12px}.story-copy p{max-width:400px}.story-device{width:min(28vw,280px);justify-self:center;position:relative;transform-origin:50% 65%}.story-controls{display:none}
.story-ready .story-scroll{height:calc(var(--beta-vh,100svh)*3.8)}.story-ready .story-pin{position:sticky;top:0;height:var(--beta-vh,100svh);padding:36px var(--gutter) 94px;overflow:clip;isolation:isolate}
.story-ready .story-scenes{height:100%;max-width:1240px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;perspective:1500px}.story-ready .story-chapter{display:contents}.story-ready .story-copy{grid-area:1/1;align-self:center;transform-origin:50% 60%;backface-visibility:hidden}.story-ready .story-device{grid-area:1/2;width:min(30svh,300px);max-height:100%;backface-visibility:hidden}.story-ready .story-chapter:not(:first-child) .story-copy,.story-ready .story-chapter:not(:first-child) .story-device{visibility:hidden}
.story-ready .story-controls{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:26px;left:var(--gutter);right:var(--gutter);gap:16px;z-index:10;max-width:1240px;margin:auto}.story-controls a{display:flex;flex-direction:column;gap:10px;min-height:44px;text-decoration:none;font-size:var(--small);color:var(--muted)}.story-controls i{display:block;width:100%;height:2px;background:var(--line);overflow:hidden}.story-controls i:after{content:"";height:100%;background:var(--ink);display:block;transform:scaleX(var(--step-progress,0));transform-origin:0 0}.story-controls a[aria-current=step]{color:var(--ink)}
/* Native swipe carousel. Each card passes through the same foreground plane. */
.beta-gallery{position:relative;padding:34px 0 76px;overflow:clip;background:radial-gradient(ellipse at 50% 62%,#35251c,transparent 65%),var(--night)}
.gallery-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:end}.gallery-heading p{max-width:390px}.gallery-window{position:relative;margin-top:54px}.beta-carousel{display:flex;gap:42px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:34px max(32px,calc((100vw - 360px)/2)) 20px;overscroll-behavior-x:contain;align-items:flex-start;perspective:1600px}.beta-carousel::-webkit-scrollbar{display:none}.gallery-card{flex:0 0 360px;min-width:0;scroll-snap-align:center;scroll-snap-stop:always;position:relative;perspective:1400px}.gallery-phone{width:242px;margin:auto;transform-origin:50% 80%;transform:scale(.85);transition:transform .1s linear}.gallery-card:first-child .gallery-phone{transform:none}.gallery-caption{margin:38px auto 0;max-width:330px;text-align:center}.gallery-caption h3{margin-bottom:14px}.gallery-caption p{font-size:var(--body)}.gallery-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:22px}.gallery-bottom>p{font-size:var(--small)}.gallery-buttons{display:flex;gap:12px}.gallery-buttons button{border:1px solid #ffffff40;border-radius:50%;width:48px;height:48px;background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}.gallery-buttons button:first-child .icon{transform:rotate(180deg)}.gallery-buttons button:disabled{opacity:.3;cursor:default}.gallery-buttons button:not(:disabled):active{transform:scale(.94)}
/* Content enters as grouped lines, not disconnected floating cards. */
[data-enter], [data-stagger]>*{transition:opacity .8s ease,transform 1s cubic-bezier(.2,.7,.15,1)}
.beta-motion [data-enter].awaiting{opacity:0;transform:translate3d(0,42px,0)}.beta-motion [data-stagger]>.awaiting{opacity:0;transform:translate3d(0,34px,0)}
.beta-founding{padding-block:52px 34px}.beta-founding-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.beta-benefits{display:grid;gap:38px}.beta-benefits h3{margin-bottom:16px}.beta-benefits .text-link{margin-top:16px}.beta-join{padding-block:32px 80px}.beta-join-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:end}.beta-join-heading p{max-width:450px}.beta-steps{list-style:none;padding:0;margin:54px 0 44px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.beta-steps li{border-top:1px solid var(--line);padding-top:24px}.beta-steps h3{margin-bottom:16px}.beta-steps .text-link{margin-top:20px}.beta-join-action{display:flex;align-items:center;gap:30px}.beta-page .beta-join-action .beta-small{margin:0}.beta-page .paper .beta-button{background:var(--ink);color:var(--paper)}
.beta-feedback{padding-block:32px 80px}.beta-feedback-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.beta-feedback .text-link{margin-top:22px}.beta-feedback-examples p{font-size:24px;line-height:1.35;letter-spacing:-.025em;color:var(--ink);padding-block:24px;border-bottom:1px solid var(--line)}.beta-feedback-examples span{display:block;font-size:var(--small);color:var(--muted);margin-top:22px}.beta-page .beta-faq{padding-top:35px}.beta-page .closing .beta-small{margin:18px auto 0;max-width:none}.beta-share{font:inherit;font-size:var(--small);color:inherit;background:none;border:0;cursor:pointer;margin-top:26px;min-height:44px}.beta-page .closing .beta-share-status{min-height:1.5em;margin-top:8px}.metrics-choice{padding-block:36px 40px;border-top:1px solid #ffffff26}.metrics-choice h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;margin-bottom:14px}.metrics-choice>p{max-width:860px;font-size:var(--small);margin-top:12px;color:#c3b9b0}.metrics-choice a{text-decoration:underline;text-underline-offset:3px}.metrics-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.metrics-actions button{background:none;border:1px solid #ffffff40;border-radius:24px;min-height:44px;padding:10px 18px;font:inherit;font-size:var(--small);color:inherit;cursor:pointer}.metrics-status{min-height:1.6em}.beta-page .metrics-choice{max-width:none;width:100%;padding-inline:var(--gutter)}[hidden]{display:none!important}
@media(hover:hover) and (pointer:fine){.gallery-buttons button:not(:disabled):hover,.metrics-actions button:hover{background:#ffffff12}.intro-explore:hover .icon{transform:translateX(5px)}}
@media(max-width:1000px){.intro-grid{column-gap:20px;min-height:760px}.intro-stage{height:540px}.intro-phone{width:230px;margin-left:-115px}.intro-copy h1{font-size:54px}.story-intro,.gallery-heading{gap:50px}.beta-founding-layout,.beta-join-heading,.beta-feedback-layout{gap:45px}.beta-steps{gap:26px}.story-ready .story-scenes{gap:30px}}
@media(max-width:700px){
 .beta-page .brand span{display:inline}.intro-grid{padding-top:114px;padding-bottom:36px;display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.intro-copy{text-align:center}.intro-copy h1{font-size:clamp(38px,10.6vw,54px);line-height:1.06;margin-bottom:24px}.intro-copy>p{max-width:360px;margin:auto}.intro-explore{margin-top:14px;min-height:44px}.intro-stage{height:calc(clamp(196px,55vw,242px)*2.045 + 50px);width:100%;margin-top:26px}.intro-phone{width:clamp(196px,55vw,242px);margin-left:calc(clamp(196px,55vw,242px)/ -2);top:12px}.intro-beans{transform:translate3d(-65px,25px,0) rotate(-8deg) scale(.78)}.intro-recipe{transform:translate3d(65px,25px,0) rotate(8deg) scale(.78)}.intro-invitation{margin-top:20px;padding-top:24px;display:flex;flex-direction:column;gap:22px;text-align:center}.intro-invitation>div{width:100%}.beta-button{width:100%;max-width:360px;justify-content:space-between;text-align:left}.intro-invitation>p{text-align:center}.beta-small{font-size:var(--small)}
 .story-intro,.gallery-heading{display:block;padding-top:18px}.story-intro p,.gallery-heading p{margin-top:22px;max-width:430px}.story-intro{padding-bottom:24px}.story-pin{padding:22px var(--gutter) 36px}.story-chapter{display:flex;flex-direction:column;gap:32px;margin-bottom:72px}.story-copy{width:100%;max-width:450px}.beta-page .story-copy h3{margin-bottom:14px}.story-copy .story-lead{margin-bottom:8px}.story-device{width:min(62vw,260px)}
 .story-ready .story-scroll{height:calc(var(--beta-vh,100svh)*3.6)}.story-ready .story-pin{padding:22px var(--gutter) 76px}.story-ready .story-scenes{grid-template-columns:1fr;grid-template-rows:var(--copy-height,235px) minmax(0,1fr);gap:24px;align-items:start}.story-ready .story-copy{grid-area:1/1;align-self:start;max-width:450px;justify-self:center}.story-ready .story-device{grid-area:2/1;width:min(250px,calc((var(--beta-vh,100svh) - var(--copy-height,235px) - 126px)*.48913));align-self:start}.story-ready .story-copy p{line-height:1.45}.story-ready .story-controls{gap:10px;bottom:17px}.story-controls a{font-size:13px;gap:9px}
 .beta-gallery{padding-block:20px 38px}.gallery-window{margin-top:24px}.beta-carousel{gap:20px;padding:24px calc((100vw - 76vw)/2) 18px}.gallery-card{flex-basis:76vw}.gallery-phone{width:min(57vw,260px)}.gallery-caption{margin-top:30px;max-width:300px;padding-inline:4px}.beta-page .gallery-caption h3{font-size:22px;margin-bottom:12px}.gallery-caption p{font-size:17px;line-height:1.45}.gallery-bottom{margin-top:14px}.gallery-buttons{gap:8px}.gallery-buttons button{width:44px;height:44px}
 .beta-founding{padding-block:52px 26px}.beta-founding-layout,.beta-join-heading,.beta-feedback-layout{display:block}.beta-benefits{margin-top:36px;gap:28px}.beta-page h3{font-size:22px}.beta-benefits h3{margin-bottom:12px}.beta-join{padding-block:20px 46px}.beta-join-heading p{margin-top:24px}.beta-steps{display:block;margin:34px 0 28px}.beta-steps li{position:relative;padding:25px 0 28px}.beta-steps h3{margin-bottom:12px}.beta-steps .text-link{margin-top:12px}.beta-join-action{display:block;text-align:center}.beta-page .beta-join-action .beta-small{margin-top:16px}.beta-feedback{padding-block:20px 48px}.beta-feedback-examples{margin-top:30px}.beta-feedback-examples p{font-size:22px;padding-block:22px}.beta-page .beta-faq{padding-top:20px}.metrics-choice h2{font-size:22px}.metrics-choice{padding-block:30px}
}
@media(max-width:360px){.beta-page .brand span{display:none}.intro-copy h1{font-size:38px}.intro-grid{padding-top:102px}.story-ready .story-controls{gap:6px}}
@media(prefers-reduced-motion:reduce){.gallery-phone{transform:none!important}.beta-motion [data-enter].awaiting,.beta-motion [data-stagger]>.awaiting{opacity:1;transform:none}.beta-carousel{scroll-behavior:auto}}

@keyframes beta-arrive{from{opacity:0;transform:translate3d(0,70px,0) scale(.94)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .beta-motion .intro-phone .phone{animation:beta-arrive 1.15s cubic-bezier(.18,.75,.2,1) both}
 .beta-motion .intro-beans .phone{animation-delay:.08s}.beta-motion .intro-recipe .phone{animation-delay:.24s}.beta-motion .intro-home .phone{animation-delay:.4s}
}

.beta-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.gallery-bottom{justify-content:flex-end}