.hero-word{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1) forwards hero-word-in;animation-delay:calc(var(--i) * 70ms + 80ms);display:inline-block;transform:translateY(.35em)}.hero-word--accent{color:var(--yellow-700)}@keyframes hero-word-in{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero-word{opacity:1;animation:none;transform:none}}main>section{padding:var(--space-9) 0}.l-kicker{font:700 .85rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-text-on-tint);margin:0 0 var(--space-3)}.l-hero h1{font:700 clamp(2.1rem, 4.2vw, 3.5rem)/1.08 var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 var(--space-5);text-wrap:balance;max-width:18ch}.l-lead{color:var(--sand-700);max-width:56ch;margin:0 0 var(--space-6);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.6}.l-problem p{font:700 clamp(1.8rem, 4.2vw, 3.2rem)/1.2 var(--font-display);color:var(--ink);max-width:24ch;margin:0}main h2{font:700 clamp(1.8rem, 3.6vw, 2.8rem)/1.1 var(--font-display);margin:0 0 var(--space-6)}.l-hero-grid{gap:var(--space-8);grid-template-columns:1.15fr .85fr;align-items:center;display:grid}.l-hero .l-kicker{margin-bottom:var(--space-5);text-transform:none;letter-spacing:0;font-size:13px}.l-hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.l-hero-media{animation:.9s cubic-bezier(.2,.8,.2,1) .2s both hero-media-in}@keyframes hero-media-in{0%{opacity:0;transform:translateY(32px)scale(.98)}}@media (width<=860px){.l-hero-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.l-hero-media{opacity:1;animation:none;transform:none}}.how-grid{gap:var(--space-8);grid-template-columns:5fr 7fr;display:grid}.how-device{align-self:start;position:sticky;top:calc(50vh - 1.05556*min(300px,72vw))}.how-device:has(.device-browser),.how-device:has(.device-tablet){top:calc(50vh - 180px)}.how-screen{opacity:0;transition:opacity .42s cubic-bezier(.2,.8,.2,1),transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(14px)}.how-screen[data-active=true]{opacity:1;transform:none}.how-track{padding-left:var(--space-6);position:relative}.how-progress{background:var(--sand-200);border-radius:3px;width:3px;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.how-progress span{background:var(--brand-primary);transform-origin:top;width:100%;height:100%;transform:scaleY(var(--p));transition:transform .42s cubic-bezier(.2,.8,.2,1);display:block}.how-steps{margin:0;padding:0;list-style:none}.how-step{flex-direction:column;justify-content:center;min-height:70vh;display:flex}.how-step h3{font:700 clamp(1.5rem, 2.6vw, 2.1rem) var(--font-display);margin:0 0 var(--space-2);color:var(--sand-700);transition:color .42s}.how-step[data-active=true] h3{color:var(--ink)}.how-step p{color:var(--sand-700);max-width:40ch;margin:0;font-size:1.1rem;line-height:1.6;transition:color .42s}.how-step[data-active=true] p{color:var(--ink)}@media (width<=860px){.how-grid{gap:var(--space-5);grid-template-columns:1fr}.how-device{z-index:2;padding:var(--space-3) 0;background:var(--sand-50);border-bottom:1px solid var(--sand-200);top:78px}.how-device .device{transform-origin:top;width:300px;margin-bottom:-278.667px;transform:scale(.56)}.how-device .device-browser,.how-device .device-tablet{width:100%;margin-bottom:0;transform:none}.how-track{padding-left:var(--space-5)}.how-step{justify-content:flex-end;min-height:75vh;padding-bottom:8vh}}@media (prefers-reduced-motion:reduce){.how-screen,.how-step h3,.how-step p,.how-progress span{transition:none}}.demo-grid{gap:var(--space-6);grid-template-columns:5fr 7fr;align-items:start;display:grid}.demo-card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-md);background:var(--white);border:1px solid var(--sand-200);box-shadow:var(--shadow-card);display:grid}.demo-caption{color:var(--sand-700);margin:0;font-size:13px;font-weight:700}.demo-card audio{width:100%}.demo-player{align-items:center;gap:var(--space-4);display:flex}.demo-player[hidden]{display:none}.demo-play{background:var(--brand-primary);width:64px;height:64px;color:var(--ink);box-shadow:var(--shadow-button-brand);cursor:pointer;transition:background var(--transition), transform var(--transition);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.demo-play:hover{background:var(--brand-primary-hover)}.demo-play:active{transform:scale(.98)}.demo-play:focus-visible,.demo-jump:focus-visible,.demo-seek:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.demo-play .demo-icon-pause,.demo-play[data-state=playing] .demo-icon-play{display:none}.demo-play[data-state=playing] .demo-icon-pause{display:block}.demo-timeline{flex:1;min-width:0}.demo-seek{--p:0;-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(to right, var(--brand-primary) calc(var(--p) * 100%), var(--sand-200) 0);border-radius:6px;width:100%;height:6px;margin:0}.demo-seek::-webkit-slider-thumb{-webkit-appearance:none;background:var(--white);border:2px solid var(--brand-primary);border-radius:50%;width:16px;height:16px}.demo-seek::-moz-range-thumb{background:var(--white);border:2px solid var(--brand-primary);border-radius:50%;width:14px;height:14px}.demo-times{color:var(--sand-700);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:13px;display:flex}.demo-transcript{gap:6px;margin:0;padding:0;list-style:none;display:grid}.demo-transcript li{gap:var(--space-3);padding:var(--space-3) 14px;border-radius:var(--radius-sm);color:var(--sand-700);transition:background var(--transition), color var(--transition);grid-template-columns:64px minmax(0,1fr);display:grid}.demo-transcript li[aria-current=true]{background:var(--brand-tint);color:var(--ink)}.demo-meta{flex-direction:column;gap:2px;display:flex}.demo-speaker{color:var(--sand-700);font-size:13px;font-weight:800}.demo-transcript li[data-speaker=KI] .demo-speaker{color:var(--brand-text-on-tint)}.demo-jump{font:600 13px var(--font-body);color:var(--sand-700);font-variant-numeric:tabular-nums;cursor:pointer;text-decoration:underline;text-decoration-color:var(--sand-300);text-underline-offset:3px;background:0 0;border:0;align-self:flex-start;padding:0}.demo-jump:hover{color:var(--ink)}.demo-transcript p{margin:0;line-height:1.55}@media (width<=860px){.demo-grid{grid-template-columns:1fr}.demo-transcript li{grid-template-columns:52px minmax(0,1fr)}}.proof-card{gap:var(--space-7);padding:var(--space-7);border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--sand-200);box-shadow:var(--shadow-card);grid-template-columns:5fr 7fr;align-items:center;display:grid}.proof-card h2{margin:0 0 var(--space-4);font-size:clamp(1.6rem,2.6vw,2.25rem);line-height:1.15}.proof-text{margin:0 0 var(--space-4);color:var(--sand-700);max-width:52ch}.proof-stats{gap:var(--space-6);margin:0;display:flex}.proof-stats dd{font:700 2.4rem var(--font-display);margin:0}.proof-stats dt{color:var(--sand-700);font-size:.9rem}.proof-facts{gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.proof-facts li{padding:var(--space-5);border-radius:var(--radius-md);background:var(--sand-50);flex-direction:column;gap:6px;display:flex}.proof-facts strong{font:700 1.3rem/1.15 var(--font-display)}.proof-facts span{color:var(--sand-700);font-size:14px}.benefit-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.benefit{padding:var(--space-6);border-radius:var(--radius-md);background:var(--white);border:1px solid var(--sand-200);box-shadow:var(--shadow-card)}.benefit:first-child{background:var(--brand-tint);box-shadow:none;border-color:#0000;grid-column:span 2}.benefit:nth-child(4):last-child{grid-column:span 2}.benefit h3{font:700 1.25rem var(--font-display);margin:0 0 var(--space-3)}.benefit:first-child h3{font-size:1.6rem}.benefit p{color:var(--sand-700);margin:0}.cta-card{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-8) var(--space-7);border-radius:var(--radius-lg);background:var(--brand-tint);flex-wrap:wrap;display:flex}.cta-title{font:700 clamp(1.8rem, 3.4vw, 2.6rem)/1.1 var(--font-display);margin:0}.cta-text{color:var(--sand-700);max-width:52ch;margin:var(--space-3) 0 0}.faq-grid{gap:var(--space-7);grid-template-columns:4fr 8fr;align-items:start;display:grid}.faq-list{gap:10px;display:grid}.faq-item{background:var(--white);border:1px solid var(--sand-200);border-radius:var(--radius-sm);padding:0 22px}.faq-item summary{cursor:pointer;font:700 1.15rem var(--font-display);justify-content:space-between;gap:var(--space-4);padding:18px 0;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--brand-text-on-tint)}.faq-item[open] summary:after{content:"−"}.faq-item summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.faq-item p{color:var(--sand-700);max-width:64ch;margin:0 0 18px;line-height:1.65}.related{padding-bottom:var(--space-9)}.related-heading{margin:0 0 var(--space-5);font-size:1.6rem}.related-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.related-card{padding:var(--space-5) var(--space-6);border-radius:var(--radius-md);background:var(--white);border:1px solid var(--sand-200);color:var(--ink);transition:border-color var(--transition), box-shadow var(--transition);flex-direction:column;gap:4px;display:flex}.related-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-card-hover)}.related-title{font:700 1.2rem var(--font-display)}.related-text{color:var(--sand-700);font-size:15px}@media (width<=860px){.proof-card,.faq-grid,.related-grid{grid-template-columns:1fr}.proof-card{padding:var(--space-5);gap:var(--space-5)}.proof-facts,.benefit-grid{grid-template-columns:1fr}.benefit:first-child,.benefit:nth-child(4):last-child{grid-column:auto}.cta-card{padding:var(--space-6) var(--space-5)}}.how-step-media{display:none}@media (prefers-reduced-motion:reduce){.how-grid{grid-template-columns:1fr}.how-device,.how-progress{display:none}.how-track{padding-left:0}.how-step{min-height:0;padding:var(--space-6) 0}.how-step h3,.how-step p{color:var(--ink)}.how-step-media{margin-top:var(--space-5);display:block}.how-step-media .device{width:300px;margin:0;transform:none}.how-step-media .device-browser,.how-step-media .device-tablet{width:100%}}
