
/* Apple-inspired override layer for Your IT and Tech Mates sample pages */
:root{
  --apple-black:#000000;
  --apple-bg:#f5f5f7;
  --apple-text:#1d1d1f;
  --apple-muted:rgba(0,0,0,0.8);
  --apple-faint:rgba(0,0,0,0.56);
  --apple-blue:#0071e3;
  --apple-blue-dark:#0066cc;
  --apple-blue-darkbg:#2997ff;
  --apple-white:#ffffff;
  --apple-card:#ffffff;
  --apple-border:rgba(0,0,0,0.08);
  --apple-shadow:rgba(0,0,0,0.12) 0 8px 30px 0;
  --apple-radius:18px;
  --apple-pill:999px;
}
html,body{
  background:var(--apple-bg)!important;
  color:var(--apple-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
}
body{
  letter-spacing:-0.01em;
}
.page-hero,.hero,.page-section,.section{
  background:var(--apple-bg)!important;
}
.page-section-alt,.section-alt{
  background:#ffffff!important;
  border-top:none!important;
  border-bottom:none!important;
}
.topbar,.site-header{
  background:rgba(255,255,255,0.72)!important;
  backdrop-filter:saturate(180%) blur(20px)!important;
  border-bottom:1px solid rgba(0,0,0,0.08)!important;
  box-shadow:none!important;
}
.brand,.logo,.brand span,.nav a:not(.btn),.h-nav a{
  color:var(--apple-text)!important;
}
.brand small{
  color:var(--apple-faint)!important;
}
.brand span em,.logo span{
  color:var(--apple-text)!important;
}
.page-h1,.hero-h1,h1{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(2.8rem,6vw,4.4rem)!important;
  line-height:1.07!important;
  letter-spacing:-0.04em!important;
  font-weight:600!important;
  color:var(--apple-text)!important;
}
.page-h2,.s-title,h2{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  line-height:1.1!important;
  letter-spacing:-0.03em!important;
  font-weight:600!important;
  color:var(--apple-text)!important;
}
.page-h1 em,.page-h2 em,.hero-h1 em{
  color:var(--apple-text)!important;
  font-style:normal!important;
}
.hero-lede,.page-lede,.hero-intro,.request-copy,.s-body,p,li,.hero-micro{
  color:var(--apple-muted)!important;
}
.hero-google-row strong,.request-title,strong,b{
  color:var(--apple-text)!important;
}
a{
  color:var(--apple-blue-dark)!important;
}
a:hover{
  color:var(--apple-blue)!important;
}
.nav .btn,.btn,.btn-primary,.btn-secondary,.btn-book,.btn-hero,.btn-refer,.btn-wa,.btn-call,.app-btn,.suburb-pill,.micro-links a{
  border-radius:var(--apple-pill)!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
}
.btn-primary,.btn-hero,.btn-call{
  background:var(--apple-blue)!important;
  border:1px solid var(--apple-blue)!important;
  color:#fff!important;
}
.btn-primary:hover,.btn-hero:hover,.btn-call:hover{
  background:#0077ed!important;
  border-color:#0077ed!important;
  color:#fff!important;
}
.btn-secondary,.btn-book,.btn-refer,.btn-wa,.app-btn,.micro-links a,.suburb-pill{
  background:transparent!important;
  border:1px solid var(--apple-blue)!important;
  color:var(--apple-blue-dark)!important;
}
.btn-secondary:hover,.btn-book:hover,.btn-refer:hover,.btn-wa:hover,.app-btn:hover,.micro-links a:hover,.suburb-pill:hover{
  background:var(--apple-blue)!important;
  color:#fff!important;
}
.badge-pill,.hero-badge-pill,.page-eyebrow,.eyebrow,.request-kicker{
  background:transparent!important;
  color:var(--apple-faint)!important;
  border:none!important;
  padding:0!important;
  border-radius:0!important;
  text-transform:none!important;
  letter-spacing:-0.01em!important;
  font-size:.9rem!important;
  font-weight:600!important;
}
.page-eyebrow::before,.eyebrow::before{
  display:none!important;
}
.clay-card,.hub-link-card,.mini-link-card,.review-card,.request-card,.path-card,.trust-card,.faq-card,.form-shell,.hero-proof,.answer-callout,.quick-answer,.hero-point,.trust-item-card,.community-panel,.dark-glass-card,.glass-card{
  background:var(--apple-card)!important;
  border:none!important;
  border-radius:var(--apple-radius)!important;
  box-shadow:var(--apple-shadow)!important;
  backdrop-filter:none!important;
}
.hero-point,.trust-item-card{
  box-shadow:none!important;
  background:#fff!important;
}
.answer-callout,.quick-answer,.hero-proof{
  background:#fff!important;
  border-left:none!important;
}
.hero-aside,.story-visual,.refer-img-wrap,.map-box{
  border:none!important;
  box-shadow:var(--apple-shadow)!important;
  border-radius:24px!important;
}
.hero-aside-badge{
  background:rgba(0,0,0,0.72)!important;
  color:#fff!important;
  border-radius:var(--apple-pill)!important;
}
.hero-aside-stats{
  background:#fff!important;
}
.dark-panel-wrap,.page-final-cta,.request-cta-strip,.urg{
  background:var(--apple-black)!important;
  color:#fff!important;
  border:none!important;
  border-radius:28px!important;
  box-shadow:none!important;
}
.dark-panel-wrap::before,.page-final-cta::before{
  display:none!important;
}
.dark-panel-wrap h2,.page-final-cta h2,.request-cta-strip strong,.urg{
  color:#fff!important;
}
.dark-panel-wrap p,.page-final-cta p,.request-cta-strip p,.dark-glass-card p,.dark-glass-card li{
  color:rgba(255,255,255,0.8)!important;
}
.dark-glass-card{
  background:#1d1d1f!important;
  box-shadow:none!important;
}
.dark-glass-card h4,.dark-glass-card strong,.dark-glass-card div{
  color:#fff!important;
}
.step-num{
  background:rgba(255,255,255,0.12)!important;
  color:#fff!important;
  border-radius:50%!important;
}
.page-footer,.site-footer{
  background:var(--apple-bg)!important;
  border-top:none!important;
}
.footer-links a,.site-footer a{
  color:var(--apple-faint)!important;
}
.footer-links a:hover,.site-footer a:hover{
  color:var(--apple-blue-dark)!important;
}
.sticky-mobile a:nth-child(1),.sticky-mobile-bar a:nth-child(1){
  background:var(--apple-blue)!important;
}
.sticky-mobile a:nth-child(2),.sticky-mobile-bar a:nth-child(2){
  background:var(--apple-black)!important;
}
.service-links a{
  color:var(--apple-blue-dark)!important;
}
.review-stars,.ti-badge,.hp-icon{
  color:var(--apple-blue)!important;
}
.ti-badge,.hp-icon{
  background:rgba(0,113,227,0.08)!important;
}
.wrap{
  max-width:1200px!important;
}
.page-section,.page-section-alt,.section,.section-alt{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
@media (max-width:768px){
  .page-section,.page-section-alt,.section,.section-alt{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .page-h1,.hero-h1{
    font-size:clamp(2.4rem,9vw,3.5rem)!important;
  }
}



/* Final contrast patch */
.dark-panel-wrap,
.page-final-cta,
.request-cta-strip,
.urg,
.dark-glass-card {
  color:#fff !important;
}
.dark-panel-wrap *,
.page-final-cta *,
.request-cta-strip *,
.urg *,
.dark-glass-card * {
  color: inherit;
}
.dark-panel-wrap h1,
.dark-panel-wrap h2,
.dark-panel-wrap h3,
.dark-panel-wrap h4,
.dark-panel-wrap strong,
.page-final-cta h1,
.page-final-cta h2,
.page-final-cta h3,
.page-final-cta strong,
.request-cta-strip h1,
.request-cta-strip h2,
.request-cta-strip h3,
.request-cta-strip strong,
.dark-glass-card h1,
.dark-glass-card h2,
.dark-glass-card h3,
.dark-glass-card h4,
.dark-glass-card strong {
  color:#fff !important;
}
.dark-panel-wrap .page-h1 em,
.dark-panel-wrap .page-h2 em,
.dark-panel-wrap .hero-h1 em,
.dark-panel-wrap h1 em,
.dark-panel-wrap h2 em,
.dark-panel-wrap h3 em,
.page-final-cta .page-h1 em,
.page-final-cta .page-h2 em,
.page-final-cta .hero-h1 em,
.page-final-cta h1 em,
.page-final-cta h2 em,
.page-final-cta h3 em {
  color:#fff !important;
  font-style: normal !important;
}
.dark-panel-wrap p,
.dark-panel-wrap li,
.dark-panel-wrap .page-lede,
.dark-panel-wrap .hero-lede,
.dark-panel-wrap .hero-intro,
.dark-panel-wrap .request-copy,
.dark-panel-wrap .cta-lead,
.dark-panel-wrap .cta-copy-tight,
.dark-panel-wrap .micro-cta,
.dark-panel-wrap .hero-micro,
.page-final-cta p,
.page-final-cta li,
.page-final-cta .page-lede,
.page-final-cta .hero-lede,
.page-final-cta .hero-intro,
.request-cta-strip p,
.request-cta-strip li,
.request-cta-strip .request-copy,
.request-cta-strip .hero-micro,
.dark-glass-card p,
.dark-glass-card li,
.dark-glass-card .request-copy {
  color:rgba(255,255,255,.88) !important;
}
.request-cta-strip .btn-secondary,
.page-final-cta .btn-secondary,
.dark-panel-wrap .btn-secondary,
.request-cta-strip .btn-book,
.page-final-cta .btn-book,
.dark-panel-wrap .btn-book,
.request-cta-strip .btn-refer,
.page-final-cta .btn-refer,
.dark-panel-wrap .btn-refer,
.request-cta-strip .btn-wa,
.page-final-cta .btn-wa,
.dark-panel-wrap .btn-wa,
.request-cta-strip .app-btn,
.page-final-cta .app-btn,
.dark-panel-wrap .app-btn {
  background: transparent !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.35) !important;
}
.request-cta-strip .btn-secondary:hover,
.page-final-cta .btn-secondary:hover,
.dark-panel-wrap .btn-secondary:hover,
.request-cta-strip .btn-book:hover,
.page-final-cta .btn-book:hover,
.dark-panel-wrap .btn-book:hover,
.request-cta-strip .btn-refer:hover,
.page-final-cta .btn-refer:hover,
.dark-panel-wrap .btn-refer:hover,
.request-cta-strip .btn-wa:hover,
.page-final-cta .btn-wa:hover,
.dark-panel-wrap .btn-wa:hover,
.request-cta-strip .app-btn:hover,
.page-final-cta .app-btn:hover,
.dark-panel-wrap .app-btn:hover {
  background:#fff !important;
  color:#111 !important;
  border-color:#fff !important;
}
.request-cta-strip .btn-primary,
.page-final-cta .btn-primary,
.dark-panel-wrap .btn-primary,
.request-cta-strip .btn-hero,
.page-final-cta .btn-hero,
.dark-panel-wrap .btn-hero,
.request-cta-strip .btn-call,
.page-final-cta .btn-call,
.dark-panel-wrap .btn-call {
  background:#0071e3 !important;
  border-color:#0071e3 !important;
  color:#fff !important;
}
.request-cta-strip .btn-primary:hover,
.page-final-cta .btn-primary:hover,
.dark-panel-wrap .btn-primary:hover,
.request-cta-strip .btn-hero:hover,
.page-final-cta .btn-hero:hover,
.dark-panel-wrap .btn-hero:hover,
.request-cta-strip .btn-call:hover,
.page-final-cta .btn-call:hover,
.dark-panel-wrap .btn-call:hover {
  background:#0077ed !important;
  border-color:#0077ed !important;
  color:#fff !important;
}
.request-cta-strip { background:#0f172a !important; color:#fff !important; }


/* Hero media support patch */
.hero-img,.hero-img-col img,.hero-visual img,.story-visual img,.refer-img{object-fit:contain!important;object-position:center center!important;height:auto!important;}
