@font-face {font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/inter-400.woff') format('woff')}
@font-face {font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url('/fonts/inter-500.woff') format('woff')}
@font-face {font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/inter-600.woff') format('woff')}
@font-face {font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/inter-700.woff') format('woff')}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--hecher-font);color:rgb(var(--hecher-ink));background:rgb(var(--hecher-bg));-webkit-font-smoothing:antialiased}
a{color:inherit} a:focus-visible{outline:3px solid rgb(var(--hecher-accent));outline-offset:4px}
nav{border-bottom:1px solid rgb(var(--hecher-line));padding:20px max(24px,calc((100vw - 1080px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:white}
.product-logo{height:40px;width:auto;max-width:190px;object-fit:contain}
.nav-right{display:flex;align-items:center;gap:20px;white-space:nowrap}
.nav-link{font-size:14px;text-decoration:none;color:rgb(var(--hecher-body))}
.nav-cta,.btn-hero,.btn-white{display:inline-flex;justify-content:center;align-items:center;border-radius:8px;border:1px solid rgb(var(--hecher-ink));padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s}
.nav-cta,.btn-hero-primary,.btn-white{background:rgb(var(--hecher-ink));color:white}
.nav-cta:hover,.btn-hero-primary:hover,.btn-white:hover{background:rgb(var(--hecher-body))}
.hero{max-width:850px;padding:76px 24px 64px;margin:auto;text-align:center}
.hero-badge{display:inline-block;color:rgb(var(--hecher-accent));font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:22px}
h1,h2,h3{font-weight:600;letter-spacing:-.035em}
.hero h1{font-size:clamp(32px,4.5vw,52px);line-height:1.13;margin-bottom:24px}
.hero p{max-width:630px;margin:0 auto 30px;font-size:18px;line-height:1.7;color:rgb(var(--hecher-body))}
.hero-btns{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.btn-hero{padding:13px 24px}.btn-hero-secondary{background:white;border-color:rgb(var(--hecher-line))}.btn-hero-secondary:hover{background:rgb(var(--hecher-field))}
.proof{border-block:1px solid rgb(var(--hecher-line));padding:22px max(24px,calc((100vw - 1020px)/2));font-size:13px;line-height:1.7;text-align:center;color:rgb(var(--hecher-body));background:white}
.section,.features-inner{max-width:1080px;margin:auto}.section{padding:64px 24px}
.section-tag{font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:rgb(var(--hecher-accent));margin-bottom:12px}
h2{font-size:clamp(26px,3vw,34px);line-height:1.2;margin-bottom:14px}
.sub{font-size:16px;line-height:1.7;color:rgb(var(--hecher-body));max-width:640px;margin-bottom:30px}
.types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.type-card,.feat,.step{background:white;border:1px solid rgb(var(--hecher-line));border-radius:10px;padding:22px}
.type-icon{color:rgb(var(--hecher-accent));margin-bottom:16px}.type-card h3,.feat h3,.step h3{font-size:16px;margin-bottom:9px;letter-spacing:-.015em}
.type-card p,.feat p,.step p{font-size:14px;line-height:1.65;color:rgb(var(--hecher-body))}
.features-bg{border-block:1px solid rgb(var(--hecher-line));background:rgb(var(--hecher-field));padding:64px 24px}
.features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.ic{font-size:19px;color:rgb(var(--hecher-accent));margin-bottom:12px}
.how{max-width:810px;margin:auto;padding:64px 24px}.steps{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.step{display:flex;align-items:flex-start;gap:16px}.step-n{width:30px;height:30px;flex-shrink:0;border:1px solid rgb(var(--hecher-line));border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:600}
.cta{text-align:center;border-top:1px solid rgb(var(--hecher-line));padding:56px 24px;background:white}.cta p{color:rgb(var(--hecher-body));line-height:1.7;margin-bottom:24px}
footer{border-top:1px solid rgb(var(--hecher-line));padding:24px;text-align:center;font-size:12px;line-height:1.7;color:rgb(var(--hecher-body))}
@media(max-width:800px){.types-grid,.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){nav{padding:16px;gap:12px}.product-logo{max-width:135px;height:34px}.nav-right{gap:12px}.nav-cta{padding:9px 12px}.nav-link{font-size:12px}.hero{padding:48px 22px}.hero p{font-size:16px}.types-grid,.features-grid{grid-template-columns:1fr}.section,.features-bg,.how{padding:42px 22px}}