/* The October10 design suite stays intact. This layer only adapts preview navigation and live signup links. */
.preview-toolbar{padding:12px 24px;display:flex;justify-content:center;gap:24px;align-items:center;flex-wrap:wrap;background:#fff;color:#152343;border-bottom:1px solid #d5dcea;font-size:12px;line-height:1.5}.preview-toolbar>span{font-weight:700}.preview-toolbar nav{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;font-size:12px}.preview-toolbar a{padding:7px 12px;border:1px solid #d5dcea;border-radius:30px;text-decoration:none;white-space:normal}.preview-toolbar a[aria-current=page]{background:#152343;color:#fff;border-color:#152343}.preview-toolbar a:focus-visible{outline:3px solid #0648c9;outline-offset:3px}.preview-toolbar nav>a:first-child{display:inline}.live-invite .signup-intro{font-size:1.5rem;line-height:1.3;font-weight:650;margin:0 0 24px!important;letter-spacing:-.02em}.live-invite .button{width:100%;text-align:center}.live-invite .fine{font-size:.875rem!important;line-height:1.65;margin-top:20px!important}.live-invite .social-follow{font-size:.875rem;line-height:1.6;margin-top:24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.preview-toolbar{padding:12px 16px;gap:10px}.preview-toolbar nav{gap:7px}.preview-toolbar a{font-size:11px;padding:7px 9px}.live-invite .signup-intro{font-size:1.35rem}}

/* Keep keyboard outlines legible on the restored yellow, coral and white sections. */
a:focus-visible,summary:focus-visible{outline-color:#152343}.sunny .faq a:focus-visible,.sunny .faq summary:focus-visible{outline-color:#ffdc36}

/* One compact signup, beneath the existing hero introduction. */
.hero-signup{background:#fff;color:var(--ink);border-radius:16px;border-top:4px solid var(--blue);padding:24px;scroll-margin-top:24px;min-width:0;box-shadow:0 8px 28px #1523430c}
.hero-signup .signup-expectation{font-size:.875rem;line-height:1.6;margin-bottom:16px}
.hero-signup .mode-note{font-size:.75rem;line-height:1.5;padding:10px 12px;margin:0 0 20px;background:#eef5ff}
.hero-signup .progress{display:flex;align-items:center;gap:16px;font-size:.75rem;font-weight:650;color:#526078}
.hero-signup .track{flex:1;height:4px;background:#e6ecf8;border-radius:3px}.hero-signup .track i{display:block;width:50%;height:100%;background:var(--blue);border-radius:3px}
.hero-signup h2{font-size:1.5rem;line-height:1.2;margin:16px 0 20px;color:var(--ink)}
.hero-signup fieldset{border:0;padding:0;margin:0;min-width:0}
.hero-signup label{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;margin:0 0 8px;font-weight:700}
.hero-signup label>span{font-size:.75rem;font-weight:450;color:#526078}
.hero-signup input:not([type=checkbox]),.hero-signup select{width:100%;margin:0 0 18px;min-height:50px;font-size:1rem;color:var(--ink);background:white}
.hero-signup button{border-radius:10px;max-width:100%;white-space:normal}
.hero-signup #next{width:100%;justify-content:space-between}.hero-signup .buttons{display:flex;gap:12px}.hero-signup .buttons button:last-child{flex:1}.hero-signup .back{background:#edf2ff;color:var(--blue)}
.hero-signup .check{align-items:flex-start;justify-content:flex-start;margin:20px 0 12px}.hero-signup .check input{flex:none;width:18px;height:18px;min-height:18px;margin:3px 0;accent-color:var(--blue)}.hero-signup .check span{font-size:.8125rem;line-height:1.5;color:var(--ink)}
.hero-signup .helper,.hero-signup .processing,.hero-signup .footnote{font-size:.75rem;line-height:1.6;color:#526078;margin:0 0 18px}
.hero-signup .helper{margin:-8px 0 18px}.hero-signup .check+.helper{margin:0 0 18px}.hero-signup .footnote{margin:18px 0 0}
.hero-signup details{border:0;padding:0;margin:0 0 18px}.hero-signup summary{font-size:.8125rem;color:var(--blue);line-height:1.5;padding:8px 0}.hero-signup details[open] summary{margin-bottom:12px}
.hero-signup .honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.hero-signup .error{color:#a52121;font-size:.875rem;line-height:1.5;margin:16px 0 0}
.hero-signup [aria-invalid=true]{border-color:#a52121}.hero-signup #complete h3{font-size:1.5rem;margin-bottom:16px}.hero-signup #complete p{font-size:.9375rem;line-height:1.6;margin-bottom:20px}
.hero-signup .social-follow a{font-weight:650}.hero-signup :focus-visible{outline:3px solid var(--blue);outline-offset:3px}
@media(max-width:900px) and (min-width:601px){.homepage .hero{grid-template-columns:minmax(0,1fr)}.homepage .hero>div{max-width:none}.homepage .hero-photo{max-width:600px;width:100%;justify-self:center}.homepage.white .hero-photo{order:0}}
@media(max-width:600px){.hero-signup{padding:20px}.hero-signup .buttons{flex-wrap:wrap}.hero-signup .buttons button{min-width:0}.homepage.white .hero-photo{order:0}}

/* Final invitation-led composition: copy left, a single signup right. */
.preview-toolbar>p{margin:0;font-size:12px;max-width:70ch}
.homepage.final-layout .hero{grid-template-columns:minmax(0,1fr) minmax(0,460px);align-items:start;gap:64px;padding-block:64px}
.homepage.final-layout .hero>div{max-width:520px;padding-top:12px}
.homepage.final-layout .hero h1{font-size:clamp(2.3rem,4.2vw,3.65rem);line-height:1.08;letter-spacing:-.045em}
.homepage.final-layout .hero .intro{margin:24px 0;max-width:40ch}
.final-layout .hero-location{margin:0;max-width:37ch;font-size:.9375rem}
.final-layout .hero-signup{padding:28px;border-top:0;box-shadow:0 12px 36px #15234312}
.final-layout .hero-signup h2{font-size:1.75rem;margin:0 0 12px}
.final-layout .hero-signup .signup-expectation{margin-bottom:12px;max-width:42ch}
.final-layout .demo-label{font-size:.75rem;line-height:1.5;color:#526078;margin-bottom:20px}
.final-layout .step-description{font-size:.8125rem;font-weight:650;margin:8px 0 18px;color:var(--ink)}
.homepage.final-layout .community{align-items:center;gap:64px;padding-block:64px}
.final-layout .community-copy h2{margin:0 0 24px;max-width:22ch}
.final-layout .community-copy p{font-size:1.0625rem;line-height:1.65;max-width:47ch}
.final-layout .community-photo img{height:auto;aspect-ratio:1600/1067;border-radius:16px;object-fit:contain}
.final-layout .community-photo figcaption{background:transparent;color:#fff;font-size:.6875rem;line-height:1.5;padding:12px 0 0}
.final-layout .community-photo a{color:#fff}.final-layout .community a:focus-visible{outline-color:var(--yellow)}
.final-layout .closing-invite{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-block:48px;background:#eef5ff}
.final-layout .closing-invite h2{color:var(--blue);font-size:clamp(1.8rem,3vw,2.3rem);margin-bottom:12px}
.final-layout .closing-invite p{max-width:46ch;font-size:.9375rem}
.final-layout .closing-actions{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}
.final-layout .closing-actions>a:last-child{font-size:.8125rem;font-weight:650}
@media(max-width:1100px) and (min-width:901px){.homepage.final-layout .hero{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,440px)}}
@media(max-width:900px){.homepage.final-layout .hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}.homepage.final-layout .hero>div{padding:0;max-width:none}.homepage.final-layout .hero h1{font-size:clamp(2rem,6vw,3.1rem)}.homepage.final-layout .hero .intro{margin:20px 0 16px;max-width:48ch}.final-layout .hero-signup{width:100%;max-width:560px}.homepage.final-layout .community{gap:32px}.final-layout .closing-invite{align-items:flex-start}}
@media(max-width:600px){.homepage.final-layout .hero{display:grid;padding-block:32px;gap:24px}.homepage.final-layout .hero h1{font-size:clamp(1.95rem,8.2vw,2.85rem)}.final-layout .hero-signup{padding:24px}.homepage.final-layout .community{display:grid;grid-template-columns:minmax(0,1fr);padding-block:40px;gap:28px}.final-layout .community-copy h2{margin:0 0 20px}.final-layout .community-copy p{font-size:1rem}.final-layout .closing-invite{flex-direction:column;padding-block:40px;gap:24px}.final-layout .closing-actions{align-items:flex-start}.final-layout .hero-location{font-size:.875rem}}
.final-layout .hero-signup:has(>#complete:not([hidden])) .progress,.final-layout .hero-signup:has(>#complete:not([hidden])) .step-description,.final-layout .hero-signup:has(>#complete:not([hidden])) .signup-expectation{display:none}

/* Founding-member signup: welcoming copy, visible optional fields and user-led sharing. */
.final-layout .hero-welcome{font-size:1rem;line-height:1.6;font-weight:650;max-width:39ch;margin:0 0 20px}
.hero-signup .profile-intro{font-size:.8125rem;line-height:1.6;margin:6px 0 18px;color:#33435c}
.hero-signup .email-permission{font-size:.8125rem;line-height:1.6;margin:8px 0 16px;color:var(--ink)}
.hero-signup .share-invite{border-top:1px solid #d5dcea;margin-top:24px;padding-top:24px}
.hero-signup .share-invite h4{font-size:1.125rem;line-height:1.35;margin:0 0 12px}
.hero-signup #complete .share-invite p{font-size:.875rem;margin-bottom:16px}
.hero-signup .share-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-signup .share-actions button{flex:1;font-size:.875rem;padding:12px 14px}
.hero-signup #share-status{margin:14px 0 0;font-size:.8125rem}.hero-signup #share-status:empty{display:none}
.hero-signup #share-fallback{margin-top:18px}.hero-signup #share-link{font-size:.875rem}
.hero-signup #restart{margin-top:20px;background:#edf2ff;color:var(--blue)}
@media(max-width:380px){.hero-signup .share-actions{flex-direction:column}}