@font-face{font-family:Inter;src:url('assets/inter-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('assets/manrope-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
/* Brand reference: rech.studio. Anthracite, teal, ice blue and yellow.
   Manrope light headings, Inter body. Native dialogs in the top layer. */
:root{color-scheme:dark;--bg:#141414;--surface:#1b1e1e;--soft:#191f20;--ink:#e5f0f0;--muted:#a4b8bb;--line:#303c3e;--accent:#ffd60a;--accent-hover:#ffe34c;--green:#82b6bd;--heading:#5b969e;--deep:#111819;--shadow:0 20px 70px rgba(0,0,0,.2);--radius:12px;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a{color:inherit}img{display:block;max-width:100%}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid var(--green);outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:300;color:var(--heading)}h1,h2{text-wrap:balance}p{line-height:1.75}button{border:0}button,a{transition:background-color .18s,color .18s,transform .18s}button:active:not(:disabled){transform:scale(.98)}[hidden]{display:none!important}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.section{padding-block:100px}.muted{color:var(--muted)}.eyebrow{font-size:12px;line-height:1.5;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:56px;padding:16px 27px;border-radius:6px;background:var(--accent);color:#141414;font-size:15px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap;box-shadow:inset 0 -2px 0 rgba(36,68,24,.1)}.button:hover{background:var(--accent-hover);transform:translateY(-2px)}.button:disabled{background:var(--soft);color:var(--muted);box-shadow:none;transform:none}.button-small{min-height:44px;padding:11px 18px;font-size:13px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:transparent;padding:12px 0;font-size:14px;font-weight:600;color:var(--ink);text-decoration:none}.text-button:hover{color:var(--green)}.text-button span{font-size:20px}.skip-link{position:fixed;top:10px;left:10px;padding:14px;background:var(--accent);transform:translateY(-160%);z-index:30}.skip-link:focus{transform:none}.header{height:80px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:25px;font-weight:600;letter-spacing:-1.3px;text-decoration:none;white-space:nowrap}.brand-dot{color:var(--green)}.header-right{display:flex;align-items:center;gap:28px}.header-note{font-size:13px;color:var(--muted)}
.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:center;padding-block:32px 64px;min-height:610px}.hero-copy .eyebrow{margin-bottom:22px}h1{font-size:clamp(44px,4.4vw,62px);line-height:1.12;letter-spacing:-3.3px}h1 span{color:#bae8e8;text-shadow:0 0 38px #bae8e81a}.hero-description{font-size:18px;line-height:1.7;max-width:440px;margin-top:24px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin-top:30px}.hero-actions .button{min-width:240px}.hero-video{width:100%;max-width:410px;justify-self:end}.video-cover{position:relative;display:block;width:100%;aspect-ratio:4/4.65;padding:0;border-radius:6px;overflow:hidden;background:var(--deep);box-shadow:var(--shadow);text-align:left}.video-cover>img{width:100%;height:100%;object-fit:cover;object-position:50% 35%;transition:transform .7s}.video-cover:hover>img{transform:scale(1.025)}.video-cover::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(10,14,15,.85));pointer-events:none}.play-button{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:grid;place-items:center;width:70px;height:70px;padding-left:4px;border-radius:50%;background:var(--accent);color:#141414;font-size:21px;z-index:1;box-shadow:0 4px 30px #17251d22}.video-caption{position:absolute;left:28px;right:24px;bottom:28px;color:#fcfdfb;z-index:1}.video-caption strong{display:block;font-size:21px;letter-spacing:-.5px}.video-caption>span{display:block;font-size:13px;margin-top:8px;opacity:.9}.hero-video figcaption{display:flex;justify-content:space-between;margin-top:15px;font-size:12px;color:var(--muted)}.hero-video figcaption>span:first-child{font-weight:600;color:var(--ink)}
.proof{display:grid;grid-template-columns:270px 1fr;gap:36px;align-items:center;padding:30px 0;border-block:1px solid var(--line)}.proof-intro{display:flex;gap:16px;align-items:center}.proof-intro strong{font-size:32px;letter-spacing:-1.5px;white-space:nowrap}.proof-intro span{font-size:12px;line-height:1.6;color:var(--muted)}
h2{font-size:clamp(32px,3.6vw,46px);line-height:1.2;letter-spacing:-2px}.intro{max-width:840px;text-align:center}.intro>p{max-width:660px;margin:24px auto 0;font-size:17px;color:var(--muted)}.integration-line{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px}.integration-line>span{display:flex;align-items:center;gap:9px;background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:10px 15px;font-size:13px;font-weight:600}.integration-line img{width:25px;height:25px;object-fit:contain;border-radius:4px}.intro>.small-note{font-size:12px;line-height:1.6;margin-top:18px;max-width:560px}
.possibilities{background:var(--soft)}.section-heading{max-width:770px;margin-bottom:36px}.section-heading .eyebrow{margin-bottom:18px}.section-heading>p:not(.eyebrow){font-size:17px;color:var(--muted);margin-top:20px;max-width:580px}.scenario-tabs{display:flex;gap:8px;margin-bottom:22px}.scenario-tabs>button{min-height:46px;border-radius:6px;padding:12px 22px;font-size:14px;background:transparent;color:var(--muted);font-weight:600;border:1px solid transparent}.scenario-tabs>button[aria-selected="true"]{color:var(--ink);background:var(--surface);border-color:var(--line);box-shadow:0 2px 5px #17251d06}.scenario-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center}.scenario-copy{padding-block:20px}.scenario-time{font-size:13px;font-weight:600;color:var(--green)}h3{font-size:30px;line-height:1.25;letter-spacing:-1px}.scenario-copy h3{font-size:39px;margin-top:15px}.scenario-copy p{color:var(--muted);font-size:16px;margin-top:20px;max-width:380px}.scenario-copy .text-button{margin-top:20px}.day-preview{background:var(--surface);border-radius:6px;padding:30px;border:1px solid var(--line);box-shadow:var(--shadow)}.day-heading{display:flex;gap:14px;align-items:center;margin-bottom:26px}.mini-mark{width:43px;height:43px;background:var(--deep);border-radius:6px;color:var(--accent);display:grid;place-items:center;font-size:27px;font-weight:600;flex-shrink:0}.day-heading strong{display:block;font-size:15px}.day-heading div>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.preview-item{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.preview-item>span{font-size:12px;color:var(--green);font-weight:600;padding-top:3px}.preview-item strong{font-size:14px;display:block}.preview-item p{font-size:13px;color:var(--muted);line-height:1.5;margin-top:5px}.preview-note{margin-top:12px;padding:14px 16px;background:var(--soft);border-radius:6px;font-size:12px;color:var(--muted);line-height:1.6}
.voice-section{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:center}.voice-photo{overflow:hidden;border-radius:6px;align-self:stretch;min-height:460px}.voice-photo img{width:100%;height:100%;object-fit:cover;object-position:42% center}.voice-copy p{margin-top:22px;font-size:16px;color:var(--muted)}.voice-copy blockquote{margin:24px 0 0;padding:0 0 0 20px;border-left:3px solid var(--green);font-size:21px;line-height:1.6;font-weight:600;letter-spacing:-.5px}.setup{padding-top:12px}.steps{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:0;max-width:850px}.steps li{display:grid;grid-template-columns:60px 1fr;gap:28px;position:relative;padding:0 0 35px}.steps li:not(:last-child)::after{content:"";position:absolute;left:25px;top:59px;bottom:8px;width:1px;background:var(--line)}.step-number{display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);border-radius:50%;width:52px;height:52px;font-size:18px;font-weight:600;color:var(--green)}.steps h3{font-size:22px;line-height:1.4;letter-spacing:-.6px;margin-top:6px}.steps p{max-width:650px;color:var(--muted);margin-top:9px;font-size:16px}.founder-note{display:flex;align-items:center;gap:20px;margin-top:15px;padding:28px 32px;border-radius:6px;background:var(--soft)}.founder-note img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex-shrink:0}.founder-note p{font-size:19px;font-weight:600;line-height:1.5;letter-spacing:-.4px}.founder-note span{display:block;font-size:12px;margin-top:8px;color:var(--muted)}
.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;border-top:1px solid var(--line);padding-top:70px}.faq h2{font-size:32px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child summary{padding-top:0}.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:24px 32px 24px 0;font-size:16px;font-weight:600;line-height:1.5;min-height:52px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;right:0;top:22px;color:var(--green);font-size:24px;line-height:1}.faq-list details:first-child summary::after{top:0}.faq-list details[open] summary::after{content:"−"}.faq-list details p{font-size:15px;color:var(--muted);padding-bottom:24px;line-height:1.75}.final-inner{background:var(--soft);border:1px solid var(--line);border-radius:16px;text-align:center;padding:70px 24px}.final-inner h2{font-size:52px;margin-top:17px}.final-inner>p:not(.eyebrow){font-size:17px;color:var(--muted);margin:22px auto 28px;max-width:510px}.final-inner .button{min-width:270px}.final-note{display:block;margin-top:16px;font-size:12px;color:var(--muted)}.footer{padding-block:52px 30px;display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:18px}.footer>p{grid-column:1;font-size:13px;color:var(--muted)}.footer nav{grid-column:2;grid-row:1/3;display:flex;gap:24px;align-items:center}.footer nav>a,.footer nav>button{font-size:12px;color:var(--muted)}.footer nav a{text-decoration:none}.footer small{grid-column:1/-1;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:12px;line-height:1.7}.mobile-cta{position:fixed;z-index:20;bottom:0;left:0;right:0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line);box-shadow:0 -6px 25px #17251d0a}.mobile-cta .button{width:100%}
dialog{border:1px solid var(--line);color:var(--ink);background:var(--surface);border-radius:6px;padding:0;box-shadow:var(--shadow);max-height:calc(100dvh - 40px);overscroll-behavior:contain}dialog::backdrop{background:rgba(8,12,13,.78);backdrop-filter:blur(5px)}body.modal-open{overflow:hidden}.close-button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--soft);font-size:28px;line-height:1;flex-shrink:0}.video-dialog{background:#141414;border:0;overflow:visible;width:auto;max-width:calc(100vw - 32px)}.video-dialog video{display:block;max-width:100%;width:auto;height:min(84dvh,780px);aspect-ratio:9/16;border-radius:16px;background:#141414}.video-close{position:absolute;right:-16px;top:-16px;background:var(--surface)}.video-dialog p{padding:16px;color:#fcfdfb}.check-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.check-top{padding:22px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.check-top .wordmark{font-size:22px}.check-content{padding:28px 34px 24px}.check-progress{font-size:12px;color:var(--green);font-weight:600}.progress-dots{display:flex;gap:6px;margin-top:13px;margin-bottom:25px}.progress-dots i{height:4px;flex:1;background:var(--line);border-radius:4px}.progress-dots i.complete{background:var(--green)}.check-content h2{font-size:30px;letter-spacing:-1.1px;line-height:1.25;outline:none}.check-content>p:not(.check-progress):not(.check-privacy):not(.error-message){font-size:14px;color:var(--muted);margin-top:13px}.check-options{display:grid;gap:10px;margin-top:24px}.option-button{position:relative;min-height:58px;padding:15px 45px 15px 18px;border:1px solid var(--line);background:var(--bg);text-align:left;border-radius:6px;font-size:14px;font-weight:600;line-height:1.5}.option-button::after{content:"";width:18px;height:18px;border-radius:50%;border:1px solid var(--muted);position:absolute;right:18px;top:50%;transform:translateY(-50%)}.option-button[aria-pressed="true"]{background:var(--soft);border-color:var(--green)}.option-button[aria-pressed="true"]::after{border:5px solid var(--green);background:var(--surface)}.check-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px}.check-navigation .button{min-width:140px;margin-left:auto}.check-privacy{font-size:11px;color:var(--muted);line-height:1.6;margin-top:20px}.result-box{padding:20px;background:var(--soft);border-radius:16px}.result-box h3{font-size:20px;letter-spacing:-.5px}.result-box p{font-size:14px;color:var(--muted);margin-top:12px}.result-box ul{padding-left:20px;margin-bottom:0;font-size:14px;line-height:1.8}.form-field{display:grid;gap:7px;margin-bottom:15px}.form-field label{font-weight:600;font-size:13px}.form-field input{width:100%;min-height:52px;border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--bg);color:var(--ink);font-size:16px}.form-field input::placeholder{color:var(--muted)}.error-message{color:#ffb9b4;font-size:13px;margin-top:16px}.success-mark{height:50px;width:50px;border-radius:50%;background:var(--accent);color:#141414;display:grid;place-items:center;font-size:25px;margin-bottom:20px}.info-dialog{max-width:480px;width:calc(100% - 32px);padding:32px}.info-dialog>.close-button{margin-left:auto;margin-bottom:16px}.info-dialog h2{font-size:30px}.info-dialog p{margin:20px 0;color:var(--muted);font-size:15px}.noscript{padding:20px;text-align:center;background:var(--accent);color:#141414}
@media(min-width:768px){.mobile-cta{display:none!important}}
@media(max-width:1000px) and (min-width:768px){.hero{gap:30px}.hero h1{font-size:44px;letter-spacing:-2px}.proof{grid-template-columns:1fr;gap:25px}.proof-intro{justify-content:center}.scenario-panel{gap:30px}.voice-section,.faq{gap:35px}.header-note{display:none}}
@media(max-width:767px){.wrap{width:calc(100% - 40px)}.section{padding-block:64px}.header{height:72px}.wordmark{font-size:23px}.header-note{display:none}.header .button-small{font-size:12px;min-height:40px;padding:10px 13px}.hero{grid-template-columns:1fr;gap:27px;min-height:0;padding-block:22px 32px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:17px}h1{font-size:clamp(36px,9.9vw,51px);letter-spacing:-2.2px;line-height:1.12}.hero-description{font-size:16px;line-height:1.7;max-width:440px;margin-top:20px}.hero-actions{margin-top:23px;gap:5px;align-items:stretch}.hero-actions .button{width:100%;font-size:15px;min-height:55px}.hero-actions .text-button{font-size:12px;min-height:40px}.hero-video{max-width:none;justify-self:stretch}.video-cover{aspect-ratio:1.38;border-radius:6px}.video-cover>img{object-position:50% 28%}.video-caption{left:20px;bottom:20px}.video-caption strong{font-size:18px}.video-caption>span{font-size:12px;margin-top:5px}.play-button{width:56px;height:56px;font-size:17px;top:44%}.hero-video figcaption{font-size:11px;margin-top:12px}.proof{grid-template-columns:1fr;gap:25px;padding-block:25px}.proof-intro{justify-content:center}.proof-intro strong{font-size:29px}.proof-intro span{font-size:11px}h2{font-size:31px;letter-spacing:-1.35px;line-height:1.23}.intro{text-align:left}.intro>p{font-size:16px;margin-top:20px}.integration-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:25px}.integration-line>span{font-size:12px;padding:12px;gap:9px}.integration-line img{width:23px;height:23px}.intro>.small-note{font-size:11px;margin-top:16px}.section-heading{margin-bottom:27px}.section-heading .eyebrow{font-size:10px;margin-bottom:15px}.section-heading>p:not(.eyebrow){font-size:15px;margin-top:17px}.scenario-tabs{gap:3px;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.scenario-tabs>button{font-size:12px;padding:12px 8px;min-height:44px}.scenario-panel{grid-template-columns:1fr;gap:22px}.scenario-copy{padding:0}.scenario-time{font-size:12px}.scenario-copy h3{font-size:28px;letter-spacing:-1px;margin-top:12px}.scenario-copy h3 br{display:none}.scenario-copy p{font-size:15px;margin-top:14px;max-width:none}.scenario-copy .text-button{display:none}.day-preview{padding:20px;border-radius:6px;box-shadow:0 12px 28px #1c392808}.day-heading{gap:10px;margin-bottom:17px}.day-heading strong{font-size:13px}.day-heading div>span{font-size:10px}.mini-mark{width:38px;height:38px;font-size:24px}.preview-item{grid-template-columns:40px 1fr;padding-block:15px;gap:7px}.preview-item>span{font-size:11px}.preview-item strong{font-size:13px}.preview-item p{font-size:12px}.preview-note{font-size:11px;padding:12px}.voice-section{grid-template-columns:1fr;gap:28px}.voice-photo{min-height:0;aspect-ratio:1.35;border-radius:6px}.voice-copy p{font-size:15px;margin-top:18px}.voice-copy blockquote{font-size:19px;margin-top:22px;padding-left:17px}.setup{padding-top:0}.steps{margin-top:28px}.steps li{grid-template-columns:42px 1fr;gap:16px;padding-bottom:28px}.step-number{width:40px;height:40px;font-size:15px}.steps li:not(:last-child)::after{left:19px;top:48px}.steps h3{font-size:18px;line-height:1.4;margin-top:6px}.steps p{font-size:14px;margin-top:8px;line-height:1.7}.founder-note{gap:14px;padding:22px 18px;align-items:flex-start;margin-top:5px;border-radius:6px}.founder-note img{width:46px;height:46px}.founder-note p{font-size:16px}.founder-note span{font-size:10px}.faq{grid-template-columns:1fr;gap:30px;padding-top:55px}.faq h2{font-size:29px}.faq-list summary{font-size:14px;padding-block:22px}.faq-list details p{font-size:14px}.final-inner{padding:45px 20px;border-radius:6px}.final-inner .eyebrow{font-size:10px}.final-inner h2{font-size:34px;letter-spacing:-1.8px}.final-inner>p:not(.eyebrow){font-size:15px;margin-block:20px 25px}.final-inner>p br{display:none}.final-inner .button{width:100%;min-width:0;font-size:14px}.final-note{font-size:10px;margin-top:14px}.footer{grid-template-columns:1fr;padding-block:40px calc(110px + env(safe-area-inset-bottom));row-gap:13px}.footer nav{grid-column:1;grid-row:auto;gap:22px}.footer nav a,.footer nav button{font-size:11px}.footer small{font-size:10px;margin-top:2px}.check-dialog{border-radius:6px;width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.check-top{padding:14px 20px}.check-content{padding:23px 22px 20px}.check-content h2{font-size:26px}.check-options{margin-top:20px}.option-button{font-size:13px;min-height:56px}.check-navigation{margin-top:22px}.check-navigation .button{font-size:14px;min-width:120px}.check-privacy{font-size:10px}.progress-dots{margin-bottom:20px}.info-dialog{padding:24px}.video-dialog video{height:auto;width:auto;max-height:86dvh;max-width:calc(100vw - 38px)}.video-close{right:-8px;top:-14px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}h1{font-size:34px;letter-spacing:-2px}.header .button-small{font-size:11px;padding:9px 10px}.wordmark{font-size:21px}.hero-copy .eyebrow{font-size:9px}.integration-line>span{font-size:11px;padding:10px}.check-content{padding:20px 17px}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.hero-copy{animation:arrive .65s both}.hero-video{animation:arrive .8s .1s both}dialog[open]{animation:arrive .22s both}.panel-enter{animation:arrive .25s both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Original rech.studio identity, adapted for an Instagram-first landing page. */
.header{height:72px;margin-top:12px;padding-inline:24px;border:1px solid var(--line);border-radius:6px;background:#141414}
.wordmark{display:inline-flex;align-items:center;line-height:1}
.wordmark img{width:120px;height:auto}
.hero{padding-top:54px;padding-bottom:64px;gap:70px}
h1{letter-spacing:-2.8px;line-height:1.13}
h2{letter-spacing:-1.6px}
h2 .muted{color:#bae8e8}
h3{color:#bae8e8;font-weight:400}
.hero-description{color:#bae8e8;font-weight:400}
.eyebrow{font-weight:500;letter-spacing:.12em;color:#a4b8bb}
.button{box-shadow:none;font-weight:600;border-radius:6px}
.text-button{font-weight:500}
.hero-video{max-width:390px}
.video-cover{border:1px solid #3c494b;border-radius:12px;box-shadow:0 0 60px #5b969e0d}
.play-button{box-shadow:0 0 0 8px #ffd60a18}
.video-caption{color:#fff}
.proof{display:block;padding-block:36px 32px}
.proof-intro{justify-content:center;gap:22px;margin-bottom:28px}
.proof-intro strong{font-family:Manrope,Arial,sans-serif;font-weight:300;font-size:40px;color:#bae8e8}
.proof-intro span{font-size:12px}



.integration-line>span{background:#1b2021;border-color:var(--line);border-radius:6px}
.possibilities{border-block:1px solid var(--line)}
.scenario-tabs>button[aria-selected="true"]{color:#bae8e8;border-color:#5b969e;background:#202a2c;box-shadow:none}
.day-preview{border-radius:12px;background:#161b1c;box-shadow:0 12px 40px #0002}
.mini-mark{background:transparent;width:70px;height:36px;border-radius:0}
.mini-mark img{width:70px;height:auto}
.voice-photo{border-radius:12px}
.voice-copy blockquote{color:#bae8e8;font-weight:400;font-family:Manrope,Arial,sans-serif}
.founder-note{border:1px solid var(--line);border-radius:8px;background:#191d1e}
.founder-note p{font-weight:400;color:#bae8e8}
.final-inner{border-radius:12px;background:radial-gradient(ellipse at 50% 0,#253638 0,transparent 70%),#191f20}
.final-inner h2{color:#bae8e8}
dialog{border-radius:12px}
.check-content h2,.info-dialog h2{color:#bae8e8;font-weight:400}
.option-button{font-weight:500}
.skip-link{color:#141414}
@media(max-width:767px){
 .header{width:calc(100% - 24px);height:64px;margin-top:10px;padding-inline:14px}
 .header .wordmark img{width:102px}
 .header .button-small{min-height:38px;padding:10px 12px;font-size:11px}
 .hero{padding-top:32px;padding-bottom:32px;gap:26px}
 h1{font-size:clamp(36px,10.3vw,51px);letter-spacing:-1.65px;line-height:1.16}
 h2{letter-spacing:-1px}
 .hero-copy .eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:.12em}
 .hero-description{font-size:15px;line-height:1.75;margin-top:20px}
 .hero-actions{margin-top:23px}
 .hero-video{max-width:none}
 .video-cover{border-radius:10px}
 .proof{padding-block:28px}
 .proof-intro{gap:18px;margin-bottom:26px}
 .proof-intro strong{font-size:34px}
 .proof-intro span{font-size:10px}
 
 
 .mini-mark{width:54px;height:32px}
 .mini-mark img{width:54px}
 .day-heading strong{font-size:12px}
 .day-heading div>span{font-size:9px}
 .final-inner h2{font-size:35px;letter-spacing:-1px}
 .check-top .wordmark img{width:106px}
}
@media(max-width:359px){.header .wordmark img{width:94px}.hero h1{font-size:34px;letter-spacing:-1.5px}.hero-copy .eyebrow{font-size:8px}.day-heading{gap:8px}.mini-mark{width:44px}.mini-mark img{width:44px}.day-heading strong{font-size:11px}}

/* Duration beneath the KI-Check call to action. */
.button[data-open-check]{flex-direction:column;gap:3px}
.check-duration{display:block;font-size:11px;line-height:1.3;font-weight:400;letter-spacing:0}
.button-small .check-duration{font-size:9px}
.header .button-small{padding-block:8px}

/* Two seamless logo rows directly below the KI-Check button. */
.hero-copy{min-width:0}
.logo-marquee{margin-top:25px;max-width:100%;min-width:0}
/* Kundenvorgabe: „Unternehmen, die auf uns setzen“ mittig über den Logo-Reihen ausrichten. */
.logo-marquee-heading{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px;margin-bottom:10px;color:var(--muted);font-size:11px}


.logo-marquee-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.logo-marquee-row{overflow:hidden;padding-block:9px}
.logo-marquee-track{display:flex;width:max-content}
/* Start erst im Viewport: beide priorisierten Referenzen zunächst 2,5 Sekunden zeigen. */
.logo-marquee[data-in-view="true"] .logo-marquee-track{animation:client-drift 44s linear 2.5s infinite both}
.logo-marquee[data-in-view="true"] .logo-marquee-row:nth-child(2) .logo-marquee-track{animation-direction:reverse;animation-duration:48s}
.logo-marquee-group{display:flex;align-items:center;gap:30px;padding:0 10px 0 20px;flex-shrink:0}
.logo-marquee-group img{width:120px;height:38px;max-width:none;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.72}

.proof-intro{margin-bottom:0}
@keyframes client-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:767px){.logo-marquee{margin-top:18px}.logo-marquee-heading{font-size:10px;margin-bottom:4px}.logo-marquee-group{gap:26px;padding:0 6px 0 20px}.logo-marquee-group img{width:100px;height:32px}.logo-marquee-row{padding-block:8px}}
@media(prefers-reduced-motion:reduce){.logo-marquee-track{animation:none;transform:none}.logo-marquee-group[aria-hidden="true"]{display:none}.logo-marquee-window{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.logo-marquee-row{overflow:visible}}

.logo-marquee-group img.featured-client{width:150px;opacity:.95}
@media(max-width:767px){.logo-marquee-group img.featured-client{width:140px}}

/* Kundenvorgabe: Header erst nach dem ersten CTA einblenden (siehe script.js).
   Fixierte Position verhindert freien Platz am Seitenanfang und Layoutsprünge. */
.header{position:fixed;inset-inline:0;top:env(safe-area-inset-top,0px);z-index:25;box-shadow:0 8px 32px #0003}

/* Kundenvorgabe: Bundesagentur für Arbeit startet weiter rechts in Reihe 1.
   Das vorausgehende Logo kompakt halten, damit die Bundesagentur auch auf
   schmalen Smartphones vollständig im sichtbaren Startbereich liegt.
   Die zweite Reihe mit SSI Schäfer bleibt unverändert. */
@media(max-width:767px){.logo-marquee-row:first-child .logo-marquee-group img:first-child{width:90px}}

/* Kundenvorgabe: neuer, längerer Hero-Text. Schriftgröße für lesbare mobile
   Zeilenumbrüche anpassen; den gelieferten Wortlaut vollständig beibehalten. */
.hero h1{font-size:clamp(38px,3.5vw,50px);line-height:1.15;letter-spacing:-1.8px}
@media(max-width:767px){.hero h1{font-size:clamp(30px,8.2vw,38px);line-height:1.18;letter-spacing:-1px}}

/* Kundenvorgabe: „24/7“ in der Hero-Überschrift fett und gelb hervorheben. */
.hero h1 .hero-highlight{font-weight:inherit;color:var(--accent);white-space:nowrap;text-shadow:none}
.hero h1>strong{font-weight:700}
.hero-description-highlight{color:inherit;font-weight:inherit;text-decoration:underline;text-underline-offset:3px}

/* Kundenvorgabe: persönlicher Trust direkt unter dem Video, im rech.studio-Design.
   Die Erfahrungsangabe bezieht sich ausdrücklich auf Softwarepraxis. */
.hero-video .founder-caption{align-items:center;gap:18px;margin-top:20px;padding-bottom:4px}
.founder-caption>div{min-width:0}
.founder-caption>div>strong{display:block;font-size:17px;font-weight:600;color:var(--ink);line-height:1.3}
.founder-caption>div>span{display:block;margin-top:6px;font-size:12px;color:var(--muted);line-height:1.4}
.founder-experience{display:flex;align-items:center;gap:10px;padding-left:18px;border-left:1px solid var(--line);flex-shrink:0}
.founder-experience>strong{font-family:Manrope,Arial,sans-serif;font-size:32px;font-weight:400;color:var(--accent);line-height:1}
.founder-experience>span{max-width:70px;font-size:10px;line-height:1.5;color:var(--muted)}
.practice-trust{border-top:1px solid var(--line);padding-block:64px 12px;scroll-margin-top:100px}
.practice-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:start}
.practice-heading .eyebrow{margin-bottom:18px}
.practice-heading h2{font-size:clamp(36px,4vw,50px);line-height:1.15}
.practice-heading h2 span{color:#bae8e8}
.practice-copy p{font-size:16px;line-height:1.75;color:var(--muted)}
.practice-copy p+p{margin-top:20px}
.practice-copy .practice-lead{font-size:19px;line-height:1.65;color:var(--ink)}
@media(max-width:767px){
 .hero-video .founder-caption{gap:10px;margin-top:18px}
 .founder-caption>div>strong{font-size:16px}
 .founder-caption>div>span{font-size:10px;max-width:160px}
 .founder-experience{padding-left:12px;gap:8px}
 .founder-experience>strong{font-size:28px}
 .founder-experience>span{font-size:9px;max-width:62px}
 .practice-trust{padding-block:38px 0}
 .practice-intro{grid-template-columns:1fr;gap:22px}
 .practice-heading .eyebrow{font-size:10px;margin-bottom:15px}
 .practice-heading h2{font-size:35px;letter-spacing:-1px}
 .practice-copy .practice-lead{font-size:17px;line-height:1.65}
 .practice-copy p{font-size:15px}
 .practice-copy p+p{margin-top:17px}
}
@media(max-width:359px){.founder-caption>div>strong{font-size:14px}.founder-caption>div>span{font-size:9px;max-width:135px}.founder-experience{padding-left:9px;gap:6px}.founder-experience>strong{font-size:25px}.founder-experience>span{font-size:8px;max-width:55px}}

/* Forschungsbasierte Einwandbehandlung: klare Fragen, mobile Details-Elemente,
   erste Antwort direkt sichtbar. Keine Sicherheitsabzeichen ohne Nachweis. */
.trust-answers{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;padding-top:42px;margin-top:42px;border-top:1px solid var(--line)}
.trust-answers-intro .eyebrow{margin-bottom:15px}
.trust-answers-intro h3{font-size:29px;line-height:1.25;letter-spacing:-.8px;color:#bae8e8}
.trust-answers-intro>p:last-child{font-size:14px;line-height:1.7;max-width:310px;color:var(--muted);margin-top:18px}
.trust-questions details{border-bottom:1px solid var(--line)}
.trust-questions summary{position:relative;list-style:none;cursor:pointer;padding:21px 30px 21px 0;font-size:15px;font-weight:500;line-height:1.6;min-height:48px;color:var(--ink)}
.trust-questions details:first-child summary{padding-top:0}
.trust-questions summary::-webkit-details-marker{display:none}
.trust-questions summary::after{content:'+';position:absolute;right:0;top:22px;font-size:22px;line-height:1;color:var(--green)}
.trust-questions details:first-child summary::after{top:2px}
.trust-questions details[open] summary::after{content:'−'}
.trust-questions details p{font-size:14px;line-height:1.75;color:var(--muted);padding-bottom:22px}
@media(max-width:767px){.trust-answers{grid-template-columns:1fr;gap:26px;padding-top:30px;margin-top:30px}.trust-answers-intro .eyebrow{font-size:10px}.trust-answers-intro h3{font-size:28px}.trust-answers-intro>p:last-child{font-size:14px;max-width:none;margin-top:14px}.trust-questions summary{font-size:14px}.trust-questions details p{font-size:14px}}

/* Kundenvorgabe: bekannte Messenger direkt unter der Beschreibung sichtbar machen. */
.messenger-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;list-style:none;margin:26px 0 0;padding:22px 0 0;border-top:1px solid var(--line)}
.messenger-logos li{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;min-width:0}
.messenger-logos img{width:36px;height:36px;object-fit:contain;border-radius:8px}
.messenger-logos span{font-size:11px;line-height:1.4;color:var(--muted)}
/* Sechs Messenger auf Smartphones in zwei gut lesbaren Reihen. */
@media(max-width:767px){.messenger-logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px;margin-top:23px;padding-top:20px}.messenger-logos img{width:32px;height:32px}.messenger-logos span{font-size:10px}}
@media(max-width:359px){.messenger-logos{gap:5px}.messenger-logos span{font-size:9px}}

/* Neuer längerer CTA: Logo und Button auch bei 320 px ohne Überlappung. */
.header{gap:12px}.header .wordmark{min-width:0;flex-shrink:1}.header-right{flex-shrink:0}

/* Disqualifizierungs-Abschluss: beide Aktionen auf schmalen Displays gut bedienbar. */
@media(max-width:767px){.check-dialog[data-disqualified="true"] .check-navigation{flex-direction:column-reverse;align-items:stretch;gap:8px}.check-dialog[data-disqualified="true"] .check-navigation .button{margin-left:0;width:100%}}

/* Kundenvorgabe: Der Header vermittelt Praxiserfahrung statt eines weiteren CTA.
   Beide Belege bleiben auch auf schmalen Smartphones vollständig lesbar. */
.header-proof{min-width:0;text-align:right;display:flex;flex-direction:column;gap:3px}
.header-proof-title{font-size:15px;font-weight:600;line-height:1.25;color:var(--ink)}
.header-proof-title strong{color:var(--accent);font-weight:800}
.header-proof-detail{font-size:12px;line-height:1.35;color:var(--muted)}
@media(max-width:767px){.header .wordmark{flex-shrink:0}.header-proof{max-width:190px}.header-proof-title{font-size:13px}.header-proof-detail{font-size:11px}}
@media(max-width:359px){.header-proof{max-width:150px}.header-proof-title{font-size:12px}.header-proof-detail{font-size:10px}}

/* Kundenvorgabe: „KI-Mitarbeiter“ im Thumbnail sichtbar unterstreichen. */
.video-caption-emphasis{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;white-space:nowrap}

/* Kundenvorgabe: „nächste Level“-Abschnitt mit acht vertrauten Programmen.
   Einheitliches Raster: vier Spalten am Desktop, zwei auf Smartphones. */
.intro h2>span{color:#bae8e8}
.integration-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.integration-line>span{min-width:0;text-align:left}
.integration-line img{flex-shrink:0}
@media(max-width:767px){.integration-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

/* Kundenvorgabe: Abschließende Kachel zeigt die Breite der Programmauswahl. */
.integration-line>.integration-more{flex-direction:column;justify-content:center;gap:2px;background:transparent;border-style:dashed;color:var(--muted);padding:8px;text-align:center;font-size:11px}
.integration-more strong{color:var(--accent);font-family:Manrope,Arial,sans-serif;font-size:23px;font-weight:700;letter-spacing:-.6px}

/* Kundenvorgabe: kompakter Arbeitstag-Abschnitt ohne Beispielkarten. */
.possibilities .section-heading{margin-bottom:0}
.possibilities h2>span{color:#bae8e8}

/* Kundenvorgabe: Kundenlogos bei Maus-Hover anhalten und danach nahtlos
   fortsetzen. Nur Hover-Geräte berücksichtigen, damit Touch nicht festhängt. */
@media(hover:hover) and (pointer:fine){
  .logo-marquee[data-in-view="true"]:hover .logo-marquee-track{animation-play-state:paused}
}

/* Kundenvorgabe: Kundenlogos über beide Desktop-Spalten; die mobile Reihenfolge
   bleibt Text/CTA, Kundenlogos, Video. Keine zusätzliche Außenbreite erzeugen. */
.hero{grid-template-areas:"copy video" "logos logos";row-gap:32px}
.hero-copy{grid-area:copy;min-width:0}
.hero-video{grid-area:video}
.hero>.logo-marquee{grid-area:logos;width:100%;margin-top:0}
@media(max-width:767px){.hero{grid-template-areas:"copy" "logos" "video";row-gap:22px}}

/* Kundenvorgabe: „Dein KI-Mitarbeiter.“ im Nachrichten-Abschnitt farblich hervorheben. */
.voice-title-highlight{color:#bae8e8}

/* Kundenvorgabe: generische Sprachnachricht statt reinem Zitat. Die kurze
   Wellenbewegung erklärt den Nachrichtentyp, ohne einen Audio-Player vorzutäuschen. */
.voice-message{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.voice-message-top{display:flex;align-items:center;gap:10px;color:#bae8e8;font-size:12px;font-weight:600}
.voice-message-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#bae8e812;flex-shrink:0}
.voice-waveform{display:flex;align-items:center;justify-content:space-between;gap:4px;height:46px;margin-top:12px}
.voice-waveform>span{width:4px;height:var(--bar-height);border-radius:3px;background:#bae8e8;transform:scaleY(.65);opacity:.75}
.voice-message.is-visible .voice-waveform>span{animation:voice-wave 1.2s cubic-bezier(.77,0,.175,1) var(--bar-delay) 2}
.voice-copy .voice-message blockquote{margin:14px 0 0;padding:0;border:0;font-size:17px;line-height:1.6;color:var(--ink)}
@keyframes voice-wave{0%,100%{transform:scaleY(.65);opacity:.75}50%{transform:scaleY(1);opacity:1}}
@media(max-width:359px){.voice-message{padding:16px}.voice-waveform{gap:3px}.voice-waveform>span{width:3px}}
@media(prefers-reduced-motion:reduce){.voice-message.is-visible .voice-waveform>span{animation:none}}

/* Kundenvorgabe: einfache Chat-Interaktion statt langer Antwortkarten. */
.voice-conversation{margin-top:26px}
.chat-demo-heading{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:12px}
.voice-conversation .voice-message{margin:0 0 12px 28px;padding:16px;background:#25383b;border-color:#5b969e55;border-radius:12px 12px 3px 12px}
.voice-message-top{justify-content:space-between}
.voice-waveform{height:32px;margin-top:8px}
.voice-waveform>span{max-height:30px}
.voice-copy .voice-message blockquote{font-size:15px;margin-top:10px;line-height:1.55}
.assistant-message{position:relative;margin-right:24px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px 12px 12px 3px}
.assistant-message-heading{display:flex;align-items:center;gap:8px;font-size:11px;color:#bae8e8}
.chat-ai-avatar{display:grid;place-items:center;width:26px;height:26px;background:#bae8e817;border-radius:50%;font-size:10px}
.voice-copy .chat-answer p{font-size:14px;line-height:1.6;margin-top:12px}
.chat-answer strong{color:var(--ink);font-weight:600}
.chat-typing{display:none;position:absolute;top:60px;left:16px;align-items:center;gap:5px;color:var(--muted)}
.chat-typing>span{width:5px;height:5px;border-radius:50%;background:#bae8e8}
.chat-typing small{font-size:12px;margin-left:5px}
.chat-replay{display:flex;gap:8px;align-items:center;min-height:44px;margin:4px 0 0 auto;padding:8px 0;background:none;color:var(--muted);font-size:11px}
.chat-replay span{font-size:18px}
.voice-conversation[data-phase="idle"] .assistant-message,.voice-conversation[data-phase="voice"] .assistant-message{visibility:hidden;opacity:0}
.voice-conversation[data-phase="typing"] .chat-answer{visibility:hidden}
.voice-conversation[data-phase="typing"] .chat-typing{display:flex}
.voice-conversation[data-phase="typing"] .chat-typing>span{animation:chat-dot .6s ease-in-out infinite alternate}
.chat-typing>span:nth-child(2){animation-delay:.1s!important}.chat-typing>span:nth-child(3){animation-delay:.2s!important}
.voice-conversation[data-phase="typing"] .assistant-message,.voice-conversation[data-phase="ready"] .chat-answer{animation:chat-arrive .16s cubic-bezier(.23,1,.32,1) both}
@keyframes chat-dot{from{opacity:.35}to{opacity:1}}
@keyframes chat-arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.voice-conversation .assistant-message,.voice-conversation .chat-answer,.voice-conversation .chat-typing>span{animation:none!important}}

/* Kundenvorgabe: beide Nachrichten als zusammengehörigen Dialog gestalten. */
.voice-conversation .voice-message,.voice-conversation .assistant-message{margin:0;padding:16px;background:#25383b;border:1px solid #5b969e55;border-radius:12px}
.voice-conversation .assistant-message{margin-top:12px}
.voice-conversation .voice-message-top,.voice-conversation .assistant-message-heading{font-size:12px;font-weight:600;color:#bae8e8}

/* Kundenvorgabe: echte Video-Testimonials ersetzen die Gründer-Zitatkarte.
   Native horizontale Galerie mit Scroll-Snap, sichtbaren Pfeilen und Touch-Wischen. */
.testimonials{margin-top:48px;min-width:0}
.testimonials-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}
.testimonials-heading .eyebrow{margin-bottom:12px}
.testimonials-heading h3{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-1px}
.testimonials-heading h3 span{color:#bae8e8}
.testimonial-controls{display:flex;gap:8px;flex-shrink:0}
.testimonial-controls button{width:44px;height:44px;border:1px solid var(--line);background:var(--surface);border-radius:50%;font-size:21px}
.testimonial-controls button:disabled{opacity:.3}
.testimonials-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/3);gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:14px}
.testimonial-card{min-width:0;scroll-snap-align:start;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.testimonial-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;background:#0d1516;overflow:hidden}
.testimonial-cover img{width:100%;height:100%;object-fit:cover}
.testimonial-cover:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.testimonial-play{position:absolute;inset:0;margin:auto;display:grid;place-items:center;width:48px;height:48px;padding-left:3px;border-radius:50%;background:var(--accent);color:#141414;font-size:16px;z-index:1}
.testimonial-watch{position:absolute;left:16px;bottom:12px;font-size:11px;font-weight:600;color:#fff;z-index:1}
.testimonial-person{padding:17px 18px 20px}
.testimonial-person h4{margin:0;font-size:15px;color:var(--ink)}
.testimonial-person p{margin-top:5px;font-size:12px;color:var(--muted);line-height:1.5}
.testimonials-footer{display:flex;justify-content:space-between;gap:16px;margin-top:8px;font-size:11px;line-height:1.6;color:var(--muted)}
.testimonials-footer a{text-underline-offset:3px}
.testimonial-dialog{width:min(900px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:18px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:12px}
.testimonial-dialog-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}
.testimonial-dialog-top h2{font-size:19px;letter-spacing:-.5px;line-height:1.4}
.testimonial-dialog .close-button{position:static;flex-shrink:0}
.testimonial-player{aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden}
.testimonial-player iframe{display:block;width:100%;height:100%;border:0}
.testimonial-dialog>a{display:inline-block;font-size:12px;margin-top:14px;color:var(--muted);text-underline-offset:3px}
@media(max-width:767px){.testimonials{margin-top:32px}.testimonials-heading{align-items:flex-start;gap:10px}.testimonials-heading h3{font-size:27px}.testimonials-heading .eyebrow{font-size:10px}.testimonial-controls{gap:5px}.testimonial-controls button{width:36px;height:44px;font-size:18px;border-radius:6px}.testimonials-track{grid-auto-columns:88%;gap:14px}.testimonials-footer{flex-direction:column;gap:8px}.testimonial-dialog{padding:12px}}

/* Kundenvorgabe: Name, Firma und Kontext im Kundenvideo-Fenster anzeigen. */
.testimonial-dialog-top{align-items:flex-start}
.testimonial-dialog-company{margin-top:3px;font-size:13px;color:#bae8e8;line-height:1.5}
.testimonial-dialog-context{margin-top:7px;font-size:11px;line-height:1.5;color:var(--muted)}

/* Kundenvorgabe: Video mittig öffnen, CTA direkt darunter im sichtbaren Fenster. */
.video-dialog{margin:auto;width:min(438.75px,calc(100vw - 48px),calc((100dvh - 152px)*9/16));min-width:min(260px,calc(100vw - 48px))}
.video-dialog video{width:100%;height:auto;max-height:calc(100dvh - 152px);margin-inline:auto;object-fit:contain}
.video-cta{width:100%;margin-top:16px}

/* Kundenvorgabe: Header-CTA nur auf Desktop rechts neben dem Erfahrungsbeleg. */
.header-cta{display:none}
.desktop-brand{display:none}
@media(min-width:768px){.desktop-brand{display:flex;padding-top:24px}.desktop-brand .wordmark{display:inline-flex;align-items:center}}
@media(min-width:768px){.header-proof{margin-left:auto;margin-right:16px}.header-cta{display:inline-flex;flex-shrink:0}}

/* Technische SEO-Prüfung: ausreichend große Touch-Ziele und mobile Lesetexte. */
.close-button,.testimonial-controls button{width:48px;height:48px}
.wordmark,.text-button,.footer nav a{min-height:48px;min-width:48px}
.footer nav a{display:inline-flex;align-items:center}
@media(max-width:767px){
  .practice-copy p,.trust-answers-intro p,.trust-questions summary,
  .trust-questions details p,.section-heading>p:not(.eyebrow),
  .voice-copy p,.voice-copy .chat-answer p,.voice-copy .voice-message blockquote,
  .steps p,.faq-list summary,.faq-list details p,.final-inner>p:not(.eyebrow),
  .button,.final-inner .button,.check-navigation .button,.text-button,.option-button,
  .check-content>p:not(.check-progress):not(.check-privacy):not(.error-message),
  .form-field input,.form-field label,.footer nav a{font-size:16px}
  .testimonial-controls button{width:48px;height:48px}
  .testimonials-heading{flex-wrap:wrap}
  .check-content:has(#contact-form) .check-navigation{flex-direction:column-reverse;align-items:stretch;gap:8px}
  .check-content:has(#contact-form) .check-navigation .button{width:100%;margin-left:0;white-space:normal}
}