/* Premium responsive service-page system for Services, Website Design, SEO, Branding, Marketing and Contact. */
:root{
  --svx-bg:#030407;
  --svx-panel:#090d16;
  --svx-panel-2:#101827;
  --svx-line:rgba(255,255,255,.13);
  --svx-text:#ffffff;
  --svx-muted:#bac6d8;
  --svx-blue:#2b78ff;
  --svx-cyan:#7ed6ff;
  --svx-gold:#e3bd69;
  --svx-gold-soft:#fff0b8;
}

body.service-page{
  min-height:100vh;
  background:
    linear-gradient(180deg,rgba(8,16,31,.96),rgba(3,4,7,.98) 460px,#050505 100%)!important;
  color:var(--svx-text)!important;
  font-family:Inter,Arial,sans-serif!important;
  text-rendering:geometricPrecision;
}

.service-page a{color:inherit;text-decoration:none}
.service-page .wrap{width:min(1120px,calc(100% - 40px))!important;margin:auto!important}
.service-page .nav{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  background:rgba(3,5,10,.9)!important;
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  backdrop-filter:blur(18px)!important;
}
.service-page .nav-inner{
  min-height:82px!important;
  height:auto!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:22px!important;
  align-items:center!important;
}
.service-page .brand{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:0!important;
  color:#fff!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:.04em!important;
}
.service-page .brand img{
  width:52px!important;
  height:52px!important;
  object-fit:contain!important;
  border-radius:14px!important;
  border:1px solid rgba(227,189,105,.26)!important;
  background:#020202!important;
  box-shadow:0 0 28px rgba(227,189,105,.16)!important;
}
.service-page .brand span{
  display:block!important;
  max-width:150px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1.08!important;
  letter-spacing:.03em!important;
}
.service-page .nav-links{
  display:flex!important;
  justify-content:center!important;
  gap:8px!important;
  color:#dbe5f6!important;
  font-size:13px!important;
  font-weight:800!important;
}
.service-page .nav-links a{
  padding:10px 12px!important;
  border-radius:999px!important;
  color:#dbe5f6!important;
  transition:.25s ease!important;
}
.service-page .nav-links a:hover,
.page-services .nav-links a[href="services.html"],
.page-website .nav-links a[href="website-design.html"],
.page-seo .nav-links a[href="seo.html"],
.page-branding .nav-links a[href="branding.html"],
.page-marketing .nav-links a[href="digital-marketing.html"],
.page-contact .nav-links a[href="contact.html"]{
  color:#070707!important;
  background:linear-gradient(135deg,var(--svx-gold),var(--svx-gold-soft))!important;
}
.service-page .btn{
  min-height:48px!important;
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:13px 20px!important;
  border:0!important;
  border-radius:999px!important;
  color:#050505!important;
  font-weight:950!important;
  letter-spacing:0!important;
  background:linear-gradient(135deg,var(--svx-gold),var(--svx-gold-soft))!important;
  box-shadow:0 16px 38px rgba(227,189,105,.22)!important;
}
.service-page .pill{
  min-height:48px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.16)!important;
  color:#eef5ff!important;
  background:rgba(255,255,255,.055)!important;
  font-weight:850!important;
}
.service-page .hero{
  position:relative!important;
  padding:74px 0 58px!important;
  overflow:hidden!important;
}
.service-page .hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.026) 1px,transparent 1px)!important;
  background-size:72px 72px!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 78%)!important;
}
.service-page .split{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)!important;
  gap:42px!important;
  align-items:center!important;
}
.service-page .eyebrow{
  max-width:100%!important;
  display:inline-flex!important;
  align-items:center!important;
  padding:9px 14px!important;
  border:1px solid rgba(227,189,105,.22)!important;
  border-radius:999px!important;
  color:#ffd989!important;
  background:rgba(227,189,105,.08)!important;
  font-size:12px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.service-page h1{
  max-width:720px!important;
  margin:22px 0 18px!important;
  color:#fff!important;
  font-size:clamp(46px,6.5vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.055em!important;
}
.service-page h2{
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:clamp(31px,4.2vw,54px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
}
.service-page h3{
  margin:0!important;
  color:#fff!important;
  font-size:22px!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
}
.service-page p{
  max-width:680px!important;
  margin:0!important;
  color:var(--svx-muted)!important;
  font-size:19px!important;
  line-height:1.68!important;
}
.service-page .cta{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  flex-wrap:wrap!important;
  margin-top:30px!important;
}
.service-page .section{
  padding:72px 0!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.svx-proof-strip{
  position:relative!important;
  padding:0 0 38px!important;
  background:linear-gradient(180deg,rgba(3,4,7,0),rgba(3,4,7,.72))!important;
}
.svx-proof-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
}
.svx-proof-grid div{
  min-height:96px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.022))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
.svx-proof-grid strong{
  display:block!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.08!important;
  letter-spacing:-.02em!important;
}
.svx-proof-grid span{
  display:block!important;
  margin-top:8px!important;
  color:#aebbd0!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:750!important;
}
.svx-stars{
  color:#ffd989!important;
  letter-spacing:.08em!important;
  text-shadow:0 0 18px rgba(227,189,105,.3)!important;
}
.service-page .grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  margin-top:28px!important;
}
.service-page .card{
  position:relative!important;
  min-height:220px!important;
  padding:25px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:24px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.024))!important;
  box-shadow:0 24px 62px rgba(0,0,0,.32)!important;
}
.service-page .card:before{
  content:""!important;
  position:absolute!important;
  inset:auto 18px 18px auto!important;
  width:58px!important;
  height:4px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--svx-blue),var(--svx-gold))!important;
  opacity:.8!important;
}
.service-page .card p{
  margin-top:14px!important;
  color:#b6c3d7!important;
  font-size:15.5px!important;
  line-height:1.62!important;
}
.service-page .list{
  display:grid!important;
  gap:12px!important;
  margin-top:24px!important;
}
.service-page .list div{
  position:relative!important;
  padding:17px 18px 17px 46px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.045)!important;
  color:#e9f1ff!important;
  font-weight:750!important;
}
.service-page .list div:before{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  top:50%!important;
  width:12px!important;
  height:12px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:linear-gradient(135deg,var(--svx-gold),var(--svx-blue))!important;
  box-shadow:0 0 18px rgba(43,120,255,.58)!important;
}
.service-page .footer{
  padding:42px 0 86px!important;
  border-top:1px solid rgba(255,255,255,.1)!important;
  background:#030303!important;
  color:#9faabd!important;
  font-size:14px!important;
  line-height:1.8!important;
}
.service-page .footer strong{color:#fff!important;font-size:20px!important;letter-spacing:.04em!important}
.service-page .footer p{margin-top:10px!important;font-size:14px!important;color:#7f8898!important}

.service-visual{
  position:relative!important;
  min-height:420px!important;
  border-radius:34px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.018)),
    linear-gradient(145deg,#101827,#05080f 64%,#020304)!important;
  box-shadow:0 36px 92px rgba(0,0,0,.42),0 0 70px rgba(43,120,255,.14)!important;
}
.service-visual:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
    linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;
  background-size:42px 42px!important;
  opacity:.28!important;
}
.service-visual:after{
  content:""!important;
  position:absolute!important;
  inset:auto -18% -22% -18%!important;
  height:45%!important;
  background:radial-gradient(ellipse,rgba(43,120,255,.34),transparent 68%)!important;
  filter:blur(10px)!important;
}
.visual-logo{
  position:absolute!important;
  right:22px!important;
  top:22px!important;
  z-index:3!important;
  width:70px!important;
  height:70px!important;
  object-fit:contain!important;
  border-radius:18px!important;
  border:1px solid rgba(227,189,105,.28)!important;
  box-shadow:0 0 32px rgba(227,189,105,.18)!important;
}
.visual-center{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:3!important;
  width:min(240px,54%)!important;
  aspect-ratio:1!important;
  transform:translate(-50%,-50%)!important;
  border-radius:50%!important;
  border:1px solid rgba(126,214,255,.34)!important;
  background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.16),transparent 18%),linear-gradient(145deg,rgba(43,120,255,.38),rgba(2,6,14,.9))!important;
  box-shadow:inset 0 0 42px rgba(126,214,255,.16),0 0 54px rgba(43,120,255,.36)!important;
}
.visual-card{
  position:absolute!important;
  z-index:4!important;
  width:164px!important;
  min-height:82px!important;
  padding:16px!important;
  border:1px solid rgba(126,214,255,.34)!important;
  border-radius:20px!important;
  background:rgba(8,20,42,.72)!important;
  backdrop-filter:blur(18px)!important;
  box-shadow:0 20px 46px rgba(0,0,0,.3),0 0 26px rgba(43,120,255,.18)!important;
}
.visual-card b{
  display:block!important;
  color:#fff!important;
  font-size:16px!important;
  line-height:1.12!important;
}
.visual-card span{
  display:block!important;
  margin-top:8px!important;
  color:#99d9ff!important;
  font-size:12px!important;
  line-height:1.25!important;
  font-weight:800!important;
}
.visual-card--tl{left:22px!important;top:72px!important}
.visual-card--tr{right:28px!important;top:122px!important}
.visual-card--bl{left:36px!important;bottom:46px!important}
.visual-card--br{right:34px!important;bottom:38px!important}

