:root{--flow-ease:cubic-bezier(.22,1,.36,1);--flow-fast:160ms;--flow-panel:280ms}
.anchor-alias{display:block;position:relative;top:-100px;width:0;height:0;pointer-events:none}
.header{transition:box-shadow 220ms,border-color 220ms}
.header.is-scrolled{box-shadow:0 5px 22px -15px #081f3840}
.header-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.5}
.desktop-nav a{position:relative;transition:color 160ms}
.desktop-nav a:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--blue);transition:transform 200ms var(--flow-ease)}
.desktop-nav a[aria-current=location]{color:var(--navy)}
.desktop-nav a[aria-current=location]:after{transform:scaleX(1)}
.hero{padding-block:48px 40px}
.hero h1{font-size:clamp(45px,5.25vw,74px)}
.hero-reassurance{font-size:12px;line-height:1.5;margin-top:14px;color:var(--muted)}
.hero-actions .button{font-size:14px}
.hero .demo{min-height:624px}
.demo-top{padding-bottom:16px}
.sample-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding-top:10px}
.sample-chapters button{display:grid;gap:6px;align-content:center;text-align:left;min-height:44px;padding:4px 0;border:0;background:none;color:var(--on-dark);font-size:11px;line-height:1.4}
.chapter-line{display:block;height:2px;background:#34577a;border-radius:2px;transition:background 200ms}
.sample-chapters button.is-current{color:var(--white)}
.sample-chapters button.is-current .chapter-line,.sample-chapters button.is-done .chapter-line{background:var(--aqua)}
.sample-chapters button:hover{color:var(--aqua)}
.conversation{min-height:206px;padding-top:13px}
.demo-response{min-height:46px}
.demo-next{border:0;border-radius:0;padding:8px 1px 0;border-bottom:1px solid var(--line);min-height:52px}
.demo-next .text-link{font-size:13px}
.showcase{padding-top:30px;padding-bottom:56px}
.capabilities{padding-block:20px 54px}
.capabilities .premium-heading{margin-bottom:26px}
.cap-grid{gap:24px}
.feature-action{margin-top:12px;color:var(--blue-hover);font-size:13px}
.feature-action span{display:inline-block;transition:transform 160ms}
.feature-action:hover span{transform:translate(2px,-2px)}
.feature-status{font-size:11px!important;line-height:1.6;min-height:20px;color:var(--muted)}
.sample-email-body{position:absolute;inset:100px 20px auto;font-size:13px;line-height:1.65;color:var(--navy);max-width:27ch}
.cap-email.message-open .mail-line{visibility:hidden}
.cap-email.message-open .mail-send{color:var(--blue-hover)}
.case-symbol{translate:var(--pointer-x,0) var(--pointer-y,0);transition:translate 420ms var(--flow-ease)}
.case-card .case-index{display:none}
.case-bottom small{font-size:12px}
.tool-window:focus-visible{outline-color:var(--aqua);outline-offset:6px}
.story-chapters{display:flex;gap:8px;justify-content:center;margin:14px 0 2px}
.story-chapters button{width:44px;height:34px;min-height:44px;border:1px solid var(--control);background:transparent;color:var(--muted);border-radius:7px;font-size:12px;transition:background 180ms,border-color 180ms,color 180ms}
.story-chapters button[aria-pressed=true]{background:var(--navy);color:var(--white);border-color:var(--navy)}
.story-chapters button:hover{border-color:var(--aqua)}
.preview-stage{min-height:470px}
.preview-controls button{min-height:44px}
.preview-progress{margin-top:14px}
.showcase-dialog,.info-dialog{opacity:0;transform:translateY(12px) scale(.985);transition:opacity 200ms ease,transform 260ms var(--flow-ease),display 260ms allow-discrete,overlay 260ms allow-discrete}
.showcase-dialog[open],.info-dialog[open]{opacity:1;transform:translateY(0) scale(1)}
dialog::backdrop{background:rgba(8,31,56,0);transition:background 200ms,display 260ms allow-discrete,overlay 260ms allow-discrete}
dialog[open]::backdrop{background:rgba(8,31,56,.5)}
@starting-style{.showcase-dialog[open],.info-dialog[open]{opacity:0;transform:translateY(12px) scale(.985)}dialog[open]::backdrop{background:rgba(8,31,56,0)}}
.faq-list details::details-content{opacity:0;transition:opacity 200ms,content-visibility 200ms allow-discrete}
.faq-list details[open]::details-content{opacity:1}
.contact-tabs button{position:relative}
.contact-tabs button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform 200ms var(--flow-ease)}
.contact-tabs button[aria-selected=true]:after{transform:scaleX(1)}
.contact-form-shell{overflow:hidden}
.contact-form-shell .form-result{scroll-margin-top:100px}
.contact-form-shell .field-error{line-height:1.5}
@media(min-width:1500px){.hero{padding-block:62px 50px}.hero h1{font-size:78px}}
@media(max-width:1100px) and (min-width:681px){.hero{gap:32px;padding-block:42px 35px}.hero h1{font-size:56px}.hero-actions{gap:12px}.hero-actions .button{padding-inline:15px;font-size:13px}.hero .demo{min-height:660px}.sample-chapters{gap:8px}.demo-top p{font-size:11px}}
@media(max-width:850px) and (min-width:681px){.hero h1{font-size:48px}.hero .demo{min-height:675px}.hero-actions{flex-wrap:wrap}.hero-actions .button{width:100%}}
@media(max-width:680px){.hero{padding-block:36px 20px;gap:30px}.hero h1{font-size:clamp(43px,11.65vw,64px)}.hero-reassurance{font-size:11px;margin-top:11px}.hero-actions .button{font-size:13px;padding-inline:15px}.hero-actions{gap:18px}.hero .demo{min-height:620px}.sample-chapters{gap:9px}.sample-chapters button{font-size:11px}.demo-panel{padding:20px 20px 15px}.demo-top{padding-bottom:14px}.conversation{min-height:223px}.demo-next{margin-top:8px}.demo-next>span{max-width:22ch;font-size:11px}.demo-next .text-link{font-size:12px}.showcase{padding-top:16px;padding-bottom:34px}.capabilities{padding-block:12px 34px}.capabilities .premium-heading h2{max-width:16ch}.cap-grid{gap:16px}.cap-copy{padding-bottom:18px}.feature-action{margin-top:10px;min-height:44px}.feature-status{font-size:11px!important}.sample-email-body{font-size:12px;inset:98px 18px auto}.preview-stage{min-height:478px}.story-chapters{margin-top:10px}.showcase-dialog{max-height:calc(100dvh - 20px)}.showcase-dialog-footer .text-link{font-size:12px}}
@media(max-width:350px){.hero-actions .button{font-size:12px;padding-inline:13px}.hero-actions{gap:12px}.sample-chapters{gap:7px}.demo-panel{padding-inline:16px}.hero .demo{min-height:641px}}
@media(prefers-reduced-motion:reduce){.header-progress{display:none}.case-symbol{translate:none!important}.showcase-dialog,.info-dialog{transform:none;transition:none}.faq-list details::details-content{transition:none}}
.motion-paused .case-symbol{translate:none!important}.motion-paused .showcase-dialog,.motion-paused .info-dialog{transition:none;transform:none}

.showcase-dialog[open]{animation:none}
