/* SEOConsultants.ai shared chrome – layout system modelled on seosherpa.com */
:root{--sp:#2B124C;--sv:#7143E0;--sm:#64DEA3;--sy:#FECD4D;--sg:#F5F5F8;--sb:#D9E8EF;--sk:#000}
.sh-wrap{max-width:1200px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.sh-btn{display:inline-block;background:var(--sy);color:var(--sp)!important;font:600 17px/1.45 Montserrat,Arial,sans-serif;text-transform:uppercase;text-decoration:none!important;padding:15px 60px;border-radius:50px;border:0;cursor:pointer;box-shadow:0 4px 14px #fecd4d40;transition:transform .2s,box-shadow .2s,background .2s;text-align:center}
.sh-btn:hover{background:#ffd76a;transform:translateY(-2px);box-shadow:0 8px 20px #fecd4d66}
.sh-btn-sm{font-size:14px;padding:10px 24px}
/* header */
.sh-header{background:var(--sp);position:sticky;top:0;z-index:1000;font-family:Montserrat,Arial,sans-serif}
.sh-hrow{display:flex;align-items:center;justify-content:space-between;height:100px;max-width:1360px}
.sh-logo img{display:block;height:44px;width:auto}
.sh-nav{display:flex;align-items:center;gap:22px}
.sh-ul{display:flex;list-style:none;margin:0;padding:0;align-items:center}
.sh-li{position:static}
.sh-top{display:flex;align-items:center;gap:7px;color:#fff!important;text-decoration:none!important;font-size:15px;font-weight:400;line-height:60px;padding:0 13px;white-space:nowrap}
.sh-top:hover,.sh-li.open>.sh-top{color:var(--sy)!important}
.sh-top svg{transition:transform .2s}.sh-li.open>.sh-top svg{transform:rotate(180deg)}
.sh-cta{font-size:14px;padding:12px 26px;box-shadow:none;white-space:nowrap}
.sh-mega{position:absolute;left:0;right:0;top:100px;background:#fff;box-shadow:0 30px 50px #2b124c30;border-top:4px solid var(--sv);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:1001}
.sh-li.open>.sh-mega{opacity:1;visibility:visible;transform:none}
@media(hover:hover) and (min-width:1101px){.sh-has:hover>.sh-mega,.sh-has:focus-within>.sh-mega{opacity:1;visibility:visible;transform:none}.sh-has:hover>.sh-top{color:var(--sy)!important}}
.sh-mega-in{max-width:1360px;margin:0 auto;padding:36px 40px 40px;display:grid;grid-template-columns:260px 1fr;gap:40px}
.sh-mega-side{background:var(--sg);border-radius:10px;padding:26px}
.sh-mega-t{font:900 26px/1.1 Raleway,Arial,sans-serif;color:var(--sp);margin:0 0 14px}
.sh-all{display:block;color:var(--sv)!important;font-weight:600;text-decoration:none;margin-bottom:22px}
.sh-mcols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.sh-mh{font:700 15px/1.3 Montserrat,Arial;color:var(--sp);margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid var(--sm)}
.sh-mcol a{display:block;color:#232426!important;text-decoration:none;font-size:14px;line-height:1.35;padding:6px 0}
.sh-mcol a:hover{color:var(--sv)!important;padding-left:4px;transition:padding .15s}
.sh-burger{display:none;background:none;border:0;width:44px;height:44px;cursor:pointer;padding:10px}
.sh-burger span{display:block;height:2px;background:#fff;margin:5px 0;border-radius:2px;transition:.25s}
.sh-header.menu-open .sh-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.sh-header.menu-open .sh-burger span:nth-child(2){opacity:0}.sh-header.menu-open .sh-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1100px){
 .sh-hrow{height:76px;padding:0 20px}.sh-logo img{height:36px}.sh-burger{display:block}
 .sh-nav{display:none;position:fixed;top:76px;left:0;right:0;bottom:0;background:var(--sp);flex-direction:column;align-items:stretch;overflow-y:auto;padding:10px 20px 40px;gap:0}
 .sh-header.menu-open .sh-nav{display:flex}
 .sh-ul{flex-direction:column;align-items:stretch}.sh-li{border-bottom:1px solid #ffffff1f}
 .sh-top{justify-content:space-between;font-size:17px;padding:4px 0}
 .sh-mega{position:static;display:none;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;background:#ffffff0d;border-radius:8px;margin-bottom:12px}
 .sh-li.open>.sh-mega{display:block}
 .sh-mega-in{display:block;padding:12px 16px}.sh-mega-side{display:none}.sh-mcols{display:block}
 .sh-mcol{margin:10px 0 16px}.sh-mh{color:var(--sm);border-bottom-color:#ffffff26}.sh-mcol a{color:#fff!important;font-size:15px;padding:8px 0}
 .sh-cta{margin-top:24px}}
/* footer */
.sh-footer{background:#fff;color:#000;font-family:Montserrat,Arial,sans-serif;padding:80px 0 40px;border-top:1px solid #eee}
.sh-fgrid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:30px}
.sh-fbrand img{height:42px;width:auto}.sh-fbrand p{font-size:14px;color:#444;max-width:260px;line-height:1.5}
.sh-fh{font-weight:700;font-size:15px;margin:0 0 14px;color:#000}
.sh-fcol a{display:block;color:#000!important;text-decoration:none;font-size:16px;line-height:1.35;padding:6px 0}
.sh-fcol a:hover{color:var(--sv)!important}
.sh-fbot{border-top:1px solid #e3e3e8;margin-top:56px;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.sh-legal{display:flex;gap:18px;align-items:center}.sh-legal a{color:#000!important;text-decoration:none;font-size:16px}
.sh-tag{font-weight:600;color:var(--sp);font-size:20px;margin:0}.sh-copy{font-size:13px;color:#777;margin:18px 0 0}
@media(max-width:900px){.sh-fgrid{grid-template-columns:1fr 1fr}.sh-fbrand{grid-column:1/-1}.sh-footer{padding:56px 0 30px}.sh-wrap{padding:0 20px}.sh-tag{font-size:17px}}
/* shared bits */
.sh-bar{display:block;width:50px;height:5px;background:var(--sv);margin:0 0 20px}.sh-bar.y{background:var(--sy)}.sh-bar.c{margin-left:auto;margin-right:auto}
.sh-hl{color:var(--sy);background:linear-gradient(transparent 62%,var(--sv) 62%,var(--sv) 92%,transparent 92%);padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.btn-secondary.on-dark,.btn-ghost.on-dark,.btn-outline.on-dark,.btn-secondary.on-dark *{color:#fff!important;border-color:#fff!important;background:transparent!important}.btn-secondary.on-dark:hover{background:#fff!important;color:#2B124C!important}
html body main :is(.btn-secondary,.btn-ghost,.btn-outline).on-dark,html body main :is(.btn-secondary,.btn-ghost).on-dark *{color:#fff!important;border-color:#fff!important;background:transparent!important}html body main .btn-secondary.on-dark:hover{background:#fff!important;color:#2B124C!important}
.sh-mega-side{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
a.sh-mega-t{text-decoration:none;color:#2B124C}a.sh-mega-t:hover{color:#7143E0}
.sh-mega-d{margin:0;font-size:14px;line-height:1.5;color:#4b3f63;max-width:240px}
.sh-mega .sh-mega-btn{font-size:13px!important;padding:10px 20px!important;margin-top:4px;line-height:1.2!important}
@media(max-width:1100px){.sh-mega-d{color:#e9e4f5}a.sh-mega-t{color:#fff}}
@media(max-width:1100px){.sh-mega .sh-mega-side{background:rgba(255,255,255,.08)!important;padding:16px!important;border-radius:10px}}
/* hotfix: performance - no intro gate, no blur/animated backgrounds, no blurred reveals */
html body .enter-gate{display:none!important}
html.enter-pending,html.enter-pending body{overflow:visible!important}
html body .ambient-field .orb,html body .ambient-field .scan,html body .ambient-field .grain{display:none!important;animation:none!important}
html body [data-reveal],html.motion-ready body [data-reveal]:not(.is-in){opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
html body .rv{opacity:1!important;transform:none!important;transition:none!important}
html body .sc,html body .header,html body .about-page .hero-display,html body .about-page .trust-row>div{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body .header{background:#fff!important}
html body .wash-glow,html body .about-page .hero:before{filter:none!important}
.btn-secondary.on-dark,.btn-ghost.on-dark,.btn-outline.on-dark{color:#fff!important;border-color:#fff!important;background:transparent!important}