/* Page composition only. Controls, type, Paula, composer and messages use shared assets. */
.beta-page{margin:0;background:var(--local24-soft);color:var(--local24-ink)}
.beta-page *{box-sizing:border-box}
.beta-page [hidden]{display:none!important}
.beta-stage{--beta-nav-space:104px;--beta-nav-height:104px;position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;padding-top:var(--beta-nav-space)}
.beta-scene{position:fixed;z-index:-1;inset:0;pointer-events:none;overflow:hidden}
.beta-scene img{width:100%;height:100%;object-fit:cover;object-position:65% center}
.beta-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--local24-soft),color-mix(in srgb,var(--local24-soft) 98%,transparent) 28%,color-mix(in srgb,var(--local24-soft) 58%,transparent) 60%,color-mix(in srgb,var(--local24-soft) 4%,transparent)),linear-gradient(0deg,var(--local24-soft),transparent 45%)}
.beta-nav,.beta-hero,.beta-lower,.beta-footer{width:100%;max-width:1600px;margin-inline:auto;padding-inline:clamp(20px,5vw,96px)}
.beta-header{position:fixed;inset:0 0 auto;z-index:30;border-bottom:1px solid transparent}
.beta-header.is-scrolled{background:color-mix(in srgb,var(--local24-soft) 96%,transparent);border-color:var(--local24-line);backdrop-filter:blur(12px)}
.beta-nav{padding-block:28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.beta-header.is-scrolled .beta-nav{padding-block:10px}
.beta-logo{display:block;width:150px;height:48px;object-fit:contain}
.beta-nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.beta-mobile-cta,.beta-mobile-about{display:none}
.beta-hero{flex:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:clamp(24px,4vw,60px);align-items:center;min-height:530px;padding-block:42px 60px}
.beta-hero.is-expanded{grid-template-columns:minmax(0,.88fr) minmax(0,1.2fr);align-items:start}
.beta-overview{display:grid;gap:clamp(24px,4vw,60px);min-width:0;align-self:start}
.beta-hero-copy{min-width:0;padding-block:12px}
.beta-overview>.beta-lower{max-width:none;padding-inline:0}
.beta-kicker{display:flex;gap:9px;align-items:center;color:var(--local24-petrol);margin:0 0 22px}
.beta-kicker span{width:7px;height:7px;border-radius:50%;background:var(--local24-orange)}
.beta-hero h1{margin:0 0 22px;letter-spacing:-.035em;text-wrap:balance}
.beta-hero h1 em{font-style:normal;color:var(--local24-petrol)}
.beta-lead{max-width:44ch;color:var(--local24-muted);margin:0 0 26px}
.beta-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.beta-cost{margin-top:20px;color:var(--local24-muted)}
.beta-cost p{margin-bottom:4px}
.beta-assistant{align-self:end;justify-self:end;width:100%;max-width:350px;min-width:0;background:var(--local24-panel);border:1px solid var(--local24-line);border-radius:20px;box-shadow:0 15px 42px color-mix(in srgb,var(--local24-petrol) 9%,transparent)}
.beta-assistant.is-expanded{align-self:start;max-width:600px}
.beta-assistant.is-expanded[data-chat-window-size="small"],.beta-assistant.is-expanded[data-chat-window-size="large"]{max-width:var(--chat-window-width)}
.beta-assistant-head{padding:20px;border-bottom:1px solid var(--local24-line)}
.beta-assistant-intro{padding:20px}
.beta-assistant-intro h2{margin:0 0 12px}
.beta-assistant-intro p{color:var(--local24-muted)}
.beta-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.beta-chat-body{padding:18px 16px 0;min-width:0}
.beta-chat-history{display:grid;gap:14px}
.beta-chat-history .prototype-message-bubble{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.beta-chat-body .prototype-composer{margin-block:12px;scroll-margin-block-start:calc(var(--beta-nav-height) + 24px)}
.beta-chat-body .prototype-composer textarea{min-width:0}
.beta-ai-note{color:var(--local24-muted);margin:14px 0 0}
.beta-chat-footnote{margin:0;padding:8px 16px 14px;color:var(--local24-muted)}
.beta-muted{color:var(--local24-muted)}
.beta-lower{padding-bottom:20px}
.beta-news{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border:1px solid var(--local24-line);border-radius:14px;background:var(--local24-panel)}
.beta-news>svg{color:var(--local24-petrol);flex:none}
.beta-news-copy{flex:1;min-width:160px}
.beta-news-copy small{display:block;color:var(--local24-muted);margin-bottom:5px}
.beta-news-copy strong{display:block}
.beta-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 18px}
.beta-step{display:flex;align-items:flex-start;gap:12px}
.beta-step>span{color:var(--local24-petrol);border-bottom:2px solid var(--local24-orange);padding-bottom:4px}
.beta-step strong{display:block;margin-bottom:6px}
.beta-step p{margin:0;color:var(--local24-muted)}
.beta-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px;border-top:1px solid var(--local24-line);color:var(--local24-muted)}
.beta-footer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px}
.beta-footer a{color:var(--local24-petrol);text-underline-offset:3px}
.beta-tariff{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:16px 0;border-bottom:1px solid var(--local24-line);margin-bottom:16px}
.beta-tariff p{grid-column:1/-1;color:var(--local24-muted);margin:0}
.beta-release{padding:16px 0;border-top:1px solid var(--local24-line)}
.beta-release h3{margin:0 0 8px}
.beta-noscript{padding:24px;max-width:900px;margin:auto}
.beta-sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:851px){
 .beta-hero>[data-beta-column]{position:sticky;top:var(--beta-column-top,calc(var(--beta-nav-height) + 24px));align-self:start}
 .beta-overview{grid-column:1}
 .beta-hero>.beta-assistant{grid-column:2}
}
@media(max-width:850px){.beta-overview{display:contents}.beta-overview>.beta-hero-copy{grid-row:1}.beta-hero>.beta-assistant{grid-row:2}.beta-overview>.beta-lower{grid-row:3}.beta-stage{--beta-nav-space:133px;--beta-nav-height:133px}.beta-nav{flex-wrap:wrap;row-gap:8px;padding-block:18px}.beta-nav-about{display:none}.beta-mobile-cta{display:flex;flex-basis:100%;width:100%}.beta-mobile-about{display:inline-flex}.beta-hero,.beta-hero.is-expanded{grid-template-columns:1fr;padding-block:24px 36px;gap:28px}.beta-assistant{justify-self:start;max-width:560px}.beta-assistant.is-expanded{max-width:none}.beta-scene::after{background:linear-gradient(90deg,var(--local24-soft),color-mix(in srgb,var(--local24-soft) 82%,transparent) 65%,color-mix(in srgb,var(--local24-soft) 50%,transparent)),linear-gradient(0deg,var(--local24-soft),transparent 65%)}}
@media(max-width:560px){.beta-stage{--beta-nav-space:121px;--beta-nav-height:121px}.beta-nav{align-items:center;gap:8px;padding-block:12px}.beta-logo{width:110px;height:38px}.beta-nav-actions{max-width:170px;gap:4px}.beta-hero{padding-block:24px 32px}.beta-hero h1{font-size:var(--l24-font-size-h1);line-height:var(--l24-line-height-h1)}.beta-assistant-head,.beta-assistant-intro{padding:16px}.beta-chat-body{padding:16px 12px 0}.beta-steps{grid-template-columns:1fr;gap:20px}.beta-footer-actions{gap:12px}.beta-news{gap:10px}.beta-ai-note{overflow-wrap:anywhere}}
