.seo-hero{min-height:clamp(620px,78svh,760px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:clamp(42px,6vw,82px);align-items:center;padding-block:clamp(72px,9vw,108px)}.seo-hero h1{font-size:clamp(43px,5.7vw,76px);max-width:900px}.seo-hero .call[href^="#"]:before{content:"↓"}.semantic-answer{padding:34px;border:1px solid rgba(110,167,255,.38);border-radius:28px;background:linear-gradient(145deg,rgba(21,94,239,.24),rgba(13,35,72,.84));box-shadow:0 28px 70px rgba(0,0,0,.2)}.semantic-answer>span,.semantic-grid article>span,.seo-scenarios article>span{color:#81b3ff;font:800 10px ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.13em}.semantic-answer h2{font-family:"Unbounded","Manrope",sans-serif;font-size:clamp(27px,3.1vw,38px);line-height:1.15;letter-spacing:.01em;margin:18px 0}.semantic-answer p{color:#c0cad8;font-size:17px}.semantic-answer strong{display:block;margin-top:24px;padding-top:20px;border-top:1px solid var(--line);color:#fff}.seo-cycle{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-cycle article,.semantic-grid article{padding:28px;border:1px solid var(--line);border-radius:22px;background:rgba(13,35,72,.78)}.seo-cycle b{color:#75abff;font:800 11px ui-monospace,SFMono-Regular,monospace}.seo-cycle h3,.semantic-grid h3{font-size:23px;line-height:1.15;margin:28px 0 11px}.seo-cycle p,.semantic-grid p{color:var(--muted);margin:0}.semantic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.semantic-grid article>span{display:block}.semantic-grid h3{margin-top:17px}.seo-scenarios{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seo-scenarios article{padding:34px;border:1px solid var(--line);border-radius:25px;background:rgba(7,21,47,.8)}.seo-scenarios h3{font-family:"Unbounded","Manrope",sans-serif;font-size:clamp(25px,3vw,36px);line-height:1.18;letter-spacing:.01em;margin:18px 0}.seo-scenarios p{color:var(--muted);min-height:100px}.scope-table{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:24px;overflow:hidden}.scope-table>div{padding:32px;background:rgba(13,35,72,.76)}.scope-table>div+div{border-left:1px solid var(--line);background:rgba(7,21,47,.76)}.scope-table strong{font-size:22px}.scope-table ul{padding-left:20px;color:var(--muted)}.scope-table li+li{margin-top:9px}.semantic-faq{display:grid;grid-template-columns:1fr 1fr;gap:12px}.semantic-faq details{padding:23px;border:1px solid var(--line);border-radius:18px;background:rgba(13,35,72,.72)}.semantic-faq summary{font-weight:800;cursor:pointer}.semantic-faq p{color:var(--muted);margin:15px 0 0}.semantic-strip{margin-top:18px}.semantic-terms{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.semantic-terms span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:#bdc8d6;font-size:13px}@media(max-width:950px){.seo-hero{grid-template-columns:1fr;min-height:auto}.semantic-answer{max-width:720px}.seo-cycle,.semantic-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.seo-hero{padding-block:56px}.seo-cycle,.semantic-grid,.seo-scenarios,.scope-table,.semantic-faq{grid-template-columns:1fr}.scope-table>div+div{border-left:0;border-top:1px solid var(--line)}.seo-scenarios p{min-height:0}}

/* SEO hero layout refinement 2026-08-09 */
.seo-hero{
  grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);
  gap:clamp(56px,6vw,104px);
}
.seo-hero>div{min-width:0}
.seo-hero h1{
  max-width:780px;
  font-size:clamp(44px,3.75vw,58px);
  line-height:1.08;
  letter-spacing:.008em!important;
  word-spacing:.055em!important;
}
.seo-hero .lead{
  max-width:720px;
  font-size:clamp(18px,1.45vw,22px);
  line-height:1.55;
}
.semantic-answer{
  min-width:0;
  width:100%;
  max-width:580px;
  justify-self:end;
  padding:clamp(28px,2.6vw,40px);
}
.semantic-answer h2{
  max-width:none;
  font-size:clamp(25px,2.15vw,33px);
  line-height:1.2;
  overflow-wrap:normal;
  hyphens:none;
}
.semantic-answer p{font-size:clamp(16px,1.2vw,18px);line-height:1.55}
@media(max-width:1100px){
  .seo-hero{grid-template-columns:minmax(0,1fr) minmax(360px,.78fr);gap:42px}
  .seo-hero h1{font-size:clamp(43px,4.8vw,52px)}
  .semantic-answer h2{font-size:clamp(24px,2.7vw,30px)}
}
@media(max-width:1040px){
  .seo-hero{grid-template-columns:1fr;gap:34px}
  .seo-hero h1{max-width:820px}
  .semantic-answer{max-width:720px;justify-self:start}
  .semantic-answer h2{max-width:none}
}
@media(max-width:680px){
  .seo-hero h1{font-size:clamp(36px,10.8vw,48px);line-height:1.1}
  .semantic-answer{padding:24px;border-radius:22px}
  .semantic-answer h2{font-size:clamp(24px,7vw,30px)}
}