.visual-browser{
  position:absolute!important;
  left:32px!important;
  top:62px!important;
  z-index:3!important;
  width:68%!important;
  height:58%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:linear-gradient(180deg,#eef3ff,#b9cbec)!important;
  box-shadow:0 28px 64px rgba(0,0,0,.34)!important;
}
.visual-browser:before{
  content:""!important;
  display:block!important;
  height:32px!important;
  background:#09101d!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.visual-browser i{
  display:block!important;
  height:26px!important;
  margin:28px!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,var(--svx-blue),var(--svx-gold))!important;
  box-shadow:0 52px 0 rgba(12,24,45,.18),0 104px 0 rgba(12,24,45,.12)!important;
}
.visual-phone{
  position:absolute!important;
  right:34px!important;
  bottom:36px!important;
  z-index:5!important;
  width:118px!important;
  height:218px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#111b2d,#060b14)!important;
  box-shadow:0 28px 62px rgba(0,0,0,.45),0 0 28px rgba(43,120,255,.22)!important;
}
.visual-phone:before{
  content:""!important;
  position:absolute!important;
  left:22px!important;
  right:22px!important;
  top:18px!important;
  height:6px!important;
  border-radius:99px!important;
  background:rgba(255,255,255,.18)!important;
}
.visual-phone:after{
  content:"Mobile first"!important;
  position:absolute!important;
  left:14px!important;
  right:14px!important;
  top:68px!important;
  color:#fff!important;
  font-size:18px!important;
  line-height:1.1!important;
  font-weight:950!important;
}
.rank-panel{
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  top:88px!important;
  z-index:3!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.07)!important;
}
.rank-search{
  padding:13px 16px!important;
  border-radius:999px!important;
  color:#dfeeff!important;
  background:#050910!important;
  font-size:13px!important;
  font-weight:850!important;
}
.rank-row{
  margin-top:14px!important;
  display:grid!important;
  grid-template-columns:38px 1fr 54px!important;
  gap:12px!important;
  align-items:center!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
}
.rank-row i{
  height:10px!important;
  border-radius:99px!important;
  background:linear-gradient(90deg,var(--svx-blue),var(--svx-cyan))!important;
}
.rank-row:nth-child(3) i{width:78%!important}
.rank-row:nth-child(4) i{width:58%!important}
.rank-map{
  position:absolute!important;
  left:40px!important;
  right:40px!important;
  bottom:34px!important;
  z-index:3!important;
  min-height:112px!important;
  border:1px solid rgba(227,189,105,.22)!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 28% 54%,rgba(227,189,105,.34),transparent 14%),radial-gradient(circle at 72% 46%,rgba(43,120,255,.36),transparent 16%),rgba(6,13,26,.74)!important;
}
.brand-board{
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  top:62px!important;
  bottom:34px!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:14px!important;
}
.brand-tile{
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.055)!important;
  padding:18px!important;
  color:#fff!important;
  font-weight:950!important;
}
.brand-tile.logo-tile{
  display:grid!important;
  place-items:center!important;
  grid-row:span 2!important;
}
.brand-tile.logo-tile img{
  width:118px!important;
  height:118px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 32px rgba(227,189,105,.18))!important;
}
.palette{
  display:flex!important;
  gap:10px!important;
  margin-top:18px!important;
}
.palette i{
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:1px solid rgba(255,255,255,.18)!important;
}
.palette i:nth-child(1){background:#020202!important}
.palette i:nth-child(2){background:var(--svx-gold)!important}
.palette i:nth-child(3){background:var(--svx-blue)!important}
.palette i:nth-child(4){background:#ffffff!important}
.contact-visual-card{
  position:absolute!important;
  z-index:3!important;
  left:30px!important;
  right:30px!important;
  top:72px!important;
  padding:22px!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:28px!important;
  background:rgba(5,12,25,.78)!important;
  box-shadow:0 28px 64px rgba(0,0,0,.38)!important;
}
.contact-visual-card strong{
  display:block!important;
  color:#fff!important;
  font-size:24px!important;
  line-height:1.1!important;
}
.contact-visual-card span{
  display:block!important;
  margin-top:10px!important;
  color:#b8c8dd!important;
}
.contact-actions{
  position:absolute!important;
  left:30px!important;
  right:30px!important;
  bottom:42px!important;
  z-index:4!important;
  display:grid!important;
  gap:12px!important;
}
.contact-actions a{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  padding:15px 16px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.065)!important;
  color:#eef5ff!important;
  font-weight:900!important;
}
.marketing-graph{
  position:absolute!important;
  left:28px!important;
  right:28px!important;
  top:84px!important;
  bottom:42px!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:12px!important;
  align-items:end!important;
}
.marketing-bar{
  position:relative!important;
  border-radius:18px 18px 8px 8px!important;
  background:linear-gradient(180deg,var(--svx-cyan),var(--svx-blue))!important;
  box-shadow:0 0 28px rgba(43,120,255,.28)!important;
}
.marketing-bar:nth-child(1){height:42%!important}
.marketing-bar:nth-child(2){height:58%!important;background:linear-gradient(180deg,var(--svx-gold-soft),var(--svx-gold))!important}
.marketing-bar:nth-child(3){height:74%!important}
.marketing-bar:nth-child(4){height:92%!important;background:linear-gradient(180deg,var(--svx-gold-soft),var(--svx-blue))!important}
.marketing-badge{
  position:absolute!important;
  left:30px!important;
  top:28px!important;
  z-index:4!important;
  padding:13px 16px!important;
  border:1px solid rgba(227,189,105,.24)!important;
  border-radius:999px!important;
  color:#fff!important;
  background:rgba(7,15,30,.76)!important;
  font-size:13px!important;
  font-weight:950!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}

.page-contact .hero .wrap.split{grid-template-columns:minmax(0,1fr) minmax(340px,.84fr)!important}
.page-contact .contact-info-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  max-width:none!important;
  margin:28px auto 0!important;
}
.page-contact .contact-card{
  min-height:178px!important;
  padding:22px!important;
  text-align:left!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:22px!important;
  background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.022))!important;
  box-shadow:0 22px 54px rgba(0,0,0,.3)!important;
}
.page-contact .contact-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  margin:0 0 14px!important;
  border-radius:14px!important;
  color:#050505!important;
  background:linear-gradient(135deg,var(--svx-gold),var(--svx-gold-soft))!important;
  font-size:0!important;
}
.page-contact .contact-icon:before{font-size:12px!important;font-weight:950!important}
.page-contact .contact-card:nth-child(1) .contact-icon:before{content:"LOC"}
.page-contact .contact-card:nth-child(2) .contact-icon:before{content:"CALL"}
.page-contact .contact-card:nth-child(3) .contact-icon:before{content:"MAIL"}
.page-contact .contact-card:nth-child(4) .contact-icon:before{content:"TIME"}
.page-contact .contact-card h3{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:18px!important;
}
.page-contact .contact-card p,
.page-contact .contact-card a{
  margin:0!important;
  color:#b8c4d7!important;
  font-size:14px!important;
  line-height:1.58!important;
}
.page-contact .contact-cta-buttons{
  display:flex!important;
  gap:12px!important;
  justify-content:center!important;
  flex-wrap:wrap!important;
  margin:30px auto!important;
}
.page-contact .founders-note{
  max-width:660px!important;
  padding:18px!important;
  margin:0 auto!important;
  border:1px solid rgba(255,255,255,.1)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.035)!important;
  text-align:center!important;
}
.page-contact .founders-note p{
  margin:4px 0!important;
  color:#aeb8c9!important;
  font-size:13px!important;
}
.page-contact .founders-note strong{color:#fff!important}

@media(max-width:980px){
  .service-page .nav-inner{grid-template-columns:auto auto!important;justify-content:space-between!important}
  .service-page .nav-links{grid-column:1/-1!important;justify-content:flex-start!important;overflow-x:auto!important;padding-bottom:8px!important}
  .service-page .split{grid-template-columns:1fr!important;gap:30px!important}
  .service-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-contact .contact-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:760px){
  .service-page .wrap{width:min(100% - 28px,520px)!important}
  .service-page .nav-inner{
    min-height:72px!important;
    padding:10px 0!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
  }
  .service-page .brand img{width:48px!important;height:48px!important;border-radius:13px!important}
  .service-page .brand span{
    max-width:118px!important;
    font-size:20px!important;
    line-height:1.05!important;
  }
  .service-page .nav>.wrap{width:100%!important;padding:0 14px!important}
  .service-page .nav-links{
    display:none!important;
  }
  .service-page .nav .btn{
    min-height:54px!important;
    width:auto!important;
    min-width:166px!important;
    padding:13px 20px!important;
    font-size:19px!important;
  }
  .service-page .hero{
    padding:54px 0 38px!important;
  }
  .service-page .hero:before{
    background-size:58px 58px!important;
  }
  .service-page .split{
    gap:24px!important;
  }
  .service-page .eyebrow{
    max-width:100%!important;
    padding:8px 13px!important;
    font-size:11px!important;
    line-height:1.3!important;
    letter-spacing:.03em!important;
    white-space:normal!important;
  }
  .service-page h1{
    max-width:11ch!important;
    margin:22px 0 18px!important;
    font-size:clamp(42px,12vw,56px)!important;
    line-height:.95!important;
    letter-spacing:-.035em!important;
  }
  .page-services h1{max-width:12ch!important}
  .page-contact h1{max-width:12ch!important}
  .service-page p{
    font-size:18px!important;
    line-height:1.55!important;
  }
  .service-page .cta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:11px!important;
    margin-top:26px!important;
  }
  .service-page .cta .btn,
  .service-page .cta .pill{
    width:100%!important;
    min-height:58px!important;
    font-size:18px!important;
  }
  .service-page .service-visual{
    min-height:350px!important;
    border-radius:28px!important;
  }
  .visual-logo{
    width:58px!important;
    height:58px!important;
    right:18px!important;
    top:18px!important;
  }
  .visual-center{
    width:178px!important;
  }
  .visual-card{
    width:132px!important;
    min-height:72px!important;
    padding:13px!important;
    border-radius:17px!important;
  }
  .visual-card b{font-size:13px!important}
  .visual-card span{font-size:10px!important}
  .visual-card--tl{left:14px!important;top:76px!important}
  .visual-card--tr{right:14px!important;top:104px!important}
  .visual-card--bl{left:18px!important;bottom:34px!important}
  .visual-card--br{right:16px!important;bottom:28px!important}
  .visual-browser{
    left:18px!important;
    top:66px!important;
    width:74%!important;
    height:55%!important;
    border-radius:20px!important;
  }
  .visual-phone{
    right:20px!important;
    bottom:24px!important;
    width:96px!important;
    height:178px!important;
    border-radius:24px!important;
  }
  .visual-phone:after{font-size:15px!important;top:58px!important}
  .rank-panel{left:18px!important;right:18px!important;top:80px!important;padding:14px!important;border-radius:20px!important}
  .rank-search{font-size:11px!important;padding:12px!important}
  .rank-row{grid-template-columns:32px 1fr 44px!important;gap:9px!important;font-size:11px!important}
  .rank-map{left:22px!important;right:22px!important;bottom:24px!important;min-height:94px!important;border-radius:20px!important}
  .brand-board{left:18px!important;right:18px!important;top:72px!important;bottom:22px!important;gap:10px!important}
  .brand-tile{padding:14px!important;border-radius:18px!important;font-size:13px!important}
  .brand-tile.logo-tile img{width:88px!important;height:88px!important}
  .palette{gap:7px!important}.palette i{width:26px!important;height:26px!important}
  .contact-visual-card{left:18px!important;right:18px!important;top:72px!important;padding:18px!important;border-radius:22px!important}
  .contact-visual-card strong{font-size:22px!important}
  .contact-actions{left:18px!important;right:18px!important;bottom:24px!important}
  .service-page .section{padding:52px 0!important}
  .svx-proof-strip{padding-bottom:28px!important}
  .svx-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .svx-proof-grid div{min-height:82px!important;padding:14px!important;border-radius:16px!important}
  .svx-proof-grid strong{font-size:15px!important}
  .svx-proof-grid span{font-size:11px!important}
  .service-page h2{font-size:clamp(30px,9vw,42px)!important;line-height:1!important;letter-spacing:-.03em!important}
  .service-page .grid{grid-template-columns:1fr!important;gap:12px!important;margin-top:22px!important}
  .service-page .card{
    min-height:auto!important;
    padding:21px!important;
    border-radius:20px!important;
  }
  .service-page .list div{
    padding:15px 16px 15px 42px!important;
    border-radius:16px!important;
    font-size:14px!important;
    line-height:1.45!important;
  }
  .page-contact .contact-info-grid{grid-template-columns:1fr!important;gap:12px!important}
  .page-contact .contact-card{min-height:auto!important;padding:20px!important;border-radius:20px!important}
  .page-contact .contact-cta-buttons{display:grid!important;grid-template-columns:1fr!important}
  .page-contact .contact-cta-buttons .btn,
  .page-contact .contact-cta-buttons .pill{width:100%!important;margin:0!important;min-height:56px!important}
  .page-contact .founders-note{text-align:left!important;border-radius:18px!important}
  .marketing-graph{left:18px!important;right:18px!important;top:82px!important;bottom:28px!important;gap:9px!important}
  .marketing-badge{left:18px!important;top:24px!important;font-size:11px!important;padding:11px 13px!important}
  .service-page .footer{
    padding:34px 0 82px!important;
    font-size:13px!important;
  }
}

@media(max-width:390px){
  .service-page .wrap{width:min(100% - 22px,480px)!important}
  .service-page .nav .btn{min-width:142px!important;font-size:16px!important}
  .service-page .brand span{font-size:18px!important;max-width:104px!important}
  .service-page h1{font-size:40px!important}
  .service-page p{font-size:16px!important}
  .service-page .service-visual{min-height:322px!important}
}