/* SEO-Fachseiten V1.1 – ruhiger, responsiver Hero auf Basis des bestehenden V12.4-Unterseitendesigns */
.seo-tool-hero .hero-grid{grid-template-columns:minmax(0,1.06fr) minmax(360px,.94fr);gap:48px;align-items:center;min-height:620px}
.seo-tool-hero .hero-copy{min-width:0;padding:68px 0 72px}
.seo-tool-hero .crumb{margin-bottom:34px}
.seo-tool-hero h1{max-width:760px;font-size:clamp(2.85rem,4.3vw,4.55rem);line-height:.97;letter-spacing:-.055em;text-wrap:balance;hyphens:auto;overflow-wrap:normal}
.seo-tool-hero .hero-copy>p{max-width:690px;margin-top:26px;font-size:1rem;line-height:1.72}
.seo-tool-hero .hero-actions{margin-top:30px;flex-wrap:wrap}
.seo-hero-preview{position:relative;justify-self:end;align-self:center;width:min(100%,560px);min-width:0;overflow:hidden;border:1px solid rgba(95,187,230,.23);border-radius:18px;background:#061e36;box-shadow:0 28px 72px rgba(0,0,0,.26)}
.seo-preview-label{display:block;padding:14px 18px;color:#9fbed2;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.seo-preview-canvas{padding:14px;background:linear-gradient(180deg,#f6f9fb,#eef4f7)}
.seo-hero-preview img{display:block;width:100%;height:auto;max-height:430px;object-fit:contain;border:1px solid #d9e5ec;border-radius:12px;background:#fff}
.seo-preview-bottom{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;border-top:1px solid rgba(255,255,255,.08)}
.seo-preview-bottom strong{color:#fff;font-size:.84rem}.seo-preview-bottom small{color:#86a2b5}
.seo-factbar{border-bottom:1px solid var(--line);background:#fff}.seo-factbar .shell{display:grid;grid-template-columns:repeat(3,1fr)}.seo-factbar article{padding:23px 26px;border-left:1px solid var(--line)}.seo-factbar article:last-child{border-right:1px solid var(--line)}.seo-factbar small,.seo-factbar strong{display:block}.seo-factbar small{color:#71889a;font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.seo-factbar strong{margin-top:5px;color:var(--ink);font-size:.86rem}
.seo-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px;align-items:start}.seo-intro-grid h2{max-width:640px}.seo-reading{padding-top:28px;border-top:1px solid var(--line)}.seo-reading p{margin:0 0 22px;color:#536c81;font-size:1rem;line-height:1.82}.seo-reading p:last-child{margin-bottom:0}
.seo-capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.seo-capability{min-height:255px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.seo-capability b{color:#0b8bc1;font-size:.68rem;letter-spacing:.11em}.seo-capability h3{margin:48px 0 10px;color:var(--ink);font-size:1.18rem}.seo-capability p{margin:0;color:#637b8e;font-size:.83rem;line-height:1.65}
.seo-workflow{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #36516a;border-bottom:1px solid #36516a}.seo-step{min-height:245px;padding:27px 23px}.seo-step+.seo-step{border-left:1px solid #36516a}.seo-step span{display:block;color:#4ed4ef;font-size:.7rem;font-weight:900;letter-spacing:.1em}.seo-step h3{margin:52px 0 9px;color:#fff;font-size:1.05rem}.seo-step p{margin:0;color:#9db4c6;font-size:.76rem;line-height:1.55}
.seo-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:78px}.seo-sticky{position:sticky;top:120px}.seo-sticky h2{margin:0 0 18px;color:var(--ink);font-size:clamp(2.45rem,4.3vw,4.3rem);line-height:.97;letter-spacing:-.055em}.seo-sticky>p{max-width:560px;margin:0 0 27px;color:#62798c}.seo-note{padding:38px;border:1px solid var(--line);border-top:5px solid var(--cyan);background:var(--soft)}.seo-note strong{color:var(--ink);font-size:1.2rem}.seo-note p{margin:16px 0 26px;color:#587185;line-height:1.75}.seo-note a{color:#075b9e;font-weight:850;font-size:.78rem}
.seo-faq{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px}.seo-faq h2{margin:0;color:var(--ink);font-size:clamp(2.4rem,4vw,4rem);line-height:.98;letter-spacing:-.05em}.seo-faq-list{border-top:1px solid var(--line)}.seo-faq-list details{border-bottom:1px solid var(--line)}.seo-faq-list summary{cursor:pointer;list-style:none;padding:23px 46px 23px 0;color:var(--ink);font-weight:850;position:relative}.seo-faq-list summary::-webkit-details-marker{display:none}.seo-faq-list summary:after{content:"+";position:absolute;right:4px;top:20px;color:#1687ff;font-size:1.35rem}.seo-faq-list details[open] summary:after{content:"–"}.seo-faq-list details p{margin:0;padding:0 40px 23px 0;color:#657b8d;font-size:.86rem;line-height:1.72}.seo-cta-actions{display:flex;gap:10px;flex-wrap:wrap}.cta .button-outline{color:#fff;border-color:rgba(255,255,255,.22)}
@media(max-width:1120px){.seo-tool-hero .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);gap:36px}.seo-tool-hero h1{font-size:clamp(2.75rem,4.15vw,3.7rem)}}
@media(max-width:980px){.seo-tool-hero .hero-grid,.seo-intro-grid,.seo-split,.seo-faq{grid-template-columns:1fr}.seo-tool-hero .hero-grid{gap:34px;padding-bottom:64px}.seo-tool-hero .hero-copy{padding:62px 0 0}.seo-tool-hero h1{max-width:820px;font-size:clamp(2.85rem,8.5vw,4.25rem)}.seo-hero-preview{justify-self:start;width:min(760px,100%);margin:0}.seo-hero-preview img{max-height:none}.seo-capabilities{grid-template-columns:repeat(2,1fr)}.seo-workflow{grid-template-columns:1fr 1fr}.seo-step:nth-child(odd){border-left:0}.seo-step{border-bottom:1px solid #36516a}.seo-sticky{position:static}.seo-factbar .shell{grid-template-columns:1fr}.seo-factbar article,.seo-factbar article:last-child{border-right:1px solid var(--line);border-bottom:1px solid var(--line)}}
@media(max-width:650px){.seo-tool-hero .hero-grid{gap:26px;padding-bottom:48px}.seo-tool-hero .hero-copy{padding-top:50px}.seo-tool-hero .crumb{margin-bottom:26px}.seo-tool-hero h1{font-size:clamp(2.55rem,12vw,3.35rem);line-height:1;letter-spacing:-.05em;hyphens:auto}.seo-tool-hero .hero-copy>p{font-size:.94rem}.seo-tool-hero .hero-actions{gap:10px}.seo-hero-preview{border-radius:14px}.seo-preview-canvas{padding:8px}.seo-preview-label,.seo-preview-bottom{padding-left:14px;padding-right:14px}.seo-capabilities,.seo-workflow{grid-template-columns:1fr}.seo-step+.seo-step{border-left:0}.seo-factbar article{padding:18px}.seo-note{padding:26px}.seo-cta-actions{width:100%;flex-direction:column}.seo-cta-actions .button{width:100%}}