/* 07–10 · Early access, Our Mission, FAQ and Footer */
.early-access{max-width:1440px;margin:auto;padding:0 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;color:var(--ink);scroll-margin-top:20px}
.early-shell{padding:40px;border-radius:30px;background:#eff1ea;display:flex;justify-content:center}
.early-content{width:100%;max-width:581px;display:flex;flex-direction:column;gap:42px}
.early-intro,.mission-intro,.faq-intro{display:flex;flex-direction:column;gap:20px}
.section-label{font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.4px;color:var(--green)}
.early-intro h2,.mission h2,.faq h2{margin:0;font-size:44px;line-height:1;font-weight:700;letter-spacing:-.88px}
.early-description,.faq-description{font-size:16px;line-height:1.3;letter-spacing:-.32px;color:var(--muted)}
.waitlist-form{display:flex;flex-direction:column;gap:24px;background:var(--paper);padding:40px;border-radius:24px}
.waitlist-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px}
.waitlist-field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;line-height:.9;letter-spacing:-.12px;color:#01412a}
.waitlist-field input{--field-fill:#eff1ea;--field-text:var(--ink);height:44px;width:100%;min-width:0;border:1px solid transparent;border-radius:10px;background:var(--field-fill);padding:10px 40px 10px 12px;font:400 14px/1.3 'Bricolage Grotesque',sans-serif;letter-spacing:-.28px;color:var(--field-text)}
.field-control{position:relative;display:block;width:100%}
.field-control img{position:absolute;right:12px;top:14px;pointer-events:none}
.field-control img[hidden],.field-message[hidden]{display:none}
@media(hover:hover){.waitlist-field:not([data-state=error]) input:not(:disabled):not(:focus):hover{border-color:#08764d}}
.waitlist-field input:focus{border-color:#01412a;outline:none;box-shadow:none}
.waitlist-field[data-state=error] input{--field-fill:#fff1eb;--field-text:#a13d30;border-color:#a13d30}
.field-message{font-size:12px;font-weight:400;line-height:1.3;letter-spacing:-.24px;color:#a13d30}
.waitlist-field input:disabled{--field-fill:#f4f7e9;--field-text:#66867f;border-color:#cfdcd5;cursor:not-allowed}
/* Cover the browser autofill fill while preserving the field's own border. */
.waitlist-field input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--field-fill) inset!important;box-shadow:0 0 0 1000px var(--field-fill) inset!important;-webkit-text-fill-color:var(--field-text)!important;caret-color:var(--field-text)}
.waitlist-field input:autofill{box-shadow:0 0 0 1000px var(--field-fill) inset!important;color:var(--field-text)!important;caret-color:var(--field-text)}
.consent input:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.consent{display:flex;flex-direction:column;gap:12px;padding:16px;background:#eff1ea;border-radius:12px;color:var(--muted);font-size:12px;line-height:1.3;letter-spacing:-.24px}
.consent-row{display:flex;gap:10px;align-items:flex-start}
.consent input{cursor:pointer;appearance:none;flex:0 0 14px;width:14px;height:14px;margin:0;border:1px solid var(--muted);border-radius:3px;background:var(--paper)}
/* Keep checked styling independent of the browser’s native hover treatment. */
.consent input:checked{appearance:none;border-color:var(--green);background:var(--green) url("assets/plan-check.svg") center/12px 12px no-repeat}
/* UI-kit: Unchecked/Hover 1232:21101, Unchecked/Pressed 1232:21102. */
@media(hover:hover){.consent input:not(:checked):not(:disabled):hover{border-color:#08764d;background:transparent}}
.consent input:not(:checked):not(:disabled):active{border-color:#08764d;background:#08764d}
.consent .consent-row[data-state=error] input{border-color:#a13d30;background:#fff1eb}
.consent-row[data-state=error]{color:#a13d30}
.required-mark{color:inherit}
.consent a{color:inherit;text-decoration:underline;text-underline-offset:2px}
@media(hover:hover){.consent a:hover{text-decoration:none}}
.waitlist-action{display:flex;gap:20px;align-items:center}
.waitlist-action button{height:50px;flex-shrink:0;padding:16px 24px;border-radius:12px;background:var(--yellow);color:var(--ink);font-weight:700;font-size:16px;line-height:1.1}
.waitlist-action button:not(:disabled):not([aria-disabled=true]):hover{background:#ebc367}
.waitlist-action button:disabled,.waitlist-action button[aria-disabled=true]{background:#cfdcd5;color:#507775;cursor:not-allowed}
.waitlist-action p{font-size:16px;line-height:1.3;letter-spacing:-.32px;color:var(--muted)}
.form-status{font-size:14px;line-height:1.3;color:var(--muted)}
.waitlist-mosaic{position:relative;display:block;width:100%;overflow:hidden;border-radius:30px;clip-path:inset(0 round 30px);isolation:isolate;background:var(--ink)}
.mosaic-columns{position:absolute;inset:0 auto 0 -4.316547%;width:108.776978%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.587302%}
.mosaic-column{min-width:0;container-type:inline-size;--offset:-81.111111cqw;--duration:104s}
.mosaic-column-2{--offset:-145.555556cqw;--duration:120s}
.mosaic-column-3{--offset:-67.222222cqw;--duration:96s}
.mosaic-column-4{--offset:-145.555556cqw;--duration:112s}
.mosaic-track{position:relative;top:var(--offset);display:flex;flex-direction:column;gap:6.666667cqw;padding-bottom:6.666667cqw;animation:dog-card-loop var(--duration) linear infinite;animation-play-state:paused}
.mosaic-track img{display:block;flex:none;width:100%;height:auto}
.mosaic-column:nth-child(even) .mosaic-track{animation-direction:reverse}
.waitlist-mosaic.is-visible .mosaic-track{animation-play-state:running}
@keyframes dog-card-loop{from{transform:translateY(0)}to{transform:translateY(-33.333333%)}}
@media(prefers-reduced-motion:reduce){.mosaic-track{animation:none}}
.mission{max-width:1440px;margin:auto;padding:20px;color:var(--ink);scroll-margin-top:20px}
.mission-shell{display:flex;gap:10px;align-items:center;min-height:760px;padding:20px;border-radius:30px;background:#fdefcb}
.mission-team{position:relative;flex:0 0 695px;max-width:51.1%;aspect-ratio:695/720}
.team-member{position:absolute;margin:0;width:32.3741%;display:flex;flex-direction:column;gap:12px}
.team-member>img{display:block;width:100%;height:auto;border-radius:20px}
.team-member figcaption{display:flex;flex-direction:column;gap:4px}
.team-member .team-name{margin:0;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.28px;color:inherit}
.team-member p{font-size:12px;line-height:1.3;letter-spacing:-.24px}
.team-anastasiia{left:16.9784%;top:13.6111%}
.team-jane{left:50.7914%;top:28.6111%}
.team-helper{left:28.3453%;top:63.0556%;width:20.2878%;align-items:flex-end}
.team-helper>img{width:100%}
.team-helper figcaption{width:100%}
.mission-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:40px;padding:40px}
.mission-body{font-size:16px;line-height:1.3;letter-spacing:-.32px;display:flex;flex-direction:column;gap:8px}
.faq{max-width:1440px;margin:auto;padding:60px 20px;display:flex;flex-direction:column;gap:40px;align-items:center;color:var(--ink);scroll-margin-top:20px}
.faq-intro{text-align:center;align-items:center;width:100%}
.faq-intro h2{max-width:696px}
.faq-description{max-width:460px}
.faq-list{width:100%;max-width:696px}
.faq-item{border-top:1px solid #cfdcd5;padding:20px 0}
.faq-item[open]{cursor:pointer}
.faq-item summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;cursor:pointer;font-size:20px;font-weight:600;line-height:1.1;letter-spacing:-.4px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary>span{max-width:460px}
.faq-item summary img{display:block;flex-shrink:0}
.faq-item:not(.faq-animated)[open] summary img,.faq-item.faq-expanded summary img{transform:rotate(-45deg)}
@media(prefers-reduced-motion:no-preference){.faq-item summary img{transition:transform .3s cubic-bezier(.22,1,.36,1)}}
.faq-item summary:focus-visible{outline:2px solid var(--green);outline-offset:5px;border-radius:3px}
.faq-answer{margin-top:8px;max-width:460px;font-size:16px;line-height:1.3;letter-spacing:-.32px;color:var(--muted);white-space:pre-wrap}
.faq-animated .faq-answer{opacity:0}
.faq-animated.faq-expanded .faq-answer{opacity:1}
@media(prefers-reduced-motion:no-preference){
 .faq-animated .faq-answer{transition:opacity 80ms ease-out}
 .faq-animated.faq-expanded .faq-answer{transition:opacity 180ms ease-out 70ms}
}
.site-footer{width:100%;padding:40px;display:flex;flex-direction:column;gap:24px;border-radius:30px 30px 0 0;background:var(--ink);color:#f4f7e9;font-size:16px;line-height:1.3;letter-spacing:-.32px}
.footer-top,.footer-legal{display:flex;justify-content:space-between;align-items:center;gap:24px}
.footer-nav,.footer-legal-links{display:flex;gap:24px;font-weight:600}
.footer-divider{height:1px;background:var(--muted)}
.footer-legal>p{color:var(--muted)}
.site-footer a:hover{color:var(--yellow)}
@media(max-width:1199px){.early-shell{padding:32px 24px}.waitlist-form{padding:24px}.mission-copy{padding:24px}.mission h2{font-size:36px;letter-spacing:-.72px}.footer-top{align-items:flex-start}.footer-nav{flex-wrap:wrap;justify-content:flex-end;gap:16px 24px}}
@media(max-width:999px){
 .early-access{padding:16px;grid-template-columns:1fr}
 .early-content{max-width:700px;gap:32px}
 .early-intro{text-align:center}
 .early-intro h2,.faq h2{font-size:36px;letter-spacing:-.72px}
 .waitlist-mosaic{height:auto;max-height:540px;aspect-ratio:695/706;object-position:center}
 .mission{padding:16px}
 .mission-shell{flex-direction:column;gap:32px;padding:32px 28px;min-height:0}
 .mission-team{flex:auto;width:100%;max-width:600px}
 .mission-copy{padding:0;gap:32px;width:100%}
 .faq{padding:40px 28px;gap:32px}
 .site-footer{padding:32px 28px}
 .footer-top{flex-direction:column}
 .footer-top>.brand{flex:none;width:170px;height:20px;align-self:flex-start}
 .footer-nav{justify-content:flex-start}
}
@media(max-width:599px){
 .early-access{padding:10px}
 .early-shell{padding:0;overflow:hidden}
 .early-content{gap:0}
 .early-intro{gap:12px;padding:32px 20px}
 .section-label{font-size:16px;line-height:1.2;letter-spacing:0}
 .early-intro h2,.mission h2,.faq h2{font-size:26px;letter-spacing:-.52px}
 .waitlist-form{margin:0 2px 2px;padding:20px;gap:12px;border-radius:28px}
 .waitlist-fields{grid-template-columns:1fr;gap:12px}
 .waitlist-field{gap:4px;font-size:16px;line-height:1.3;letter-spacing:0;color:var(--ink)}
 .waitlist-field input{font-size:16px;letter-spacing:-.32px}
 .consent{padding:20px;gap:8px;font-size:12px;letter-spacing:-.24px}
 .waitlist-action{flex-direction:column;gap:12px}
 .waitlist-action button{height:48px;padding:0 28px;font-size:18px;line-height:1;letter-spacing:-.36px}
 .waitlist-action p{font-size:14px;letter-spacing:-.14px;text-align:center}
 .waitlist-action br{display:none}
 .waitlist-mosaic{max-height:none;aspect-ratio:695/706}
 .mission{padding:0 10px}
 .mission-shell{padding:32px 20px}
 .mission-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;aspect-ratio:auto}
 .team-member{position:static;width:100%;gap:8px}
 .team-member>img{border-radius:14px}
 .team-member .team-name{font-size:20px;letter-spacing:-.4px}
 .team-member p{color:var(--muted);letter-spacing:-.12px}
 .team-anastasiia{grid-column:1;grid-row:1}
 .team-anastasiia>img{height:154px;object-fit:cover}
 .team-jane{grid-column:2;grid-row:1 / 3;margin-top:56px;align-self:start}
 .team-jane>img{height:205px;object-fit:cover}
 .team-helper{grid-column:1;grid-row:2;width:100px;justify-self:end;align-items:flex-start;margin-top:10px}
 .team-helper>img{width:100px;height:100px;border-radius:18px}
 .mission-intro{gap:12px}
 .faq{padding:32px 10px}
 .faq-intro{gap:12px}
 .faq-list{width:calc(100% - 40px);border-bottom:1px solid #cfdcd5}
 .faq-item{padding:12px 0}
 .faq-item summary{gap:16px;font-size:16px;line-height:1.3;letter-spacing:0}
 .faq-answer{max-width:none;margin-top:12px;padding-right:40px}
 .site-footer{padding:40px 16px;gap:28px;border-radius:24px 24px 0 0}
 .footer-top{gap:28px;align-items:stretch}
 .footer-top>.brand{width:167px}
 .footer-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px;font-weight:500}
 .footer-legal{flex-direction:column;align-items:flex-start;gap:12px;font-size:14px;letter-spacing:-.14px}
 .footer-legal-links{gap:16px;font-weight:400}
}

/* Test submission result: retain the form footprint and replace its contents. */
.waitlist-form-content{display:flex;flex-direction:column;gap:inherit}
.waitlist-form-content[hidden],.waitlist-success[hidden]{display:none!important}
.waitlist-form-content>.cf-turnstile:not([data-shown]){position:absolute}
@media(max-width:599px){.waitlist-submit-error{text-align:center}}
.waitlist-form[data-state="success"]{justify-content:center}
.waitlist-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:20px 0}
.waitlist-success-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--mint)}
.waitlist-success-icon img{display:block}
.waitlist-success h3{margin:0;max-width:380px;font-size:28px;font-weight:700;line-height:1.1;letter-spacing:-.28px;color:var(--ink);outline:none}
@media(max-width:599px){.waitlist-success-icon{width:64px;height:64px}.waitlist-success{gap:16px}}