/* Compact hero and navigation. Product illustration lives in product-story.css. */
.hero.section{padding-top:55px;column-gap:42px}
.hero h1{font-size:clamp(52px,5.1vw,78px)}
.hero .hero-word{font-size:1.3em}
.hero-intro>.eyebrow{margin-bottom:24px}
.hero .hero-copy{font-size:17px;margin-top:23px}
.hero-capabilities{display:flex;align-items:center;gap:10px;margin-top:31px;padding-top:22px;border-top:1px solid #c4d3e24d;font-size:10px;color:#667b92;max-width:420px;flex-wrap:wrap}
.hero-capabilities>span{display:flex;gap:6px;align-items:center;white-space:nowrap}.hero-capabilities b{font-size:13px;font-weight:500;color:#397bad}.hero-capabilities>i{font-style:normal;color:#a5b7cc;font-size:10px}
.hero-bottom{margin-top:36px;padding-top:14px;padding-bottom:14px}
.login-button{display:inline-flex;align-items:center;gap:9px;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #cfdae8;border-radius:999px;font-size:12px;color:#324e70;background:#ffffff9c;white-space:nowrap;order:3;transition:background .2s,border-color .2s}
.login-button:hover{background:#e9f2ff;border-color:#8eb7e4}.nav>.button{order:4}.nav{gap:15px}.nav nav{gap:22px}.nav .motion-control{font-size:9px}
@media(min-width:801px) and (max-width:1100px){.hero.section{column-gap:24px}.hero h1{font-size:53px}.nav nav{gap:13px}.nav{gap:10px}.login-button{padding:10px 13px;font-size:11px}.nav .button.small{padding:10px 14px;gap:8px}}
@media(max-width:800px){
.hero.section{padding-top:38px;gap:18px}.hero h1{font-size:clamp(43px,7.7vw,60px)}.hero .hero-word{font-size:1.35em}.hero .hero-copy{font-size:16px}.hero-capabilities{justify-content:center;font-size:9px;margin:24px auto 0;padding-top:17px;gap:8px}.hero-capabilities b{font-size:12px}.hero-intro>.eyebrow{margin-bottom:20px}
.hero-bottom{margin-top:18px}.nav{flex-wrap:wrap;height:auto;min-height:72px;padding:10px 20px;gap:8px}.nav .wordmark{margin-right:auto}.nav .login-button{order:2;min-height:40px;padding:8px 13px;font-size:11px}.nav>.button.small{order:3;min-height:40px;font-size:10px;padding:9px 12px}.nav>.motion-control{order:4;width:100%;min-height:27px;padding:4px 0;text-align:right;font-size:9px}.nav:has(.motion-control:disabled) .motion-control{max-width:none;white-space:normal;text-align:right;font-size:9px}.story-scene{top:104px}html{scroll-padding-top:112px}
}
@media(max-width:370px){.hero h1{font-size:40px}.hero-capabilities{gap:6px;font-size:8px}.hero-capabilities>i{display:none}.hero-capabilities>span{gap:4px}.nav{padding-left:14px;padding-right:14px}.nav .login-button{padding:8px 11px}.nav .button.small{font-size:9px;padding:9px 11px}}