.seo-page { background: radial-gradient(circle at 86% 5%, rgba(200,255,61,.18), transparent 30rem), var(--paper); }
.seo-site-header .header-inner { min-height: 74px; }
.seo-language-switcher { display:flex; gap:4px; padding:4px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.72); }
.seo-language-switcher a { display:grid; min-width:36px; height:32px; place-items:center; border-radius:999px; font-size:10px; font-weight:900; letter-spacing:.08em; }
.seo-language-switcher a[aria-current="page"] { background:var(--black); color:var(--lime); }
.seo-breadcrumb { display:flex; gap:9px; align-items:center; padding-top:28px; color:var(--muted); font-size:13px; }
.seo-breadcrumb a { text-decoration:underline; text-decoration-color:#bdc3bc; text-underline-offset:4px; }
.seo-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:clamp(36px,6vw,90px); align-items:center; min-height:650px; padding-top:74px; padding-bottom:92px; }
.seo-hero h1 { max-width:980px; margin:16px 0 22px; font-size:clamp(44px,6.4vw,94px); line-height:.95; letter-spacing:-.065em; }
.seo-lead { max-width:790px; margin:0; color:#4f554f; font-size:clamp(18px,2vw,24px); line-height:1.55; }
.seo-hero .hero-actions { margin-top:32px; }
.seo-hero-panel { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:28px; border-radius:var(--radius-lg); background:var(--black); box-shadow:var(--shadow); transform:rotate(1.5deg); }
.seo-hero-panel strong,.seo-hero-panel span { min-height:88px; display:flex; align-items:flex-end; border-radius:18px; padding:16px; }
.seo-hero-panel strong { background:var(--lime); color:var(--black); font-size:18px; }
.seo-hero-panel span { border:1px solid rgba(255,255,255,.16); color:white; font-size:14px; }
.seo-content,.seo-related,.seo-faq { padding-top:86px; padding-bottom:100px; }
.seo-section-heading { max-width:900px; margin-bottom:34px; }
.seo-section-heading h2,.seo-workflow h2 { margin:14px 0 0; font-size:clamp(34px,4.4vw,64px); line-height:1; letter-spacing:-.055em; }
.seo-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.seo-card { min-height:250px; display:flex; flex-direction:column; justify-content:space-between; border:1px solid var(--line); border-radius:var(--radius-md); background:white; padding:26px; }
.seo-card span { color:var(--muted); font-size:12px; font-weight:900; letter-spacing:.08em; }
.seo-card p { margin:0; font-size:clamp(20px,2vw,28px); line-height:1.18; letter-spacing:-.035em; }
.seo-workflow { background:var(--black); color:white; }
.seo-workflow-inner { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; padding-top:90px; padding-bottom:90px; align-items:start; }
.seo-workflow .eyebrow { color:#cdd2cc; }
.seo-workflow ol { margin:0; padding:0; list-style:none; counter-reset:steps; }
.seo-workflow li { counter-increment:steps; display:grid; grid-template-columns:56px 1fr; gap:16px; padding:22px 0; border-top:1px solid rgba(255,255,255,.16); font-size:clamp(18px,2vw,25px); }
.seo-workflow li::before { content:'0' counter(steps); color:var(--lime); font-size:12px; font-weight:900; letter-spacing:.08em; padding-top:6px; }
.seo-related-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.seo-related-card { display:flex; min-height:132px; align-items:center; justify-content:space-between; gap:22px; border:1px solid var(--line); border-radius:22px; background:white; padding:22px 24px; transition:transform .2s ease,border-color .2s ease; }
.seo-related-card:hover { transform:translateY(-2px); border-color:#aeb5ac; }
.seo-related-card span { max-width:90%; font-size:20px; font-weight:800; line-height:1.2; letter-spacing:-.025em; }
.seo-related-card i { font-style:normal; font-size:22px; }
.seo-faq-list { max-width:980px; }
.seo-faq details { border-top:1px solid var(--line); padding:20px 0; }
.seo-faq details:last-child { border-bottom:1px solid var(--line); }
.seo-faq summary { cursor:pointer; font-weight:800; font-size:19px; }
.seo-faq details p { max-width:780px; margin:14px 0 0; color:var(--muted); line-height:1.65; }
.seo-final-cta { margin-top:20px; margin-bottom:70px; }
@media (max-width:1000px) { .seo-hero { grid-template-columns:1fr; min-height:auto; padding-top:58px; } .seo-hero-panel { max-width:680px; transform:none; } .seo-card-grid{grid-template-columns:1fr;} .seo-card{min-height:190px;} .seo-workflow-inner{grid-template-columns:1fr;} }
@media (max-width:720px) { .seo-site-header .desktop-nav,.seo-site-header .desktop-cta { display:none; } .seo-hero { padding-top:46px; padding-bottom:70px; } .seo-hero h1{font-size:clamp(40px,13vw,66px);} .seo-related-grid{grid-template-columns:1fr;} .seo-workflow-inner{gap:34px;} .seo-breadcrumb{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} }

/* Long German headings must fit narrow screens without horizontal scrolling. */
.seo-page h1, .seo-page h2, .seo-related-card span { overflow-wrap: anywhere; }
.seo-hero > div { min-width: 0; }