/* Flow layout: no fixed CTA and no viewport-height hero. */
@keyframes dialog-fade{from{opacity:0}to{opacity:1}}
@media(max-width:600px){html dialog[open]{animation:dialog-fade 150ms ease-out}html dialog[open]::backdrop{backdrop-filter:none;-webkit-backdrop-filter:none}}
html{scroll-padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}body{padding-bottom:env(safe-area-inset-bottom,0px)}.search-submit{scroll-margin-block:24px}.search{margin-bottom:env(safe-area-inset-bottom,0px)}
:root{--motion-fast:130ms;--motion-normal:200ms}button,a,input,textarea{transition:background-color var(--motion-fast),border-color var(--motion-fast),box-shadow var(--motion-fast)}button:active:not(:disabled){transform:translateY(1px)}.intent-switch button{transition:background-color var(--motion-normal),color var(--motion-normal)}dialog[open]{animation:dialog-enter 220ms ease-out}.listing-card,.demo-card{animation:card-enter 200ms ease-out}.composer-advanced[open]>.composer-advanced-body{animation:card-enter 220ms ease-out}.empty-state{transition:opacity 160ms}.search[aria-busy=true]{opacity:.75}@keyframes dialog-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes card-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:600px){.header{height:62px}.hero-area{padding-top:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));overflow:visible}.intent-switch{margin-bottom:16px}.intent-switch button{min-height:44px}.hero-title{font-size:clamp(28px,7.7vw,34px);line-height:1.08;letter-spacing:-1.1px}.hero-description{margin-top:10px;line-height:1.5;font-size:11px;max-width:330px}.hero-photo-mobile{height:clamp(64px,12svh,104px);margin-top:14px;background-size:auto 235px;border-radius:14px}.search{margin-top:-10px;padding:6px;backdrop-filter:blur(12px)}.search-field{min-height:59px;padding-block:8px}.field-copy{gap:2px}.search-submit{min-height:50px;margin-top:4px}.search-below{margin-top:12px}.hero-area .container{width:calc(100% - 26px)}.results-area{padding-top:22px}dialog{max-height:calc(100dvh - 12px);max-height:calc(100svh - 12px)}.simple-composer{height:auto;max-height:calc(100dvh - env(safe-area-inset-top,0px));margin:auto 0 0}.composer-content{overflow-y:auto}.composer-shell{max-height:inherit}.composer-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}
@media(max-height:500px) and (orientation:landscape){.hero-photo-mobile{display:none}.hero-area{padding-top:12px}.hero-title{font-size:28px}.header{height:56px}.search{margin-top:16px}dialog{max-height:calc(100dvh - 12px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active{transform:none}}
.demo-section{margin-top:32px;border-top:1px solid #e0e6dc;padding-top:28px}.demo-section h2{font:550 25px Onest,Manrope,sans-serif}.demo-section>p{font-size:13px;color:#596862;line-height:1.7;margin:10px 0 16px}.demo-tools{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.demo-tools input{flex:1;min-width:140px;min-height:46px;border:1px solid #aebbad;border-radius:12px;padding:10px;font:inherit;background:white}.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-card{padding:20px;background:white;border:1px solid #dfe5dc;border-radius:16px}.demo-card h3{font:600 21px/1.3 Onest,Manrope,sans-serif;margin:12px 0}.demo-card p{font-size:13px;line-height:1.7;margin:10px 0}.demo-label{font-size:11px;font-weight:650;color:#2449d4;background:#eaf0ff;border-radius:6px;padding:4px 7px}.demo-card button{margin-top:12px;min-height:44px}.demo-detail{max-width:600px;padding:24px}.demo-detail h2{font-size:24px;margin:12px 0}.demo-detail p{font-size:14px;line-height:1.7;margin:12px 0}.demo-detail label{display:grid;gap:6px;margin:14px 0;font-size:13px}.demo-detail input,.demo-detail select,.demo-detail textarea{font:inherit;width:100%;min-height:46px;padding:10px;border:1px solid #aebbad;border-radius:10px}.demo-detail textarea{min-height:100px}.demo-detail>.button{margin:12px 0}.catalog-retry{margin-top:16px}@media(max-width:800px){.demo-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.demo-grid{grid-template-columns:1fr}.demo-detail{padding:20px}.demo-tools .button{font-size:12px}.demo-detail input,.demo-detail select,.demo-detail textarea{font-size:16px}}