.hero{
  background-image:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.72) 34%,rgba(255,255,255,.18) 62%,rgba(255,255,255,.04) 100%),url('/hero-bg.png.png')!important;
  background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;
  height:390px!important;padding-top:48px!important
}
.heroText{position:relative;z-index:5;max-width:570px}.mascot{display:block!important;position:absolute!important;left:61%!important;bottom:-8px!important;transform:translateX(-50%)!important;width:315px!important;height:330px!important;object-fit:contain!important;object-position:center bottom!important;z-index:3!important}.spark{display:block!important;left:43%!important;right:25%!important;opacity:.45!important}.priceCard{z-index:6!important}.services{gap:9px!important}.service img{height:125px!important;object-fit:cover!important}.live{height:108px!important;grid-template-columns:190px 1fr!important}.liveTitle{height:108px!important;justify-content:center!important}.viewport{height:108px!important;overflow:hidden!important}.roller{animation:roll3 12s infinite!important}.liveRow{height:36px!important;grid-template-columns:1fr 1.35fr 1fr .65fr!important;padding:0 25px!important;border-bottom:1px solid #edf2f5!important}@keyframes roll3{0%,27%{transform:translateY(0)}33%,60%{transform:translateY(-36px)}66%,93%{transform:translateY(-72px)}100%{transform:translateY(0)}}.review{height:235px!important}.review img{object-position:center center!important}.review span{font-size:14px!important;padding:6px 13px!important}
@media(max-width:1000px){
 body{background:#eef9fd!important}.wrap{width:100%!important;overflow:hidden!important}.top{height:68px!important;padding:0 14px!important;gap:8px!important}.house{font-size:27px!important}.logo{font-size:27px!important;letter-spacing:-2px!important}.slogan{font-size:9px!important}.contact{gap:5px!important}.contact .nums{font-size:14px!important;line-height:1.18!important}.menu,.quickTop,.phoneIcon{display:none!important}
 .hero{height:470px!important;min-height:470px!important;padding:28px 16px 0!important;background-image:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.78) 34%,rgba(255,255,255,.12) 68%),url('/hero-bg.png.png')!important;background-position:center center!important}
 .heroText{max-width:100%!important}.hero h1{font-size:34px!important;line-height:1.13!important;letter-spacing:-2.5px!important;margin:0 0 14px!important}.hero p{font-size:15px!important;line-height:1.45!important;margin:0!important}.badges{display:none!important}
 .mascot{left:62%!important;bottom:4px!important;width:205px!important;height:225px!important;object-fit:contain!important}.spark{left:30%!important;right:2%!important;bottom:0!important;height:100px!important}
 .priceCard{right:10px!important;top:208px!important;bottom:auto!important;width:190px!important;border-radius:13px!important;padding:7px 9px 9px!important}.priceTitle{font-size:16px!important;padding:6px!important}.priceRow{grid-template-columns:47px 1fr!important;padding:7px 3px!important;font-size:12px!important}.priceRow b{font-size:17px!important}.priceRow small{font-size:8px!important;line-height:1.2!important}.priceCard>small{font-size:8px!important;display:block!important;line-height:1.25!important}.priceRow.big b{font-size:16px!important}
 .services{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:8px!important;padding:10px 12px!important;-webkit-overflow-scrolling:touch!important}.services::-webkit-scrollbar{display:none}.service{flex:0 0 132px!important;scroll-snap-align:start!important}.service img{height:88px!important}.service h3{font-size:15px!important;margin:7px 0 2px!important}.service p{font-size:10px!important;margin:0 4px 8px!important}
 .liveWrap{padding:0 12px 10px!important}.live{height:108px!important;display:block!important}.liveTitle{display:none!important}.viewport{height:108px!important}.liveRow{height:36px!important;padding:0 9px!important;font-size:11px!important;grid-template-columns:.75fr 1.15fr 1fr .55fr!important;gap:4px!important}.liveRow span:nth-child(3){display:block!important}.ago{text-align:right!important}
 .lower{display:block!important;padding:0 12px 12px!important}.panel{padding:12px!important;margin-bottom:10px!important}.panelTitle{font-size:19px!important;margin-bottom:9px!important}.panelTitle small{display:none!important}.reviews{display:flex!important;overflow-x:auto!important;gap:8px!important;scroll-snap-type:x mandatory!important}.reviews::-webkit-scrollbar{display:none}.review{flex:0 0 145px!important;height:178px!important;scroll-snap-align:start!important}.review span{font-size:11px!important;padding:5px 8px!important;bottom:7px!important}
 .reasons{grid-template-columns:repeat(4,1fr)!important;gap:3px!important}.reason{font-size:10px!important}.reason .circle{width:48px!important;height:48px!important;font-size:22px!important}.reason b{font-size:11px!important}.cta{font-size:15px!important;padding:11px 7px!important}
 .quoteSection{padding:0 12px 85px!important}.quoteBox{padding:16px!important}.quoteBox h2{font-size:22px!important}.quoteGrid{grid-template-columns:1fr!important;gap:8px!important}.quoteGrid input,.quoteGrid select,.quoteGrid textarea{padding:11px!important}.quoteGrid textarea{min-height:72px!important}.submit{width:100%!important}
 .floating{right:10px!important;bottom:12px!important;gap:6px!important}.floatBtn{padding:10px 13px!important;border-radius:22px!important;font-size:12px!important}
}
@media(max-width:420px){.hero h1{font-size:31px!important}.contact .nums{font-size:13px!important}.priceCard{width:184px!important}.mascot{left:58%!important;width:190px!important}.reason .circle{width:43px!important;height:43px!important}}
/* mobile layout v4 */
@media (max-width:600px){
 .top{height:64px!important;padding:0 12px!important}
 .hero{height:auto!important;min-height:0!important;padding:22px 14px 12px!important;display:grid!important;grid-template-columns:1fr!important;background-position:center!important}
 .heroText{position:relative!important;max-width:100%!important;padding:0!important;min-height:175px!important}
 .hero h1{font-size:30px!important;line-height:1.08!important;margin:0 0 12px!important;max-width:310px!important}
 .hero p{font-size:14px!important;line-height:1.45!important}
 .mascot{left:auto!important;right:-18px!important;bottom:-8px!important;transform:none!important;width:150px!important;height:165px!important;opacity:1!important}
 .spark{display:none!important}
 .priceCard{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;box-sizing:border-box!important;margin:8px 0 0!important;padding:8px 10px!important;border-radius:12px!important}
 .priceTitle{font-size:16px!important;padding:6px!important}
 .priceRow{grid-template-columns:55px 1fr!important;padding:7px 4px!important}
 .priceRow b{font-size:17px!important}
 .services{margin-top:0!important;padding-top:9px!important}
 .liveWrap{padding-top:0!important}
 .floating{z-index:50!important}
}

