/* v138: SEO landing page architecture. Keep existing homepage/category/product layouts intact. */
.hl3c-seo-hero{
  margin:0;
  padding:clamp(58px,7vw,96px) 7vw clamp(44px,5vw,72px);
  color:#fff;
  background:
    linear-gradient(180deg,rgba(7,12,22,.74),rgba(7,12,22,.82)),
    radial-gradient(circle at 16% 22%, rgba(105,212,200,.22), transparent 32%),
    radial-gradient(circle at 86% 8%, rgba(241,116,158,.16), transparent 30%),
    url('../img/banner.png') center/cover no-repeat;
  position:relative;
  overflow:hidden;
}
.hl3c-seo-hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 1px,transparent 1px 42px);
  opacity:.42;
}
.hl3c-seo-hero>*{position:relative;z-index:1;max-width:980px}
.hl3c-seo-hero span{display:inline-block;color:#9ff4ea;letter-spacing:.22em;font-size:13px;font-weight:900;margin-bottom:14px;text-transform:uppercase}
.hl3c-seo-hero h1{margin:0;color:#fff;font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:.02em;text-shadow:0 3px 22px rgba(0,0,0,.38)}
.hl3c-seo-hero p{margin:20px 0 0;color:rgba(255,255,255,.86);font-size:clamp(17px,1.4vw,21px);line-height:1.9}
.hl3c-seo-grid-wrap,.hl3c-seo-page{
  background:radial-gradient(circle at 12% 18%, rgba(105,212,200,.14), transparent 28%),linear-gradient(135deg,#f8f5ed 0%,#eef4f2 52%,#edf2ff 100%);
}
.hl3c-seo-grid-wrap{padding:54px 7vw 82px}
.hl3c-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1280px;margin:auto}
.hl3c-seo-card{
  display:block;padding:28px;border-radius:28px;text-decoration:none;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.72);border-top:4px solid transparent;border-image:linear-gradient(90deg,#69d4c8,#5b7cff,#f3c85f,#f1749e) 1;box-shadow:0 24px 70px rgba(17,24,39,.10);color:#101827;transition:transform .2s ease,box-shadow .2s ease;
}
.hl3c-seo-card:hover{transform:translateY(-5px);box-shadow:0 30px 84px rgba(17,24,39,.15)}
.hl3c-seo-card span{font-size:12px;font-weight:900;color:#0f766e;letter-spacing:.14em;text-transform:uppercase}
.hl3c-seo-card h2{margin:12px 0 10px;font-size:24px;line-height:1.25;color:#101827}
.hl3c-seo-card p{margin:0;color:#53606f;line-height:1.8}
.hl3c-seo-page{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:54px 7vw 84px}
.hl3c-seo-main,.hl3c-seo-side{min-width:0}
.hl3c-seo-block,.hl3c-seo-side{background:rgba(255,255,255,.9);border:1px solid rgba(16,24,39,.08);border-radius:26px;box-shadow:0 18px 52px rgba(17,24,39,.08)}
.hl3c-seo-block{padding:30px;margin-bottom:22px}
.hl3c-seo-block h2,.hl3c-seo-side h2{margin:0 0 16px;color:#101827;font-size:25px}
.hl3c-seo-block p,.hl3c-seo-block li,.hl3c-seo-block details{color:#53606f;line-height:1.9;font-size:16px}
.hl3c-seo-block ul{margin:0;padding-left:1.3em}
.hl3c-seo-block details{border-top:1px solid rgba(16,24,39,.08);padding:14px 0}
.hl3c-seo-block details:first-of-type{border-top:0}
.hl3c-seo-block summary{cursor:pointer;font-weight:850;color:#101827}
.hl3c-seo-side{position:sticky;top:96px;align-self:start;padding:24px}
.hl3c-seo-link{display:block;margin:10px 0;padding:13px 16px;border-radius:16px;background:linear-gradient(135deg,rgba(228,251,247,.88),rgba(235,242,255,.82));color:#25324a;text-decoration:none;font-weight:850;border:1px solid rgba(47,133,126,.14)}
.hl3c-seo-link:hover{border-color:rgba(91,124,255,.34);color:#0f766e}
@media(max-width:980px){
  .hl3c-seo-grid{grid-template-columns:1fr}
  .hl3c-seo-page{grid-template-columns:1fr;padding:36px 18px 64px}
  .hl3c-seo-side{position:static}
  .hl3c-seo-grid-wrap{padding:34px 18px 64px}
}