.home-clarity{--clarity-ink:#0a1930;--clarity-teal:#007f76;--clarity-muted:#53637a}
.home-clarity .hero{min-height:650px;padding-top:70px;padding-bottom:64px}
.home-clarity .hero-copy{width:100%;max-width:680px;margin:0}
.home-clarity .hero h1{max-width:650px;font-size:clamp(42px,4.8vw,64px);line-height:1.07;letter-spacing:-.035em}
.home-clarity .hero h1 span{color:#80e9d9}
.home-clarity .hero .lead{max-width:550px;font-size:23px;line-height:1.5;margin:24px 0 16px}
.home-clarity .hero-answer{max-width:550px;font-size:17px;line-height:1.7;color:#e6f3f0;margin-bottom:26px}
.home-clarity .hero:after{background:linear-gradient(90deg,rgba(4,22,27,.97),rgba(4,22,27,.87) 42%,rgba(4,22,27,.18) 85%)}
.home-clarity .hero .micro{line-height:1.6;margin-top:16px}
.home-clarity .hero .button,.home-clarity .clarity-final .button{background:#ffda37;color:#0a1930;min-height:56px;padding:16px 26px;gap:22px}
.home-clarity .button:hover{filter:brightness(1.06)}
.home-clarity .benefits{padding-top:24px;padding-bottom:24px}
.home-clarity .section{padding-top:80px;padding-bottom:80px}
.home-clarity .section-heading{max-width:760px;margin-bottom:34px}
.home-clarity .section-heading h2,.home-clarity .solution-copy h2{font-size:clamp(30px,3.2vw,43px);line-height:1.18;letter-spacing:-.025em}
.home-clarity .section-heading>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:690px;margin-top:20px;color:var(--clarity-muted)}
.home-clarity .eyebrow{letter-spacing:.1em;font-size:12px;margin-bottom:16px}
.home-clarity .clarity-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.home-clarity .clarity-cards article,.home-clarity .route-cards li{min-width:0;padding:28px;border:1px solid #dde7eb;border-radius:12px;background:#fff}
.home-clarity .card-kicker{display:block;font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--clarity-teal);margin-bottom:14px}
.home-clarity .clarity-cards h3{font-size:23px;line-height:1.3;margin:0 0 16px;letter-spacing:-.015em}
.home-clarity .clarity-cards p:not(.card-kicker){color:var(--clarity-muted);line-height:1.75;font-size:16px}
.home-clarity .pain-cards article{background:#f7fafb;border-top:3px solid #bbd7d7}
.home-clarity .clarity-takeaway{font-size:21px;font-weight:700;margin-top:30px;max-width:780px;line-height:1.5}
.home-clarity .clarity-solution{background:#edf7f5;padding:80px 0;border-block:1px solid #ddece8}
.home-clarity .solution-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}
.home-clarity .solution-visual{border-radius:14px;overflow:hidden;background:#0c2830}
.home-clarity .solution-visual img{display:block;width:100%;height:360px;object-fit:cover}
.home-clarity .visual-caption{padding:26px;color:#fff}
.home-clarity .visual-caption span{display:block;color:#80e9d9;font-size:11px;letter-spacing:.08em;font-weight:700;margin-bottom:12px}
.home-clarity .visual-caption strong{display:block;font-size:27px;line-height:1.35}
.home-clarity .solution-copy>p:not(.eyebrow):not(.micro){color:var(--clarity-muted);margin:22px 0}
.home-clarity .solution-list{list-style:none;padding:0;margin:26px 0 30px}
.home-clarity .solution-list li{position:relative;padding-left:32px;margin-bottom:22px}
.home-clarity .solution-list li:before{content:'✓';position:absolute;left:0;top:0;color:var(--clarity-teal);font-size:20px;font-weight:800}
.home-clarity .solution-list strong,.home-clarity .solution-list span{display:block}
.home-clarity .solution-list span{color:var(--clarity-muted);font-size:15px;line-height:1.7;margin-top:5px}
.home-clarity .route-cards{list-style:none;padding:0;margin:0;counter-reset:route}
.home-clarity .route-cards li{background:#fff;border-top:3px solid #00bfae}
.home-clarity .route-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#eaf6f3;color:var(--clarity-teal);font-size:19px;font-weight:800;margin-bottom:24px}
.home-clarity .clarity-inside{padding:70px 0;background:#f6f9fa;border-block:1px solid #e5edef}
.home-clarity .inside-cards article{background:transparent;border:none;border-left:2px solid #b7dbd4;border-radius:0;padding:8px 24px}
.home-clarity .access-note{max-width:840px;font-size:14px;color:var(--clarity-muted);line-height:1.7;margin:36px 0 0}
.home-clarity .faq{padding-top:72px;padding-bottom:72px}
.home-clarity .faq h2{margin-bottom:30px;font-size:clamp(30px,3vw,40px)}
.home-clarity .faq details p{max-width:870px}.home-clarity .faq details a{text-decoration:underline;color:var(--clarity-teal)}
.home-clarity .clarity-final{background:#0b2c34;color:#fff;padding:68px 0 72px}
.home-clarity .clarity-final .eyebrow{color:#80e9d9}
.home-clarity .clarity-final h2{font-size:clamp(34px,4vw,48px);letter-spacing:-.025em}
.home-clarity .clarity-final p:not(.eyebrow):not(.micro){color:#deefeb;font-size:19px;line-height:1.7;margin:22px 0 28px;max-width:720px}
.home-clarity .clarity-final .micro{color:#c4dcd7;font-size:13px;line-height:1.7;max-width:650px}
@media(max-width:1000px){.home-clarity .solution-layout{gap:34px}.home-clarity .clarity-cards{gap:14px}.home-clarity .clarity-cards article,.home-clarity .route-cards li{padding:22px}.home-clarity .clarity-cards h3{font-size:21px}}
@media(max-width:760px){.home-clarity .hero{min-height:0;padding:42px 24px 46px;align-items:initial}.home-clarity .hero-copy{width:100%;max-width:none}.home-clarity .hero h1{font-size:clamp(36px,8.8vw,48px)}.home-clarity .hero .lead{font-size:20px;margin:22px 0 16px}.home-clarity .hero-answer{font-size:16px}.home-clarity .hero:after{background:rgba(4,22,27,.85)}.home-clarity .hero .micro{font-size:12px}.home-clarity .benefits{display:grid;grid-template-columns:1fr;gap:12px;padding-block:22px;font-size:14px}.home-clarity .section{padding-block:48px}.home-clarity .section-heading>p:not(.eyebrow){font-size:16px}.home-clarity .clarity-cards{grid-template-columns:1fr;gap:16px}.home-clarity .clarity-cards article,.home-clarity .route-cards li{padding:24px}.home-clarity .clarity-cards h3{font-size:22px}.home-clarity .clarity-takeaway{font-size:19px}.home-clarity .clarity-solution{padding:48px 0}.home-clarity .solution-layout{grid-template-columns:1fr;gap:34px}.home-clarity .solution-visual img{height:235px}.home-clarity .visual-caption{padding:22px}.home-clarity .visual-caption strong{font-size:24px}.home-clarity .solution-copy h2{font-size:31px}.home-clarity .route-number{margin-bottom:18px}.home-clarity .clarity-inside{padding:48px 0}.home-clarity .inside-cards article{padding:8px 20px;margin-bottom:12px}.home-clarity .faq{padding-block:48px}.home-clarity .clarity-final{padding:48px 0}.home-clarity .clarity-final p:not(.eyebrow):not(.micro){font-size:17px}}
@media(prefers-reduced-motion:reduce){.home-clarity{scroll-behavior:auto}.home-clarity .button{transition:none;transform:none}}
/* Der Startseitenfilm ist unabhängig von der Videoreihe austauschbar. */
.home-clarity .hero-copy{max-width:1180px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:48px;align-items:center}
.home-clarity .hero-intro{grid-column:1;grid-row:1}
.home-clarity .hero-actions{grid-column:1;grid-row:2}
.home-clarity .hero h1{font-size:clamp(38px,4.2vw,56px)}
.home-clarity .hero .lead{font-size:21px;margin-bottom:20px}
.home-clarity .hero-answer{font-size:16px}
.home-clarity .home-intro-media{grid-column:2;grid-row:1 / span 2;min-width:0;padding:14px;background:rgba(7,30,37,.8);border:1px solid #6fa29770;border-radius:16px;box-shadow:0 20px 50px #0003}
.home-clarity .home-intro-label{color:#8df3dc;font-size:11px;font-weight:800;letter-spacing:.1em;margin:0 0 12px}
.home-clarity .home-intro-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#071b22;border-radius:8px}
.home-clarity .home-intro-caption{font-size:12px;color:#d8e9e5;line-height:1.5;margin-top:12px}
.home-clarity .home-intro-fallback{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;color:#0a1930;background:#ffda37;border-radius:8px;font-weight:700}
@media(max-width:1000px) and (min-width:761px){.home-clarity .hero-copy{column-gap:26px}.home-clarity .hero h1{font-size:42px}.home-clarity .hero .lead{font-size:18px}}
@media(max-width:760px){.home-clarity .hero{padding-top:22px;padding-bottom:36px}.home-clarity .hero-copy{grid-template-columns:minmax(0,1fr);gap:0}.home-clarity .hero-intro{grid-column:1;grid-row:2}.home-clarity .home-intro-media{grid-column:1;grid-row:1;margin:0 0 26px;padding:12px}.home-clarity .hero-actions{grid-column:1;grid-row:3}.home-clarity .hero h1{font-size:clamp(34px,8.5vw,44px)}.home-clarity .hero .lead{font-size:18px;line-height:1.5;margin:18px 0 22px}.home-clarity .hero-answer{font-size:15px;margin-bottom:20px}.home-clarity .home-intro-caption{margin-top:10px}.home-clarity .home-intro-label{font-size:10px;margin-bottom:10px}}