:root{--bg:#eef3f2;--paper:#f8faf9;--ink:#0b202c;--muted:#597079;--line:#c9d6d5;--deep:#061823;--deep2:#0b2731;--cyan:#39d5cf;--lime:#b9f36b;--orange:#ff8d5b;--radius:22px;--shadow:0 24px 70px rgba(4,25,34,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:white;padding:.8rem}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(238,243,242,.88);backdrop-filter:blur(15px);border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{border-color:var(--line)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;gap:11px;align-items:center;text-decoration:none}.brand-mark{display:grid;place-items:center;width:41px;height:41px;border-radius:50%;background:var(--deep);color:var(--cyan);font-weight:900;font-size:.78rem;letter-spacing:-.07em}.brand strong,.brand small{display:block}.brand strong{font-size:.88rem;letter-spacing:.12em}.brand small{font-size:.72rem;color:var(--muted)}.main-nav{display:flex;align-items:center;gap:26px}.main-nav a{text-decoration:none;font-size:.88rem;font-weight:650}.nav-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:999px;padding:14px 22px;background:var(--deep);color:white;text-decoration:none;font:inherit;font-weight:750;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);background:var(--deep2)}.button-small{padding:10px 16px}.text-link{font-weight:760;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}.hero{overflow:hidden;padding:90px 0 105px;background:radial-gradient(circle at 72% 15%,rgba(57,213,207,.18),transparent 30%),linear-gradient(135deg,#eef3f2 0%,#e5efed 100%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.72rem;font-weight:850;color:#317e7c;margin:0 0 18px}.hero h1{font-size:clamp(3.2rem,6.7vw,6.6rem);line-height:.91;letter-spacing:-.068em;margin:0;max-width:800px}.hero h1 span{color:#40616b}.lead{font-size:1.18rem;max-width:700px;color:#405b65;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:28px}.proof-strip{display:flex;gap:25px;list-style:none;padding:0;margin:42px 0 0;font-size:.78rem;font-weight:750;color:var(--muted)}.proof-strip li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);margin-right:8px}.hero-visual{position:relative;min-height:570px}.matrix-panel{position:absolute;right:0;top:0;width:min(100%,465px);background:var(--deep);color:white;border-radius:30px;padding:25px;box-shadow:var(--shadow);transform:rotate(2deg)}.matrix-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.matrix-title span{font-size:1.15rem;font-weight:800}.matrix-title small{color:#8fb0b8}.heat-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;aspect-ratio:1}.heat-grid i{border-radius:5px;background:#173b45}.heat-grid i:nth-child(9n+2),.heat-grid i:nth-child(7n+5){background:#245f67}.heat-grid i:nth-child(11n+6),.heat-grid i:nth-child(13n+4){background:#39a99f}.heat-grid i:nth-child(17n+8),.heat-grid i:nth-child(19n+9){background:#b9f36b}.heat-grid i:nth-child(23n+13),.heat-grid i:nth-child(29n+17){background:#ff8d5b}.sensor-readout{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.sensor-readout span{font-size:.57rem;color:#87a8b0}.sensor-readout b{display:block;color:white;font-size:.7rem}.flow-card{position:absolute;left:0;bottom:78px;display:flex;flex-wrap:wrap;gap:7px;width:275px;background:white;padding:20px;border-radius:18px;box-shadow:var(--shadow);transform:rotate(-4deg)}.flow-card span{font-size:.62rem;font-weight:850;border:1px solid var(--line);border-radius:999px;padding:7px 10px}.flow-card b{padding:5px}.report-card{position:absolute;right:20px;bottom:0;width:275px;background:var(--lime);padding:21px;border-radius:18px;box-shadow:var(--shadow)}.report-card small,.report-card strong,.report-card span{display:block}.report-card strong{font-size:1.25rem}.report-card span{font-family:monospace;font-size:.72rem;margin-top:10px}.section{padding:110px 0}.split-heading{display:grid;grid-template-columns:.4fr 1.6fr;gap:40px;align-items:start}.split-heading h2,.section-head h2,.product-card h2,.report-copy h2,.contact-section h2{font-size:clamp(2.3rem,4.5vw,4.5rem);line-height:1.02;letter-spacing:-.05em;margin:0}.statement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:65px}.statement-card{background:var(--paper);border:1px solid var(--line);padding:32px;border-radius:var(--radius)}.statement-card span{font-family:monospace;color:#52807f}.statement-card h3{font-size:1.35rem}.statement-card p,.section-head>p,.product-card p,.report-copy>p{color:var(--muted)}.section-dark{background:var(--deep);color:white}.section-dark .eyebrow{color:var(--cyan)}.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:60px;align-items:end;margin-bottom:55px}.section-dark .section-head>p{color:#91aab1}.layers{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #25404a;border-radius:var(--radius);overflow:hidden}.layer{min-height:340px;padding:28px 23px;border-right:1px solid #25404a;display:flex;flex-direction:column}.layer:last-child{border:0}.layer b{font-family:monospace;color:var(--cyan)}.layer h3{font-size:1.55rem;margin-top:auto}.layer p{color:#a6bbc0}.layer small{color:var(--lime);font-weight:700}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.process-list li{display:grid;grid-template-columns:70px 1fr 100px;gap:30px;align-items:center;padding:33px 0;border-bottom:1px solid var(--line)}.process-list li>span{font-family:monospace;color:#4f817e}.process-list h3{font-size:1.65rem;margin:0}.process-list p{margin:.3rem 0;color:var(--muted)}.process-list em{font-style:normal;font-size:.7rem;letter-spacing:.17em;font-weight:850;color:#3d7775}.product-band{background:linear-gradient(110deg,#dce8e5,#eef3f2)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{min-height:470px;padding:50px;border-radius:28px;background:var(--paper);box-shadow:var(--shadow)}.product-card.accent{background:var(--lime)}.product-card ul{padding-left:18px;margin:30px 0}.report-section{background:#dfe9e7}.report-grid{display:grid;grid-template-columns:1fr .86fr;gap:75px;align-items:center}.notice{margin-top:32px;padding:20px;border-left:4px solid var(--orange);background:rgba(255,255,255,.6)}.report-spec{background:var(--deep);color:white;border-radius:25px;padding:30px;box-shadow:var(--shadow)}.spec-head{display:flex;justify-content:space-between;font-family:monospace;font-size:.7rem;color:#9bb4bb}.spec-head b{color:var(--lime)}.report-spec dl{margin:26px 0}.report-spec dl div{display:flex;justify-content:space-between;border-bottom:1px solid #29434c;padding:12px 0}.report-spec dt{color:#9db3b8}.report-spec dd{margin:0}.hash{background:#0e2b35;padding:13px;border-radius:8px;font-family:monospace;color:var(--cyan)}.proof-levels{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:70px}.proof-levels div{padding:23px;border:1px solid #bdcecb;border-radius:16px}.proof-levels b,.proof-levels span,.proof-levels small{display:block}.proof-levels b{font-family:monospace;color:#377b77}.proof-levels span{font-weight:800}.proof-levels small{color:var(--muted);margin-top:5px}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.application-grid article{border-top:1px solid #35505a;padding-top:25px}.application-grid p{color:#9fb5ba}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:28px}.post-card small{color:#4d7977}.post-card h3{font-size:1.35rem}.post-card h3 a{text-decoration:none}.post-card p{color:var(--muted)}.contact-section{background:var(--lime)}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.contact-meta{margin-top:35px}.contact-form{background:var(--paper);padding:35px;border-radius:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form label{display:block;font-size:.8rem;font-weight:750;margin-bottom:15px}.contact-form input,.contact-form textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);background:white;border-radius:10px;padding:13px;font:inherit}.check{display:flex!important;gap:10px;align-items:start;font-weight:500!important}.check input{width:auto;margin-top:5px}.honeypot{position:absolute;left:-9999px}.form-status{font-size:.85rem}.site-footer{background:#04131b;color:white;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:9px}.footer-grid a{text-decoration:none;color:#a7bcc1}.footer-grid p{max-width:450px;color:#8fa8ae}.footer-brand{color:white!important}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #263c44;margin-top:55px;padding-top:22px;color:#819ba2;font-size:.75rem}.legal-main,.blog-main{padding:90px 0 120px}.legal-content,.article-content{max-width:850px}.legal-content h1,.blog-header h1,.article-content h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.96;letter-spacing:-.055em}.legal-content h2,.article-content h2{margin-top:2.6em}.placeholder{background:#fff1c7;border:1px solid #e9cc73;padding:15px;border-radius:10px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-content{margin:auto}.article-content .meta{color:#477a77;font-weight:700}.article-content p,.article-content li{font-size:1.07rem;color:#405b65}.back-link{display:inline-block;margin-bottom:30px}.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-toggle{display:block;border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 13px}.main-nav{display:none;position:absolute;top:72px;left:20px;right:20px;background:white;border:1px solid var(--line);border-radius:16px;padding:20px;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.hero-grid,.report-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:530px}.split-heading,.section-head{grid-template-columns:1fr}.layers{grid-template-columns:1fr 1fr}.layer{min-height:260px;border-bottom:1px solid #25404a}.statement-grid,.posts,.blog-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:1fr}.application-grid,.proof-levels{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:590px){.shell{width:min(100% - 28px,1180px)}.hero{padding-top:60px}.hero h1{font-size:3.35rem}.hero-actions,.proof-strip{align-items:flex-start;flex-direction:column}.hero-visual{min-height:450px}.matrix-panel{width:92%;padding:17px}.flow-card{width:230px;bottom:30px}.report-card{width:230px;bottom:-30px}.section{padding:75px 0}.layers,.application-grid,.proof-levels,.form-row,.footer-grid{grid-template-columns:1fr}.layer{border-right:0}.process-list li{grid-template-columns:40px 1fr}.process-list em{display:none}.product-card{padding:30px;min-height:0}.contact-form{padding:23px}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}}


/* --------------------------------------------------------------------------
   Praxisbeispiele und Fallstudien
   -------------------------------------------------------------------------- */
.practice-section{background:linear-gradient(135deg,#eef3f2,#dce8e5)}
.case-study-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.case-study-card{position:relative;min-height:430px;padding:42px;border:1px solid var(--line);border-radius:28px;background:var(--paper);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:flex-start}
.case-study-card:nth-child(2){background:var(--deep);color:white;border-color:var(--deep)}
.case-study-card:nth-child(2) p{color:#a6bbc0}
.case-study-number{font-family:monospace;color:#43817e;font-weight:800;margin-bottom:auto}
.case-study-card:nth-child(2) .case-study-number{color:var(--cyan)}
.case-study-type{text-transform:uppercase;letter-spacing:.16em;font-size:.68rem;font-weight:850;color:#477a77!important;margin-top:35px}
.case-study-card h3{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.02;letter-spacing:-.045em;margin:.4rem 0 1.1rem}
.case-study-card>p:not(.case-study-type){color:var(--muted)}
.case-study-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 30px}
.case-study-tags span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:.66rem;font-weight:750}
.case-study-card:nth-child(2) .case-study-tags span{border-color:#36515a}
.case-study-card .text-link{margin-top:auto}
.fiction-note{max-width:780px;margin:26px 0 0;color:var(--muted);font-size:.84rem}
.posts-featured{grid-template-columns:repeat(5,1fr)}
.post-card-featured{background:var(--deep);color:white;border-color:var(--deep)}
.post-card-featured p{color:#a6bbc0}
.post-card-featured small{color:var(--cyan)}
.journal-section{margin-top:70px}
.journal-heading{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:end;margin-bottom:28px}
.journal-heading h2{font-size:clamp(2.1rem,4vw,4rem);line-height:1;letter-spacing:-.045em;margin:0}
.journal-heading p:last-child{text-align:right;color:var(--muted)}
.article-note{background:#fff1c7;border:1px solid #e9cc73;padding:17px 19px;border-radius:12px;color:#594915!important}
.case-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:42px 0 60px}
.case-facts div{border:1px solid var(--line);border-radius:14px;padding:16px}
.case-facts span,.case-facts strong{display:block}
.case-facts span{font-size:.66rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.case-facts strong{margin-top:6px;font-size:.86rem}
.data-panel{background:var(--deep);color:white;border-radius:20px;padding:24px;margin:35px 0}
.data-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--cyan);font-size:.83rem;line-height:1.65;margin:20px 0 0}
.article-content blockquote{font-size:1.5rem;line-height:1.35;letter-spacing:-.02em;margin:2rem 0;padding:25px 30px;border-left:5px solid var(--cyan);background:white;color:var(--ink)}
.input-levels{display:grid;gap:8px;margin:30px 0}
.input-levels div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:15px 18px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.48)}
.input-levels b{color:#397b77}
.process-summary{margin:65px 0;background:#dfe9e7;border-radius:24px;padding:32px}
.process-summary h2{margin-top:0}
.process-summary ol{list-style:none;padding:0;margin:0}
.process-summary li{display:grid;grid-template-columns:210px 1fr;gap:20px;border-top:1px solid #bfd0cd;padding:15px 0}
.process-summary li:first-child{border-top:0}
.process-summary span{color:var(--muted)}
.article-callout{margin-top:60px;padding:30px;background:var(--lime);border-radius:20px}
.article-callout strong,.article-callout span{display:block}
.article-callout strong{font-size:1.45rem}
.article-callout span{margin-top:8px}
@media(max-width:1100px){.posts-featured{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.case-study-grid,.case-facts{grid-template-columns:1fr 1fr}.journal-heading{grid-template-columns:1fr}.journal-heading p:last-child{text-align:left}.posts-featured{grid-template-columns:1fr}}
@media(max-width:590px){.case-study-grid,.case-facts{grid-template-columns:1fr}.case-study-card{min-height:0;padding:28px}.input-levels div,.process-summary li{grid-template-columns:1fr;gap:5px}.article-content blockquote{font-size:1.25rem;margin-left:0;margin-right:0;padding:20px}}

/* Dritte Fallstudie: kamerabasierte Posegestaltung */
.case-study-grid{grid-template-columns:repeat(3,1fr)}
.case-study-card:nth-child(3){background:var(--lime);border-color:transparent}
.case-study-card:nth-child(3) .case-study-number,.case-study-card:nth-child(3) .case-study-type{color:#244e4c!important}
.case-study-card:nth-child(3)>p:not(.case-study-type){color:#315753}
.case-study-card:nth-child(3) .case-study-tags span{border-color:rgba(11,32,44,.25)}
@media(max-width:1050px){.case-study-grid{grid-template-columns:1fr 1fr}.case-study-card:nth-child(3){grid-column:1/-1;min-height:340px}}
@media(max-width:590px){.case-study-grid{grid-template-columns:1fr}.case-study-card:nth-child(3){grid-column:auto}}

.brand {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    text-decoration: none;
    color: inherit;
}

.brand-logo {
    width: 52px;
    height: 52px;
    object-fit: contain;
    flex-shrink: 0;
}

.brand-text {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.brand-text strong {
    font-size: 1.05rem;
}

.brand-text small {
    opacity: 0.75;
    font-size: 0.82rem;
}

.article-image
{
    margin: 2rem 0;
    text-align: center;
}

.article-image img
{
    display: block;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0,0,0,0.18);
}

.article-image figcaption
{
    margin-top: 0.8rem;
    color: #666;
    font-size: 0.9rem;
    font-style: italic;
}

.product-card .card-link
{
    display: block;
    color: inherit;
    text-decoration: none;
    height: 100%;
}

.product-card .card-more
{
    display: inline-block;
    margin-top: 1rem;
    font-weight: 600;
    color: var(--accent-color, #4ea3ff);
    transition: transform .2s ease;
}

.product-card:hover .card-more
{
    transform: translateX(4px);
}