/* One geometry source. Desktop artboard: 850 × 840, scaled as a unit. */
.vd-content .seo-geo{--accent:#d5eb00;--ink:#23251f;background:#e8e6dc;color:var(--ink);font-family:Manrope,"Segoe UI",sans-serif;scroll-margin-top:90px}
.vd-content .seo-geo,.vd-content .seo-geo *{box-sizing:border-box}
.vd-content .seo-geo .container{padding-top:54px;padding-bottom:42px}
.vd-content .seo-geo .main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,520px);grid-template-rows:auto 1fr;grid-template-areas:"layers heading" "layers channels";gap:24px 28px;align-items:start}
.vd-content .seo-geo .heading{grid-area:heading;min-width:0;max-width:100%}
.vd-content .seo-geo .heading .section-title{max-width:100%}
.vd-content .seo-geo .eyebrow{margin:0 0 16px;font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.15em;color:#72756c}
.vd-content .seo-geo .intro{font-size:16px;line-height:1.6;color:#73766c;margin:0}
.vd-content .seo-geo .layers{grid-area:layers;position:relative;width:100%;aspect-ratio:850/840;min-width:0;isolation:isolate;overflow:hidden}
.vd-content .seo-geo .seo-stage{position:absolute;left:0;top:0;width:850px;height:840px;transform:scale(var(--seo-scale,.65));transform-origin:0 0}
.vd-content .seo-geo .layer{position:absolute;overflow:hidden;border-radius:12px;margin:0;transform-origin:50% 42%;border:1px solid rgba(244,246,250,.95);box-shadow:1px 0 0 #eef1f6,2px 1px 0 #d5dbe3,3px 3px 0 #c5ccd6,0 14px 24px rgba(48,51,30,.16);transition:transform 1100ms cubic-bezier(.22,.68,.18,1),opacity 700ms ease}
.vd-content .seo-geo .hero-layer{left:96px;top:8px;width:640px;height:318px;z-index:3;background:#1a1d29;transform:matrix(1,.045,.05,1,0,0)}
.vd-content .seo-geo .chrome{height:26px;display:flex;gap:7px;align-items:center;background:#25292c;padding:0 14px}
.vd-content .seo-geo .dot{width:8px;height:8px;border-radius:50%;background:#ff6058}
.vd-content .seo-geo .dot:nth-child(2){background:#ffbd2e}.vd-content .seo-geo .dot:nth-child(3){background:#27c840}
.vd-content .seo-geo .hero-layer img{display:block;width:100%;height:calc(100% - 26px);object-fit:cover;object-position:center top}
.vd-content .seo-geo .structure{left:72px;top:300px;width:690px;height:248px;z-index:2;background:#faf9f4;padding:34px 18px 12px;transform:matrix(1,.012,.05,1,0,0)}
.vd-content .seo-geo h3{font-family:Manrope,"Segoe UI",sans-serif;font-weight:700;letter-spacing:0;text-transform:none}
.vd-content .seo-geo .structure h3{font-size:20px;line-height:1.3;margin:0 0 16px}
.vd-content .seo-geo .structure-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vd-content .seo-geo .structure-item{background:#ffffff8c;border-radius:7px;padding:12px;font-size:12px;line-height:1.8;color:#777b72;min-width:0}
.vd-content .seo-geo .structure-item strong{display:flex;gap:7px;color:#33372f;font-size:13px;line-height:1.35;margin-bottom:8px}
.vd-content .seo-geo .code-layer{left:58px;top:528px;width:640px;height:248px;z-index:1;background:#20242a;color:#cdd6f4;padding:22px 18px 12px;transform:matrix(1,-.012,.055,1,0,0)}
.vd-content .seo-geo .code-layer pre{margin:0;font:11px/1.5 Consolas,"Courier New",monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.vd-content .seo-geo .tag{display:inline;padding:0;margin:0;background:none;border:0;border-radius:0;font:inherit;color:#89b4fa}
.vd-content .seo-geo .attr{color:#f9e2af}.vd-content .seo-geo .value{color:#a6e3a1}
.vd-content .seo-geo .callout{position:absolute;left:0;width:118px;display:flex;align-items:center;gap:8px;font-size:13px;line-height:1.35;z-index:4;color:#61675b;transition:opacity 500ms ease 500ms}
.vd-content .seo-geo .callout span{max-width:78px}.vd-content .seo-geo .callout i{height:1px;background:#93998c;flex:1;position:relative}
.vd-content .seo-geo .callout i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#93998c}
.vd-content .seo-geo .callout-site{top:120px}.vd-content .seo-geo .callout-structure{top:390px}.vd-content .seo-geo .callout-code{top:620px}
.vd-content .seo-geo .included{position:absolute;top:752px;left:8px;z-index:4;background:var(--accent);border-radius:24px;padding:12px 20px;font-size:13px;font-weight:700;transition:opacity 500ms ease 500ms}
/* Only enhanced, observed sections collapse. No JS / reduced motion stays open. */
.vd-content .seo-geo.is-ready:not(.is-open):not(.mobile-phone-stack) .hero-layer{transform:translateY(180px) matrix(1,.045,.05,1,0,0)}
.vd-content .seo-geo.is-ready:not(.is-open):not(.mobile-phone-stack) .structure{opacity:0;transform:scale(.92) matrix(1,.012,.05,1,0,0)}
.vd-content .seo-geo.is-ready:not(.is-open):not(.mobile-phone-stack) .code-layer{opacity:0;transform:translateY(-160px) matrix(1,-.012,.055,1,0,0)}
.vd-content .seo-geo.is-ready:not(.is-open) .callout,.vd-content .seo-geo.is-ready:not(.is-open) .included{opacity:0;transition-delay:0s}
.vd-content .seo-geo .channels{grid-area:channels;display:grid;gap:20px;min-width:0}
.vd-content .seo-geo .result{min-width:0;background:#faf9f5;border:1px solid #f4f3ed;border-radius:14px;padding:20px;box-shadow:0 10px 24px #292f1708}
.vd-content .seo-geo .result-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.vd-content .seo-geo .result h3{font-size:19px;line-height:1.4;margin:0}
.vd-content .seo-geo .brands{display:flex;align-items:center;gap:12px;font-size:20px;font-family:Arial,sans-serif}
.vd-content .seo-geo .google{letter-spacing:-1px}.vd-content .seo-geo .yandex{border-left:1px solid #d1d2c7;padding-left:12px}.vd-content .seo-geo .yandex b{color:#ef3434}
.vd-content .seo-geo .gemini{width:28px;height:28px;flex-shrink:0}
.vd-content .seo-geo .result-label{font-size:10px;letter-spacing:.13em;color:#767b70;margin-bottom:12px}
.vd-content .seo-geo .snippet,.vd-content .seo-geo .answer{display:grid;grid-template-columns:minmax(0,1fr) 82px;gap:12px;align-items:center;border:1px solid #e3e5dc;border-radius:9px;padding:14px}
.vd-content .seo-geo .domain,.vd-content .seo-geo .source{display:flex;align-items:center;gap:6px;font-size:11px;color:#72786a;margin-bottom:8px}
.vd-content .seo-geo .source{margin:14px 0 0}
.vd-content .seo-geo .snippet-title{color:#1a0dab;font-size:14px;line-height:1.4;margin-bottom:8px}
.vd-content .seo-geo .snippet p,.vd-content .seo-geo .answer p{font-size:12px;line-height:1.6;margin:0;color:#646b5b}
.vd-content .seo-geo .thumb{display:block;width:82px;height:100px;object-fit:cover;border-radius:8px}
.vd-content .seo-geo .demo{font-size:9px;line-height:1.5;color:#8c9184;margin-top:8px}.vd-content .seo-geo .demo-end{text-align:right}
.vd-content .seo-geo .structure-item svg,.vd-content .seo-geo .domain svg,.vd-content .seo-geo .source svg,.vd-content .seo-geo .work svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.vd-content .seo-geo .wires{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;overflow:visible}
.vd-content .seo-geo .wires path{fill:none;stroke:var(--accent);stroke-width:1.5;vector-effect:non-scaling-stroke}
.vd-content .seo-geo .ongoing{border-top:1px solid #c7cbbd;padding-top:20px;margin-top:26px}
.vd-content .seo-geo .work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:22px}
.vd-content .seo-geo .work{display:flex;align-items:flex-start;gap:12px;min-width:0}
.vd-content .seo-geo .work svg{width:30px;height:30px;flex-basis:30px}
.vd-content .seo-geo .work strong{font-size:13px}.vd-content .seo-geo .work p{font-size:12px;line-height:1.6;color:#757b6b;margin:8px 0}
.vd-content .seo-geo .limit{font-size:10px;line-height:1.6;color:#818775;margin:20px 0 0}
@media(max-width:1100px) and (min-width:901px){.vd-content .seo-geo .main{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px}.vd-content .seo-geo .result{padding:14px}.vd-content .seo-geo .result h3{font-size:17px}.vd-content .seo-geo .snippet,.vd-content .seo-geo .answer{grid-template-columns:minmax(0,1fr) 65px;padding:10px;gap:8px}.vd-content .seo-geo .thumb{width:65px;height:85px}}
@media(max-width:900px){
.vd-content .seo-geo .container{padding-top:44px;padding-bottom:36px}
.vd-content .seo-geo .main{display:flex;flex-direction:column;gap:28px}
.vd-content .seo-geo .heading{order:0;width:100%}.vd-content .seo-geo .layers{order:1;max-width:720px;margin-inline:auto}.vd-content .seo-geo .channels{order:2;width:100%;grid-template-columns:1fr 1fr;gap:16px}
.vd-content .seo-geo .wires{display:none}.vd-content .seo-geo .work-grid{grid-template-columns:1fr 1fr}
.vd-content .seo-geo .snippet,.vd-content .seo-geo .answer{grid-template-columns:minmax(0,1fr)}.vd-content .seo-geo .thumb{display:none}
}
@media(max-width:600px){
.vd-content .seo-geo:not(.mobile-phone-stack) .main{gap:24px}.vd-content .seo-geo .intro{font-size:15px}
.vd-content .seo-geo:not(.mobile-phone-stack) .layers{aspect-ratio:auto;padding:8px 0 0}.vd-content .seo-geo:not(.mobile-phone-stack) .seo-stage{position:relative;width:100%;height:auto;transform:none;display:flex;flex-direction:column;gap:14px}
.vd-content .seo-geo:not(.mobile-phone-stack) .layer{position:relative;left:auto;top:auto;width:100%;height:auto;max-width:100%;transform:none;border-radius:10px;box-shadow:1px 0 0 #d8dce3,2px 2px 0 #c8ced6,0 12px 22px rgba(48,51,30,.14)}
.vd-content .seo-geo:not(.mobile-phone-stack) .hero-layer img{height:auto;aspect-ratio:1.8;object-fit:cover}
.vd-content .seo-geo:not(.mobile-phone-stack) .structure{padding:20px 16px}.vd-content .seo-geo:not(.mobile-phone-stack) .structure h3{font-size:17px}.vd-content .seo-geo:not(.mobile-phone-stack) .structure-grid{grid-template-columns:1fr;gap:8px}
.vd-content .seo-geo:not(.mobile-phone-stack) .structure-item{font-size:12px;padding:10px}.vd-content .seo-geo:not(.mobile-phone-stack) .code-layer{padding:20px 14px}.vd-content .seo-geo:not(.mobile-phone-stack) .code-layer pre{font-size:10px;line-height:1.8}
.vd-content .seo-geo:not(.mobile-phone-stack) .callout{display:none}.vd-content .seo-geo:not(.mobile-phone-stack) .included{position:relative;align-self:flex-start;font-size:11px;padding:10px 14px}
.vd-content .seo-geo:not(.mobile-phone-stack).is-ready:not(.is-open) .hero-layer{transform:translateY(48px)}
.vd-content .seo-geo:not(.mobile-phone-stack).is-ready:not(.is-open) .structure{transform:translateY(-48px);opacity:0}
.vd-content .seo-geo:not(.mobile-phone-stack).is-ready:not(.is-open) .code-layer{transform:translateY(-96px);opacity:0}
.vd-content .seo-geo .channels{grid-template-columns:1fr}.vd-content .seo-geo .result{padding:18px}.vd-content .seo-geo .result h3{font-size:18px}
.vd-content .seo-geo .snippet,.vd-content .seo-geo .answer{grid-template-columns:minmax(0,1fr) 66px;padding:12px;gap:10px}.vd-content .seo-geo .thumb{display:block;width:66px;height:82px}
.vd-content .seo-geo .work-grid{grid-template-columns:1fr;gap:16px}
}
@media(prefers-reduced-motion:reduce){.vd-content .seo-geo .layer,.vd-content .seo-geo .callout,.vd-content .seo-geo .included{transition:none}}