/* Compact commercial layout; official app branding and shared theme colors. */
.brand{display:flex;flex-shrink:0;width:166px;line-height:1;letter-spacing:0}.brand img{width:166px;height:auto;max-width:100%;object-fit:contain}.brand .site-brand-dark{display:none}html[data-theme=dark] .brand .site-brand-light{display:none}html[data-theme=dark] .brand .site-brand-dark{display:block}
.nav{height:64px;gap:16px}.navlinks{gap:12px}.nav-actions{gap:8px}.nav-actions .login{display:none}.nav .btn{font-size:12px;padding:9px 13px;min-height:36px;font-weight:650}.btn.primary{font-weight:650;box-shadow:0 7px 18px #6829b924}.hero-ctas .primary{font-size:15px;padding:16px 22px;min-height:52px}.hero-ctas{gap:12px}.hero-ctas .secondary{font-size:13px;padding:14px 17px}
.hero{padding:44px 0 30px}.hero-grid{gap:44px;align-items:center}.hero h1{font-size:clamp(41px,3.7vw,55px);line-height:1.08;letter-spacing:-2px;margin:18px 0}.hero .eyebrow{font-size:10px;letter-spacing:.08em}.hero-description{font-size:15px;line-height:1.75;margin:0 0 24px;max-width:530px}.hero-note.conversion-note{display:block;font-size:12px;margin:12px 0 0;color:var(--muted)}.product-stage{min-height:0;margin:0}.app-window{transform:none}.hero-tabs{padding-top:12px}.app-content{padding:18px 22px}.invoice{padding:20px}.invoice-client{margin:20px 0}.app-sidebar{padding-top:22px}.hero-tabs button{font-size:11px}.audience{padding:13px 0}.audience .wrap{gap:25px}.audience p{font-size:10px}.audience svg{width:17px;height:17px}
.section{padding:44px 0}.section-heading{margin-bottom:24px;gap:32px}.section-heading h2,h2{font-size:32px;line-height:1.2;letter-spacing:-1px}.section-heading p{font-size:14px;max-width:420px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:23px;display:flex;flex-direction:column;min-width:0}.benefit-heading{display:flex;align-items:center;gap:10px;min-height:84px;margin-bottom:14px}.benefit-heading h3{font-size:21px;line-height:1.2;letter-spacing:-.5px;margin:0;min-width:0}.benefit-heading img{width:115px;height:80px;flex-shrink:0;object-fit:contain;transition:transform .22s ease}.benefit-card:hover img{transform:translateY(-3px)}.benefit-card p{font-size:13px;line-height:1.65;margin:0}.benefit-card p>span{display:block;font-weight:650;font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.pain{color:var(--muted);padding-bottom:14px;border-bottom:1px solid var(--line)}.benefit-card .answer{margin-top:14px;margin-bottom:20px;color:var(--ink)}.answer>span{color:var(--sc-accent)}.benefit-card .text-link{margin-top:auto;font-size:12px;gap:7px}.benefit-card .text-link svg{width:16px;height:16px}
.steps{gap:28px}.step-number{padding-top:0}.step{padding-top:12px}.step h3{padding-top:0;margin:8px 0;font-size:20px}.step p{font-size:13px}.module-layout{gap:30px}.module-panel{min-height:220px;padding:28px;padding-inline-end:150px}.module-visual .sc-help-illustration{width:120px;height:120px}.module-panel h3{font-size:22px}.module-panel p{font-size:14px}.module-tab{padding:13px 15px}.pricing-section{margin-bottom:25px}.pricing-grid{max-width:100%;gap:20px}.pricing-card{padding:25px}.pricing-card h3{font-size:24px}.pricing-top{min-height:0}.plan-price{font-size:36px;margin:15px 0}.plan-price.on-request{font-size:28px;min-height:47px}.pricing-card ul{padding-top:12px;margin-bottom:20px}.pricing-card li{margin:8px 0}.pricing-card .btn{font-size:14px;min-height:48px}.support-band{padding:22px 28px}.support-art{width:52px;height:52px}.support-band h3{font-size:21px}.support-band p{font-size:13px}.faq-layout{gap:40px}.faq-layout details{padding:15px 0}.faq-title p{font-size:14px}.cta{padding:30px 38px;margin:10px 0 35px;gap:30px}.cta h2{font-size:31px}.cta p{font-size:14px;margin:12px 0 0}.cta .btn{font-size:14px;padding:16px 22px;min-height:50px}.cta-mark{display:none}.footer{padding:35px 0 20px}.footer-grid{gap:32px}.footer-bottom{margin-top:25px;padding-top:18px}.article-hero{padding:40px 0 28px}.article-hero h1{font-size:44px;line-height:1.15;letter-spacing:-1.3px}.article-hero p{font-size:16px}.original-scene--article{max-width:620px;padding:12px 20px;margin:0 auto 35px}.original-scene--article img{max-height:290px}.article-content{padding-bottom:35px}
html[dir=rtl] .hero h1{font-size:45px;line-height:1.45}html[dir=rtl] .section-heading h2,html[dir=rtl] h2{font-size:30px;line-height:1.5}html[dir=rtl] .hero-grid{gap:34px}html[lang=de] .benefit-heading h3{font-size:19px}
@media(max-width:1200px){.navlinks{display:none;position:absolute;top:64px;left:0;right:0;background:var(--surface);padding:16px 25px;border-bottom:1px solid var(--line)}.navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.navlinks a{padding:10px;font-size:14px}.menu-toggle{display:grid}.nav-actions{margin-inline-start:auto}.auth-language summary>span{display:inline}.benefit-heading img{width:90px;height:68px}.benefit-heading h3{font-size:20px}.hero h1{font-size:43px}.hero-ctas{flex-wrap:wrap}}
@media(max-width:800px){.hero{padding:30px 0 24px}.hero-grid{gap:25px}.hero h1{font-size:45px;max-width:600px}.hero-copy{max-width:600px}.product-stage{width:min(500px,100%);margin:0 auto}.hero-grid>div:last-child{max-width:510px;width:100%;margin:auto}.app-content{padding:16px}.hero-tabs{padding-top:8px}.section{padding:30px 0}.section-heading h2,h2{font-size:28px}.benefit-grid{grid-template-columns:1fr;gap:12px}.benefit-card{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.benefit-heading{grid-column:1/-1;min-height:0;margin:0;justify-content:space-between}.benefit-heading h3{font-size:23px}.benefit-heading img{width:100px;height:67px}.benefit-card .pain{padding-bottom:0;border-bottom:0}.benefit-card .answer{margin:0;padding-inline-start:18px;border-inline-start:1px solid var(--line)}.benefit-card .text-link{grid-column:1/-1;margin-top:2px}.module-panel{padding-inline-end:145px;min-height:220px}.module-visual{position:absolute;inset-inline-end:14px;top:50%;transform:translateY(-50%);margin:0}.module-visual .sc-help-illustration{width:115px;height:115px}.cta{padding:26px}.cta .btn{margin-top:18px}.support-band{padding:20px}.article-hero h1{font-size:38px}.original-scene--article{max-width:500px}}
@media(max-width:600px){.nav{height:60px;gap:8px}.navlinks{top:60px}.brand,.brand img{width:135px}.nav-actions{gap:5px}.nav .btn{font-size:11px;padding:8px 10px;min-height:36px}.auth-language summary>span{display:none}.nav .theme-toggle{width:33px;height:38px}.auth-language summary{padding:7px}.auth-language summary svg{display:none}.auth-language img{width:21px}.menu-toggle{padding:4px}.hero h1{font-size:38px;letter-spacing:-1.4px}.hero-description{font-size:14px}.hero-ctas .primary{font-size:14px;padding:14px 18px}.hero-ctas .secondary{font-size:12px}.hero-note.conversion-note{font-size:11px}.audience .wrap{gap:12px 17px}.audience p{display:none}.audience span{font-size:10px}.benefit-card{padding:18px;gap:10px 16px}.benefit-card p{font-size:12px}.benefit-heading h3{font-size:22px}.benefit-card .answer{padding-inline-start:14px}.steps{gap:17px}.step{padding-top:10px}.module-panel{padding:22px}.module-visual{display:none}.pricing-card{padding:22px}.pricing-card h3{font-size:23px}.pricing-card .btn{font-size:13px}.support-band .btn{margin:0}.faq-layout{gap:18px}.footer-grid{gap:20px}.footer-brand .brand{width:170px}.footer-brand .brand img{width:170px}.article-hero h1{font-size:34px}.article-hero{padding-top:25px}.original-scene--article img{max-height:210px}html[dir=rtl] .hero h1{font-size:35px}html[dir=rtl] .section-heading h2,html[dir=rtl] h2{font-size:26px}html[lang=de] .hero h1{font-size:34px;letter-spacing:-1px}}
@media(max-width:430px){.brand,.brand img{width:112px}.nav .btn{font-size:10px;padding:10px 9px}.nav-actions{gap:3px}.menu-toggle{width:26px}.nav .theme-toggle{width:29px}.nav .btn svg{display:none}.wrap{width:calc(100% - 32px)}.hero h1{font-size:35px}.hero-ctas{gap:8px}.hero-ctas .primary{width:100%;justify-content:center}.hero-ctas .secondary{padding:8px 0;border:0;background:none;box-shadow:none}.benefit-heading img{width:87px;height:62px}.benefit-heading h3{font-size:20px}.benefit-card{grid-template-columns:1fr}.benefit-card .answer{border-inline-start:0;border-top:1px solid var(--line);padding-inline-start:0;padding-top:10px}.hero-note.conversion-note{margin-top:7px}.section-heading h2,h2{font-size:26px}.cta .btn{font-size:13px;width:100%;justify-content:center}.cta h2{font-size:28px}html[dir=rtl] .hero h1{font-size:32px}}
@media(max-width:360px){.brand,.brand img{width:128px}.nav{gap:4px}.nav .btn{font-size:9px;padding-inline:7px}.nav .theme-toggle{width:27px}.auth-language summary{padding:5px}.hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.benefit-heading img{transition:none!important;transform:none!important}}
.benefit-heading h3{text-wrap:balance}
.professional-scene{margin:0;min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.professional-scene img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:1672/941}.capture-workflow{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center}.capture-workflow .steps{grid-template-columns:1fr;gap:14px;margin:0}.capture-workflow .step{padding-top:10px}.capture-workflow .step h3{font-size:18px;margin:4px 0}.capture-workflow .step p{font-size:13px;margin:0}.capture-workflow .step-number{font-size:10px}.has-management-scene.module-panel{display:grid;grid-template-columns:1fr 1.12fr;gap:10px 22px;align-items:start;padding:24px;min-height:0}.has-management-scene>h3,.has-management-scene>p,.has-management-scene>.module-points{grid-column:1;margin:0}.has-management-scene>h3{font-size:22px}.has-management-scene>p{font-size:13px}.has-management-scene>.management-scene{grid-column:2;grid-row:1/4;align-self:center}.has-management-scene .module-points{flex-wrap:wrap;font-size:10px;padding-top:6px}.professional-scene--article{max-width:800px;margin:0 auto 32px}.benefit-heading img[src*="signature-scene"]{border-radius:7px}.text-link,.related a{border-bottom:0;text-decoration:none}.text-link:hover,.related a:hover{text-decoration:none}
@media(max-width:1100px){.has-management-scene.module-panel{grid-template-columns:1fr}.has-management-scene>.management-scene{grid-column:1;grid-row:auto}.capture-workflow{grid-template-columns:1fr 1fr;gap:22px}}
@media(max-width:800px){.capture-workflow{grid-template-columns:1fr;gap:20px}.capture-workflow .professional-scene{max-width:600px;width:100%;margin:auto}.capture-workflow .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.has-management-scene.module-panel{grid-template-columns:1fr 1fr}.has-management-scene>.management-scene{grid-column:2;grid-row:1/4}.professional-scene--article{margin-bottom:25px}}
@media(max-width:600px){.capture-workflow .steps{grid-template-columns:1fr;gap:10px}.has-management-scene.module-panel{grid-template-columns:1fr;padding:20px}.has-management-scene>.management-scene{grid-column:1;grid-row:auto;margin-top:8px}.professional-scene--article{border-radius:9px}}

@media(min-width:601px) and (max-width:800px){.nav{height:64px;gap:12px}.navlinks{top:64px}.nav .brand,.nav .brand img{width:150px}}