/* Studio marketing layer. Shared legal/demo styles remain unchanged. */
html:has(.home-studio) {color-scheme:only light}
.home-studio {
    --navy:#242b38; --navy-deep:#151c2a; --navy-soft:#4b586c;
    --pink:#2859c5; --pink-dark:#204ba9; --pink-soft:#e9eefb;
    --ink:#242b38; --muted:#536176; --line:#dbe1eb;
    --paper:#fff; --canvas:#f6f7fa; --radius:26px;
    --shadow:0 24px 64px rgba(39,54,82,.1);
    background:var(--canvas); font-size:17px;
}
.home-studio :focus-visible {outline:3px solid var(--pink);outline-offset:5px}
.home-studio .shell {width:min(1240px,calc(100% - 64px))}
.home-studio .site-header {top:12px;width:min(1320px,calc(100% - 32px));margin:12px auto 0;border:1px solid #fff;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 4px 24px #2636550a,inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4)}
.home-studio .header-inner {width:calc(100% - 32px);min-height:64px;gap:20px}
.home-studio .logo {font-size:1.25rem;letter-spacing:-.04em}
.home-studio .logo-mark {border-radius:12px;box-shadow:none}
.home-studio .desktop-nav {gap:24px}
.home-studio .desktop-nav a {font-weight:600;min-height:44px;display:flex;align-items:center}
.home-studio .button {border-radius:999px;gap:14px;font-weight:650;min-height:50px;padding:.9rem 1.35rem}
.home-studio .button-small {min-height:44px;padding:.7rem 1rem}
.home-studio .button-primary {box-shadow:0 5px 12px #2859c51a}
.home-studio .button-secondary {background:var(--paper);color:var(--ink)}
.home-studio .hero {padding:84px 0 48px;background:var(--canvas);overflow:visible}
.home-studio .hero::before {display:none}
.home-studio .hero-copy {max-width:1000px;margin:auto;text-align:center}
.home-studio h1 {max-width:none;margin:0 0 26px;font-size:clamp(2.8rem,6.7vw,6.1rem);letter-spacing:-.065em;line-height:1.04;font-weight:650}
.home-studio h1 span {color:var(--navy-soft)}
.home-studio h2 {font-weight:620;letter-spacing:-.055em;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.09}
.home-studio .eyebrow {font-size:.75rem;font-weight:700;letter-spacing:.1em;color:var(--pink-dark)}
.home-studio .hero .eyebrow {display:flex;justify-content:center;align-items:center;gap:9px;letter-spacing:.04em;text-transform:none;margin-bottom:24px}
.studio-spark {width:9px;height:9px;background:var(--pink);border-radius:50%;box-shadow:0 0 0 5px var(--pink-soft)}
.home-studio .hero-lead {max-width:780px;margin:0 auto 26px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.6}
.home-studio .hero-actions {justify-content:center}
.hero-note {font-size:.8rem;color:var(--muted);margin:16px 0 0}
.home-studio .hero-product {max-width:1160px;padding:0;margin:56px auto 0}
.screenshot-frame {display:block;overflow:hidden;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);background:#f6f7fa;cursor:default}
.screenshot-frame img {width:100%;height:auto;object-fit:contain}
.hero-product figcaption {display:flex;justify-content:space-between;gap:16px;padding:16px 4px;font-size:.8rem;color:var(--muted)}
.hero-product figcaption span:first-child {font-weight:600;color:var(--ink)}
.home-studio .trust-list {justify-content:center;margin:34px 0 0;gap:16px 40px;font-weight:500}
.home-studio .trust-list li::before {color:var(--pink)}
.home-studio .problem-band {padding:96px 0;background:var(--paper);color:var(--ink)}
.home-studio .problem-grid {grid-template-columns:1fr 1fr;gap:100px}
.home-studio .problem-grid h2 {color:var(--ink);font-size:clamp(2.2rem,4vw,3.8rem)}
.home-studio .problem-grid>p {color:var(--muted);font-size:1.12rem;line-height:1.8}
.home-studio .section {padding:100px 0}
.home-studio #so-gehts {background:var(--paper);padding-top:0}
.home-studio .steps {border:0;gap:20px;overflow:visible}
.home-studio .steps li {border:0;border-radius:22px;background:var(--canvas);min-height:240px;padding:30px}
.home-studio .steps li>span {margin-bottom:30px;font-size:.9rem}
.home-studio .split-heading {grid-template-columns:1fr .8fr;gap:100px}
.home-studio .screens {gap:40px 28px}
.home-studio .screen-large {max-width:1120px;margin:0 auto 8px}
.home-studio .screen figcaption {padding:20px 4px 0;gap:8px}
.home-studio .screen figcaption strong {font-size:1.15rem;font-weight:650}
.home-studio .screen figcaption span {font-size:.95rem;line-height:1.65}
.feature-story {display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:64px;padding-top:120px}
.feature-story>div>p:not(.eyebrow) {color:var(--muted);font-size:1rem;line-height:1.8}
.feature-story-reverse {grid-template-columns:1.25fr .75fr}
.feature-story-reverse>div {order:2}
.feature-story h2 {font-size:clamp(2rem,3.5vw,3.2rem)}
.feature-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.feature-card {background:var(--paper);border:1px solid var(--line);padding:32px;border-radius:var(--radius)}
.feature-blue {background:#e9eefb;border-color:transparent}
.feature-peach {background:#faeee3;border-color:transparent}
.feature-mint {background:#e7f1ed;border-color:transparent}
.home-studio .benefit-kicker {padding:0;background:none;color:var(--muted);margin-bottom:28px}
.feature-card h3 {font-size:1.4rem;font-weight:600;line-height:1.25;letter-spacing:-.035em}
.feature-card p {color:var(--muted);font-size:.96rem;margin-bottom:0;line-height:1.75}
.home-studio #vorteile {background:var(--paper)}
.home-studio .benefits article {border:0;background:var(--canvas)}
.home-studio .founder-section {background:#e7f1ed}
.home-studio .founder-photo {border-radius:28px;box-shadow:none}
.home-studio .founder-badge {border-radius:999px}
.home-studio .security-section .eyebrow,.home-studio .contact-section .eyebrow {color:#a9c2ff}
.home-studio .security-grid h2,.home-studio .contact-grid h2 {color:#f4f6fc}
.home-studio .contact-section {background:var(--navy-deep)}
.home-studio .contact-form label {font-size:.9rem}
.home-studio .contact-form input,.home-studio .contact-form textarea {font-size:1rem;background:var(--paper);color:var(--ink);border-radius:12px}
.home-studio .price-card.featured {box-shadow:none}
.home-studio .popular {text-transform:none;letter-spacing:0;font-size:.8rem}
.home-studio .document-links a {border-radius:999px;min-height:44px;display:flex;align-items:center}
.home-studio .footer-grid p,.home-studio .footer-grid a:not(.logo),.home-studio .footer-bottom {color:#adb9ca}
@media(min-width:981px) {.home-studio .mobile-nav {display:none}}
@media(max-width:980px) {
    .home-studio .site-header {border-radius:28px}
    .home-studio .menu-toggle {border-radius:50%;background:var(--paper)}
    .home-studio .mobile-nav {border-radius:0 0 28px 28px;background:var(--paper);max-height:calc(100dvh - 110px);overflow-y:auto}
    .home-studio .mobile-nav .button {display:flex}
    .home-studio .hero {padding-top:64px}
    .feature-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
    .feature-story,.feature-story-reverse {grid-template-columns:1fr;gap:30px;padding-top:80px}
    .feature-story-reverse>div {order:0}
    .home-studio .problem-grid,.home-studio .split-heading {gap:40px}
}
@media(max-width:720px) {
    .home-studio .shell {width:calc(100% - 36px)}
    .home-studio .header-inner {width:calc(100% - 24px);min-height:60px}
    .home-studio .site-header {top:8px;margin-top:8px;width:calc(100% - 20px)}
    .home-studio h1 {font-size:clamp(2.3rem,9.4vw,4.25rem);letter-spacing:-.06em;overflow-wrap:break-word}
    .home-studio .hero {padding:54px 0 36px}
    .home-studio .hero .eyebrow {font-size:.72rem}
    .home-studio .hero-actions {display:flex;gap:12px}
    .home-studio .hero-actions .button {width:auto;font-size:.94rem}
    .home-studio .hero-product {margin-top:36px}
    .hero-product figcaption {flex-direction:column;gap:4px;font-size:.8rem}
    .screenshot-frame {border-radius:12px}
    .home-studio .trust-list {display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;font-size:.8rem;margin-top:24px}
    .home-studio .problem-band,.home-studio .section {padding:64px 0}
    .home-studio .problem-grid,.home-studio .split-heading {grid-template-columns:1fr;gap:24px}
    .home-studio .steps {gap:12px}
    .home-studio .steps li {min-height:0;padding:24px}
    .feature-grid {grid-template-columns:1fr;gap:14px}
    .feature-card {padding:28px}
    .home-studio .screen figcaption {padding-top:14px}
    .home-studio .feature-story {padding-top:64px}
    .desktop-break {display:none}
}
@supports not (backdrop-filter:blur(1px)) {.home-studio .site-header {background:var(--paper)}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
    .home-studio .site-header {background:var(--paper);backdrop-filter:none;-webkit-backdrop-filter:none;border-color:var(--muted)}
    .home-studio .screenshot-frame,.home-studio .feature-card {border-color:var(--muted)}
}
@media(prefers-reduced-motion:reduce) {.home-studio .button:hover {transform:none}}