/* Marketing motion enhances visible HTML; it never gates content or interaction. */
:root{--ease-out:cubic-bezier(0.23,1,0.32,1)}
/* Replace the older stagger rather than combining two entrances on the hero. */
.hero .hero-eyebrow,.hero h1,.hero .hero-description,.hero .hero-actions{animation:none;opacity:1;transform:none}
.hero .hero-founder{opacity:1;transform:none}
.hero-actions .button,.founder-actions .button,.product-proof-links .text-link{transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease,box-shadow 160ms ease,transform 120ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){
 .hero-actions .button:not(:disabled):hover,.founder-actions .button:not(:disabled):hover{transform:translateY(-2px)}
 .product-proof-links .text-link:hover .icon{transform:translateX(3px)}
}
.hero-actions .button:not(:disabled):active,.founder-actions .button:not(:disabled):active{transform:scale(.985);box-shadow:none}
html[data-showcase-input="keyboard"] :is(.hero-actions .button,.founder-actions .button,.product-proof-links .text-link,.product-proof-links .icon){transition:none!important;transform:none!important}
.showcase-switcher button{transition:background-color 140ms ease,border-color 140ms ease,color 140ms ease}
.showcase-product[data-showcase-parallax]{transition:transform 220ms var(--ease-out);transform-style:preserve-3d}
.portal-flow{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:5px;margin:22px 0 2px;padding:15px 10px;border:1px solid #e1eaf7;border-radius:12px;background:#f8fbff}
.portal-flow-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;text-align:center;color:#3e5878}
.portal-flow-node>.icon{box-sizing:content-box;width:17px;height:17px;padding:9px;border:1px solid #dbe8f9;border-radius:10px;background:white;color:var(--blue,#0b6be6)}
.portal-flow-node>b{font-size:10px;line-height:1.5;font-weight:500}
.portal-flow-link{display:block;height:2px;background:#dce7f5;overflow:hidden;border-radius:2px}
.portal-flow-link>i{display:block;width:100%;height:100%;background:var(--blue,#0b6be6);opacity:.6;transform-origin:left}
html[data-showcase-input="keyboard"] .showcase-product[data-showcase-parallax]{transition:none!important;transform:none!important}
@media(max-width:680px){.portal-flow{grid-template-columns:minmax(0,1fr) 18px minmax(0,1fr) 18px minmax(0,1fr);padding:14px 6px;gap:3px}.portal-flow-node>b{font-size:10px}}
html[data-showcase-input="keyboard"] .showcase-switcher button{transition:none!important}
@media(hover:hover) and (pointer:fine){.showcase-switcher button:not([aria-selected="true"]):hover{background:#eaf1fb;border-color:#dce6f3;color:#24568b}}
/* A reading-progress accent follows actual scroll, not an autoplay timer. */
@media(prefers-reduced-motion:no-preference){
 @supports(animation-timeline:scroll(root block)){
  .site-header::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--blue,#0b6be6);transform-origin:left;animation:showcase-reading-progress 1s linear both;animation-timeline:scroll(root block);pointer-events:none}
  @keyframes showcase-reading-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
 }
}
@media(hover:none),(pointer:coarse){
 .hero-actions .button:hover,.founder-actions .button:hover,.product-proof-links .text-link:hover .icon{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .hero .hero-eyebrow,.hero h1,.hero .hero-description,.hero .hero-actions{animation:none!important;opacity:1;transform:none}
 .hero-actions .button,.founder-actions .button,.product-proof-links .text-link,.product-proof-links .icon{transition:none!important;transform:none!important}
 .showcase-switcher button{transition:none!important}
 .showcase-product[data-showcase-parallax]{transition:none!important;transform:none!important}
}