/* Finishing details only: retain the open layout and every existing 3D/reveal transform. */
:root{--detail-rule:#ffffff1b;--detail-ink:#e9eee7;--detail-muted:#b0bbb2;--detail-ease:cubic-bezier(.2,.7,.3,1)}
::selection{background:#c1ee9f;color:#14200f}
button,a,input,select,summary{-webkit-tap-highlight-color:transparent}
button:disabled,[aria-disabled=true]{cursor:wait}
:where(a,button,input,select,textarea,summary,[role=slider]):focus-visible{outline:2px solid #c1ee9f;outline-offset:4px}

/* A legible navigation rhythm and one quiet marker for the current section. */
header.nav #site-menu{gap:4px}
header.nav #site-menu a{position:relative;min-height:44px;display:inline-flex;align-items:center;padding:10px 13px;font-size:13px;line-height:1.4;font-weight:550;color:var(--detail-muted);border-radius:5px;transition:color .18s,background .18s}
header.nav #site-menu a[aria-current=location]{color:#eff5e9;background:transparent}
header.nav #site-menu a[aria-current=location]::after{height:2px;width:14px;left:calc(50% - 7px);bottom:3px;background:#c1ee9f}
header.nav .brand-word{letter-spacing:-.04em}

/* Small gestures, activated by intent rather than continuous animation. */
.button .cta-arrow,.pricing-action .cta-arrow,.text-link>span{transition:transform .2s var(--detail-ease)}
.cinema-actions .text-link,.product-copy>.text-link,.ownership-foot a,.pricing-note a{min-height:36px;align-items:center;text-decoration-thickness:1px;text-underline-offset:6px}
.cinema-actions .text-link,.product-copy>.text-link{border-bottom-color:#ffffff35}
.workspace-tabs button,.editor-tabs-demo button,.edit-subtabs button{transition:color .18s,border-color .18s}
.workspace-tabs button:focus-visible,.editor-tabs-demo button:focus-visible{outline-offset:5px;border-radius:2px}
.editor-transport time,.editor-timeline,.trim-summary,.cinema-ruler,.pricing-price{font-variant-numeric:tabular-nums}
.cinema-copy p:not(.eyebrow),.ownership-intro,.product-copy>p,.studio-heading>p{ text-wrap:pretty }
.ownership-foot p,.workspace-footnote,.editor-view-hint{color:var(--detail-muted)}
.ownership-features h4{letter-spacing:-.025em}
.ownership-features p{line-height:1.75}

/* The amount leads; currency and renewal terms remain easy to scan. */
#pricing .pricing-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}
#pricing .pricing-price strong{display:inline-flex;align-items:flex-start;line-height:1.1;font-variant-numeric:lining-nums tabular-nums}
#pricing .pricing-price strong .price-currency{font-size:.44em;line-height:1.25;font-weight:500;color:#bfcbbf;margin:7px 5px 0 0;letter-spacing:-.02em}
#pricing .pricing-price>span{font-size:13px;line-height:1.5;letter-spacing:0;color:var(--detail-muted)}
#pricing .pricing-card li{gap:11px}
#pricing .pricing-tag{font-size:11px;letter-spacing:.02em;color:#c0c9c0}
#pricing .pricing-note{line-height:1.75}
.beta-steps li>span{border:0;border-radius:0;justify-content:start;width:27px;color:#a4b69b;font:500 12px/1.7 Manrope,sans-serif;font-variant-numeric:tabular-nums;padding-top:3px}
.beta-steps h3{font-size:16px;font-weight:600;letter-spacing:-.025em}

/* FAQ stays native and keyboard accessible. No height animation or nested cards. */
.faq details{border-color:var(--detail-rule);transition:border-color .2s}
.faq summary{min-height:70px;padding:21px 0;line-height:1.55;font-weight:550;transition:color .18s}
.faq summary::before{font-family:Manrope,sans-serif;font-variant-numeric:tabular-nums;color:#8e9c90}
.faq summary>span{border:0;background:none;width:28px;height:28px;flex-shrink:0;color:#b8c4b5;font-size:22px;transition:transform .22s var(--detail-ease),color .18s}
.faq details[open]{border-color:#c1ee9f55}
.faq details[open] summary{color:#eaf5e1}
.faq details[open] summary>span{transform:rotate(45deg);background:transparent;border:0;color:#c1ee9f}
.faq details p{max-width:64ch;padding-left:37px;margin-top:0;padding-bottom:8px;line-height:1.85;color:#b8c4b8}
.faq details p a{color:#d8edc8;text-decoration:underline;text-decoration-color:#c1ee9f77;text-underline-offset:4px}

/* The invitation is a small product dialog, with a calmer hierarchy. */
#access-dialog{width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:32px;border-color:#ffffff25;border-radius:16px;background:#141a16;box-shadow:0 30px 90px #0009;color:var(--detail-ink)}
#access-dialog .dialog-brand{display:flex;align-items:center;gap:10px;margin:0 44px 24px 0;color:#b8c6b6;font:600 11px/1.5 Manrope,sans-serif;letter-spacing:.075em}
#access-dialog .dialog-brand img{display:block;width:26px;height:26px}
#access-dialog h2{font-size:32px;font-weight:600;line-height:1.15;letter-spacing:-.045em;margin:0 0 16px}
#access-dialog .launch-intro{color:#bac5bb;line-height:1.7;font-size:14px;margin:0 0 25px}
#access-dialog .dialog-close{top:16px;right:16px;width:40px;height:40px;border:1px solid #ffffff16;border-radius:50%;background:transparent;color:#acbaad;font-size:24px;line-height:1;transition:color .18s,border-color .18s,background .18s}
#launch-form>label[for=launch-email]{display:block;margin-bottom:9px;font-size:12px;font-weight:600;color:#d3ddd0}
#launch-email{width:100%;min-height:52px;border:1px solid #ffffff28;border-radius:8px;background:#0d120f;color:#eff4eb;padding:14px 15px;box-shadow:none;transition:border-color .18s,box-shadow .18s}
#launch-email::placeholder{color:#8e9b90;opacity:1}
#launch-email:focus{border-color:#b5d99a;box-shadow:0 0 0 3px #c1ee9f0b}
#launch-email:user-invalid{border-color:#df9a8c}
#access-dialog .launch-consent{display:flex;align-items:flex-start;gap:11px;font-size:12px;line-height:1.75;color:#b9c4b8;margin:19px 0 23px}
#access-dialog .launch-consent input{flex:0 0 17px;width:17px;height:17px;min-width:17px;margin:3px 0 0;accent-color:#c1ee9f;cursor:pointer}
#access-dialog .launch-consent a{color:#d9e3d5;text-underline-offset:3px}
#access-dialog .button.primary{width:100%;min-height:49px;border-radius:8px}
#access-dialog .launch-note{border-top:1px solid #ffffff12;margin:21px 0 0;padding-top:17px;color:#a9b5a9;font-size:11px;line-height:1.8}
#launch-form-status:empty{display:none}
#launch-form-status.is-error{padding:12px 0 0;margin:0;color:#f1b6a8;font-size:13px;line-height:1.6}
#launch-form[aria-busy=true] button[type=submit]{opacity:.72}
#access-dialog #launch-success p{font-size:14px;line-height:1.8;color:#c0cbbd}
.cookie-notice,.cookie-dialog,.cookie-notice h2,.cookie-dialog h2,.cookie-action{font-family:Manrope,Arial,sans-serif}
.cookie-notice p,.cookie-dialog p{font-size:13px;line-height:1.75}

/* A compact finish with a real support destination, not another promotional panel. */
body>footer.wrap{display:grid;grid-template-columns:1fr auto;gap:12px 36px;padding-block:34px}
body>footer.wrap>.brand{grid-column:1;grid-row:1;justify-self:start;font-size:22px}
body>footer.wrap>p{grid-column:1;grid-row:2;margin:0;font-size:12px;line-height:1.6;color:#aab7aa}
body>footer.wrap>.footer-support{grid-column:2;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:13px;color:#d1dfc8;text-decoration:none}
.footer-support span{transition:transform .2s var(--detail-ease);color:#aacd94}
body>footer.wrap>span{grid-column:1;grid-row:3;margin-top:9px;color:#8fa08e;font-size:11px}
body>footer.wrap .legal-links{grid-column:2;grid-row:3;justify-content:flex-end;gap:20px;margin:0;font-size:11px;line-height:1.6;color:#aeb9ac}
body>footer.wrap .legal-links a,body>footer.wrap .cookie-footer{text-decoration:none;min-height:32px;display:inline-flex;align-items:center}

@media(hover:hover) and (pointer:fine){
 header.nav #site-menu a:hover{color:#f0f5eb;background:#ffffff04}
 .button:hover .cta-arrow,.pricing-action:hover .cta-arrow,.text-link:hover>span{transform:translateX(3px)}
 .footer-support:hover span{transform:translate(2px,-2px)}
 .text-link:hover,.ownership-foot a:hover,.pricing-note a:hover{color:#e9f5df;border-bottom-color:#c1ee9f}
 .faq summary:hover{color:#def0ce}
 #access-dialog .dialog-close:hover{color:#e9f3e1;border-color:#ffffff40;background:#ffffff05}
 body>footer.wrap .legal-links a:hover,body>footer.wrap .cookie-footer:hover{color:#ebf4e5;text-decoration:underline;text-underline-offset:4px}
}
@media(max-width:760px){
 header.nav #site-menu{grid-template-columns:1fr;padding:8px;gap:2px;max-height:calc(100dvh - 110px)}
 header.nav #site-menu a{padding:12px 15px;min-height:44px;font-size:14px;border-radius:7px}
 header.nav #site-menu a[aria-current=location]{background:#c1ee9f0b}
 header.nav #site-menu a[aria-current=location]::after{left:auto;right:16px;top:calc(50% - 2px);bottom:auto;width:4px;height:4px;border-radius:50%}
 header.nav>.button.small .cta-arrow{display:none}
 .faq summary{font-size:14px;min-height:68px;padding:18px 0;gap:10px}
 .faq details p{font-size:13px;padding-left:33px;line-height:1.85}
 #access-dialog{padding:26px 22px;max-height:calc(100dvh - 24px)}
 #access-dialog h2{font-size:29px}
 #access-dialog .dialog-brand{margin-bottom:23px;font-size:10px;gap:9px}
 #access-dialog .launch-intro{font-size:13px;margin-bottom:22px}
 #launch-email{font-size:16px}
 body>footer.wrap{grid-template-columns:1fr auto;gap:10px 14px;padding-block:30px calc(24px + env(safe-area-inset-bottom))}
 body>footer.wrap>.brand{font-size:20px}
 body>footer.wrap>.footer-support{font-size:12px}
 body>footer.wrap>.brand img{width:26px;height:26px}
 body>footer.wrap .legal-links{grid-column:1/-1;grid-row:3;justify-content:flex-start;gap:8px 20px;margin-top:7px}
 body>footer.wrap>span{grid-row:4;grid-column:1/-1;margin-top:0}
}
@media(prefers-reduced-motion:reduce){
 header.nav #site-menu a,.button .cta-arrow,.pricing-action .cta-arrow,.text-link>span,.footer-support span,.faq details,.faq summary,.faq summary>span,#launch-email,#access-dialog .dialog-close{transition:none}
}
.journey-reduced .button .cta-arrow,.journey-reduced .pricing-action .cta-arrow,.journey-reduced .text-link>span,.journey-reduced .footer-support span,.journey-reduced .faq summary>span{transition:none}
