.hero{position:relative;width:100%;height:calc(100svh - 4rem);background-color:var(--base-100);overflow:hidden}.hero .container{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;height:100%}.hero-body{display:flex;flex-direction:row;align-items:center;flex:1 1;width:100%;max-width:70%;margin:0 auto}.hero .container .hero-content-main{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.hero .container .hero-content-main .hero-header{margin-bottom:3rem}.hero .container .hero-content-main .hero-description{width:80%;margin-bottom:2rem}.hero .container .hero-content-main .hero-description p{color:var(--base-300)}.hero-buttons{display:flex;gap:1rem;justify-content:flex-start;flex-wrap:wrap}.hero-illustration{width:42%;max-width:40%;flex-shrink:0;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;align-self:stretch}.hero-illustration img{width:100%;height:auto;display:block;object-fit:contain;object-position:bottom}.stats-bar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:0 2rem}.hero-stat-pill{display:flex;align-items:center;gap:.5rem;padding:.45rem 1rem;border-radius:999px;background-color:var(--base-100)}.hero-stat-pill .stat-label{font-family:Geist,system-ui,sans-serif;font-size:.72rem;font-weight:500;text-transform:uppercase;color:var(--base-300);letter-spacing:.06rem;white-space:nowrap}.hero-stat-pill .stat-dot{color:var(--base-200);font-size:.9rem;line-height:1}.hero-stat-pill .stat-value{font-family:Geist,system-ui,sans-serif;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--base-400);letter-spacing:.06rem;white-space:nowrap}.difference-header-container{position:relative;width:100%;height:100%;background-color:var(--base-100);overflow:hidden}.difference-header-container>.container{padding:var(--section-py) var(--section-px) 0}.difference-header-container .difference-header-content{margin:0 auto;width:85%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:var(--heading-gap);text-align:center}.difference-header-container .difference-header{width:100%}.difference-header-container .difference-header-content .difference-header-copy{width:60%}@media (max-width:1000px){.hero{height:auto}.hero,.hero .container{min-height:calc(100svh - 4rem)}.hero-body{flex-direction:column;align-items:center;justify-content:center;max-width:100%}.hero-illustration{display:flex;width:45%;max-width:40%;align-self:center;flex-shrink:0;margin-top:1.5rem}.hero .container .hero-content-main{width:100%;flex:none;align-items:center;text-align:center;justify-content:center;gap:.5rem;padding-top:3rem}.hero .container .hero-content-main .hero-header{margin-bottom:.5rem}.hero .container .hero-content-main .hero-description{width:100%;margin-bottom:.75rem}.hero-buttons{flex-direction:row;align-items:center;justify-content:center;flex-wrap:nowrap}.stats-bar{display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;padding:1rem;border-radius:.75rem}.hero-stat-pill{flex-direction:column;align-items:center;gap:.15rem;border-radius:.75rem;text-align:center;width:100%}.hero-stat-pill .stat-dot{display:none}.difference-header-container .difference-header,.difference-header-container .difference-header-content,.difference-header-container .difference-header-content .difference-header-copy{width:100%}}.klarhaus{position:relative;width:100%;background-color:var(--base-100);overflow:hidden;padding:var(--section-py) 0}.klarhaus .container{padding:0 var(--section-px);max-width:2000px;margin:0 auto}.klarhaus .klarhaus-layout{display:flex;gap:3rem;width:80%;margin:0 auto;align-items:stretch}.klarhaus .klarhaus-intro{flex:1 1;display:flex;flex-direction:column;gap:1.25rem}.klarhaus .klarhaus-eyebrow{color:var(--base-300);letter-spacing:.15rem;font-size:.75rem}.klarhaus .klarhaus-logo{width:100%;max-width:420px;height:auto;display:block}.klarhaus .klarhaus-desc{color:var(--base-400);line-height:1.6;max-width:520px}.klarhaus .klarhaus-pills{display:flex;flex-wrap:wrap;gap:.5rem}.klarhaus .klarhaus-pill{font-family:Geist,system-ui,sans-serif;font-size:.75rem;font-weight:600;padding:.45rem 1rem;border-radius:999px;border:1px solid var(--base-300);color:var(--base-400)}.klarhaus .klarhaus-right{flex:0 0 42%;display:flex;flex-direction:column;gap:1.25rem}.klarhaus .klarhaus-sdk-card{background-color:var(--base-400);color:var(--base-100);padding:2.5rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem}.klarhaus .klarhaus-sdk-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.klarhaus .klarhaus-sdk-card h3{font-family:Geist,system-ui,sans-serif;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:#fff}.klarhaus .klarhaus-sdk-card p{color:var(--neutral-500);line-height:1.6;font-size:.95rem}.klarhaus .klarhaus-sdk-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.25);width:-moz-fit-content;width:fit-content}.klarhaus .klarhaus-sdk-badge p.cap{color:rgba(255,255,255,.6);font-size:.65rem;letter-spacing:0}.klarhaus .klarhaus-badge-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.5);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:1000px){.klarhaus .klarhaus-layout{flex-direction:column;width:100%;gap:2rem}.klarhaus .klarhaus-intro{align-items:center;text-align:center}.klarhaus .klarhaus-logo{max-width:280px}.klarhaus .klarhaus-desc{max-width:none}.klarhaus .klarhaus-right{flex:none;align-items:center}.klarhaus .klarhaus-right .button-3d{align-self:center}.klarhaus .klarhaus-pills{justify-content:center}.klarhaus .klarhaus-sdk-card{padding:2rem}}