/* Illustrative search journey, not a ranking or performance report. */
.seo-hero-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:4rem; align-items:center; }
.seo-hero-actions { display:grid; grid-template-columns:minmax(0,1fr); gap:1rem; width:100%; max-width:420px; }
.seo-hero-actions > a { width:100%; min-height:56px; border-radius:0; }
.seo-motion { margin:0; min-width:0; color:#97c21f; }
.sm-stage { position:relative; height:360px; isolation:isolate; }
.sm-orbit { position:absolute; width:83%; height:90%; top:3%; left:8%; border:1px solid #97c21f19; border-radius:50%; transform:rotate(-22deg); }
.sm-search { position:absolute; z-index:2; top:5px; left:0; width:90%; display:flex; align-items:center; gap:14px; padding:17px 20px; background:#1a1c16; border:1px solid #97c21f60; border-radius:40px; box-shadow:0 14px 40px #0005; color:#f4f4f2; }
.sm-search svg { width:21px; height:21px; flex-shrink:0; color:#97c21f; }
.sm-search > span { font-size:13px; white-space:nowrap; }
.sm-search i { margin-left:auto; font-style:normal; color:#97c21f; }
.sm-result { position:absolute; top:90px; left:6%; width:88%; padding:22px; border:1px solid #ffffff26; border-radius:12px; background:linear-gradient(135deg,#1c1e19,#10120f); box-shadow:0 20px 50px #0006; transform:rotate(-2deg); }
.sm-result-top { display:flex; gap:10px; align-items:center; color:#f4f4f2; font-size:11px; }
.sm-monogram { display:grid; place-items:center; width:30px; height:30px; font-family:Syne,sans-serif; font-weight:700; color:#97c21f; background:#97c21f12; border:1px solid #97c21f40; border-radius:50%; }
.sm-result-top small { display:block; color:#b8b8b8; font-size:9px; margin-top:3px; }
.sm-result-top svg { width:22px; height:25px; color:#97c21f; margin-left:auto; overflow:visible; }
.sm-result > strong { display:block; color:#f4f4f2; font-family:Syne,sans-serif; font-size:clamp(16px,1.4vw,21px); font-weight:600; line-height:1.3; margin:18px 0 14px; }
.sm-snippet span { display:block; height:3px; width:94%; background:#ffffff26; border-radius:2px; margin-top:7px; }
.sm-snippet span + span { width:73%; }
.sm-tags { display:flex; gap:16px; margin-top:18px; color:#b8b8b8; font-size:9px; }
.sm-tags span { border-bottom:1px solid #97c21f60; padding-bottom:4px; }
.sm-path { position:absolute; inset:0; width:100%; height:100%; z-index:-1; }
.sm-path path { stroke-dasharray:1; }
.sm-enquiry { position:absolute; z-index:3; right:0; bottom:0; display:flex; align-items:center; gap:12px; padding:17px 20px; border:1px solid #97c21f70; border-radius:8px; background:#171a12; box-shadow:0 20px 40px #0007; }
.sm-envelope { display:grid; place-items:center; background:#97c21f; color:#0a0a0b; width:36px; height:36px; border-radius:8px; flex-shrink:0; }
.sm-envelope svg { width:22px; height:22px; }
.sm-enquiry strong { display:block; font-size:12px; color:#f4f4f2; font-weight:600; }
.sm-enquiry small { display:block; font-size:10px; color:#b8b8b8; margin-top:4px; }
.sm-enquiry i { font-style:normal; font-size:20px; margin-left:8px; }
.seo-motion figcaption { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:11px; color:#b8b8b8; margin-top:25px; padding-top:17px; border-top:1px solid #ffffff1a; }
.seo-motion figcaption i { font-style:normal; color:#97c21f; }
@keyframes sm-query { 0% { clip-path:inset(0 100% 0 0); } 25%,100% { clip-path:inset(0); } }
@keyframes sm-result { 0%,18% { opacity:0; transform:translateY(15px) rotate(-2deg); } 48%,100% { opacity:1; transform:rotate(-2deg); } }
@keyframes sm-connect { 0%,45% { stroke-dashoffset:1; } 76%,100% { stroke-dashoffset:0; } }
@keyframes sm-enquiry { 0%,65% { opacity:0; transform:translateY(12px); } 95%,100% { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) { .seo-hero-layout { gap:2rem; } .sm-result { padding:17px; } .sm-enquiry { padding:14px; gap:9px; } }
@media(max-width:900px) { .seo-hero-layout { grid-template-columns:1fr; gap:3rem; } .seo-motion { max-width:560px; width:100%; } }
@media(max-width:479px) { .sm-search { width:96%; padding:15px; gap:9px; } .sm-search > span { font-size:12px; } .sm-stage { height:350px; } .sm-result { width:92%; left:2%; } .sm-enquiry { max-width:100%; } .sm-enquiry strong { font-size:11px; } .sm-enquiry small { font-size:9px; } }
@media(prefers-reduced-motion:reduce) { .seo-motion * { animation:none !important; } }

.seo-motion.is-animated .sm-search > span { animation:sm-query 4.8s both; }
.seo-motion.is-animated .sm-result { animation:sm-result 4.8s both; }
.seo-motion.is-animated .sm-path path { animation:sm-connect 4.8s both; }
.seo-motion.is-animated .sm-enquiry { animation:sm-enquiry 4.8s both; }
.seo-hero-actions > a.inline-flex[data-conversion="seo-hero-primary-cta"] { color:#0a0a0a !important; }