/* Product-focused motion, contained within the compact first screen. */
.hero h1{font-size:clamp(44px,4.4vw,64px);line-height:1.08}.hero .eyebrow{font-size:11px}.hero-description{max-width:535px}.product-stage{padding:30px 0 35px;scroll-margin-top:100px}.float-card{padding:10px 13px;gap:9px;max-width:90%;animation:float 6s ease-in-out infinite}.float-card.top{top:0;inset-inline-end:14px;right:auto}.float-card.bottom{bottom:0;inset-inline-start:16px;left:auto;animation-delay:-3s}.float-card strong{font-size:11px}.float-card small{font-size:9px}.float-card .icon-tile{width:30px;height:30px}.float-card svg{width:18px;height:18px}.hero-tabs{padding-top:9px;align-items:center}.hero-tabs button{position:relative;overflow:hidden}.hero-tabs button[data-hero-mode][aria-pressed=true]:after{content:"";position:absolute;height:2px;bottom:0;inset-inline-start:0;width:100%;background:var(--sc-accent);transform-origin:left;animation:hero-progress 6s linear infinite}.hero-tabs .hero-motion-toggle{display:grid;place-items:center;padding:7px;width:30px;height:30px;border:1px solid var(--line);flex-shrink:0}.hero-motion-toggle svg{width:14px;height:14px}.invoice{position:relative;overflow:hidden}.document-scan{display:none;position:absolute;left:0;right:0;height:2px;background:var(--sc-accent);box-shadow:0 0 18px 4px color-mix(in srgb,var(--sc-accent) 25%,transparent);pointer-events:none}.product-stage[data-mode=purchase] .document-scan,.product-stage[data-mode=expense] .document-scan{display:block;animation:document-read 3s ease-in-out infinite}.product-stage .invoice.is-entering{animation:document-enter .45s ease-out}.product-stage[data-mode=invoice] .signature-stamp svg{stroke-dasharray:24;stroke-dashoffset:24;animation:signature-check 3s ease-in-out infinite}.hero-motion-paused .float-card,.hero-motion-paused .document-scan,.hero-motion-paused .signature-stamp svg,.hero-motion-paused .hero-tabs button:after{animation-play-state:paused!important}.hero-motion-paused .hero-tabs button:after{display:none}.hero-motion-paused .signature-stamp svg{stroke-dashoffset:0}.hero-motion-paused .document-scan{display:none}.hero-motion-paused .invoice.is-entering{animation:none}
@keyframes hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes document-read{0%,100%{top:12%;opacity:0}15%,75%{opacity:.75}85%{top:85%;opacity:0}}@keyframes document-enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes signature-check{0%,15%{stroke-dashoffset:24}45%,100%{stroke-dashoffset:0}}
html[lang=de] .hero h1{font-size:43px;letter-spacing:-1.7px}html[dir=rtl] .hero-tabs button:after{transform-origin:right}
@media(max-width:800px){.hero h1{font-size:51px}.product-stage{padding:28px 0 34px}.float-card.top{inset-inline-end:7px}.float-card.bottom{inset-inline-start:7px}.hero-grid{gap:20px}}
@media(max-width:600px){.hero h1{font-size:44px}.hero .eyebrow{font-size:10px}.float-card strong{font-size:10px}.float-card small{font-size:8px}.float-card{padding:8px 10px}.hero-tabs button{font-size:10px;padding:8px 10px}.hero-tabs{gap:2px}html[lang=de] .hero h1{font-size:34px}html[dir=rtl] .hero h1{font-size:33px}.hero-ctas .primary{font-size:13px}}
@media(max-width:360px){.hero h1{font-size:39px}.hero-tabs button{font-size:9px;padding-inline:7px}html[lang=de] .hero h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.hero-tabs button:after,.document-scan{display:none!important}.product-stage .signature-stamp svg{stroke-dashoffset:0}.hero-motion-toggle{display:none!important}}
.float-card.top{right:auto;left:auto;inset-inline-end:14px}.float-card.bottom{left:auto;right:auto;inset-inline-start:16px}@media(max-width:800px){.float-card.top{inset-inline-end:7px}.float-card.bottom{inset-inline-start:7px}}