/* mobile v5: keep hero visual clear; price becomes its own block */
@media(max-width:600px){
 .hero{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;padding:20px 14px 0!important;overflow:visible!important}
 .heroText{order:1!important;min-height:205px!important;z-index:5!important}
 .hero h1{max-width:270px!important}
 .mascot{display:block!important;left:auto!important;right:-2px!important;bottom:0!important;width:138px!important;height:150px!important;z-index:3!important}
 .priceCard{order:2!important;position:relative!important;inset:auto!important;width:calc(100% + 28px)!important;margin:0 -14px!important;border-radius:0!important;box-shadow:none!important;border-top:1px solid #e7edf1!important;padding:9px 14px 10px!important;background:#fff!important;z-index:10!important}
 .priceTitle{border-radius:7px!important}
 .services{clear:both!important;position:relative!important;z-index:2!important}
}

/* mobile v6: no hero occlusion — character is part of hero, pricing starts after */
@media(max-width:600px){
 .hero{display:block!important;position:relative!important;padding:0!important;min-height:0!important;background-position:center center!important}
 .heroText{position:relative!important;height:390px!important;min-height:390px!important;padding:26px 14px 0!important;box-sizing:border-box!important}
 .heroText h1,.heroText p{position:relative!important;z-index:6!important}
 .mascot{display:block!important;position:absolute!important;right:-5px!important;left:auto!important;bottom:0!important;width:175px!important;height:auto!important;max-height:205px!important;object-fit:contain!important;object-position:right bottom!important;z-index:4!important}
 .priceCard{position:relative!important;display:block!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 14px 12px!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box!important;background:#fff!important;z-index:20!important}
 .services{margin-top:0!important}
}

/* mobile v7: compact hero; pricing cannot cover hero */
@media(max-width:600px){
 .hero{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important;background:none!important}
 .heroText{order:1!important;position:relative!important;width:100%!important;height:300px!important;min-height:300px!important;padding:22px 14px 0!important;overflow:hidden!important;background-image:var(--hero-bg, url('hero-main.png.png'))!important;background-size:cover!important;background-position:center!important;box-sizing:border-box!important}
 .heroText h1{font-size:29px!important;line-height:1.08!important;margin:0 0 18px!important}
 .heroText p{font-size:15px!important;line-height:1.45!important}
 .mascot{position:absolute!important;display:block!important;right:-12px!important;bottom:-10px!important;width:135px!important;max-height:160px!important;object-fit:contain!important;z-index:3!important}
 .priceCard{order:2!important;position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;padding:8px 14px 10px!important;box-sizing:border-box!important;border-radius:0!important;box-shadow:none!important;z-index:auto!important}
 .priceCard h3{margin:0 0 4px!important;padding:7px!important}
 .priceCard .price-row{min-height:36px!important;padding:5px 0!important}
 .services{position:relative!important;margin-top:0!important;z-index:1!important}
}