.kos{--kos-glow:rgba(var(--brand-cold-blue-rgb), .22);--kos-line-deep:#ffffff1f;--kos-pill-deep:#ffffff0f}.kos ::selection{background:rgba(var(--brand-cold-blue-rgb), .35);color:inherit}.kos-section{padding-block:var(--space-section-sm);position:relative;overflow:hidden}.kos-light{background:var(--scene-bright);color:var(--text-body)}.kos-light h2,.kos-light h3{color:var(--text-strong)}.kos-dark{background:var(--scene-deep);color:var(--text-soft-on-deep)}.kos-dark h2,.kos-dark h3{color:var(--text-inverse)}.kos-head{max-width:46rem;margin-bottom:clamp(2.5rem,5vw,4rem)}.kos-head h2{text-wrap:balance;letter-spacing:-.02em}.kos-head p{max-width:62ch;margin-top:1rem;font-size:1.125rem;line-height:1.6}.kos-light .kos-head p{color:var(--text-body-mid)}.kos-dark .kos-head p{color:var(--text-soft-on-deep)}.kos-hero{padding-block:calc(var(--space-section-sm) + 3rem) var(--space-section-sm);background:radial-gradient(ellipse 60% 70% at 85% 30%, var(--kos-glow), transparent 70%), radial-gradient(ellipse 50% 60% at 0% 100%, rgba(var(--brand-light-blue-rgb), .08), transparent 70%), var(--scene-deep);color:var(--text-soft-on-deep);position:relative;overflow:hidden}.kos-hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.kos-wordmark{width:auto;height:clamp(44px,5vw,60px);margin-bottom:1.75rem;display:block}.kos-hero h1{color:var(--text-inverse);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.5rem,5.2vw,4.25rem);line-height:1.04}.kos-hero h1 em{color:var(--light-blue);font-style:normal;display:block}.kos-pain{color:var(--text-bright-on-deep);margin-top:1.25rem;font-size:1.25rem;font-weight:500}.kos-lead{max-width:54ch;color:var(--text-soft-on-deep);margin-top:1rem;font-size:1.0625rem;line-height:1.65}.kos-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:2rem;display:flex}.kos-link{color:var(--light-blue);text-decoration:underline;-webkit-text-decoration-color:rgba(var(--brand-light-blue-rgb), .4);text-decoration-color:rgba(var(--brand-light-blue-rgb), .4);text-underline-offset:.3em;transition:text-decoration-color var(--transition);font-weight:500}.kos-link:after{content:" ↗"}.kos-link:hover{text-decoration-color:currentColor}.kos-note{color:var(--text-muted-on-deep);margin-top:1rem;font-size:.875rem}.kos a:focus-visible{outline:2px solid var(--cold-blue);outline-offset:3px;border-radius:4px}.kos-hero-visual{perspective:1600px}.kos-hero-visual .kos-frame{transform-origin:0%;transition:transform .9s var(--ease-soft), box-shadow .9s var(--ease-soft);animation:kos-rise 1.1s var(--ease-soft) both;transform:rotateY(-11deg)rotateX(4deg)translateZ(0)}.kos-hero-visual:hover .kos-frame{transform:none}@keyframes kos-rise{0%{opacity:0;filter:blur(6px);transform:rotateY(-24deg)rotateX(8deg)translate(40px,30px)}}.kos-frame{background:var(--scene-deep-base);border:1px solid var(--kos-line-deep);box-shadow:0 30px 60px -20px #0000008c, 0 12px 24px -12px rgba(var(--brand-dark-blue-rgb), .5);border-radius:14px;margin:0;overflow:hidden}.kos-frame-bar{border-bottom:1px solid var(--kos-line-deep);gap:6px;padding:10px 14px;display:flex}.kos-frame-bar span{background:#ffffff2e;border-radius:50%;width:9px;height:9px}.kos-frame img{width:100%;height:auto;display:block}.kos-problems{border-top:1px solid var(--border-strong);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;list-style:none;display:grid}.kos-problems li{border-bottom:1px solid var(--border-strong);padding:2rem 2.5rem 2rem 0}.kos-problems li:nth-child(odd){border-right:1px solid var(--border-strong)}.kos-problems li:nth-child(2n){padding-left:2.5rem;padding-right:0}.kos-problems h3{margin-bottom:.5rem;font-size:1.25rem}.kos-problems p{color:var(--text-body-mid);max-width:52ch;line-height:1.6}.kos-morning{padding-top:0}.kos-timeline{border-radius:var(--radius-lg);background:var(--surface-raised);border:1px solid var(--border-strong);overflow:hidden}.kos-tl-row{border-top:1px solid var(--border-hair);grid-template-columns:6.5rem minmax(0,1fr) minmax(0,1fr);align-items:baseline;gap:2rem;padding:1.5rem 2rem;display:grid}.kos-tl-headrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-sunken);border-top:0;padding-block:1rem;font-size:.8125rem;font-weight:500}.kos-tl-headrow span:last-child{color:var(--cold-blue)}.kos-tl-time{font-variant-numeric:tabular-nums;color:var(--ink-brand);font-size:1.125rem;font-weight:700}.kos-tl-before{color:var(--text-muted);line-height:1.6}.kos-tl-after{color:var(--text-strong);font-weight:500;line-height:1.6}.kos-tl-row:hover{background:var(--surface-highlight)}.kos-tl-row{transition:background-color var(--transition), opacity var(--reveal-duration) var(--ease-soft), transform var(--reveal-duration) var(--ease-soft)}.kos-tl-row:last-child .kos-tl-after{color:var(--cold-blue)}.kos-footnote{color:var(--text-muted);margin-top:1rem;font-size:.875rem}.kos-sources{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:2rem clamp(2rem,5vw,5rem);display:grid}.kos-sources .kos-head{margin-bottom:0}.kos-after{color:var(--text-bright-on-deep);grid-column:1;max-width:46ch;font-size:1.125rem}.kos-hub{aspect-ratio:1;grid-area:1/2/span 2;justify-self:center;width:min(100% - 9rem,560px);position:relative;container-type:inline-size}.kos-ring{margin:auto;list-style:none;position:absolute;inset:0}.kos-ring-outer{width:100%;height:100%}.kos-ring-inner{width:58%;height:58%}.kos-ring:before{content:"";border:1px dashed var(--kos-line-deep);border-radius:50%;animation:90s linear infinite kos-spin;position:absolute;inset:0}.kos-ring-inner:before{border-color:rgba(var(--brand-cold-blue-rgb), .35);animation-duration:60s;animation-direction:reverse}.kos-ring li{white-space:nowrap;border-radius:var(--radius-full);color:var(--text-bright-on-deep);background:var(--scene-deep);border:1px solid var(--kos-line-deep);--a:calc(360deg / var(--n) * var(--i) - 90deg);transform:translate(-50%, -50%) rotate(var(--a)) translateX(var(--rad)) rotate(calc(-1 * var(--a)));transition:border-color var(--transition), color var(--transition);padding:.45rem .9rem;font-size:.875rem;font-weight:500;position:absolute;top:50%;left:50%}.kos-ring li:hover{border-color:var(--cold-blue);color:var(--text-inverse)}.kos-ring-outer li{--rad:50cqw}.kos-ring-inner li{--rad:29cqw;color:var(--text-inverse);border-color:rgba(var(--brand-cold-blue-rgb), .5)}.kos-core{width:26%;height:26%;color:var(--text-inverse);background:radial-gradient(circle at 35% 30%, var(--cold-blue), var(--dark-blue));box-shadow:0 0 0 10px rgba(var(--brand-cold-blue-rgb), .12), 0 20px 50px -10px rgba(var(--brand-cold-blue-rgb), .55);border-radius:50%;place-items:center;margin:auto;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:900;display:grid;position:absolute;inset:0}@keyframes kos-spin{to{rotate:360deg}}.kos-features{gap:clamp(4rem,9vw,7.5rem);display:grid}.kos-feature{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.kos-feature:nth-child(2n) .kos-feature-copy{order:2}.kos-feature h3{letter-spacing:-.02em;font-size:clamp(1.5rem,2.4vw,2rem)}.kos-feature-lead{color:var(--text-body-warm);margin-top:.75rem;font-size:1.0625rem;line-height:1.6}.kos-feature ul{gap:.6rem;margin-top:1.25rem;list-style:none;display:grid}.kos-feature li{color:var(--text-body-mid);padding-left:1.6rem;line-height:1.5;position:relative}.kos-feature li:before{content:"";border-left:2px solid var(--cold-blue);border-bottom:2px solid var(--cold-blue);width:.7rem;height:.4rem;position:absolute;top:.45em;left:0;transform:rotate(-45deg)}.kos-feature-shot .kos-frame{transition:transform .6s var(--ease-soft), box-shadow .6s var(--ease-soft)}.kos-feature-shot:hover .kos-frame{box-shadow:0 40px 70px -24px #00000080, 0 0 0 1px rgba(var(--brand-cold-blue-rgb), .35);transform:translateY(-6px)}.kos-more{border-top:1px solid var(--border-strong);grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:clamp(4rem,9vw,7rem);padding-top:2.5rem;display:grid}.kos-more dt{color:var(--text-strong);font-size:1.125rem;font-weight:700}.kos-more dd{color:var(--text-body-mid);margin-top:.5rem;line-height:1.6}.kos-steps{counter-reset:kos-step;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;list-style:none;display:grid}.kos-step{counter-increment:kos-step;border-top:1px solid var(--kos-line-deep);padding-top:1.5rem}.kos-step h3{font-size:1.25rem}.kos-step h3:before{content:counter(kos-step) " · ";color:var(--cold-blue)}.kos-step p{color:var(--text-soft-on-deep);margin-top:.75rem;line-height:1.6}.kos-swap{justify-items:start;gap:.5rem;margin-top:1.5rem;display:grid}.kos-swap>*{border-radius:8px;padding:.4rem .85rem;font-size:.9375rem}.kos-swap-from{color:var(--text-muted-on-deep);background:var(--kos-pill-deep);transition:text-decoration-color .5s var(--ease-soft) .5s, opacity .5s var(--ease-soft) .5s;text-decoration-color:#0000}.kos-swap-to{color:var(--text-inverse);background:rgba(var(--brand-cold-blue-rgb), .18);border:1px solid rgba(var(--brand-cold-blue-rgb), .45);clip-path:inset(0 100% 0 0 round 8px);transition:clip-path .8s var(--ease-soft) .9s}.kos-step.active .kos-swap-from{opacity:.7;text-decoration-color:currentColor}.kos-step.active .kos-swap-to{clip-path:inset(0 round 8px)}.kos-step:nth-child(3) .kos-swap-from{opacity:1;text-decoration-color:#0000!important}.kos-promises{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:clamp(3rem,6vw,5rem);display:grid}.kos-promises>div{border-radius:var(--radius-md);background:var(--kos-pill-deep);border:1px solid var(--kos-line-deep);padding:1.5rem}.kos-promises dt{color:var(--text-inverse);font-weight:700}.kos-promises dd{color:var(--text-soft-on-deep);margin-top:.5rem;line-height:1.6}.kos-duty{max-width:80ch;color:var(--text-muted-on-deep);margin-top:2rem;font-size:.9375rem;line-height:1.6}.kos-cta{text-align:center;justify-items:center;display:grid}.kos-cta h2{text-wrap:balance;max-width:22ch}.kos-cta>p:not(.kos-note){margin-top:1rem;font-size:1.125rem}.kos-cta .kos-actions{justify-content:center}@media (max-width:1024px){.kos-hero-grid,.kos-sources{grid-template-columns:minmax(0,1fr)}.kos-hub,.kos-after{grid-area:auto/1}.kos-hero-visual .kos-frame{transform:none}.kos-feature{grid-template-columns:minmax(0,1fr)}.kos-feature:nth-child(2n) .kos-feature-copy{order:0}.kos-steps,.kos-promises,.kos-more{grid-template-columns:minmax(0,1fr)}}@media (max-width:768px){.container.kos-hero-grid{padding-inline:16px}.kos-problems{grid-template-columns:minmax(0,1fr)}.kos-problems li,.kos-problems li:nth-child(odd){border-right:0;padding:1.5rem 0}.kos-tl-row.kos-tl-headrow{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.kos-tl-row{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:1.25rem}.kos-tl-before:before{content:"Heute: ";font-weight:500}.kos-tl-after:before{content:"Mit kOS: ";color:var(--cold-blue)}}@media (max-width:560px){.kos-hub{aspect-ratio:auto;flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.kos-core{order:-1;width:96px;height:96px;position:static}.kos-ring{flex-wrap:wrap;justify-content:center;gap:.5rem;width:auto;height:auto;display:flex;position:static}.kos-ring:before{display:none}.kos-ring li{position:static;transform:none}}@media (prefers-reduced-motion:reduce){.kos-ring:before,.kos-hero-visual .kos-frame{animation:none}.kos-swap-from,.kos-swap-to,.kos .kos-frame{transition:none}.kos-feature-shot:hover .kos-frame{transform:none}}.kos .nav:not(.scrolled) .nav-logo{color:var(--text-bright-on-deep)}.kos .nav:not(.scrolled) .nav-links a:not(.nav-cta){color:var(--text-soft-on-deep)}.kos .nav:not(.scrolled) .nav-links a:not(.nav-cta):hover{color:var(--text-bright-on-deep)}.kos .nav:not(.scrolled) .nav-mobile-toggle span{background:var(--text-bright-on-deep)}