:root{
  --accent:#F2531C;      /* orange */
  --accent2:#B649F5;     /* purple */
  --bg:#F6F4F0;          /* page background */
  --ink:#131316;         /* text / dark sections */
  --card-dark:#1C1C20;
  --border:rgba(19,19,22,0.08);
  --r:12px;              /* radius */
  --rl:24px;             /* radius large */
  /* hero (light default) */
  --hero-bg:#F6F4F0; --hero-fg:#131316; --hero-muted:rgba(19,19,22,0.60);
  --hero-card:#FFFFFF; --hero-border:rgba(19,19,22,0.10);
  --font-head:'Space Grotesk',sans-serif;
  --font-body:'Hanken Grotesk',system-ui,sans-serif;
  --font-mono:'JetBrains Mono',monospace;
}
.novlers-wrap{background:#F6F4F0;overflow-x:clip}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Hanken Grotesk',system-ui,sans-serif;background:#F6F4F0;color:#131316;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.mega-wrap{position:static;display:inline-flex;align-items:center}
.mega-trigger{display:inline-flex;align-items:center;gap:5px;cursor:pointer;opacity:.78}
.mega-wrap:hover .mega-trigger{opacity:1;color:var(--accent,#F2531C)}
.mega-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(19,19,22,0.08);box-shadow:0 28px 56px rgba(19,19,22,0.13);padding:40px 32px 32px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:60}
.mega-wrap:hover .mega-panel{opacity:1;visibility:visible;transform:none}
.mega-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;gap:30px}
.mega-col h4{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:rgba(19,19,22,0.4);margin:0 0 14px}
.mega-link{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;color:rgba(19,19,22,0.74);font-weight:500}
.mega-link:hover{color:var(--accent,#F2531C)}
.mega-ico{width:32px;height:32px;border-radius:9px;flex:none;display:inline-flex;align-items:center;justify-content:center}
@media (max-width:1080px){.mega-panel{display:none !important}}
.prose p{font-size:17px;line-height:1.75;color:rgba(19,19,22,0.7);margin:0 0 20px}
.prose strong{color:#131316}
@keyframes spinr{to{transform:rotate(-360deg)}}
@media (max-width:980px){
    .nav-links{display:none !important}
    .hero-grid{grid-template-columns:1fr !important;gap:36px !important;padding-top:48px !important;padding-bottom:52px !important}
    .g3{grid-template-columns:1fr 1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .g2{grid-template-columns:1fr !important}
    .split{flex-direction:column !important;align-items:flex-start !important}
    .h1{font-size:42px !important}
    .h2{font-size:31px !important}
    .sec{padding-top:56px !important;padding-bottom:56px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .cta-box{padding:52px 28px !important}
    .cta-h{font-size:34px !important}
    .stat-num{font-size:40px !important}
    .twocol{grid-template-columns:1fr !important}
    .proc-row{grid-template-columns:1fr !important;gap:8px !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .h1{font-size:35px !important}
    .h2{font-size:26px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
.nav-burger{display:none}
.nav-burger-cb{display:none}
.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#F6F4F0;border-bottom:1px solid rgba(19,19,22,0.08);box-shadow:0 24px 50px rgba(0,0,0,0.10);padding:10px 0 22px;max-height:82vh;overflow-y:auto;z-index:60}
.mobile-nav a{display:block;padding:13px 2px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:#131316;border-bottom:1px solid rgba(19,19,22,0.07)}
.mobile-nav a:last-child{border-bottom:none}
@media (max-width:980px){
    .nav-burger{display:inline-flex !important;align-items:center;justify-content:center;width:44px;height:44px;flex:none;border:1.5px solid rgba(19,19,22,0.16);border-radius:12px;cursor:pointer;color:#131316;background:transparent}
    .nav-burger-cb:checked ~ .mobile-nav{display:block !important}
  }
.mega-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid rgba(19,19,22,0.08);box-shadow:0 28px 56px rgba(19,19,22,0.13);padding:40px 32px 32px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s}
.mega-link{display:block;padding:7px 0;font-size:15px;color:rgba(19,19,22,0.74);font-weight:500}
@media (max-width:1080px){.mega-panel{display:none !important}.nav-links{display:none !important}}
@media (max-width:980px){
    .hero-grid{grid-template-columns:1fr !important;gap:36px !important;padding-top:44px !important;padding-bottom:52px !important}
    .g3{grid-template-columns:1fr 1fr !important}.g4{grid-template-columns:1fr 1fr !important}.g2{grid-template-columns:1fr !important}
    .split{flex-direction:column !important;align-items:flex-start !important}
    .h1{font-size:42px !important}.h2{font-size:31px !important}.sec{padding-top:56px !important;padding-bottom:56px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}.cta-box{padding:52px 28px !important}.cta-h{font-size:34px !important}
    .stat-num{font-size:38px !important}.twocol{grid-template-columns:1fr !important}.tiers{grid-template-columns:1fr !important}
  }
@media (max-width:620px){.g3{grid-template-columns:1fr !important}.g4{grid-template-columns:1fr 1fr !important}.h1{font-size:34px !important}.h2{font-size:26px !important}.footer-grid{grid-template-columns:1fr 1fr !important}.footer-cities{grid-template-columns:1fr 1fr !important}.nav-call-num{display:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:980px){
    .nav-links{display:none !important}
    .g3{grid-template-columns:1fr 1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .g2{grid-template-columns:1fr !important}
    .split{flex-direction:column !important;align-items:flex-start !important}
    .h1{font-size:46px !important}
    .h2{font-size:32px !important}
    .sec{padding-top:58px !important;padding-bottom:58px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .cta-box{padding:52px 28px !important}
    .cta-h{font-size:35px !important}
    .stat-num{font-size:42px !important}
    .twocol{grid-template-columns:1fr !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .h1{font-size:38px !important}
    .h2{font-size:27px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
.prose p{font-size:18px;line-height:1.75;color:rgba(19,19,22,0.74);margin:0 0 22px}
.prose h2{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:30px;line-height:1.15;letter-spacing:-0.02em;margin:46px 0 16px}
.prose h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:22px;letter-spacing:-0.01em;margin:34px 0 12px}
.prose ul{margin:0 0 22px;padding-left:22px}
.prose li{font-size:18px;line-height:1.7;color:rgba(19,19,22,0.74);margin-bottom:10px}
@media (max-width:980px){
    .nav-links{display:none !important}
    .post-grid{grid-template-columns:1fr !important}
    .toc{position:static !important;margin-bottom:32px}
    .g3{grid-template-columns:1fr 1fr !important}
    .h1{font-size:38px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .h1{font-size:32px !important}
    .prose h2{font-size:26px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
@media (max-width:980px){
    .nav-links{display:none !important}
    .feat-grid{grid-template-columns:1fr !important}
    .g3{grid-template-columns:1fr 1fr !important}
    .h1{font-size:46px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .sec{padding-top:52px !important;padding-bottom:52px !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .h1{font-size:37px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
input,select,textarea{font-family:inherit}
input::placeholder,textarea::placeholder{color:rgba(19,19,22,0.4)}
input:focus,select:focus,textarea:focus{outline:none;border-color:#F2531C !important}
@media (max-width:980px){
    .nav-links{display:none !important}
    .contact-grid{grid-template-columns:1fr !important;gap:40px !important}
    .g2{grid-template-columns:1fr !important}
    .form-row{grid-template-columns:1fr !important}
    .h1{font-size:44px !important}
    .h2{font-size:30px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .sec{padding-top:52px !important;padding-bottom:52px !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .footer-grid{grid-template-columns:1fr 1fr !important}
    .h1{font-size:36px !important}
  }
@media (max-width:980px){
    .nav-links{display:none !important}
    .g3{grid-template-columns:1fr 1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .h1{font-size:46px !important}
    .h2{font-size:32px !important}
    .sec{padding-top:58px !important;padding-bottom:58px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .cta-box{padding:52px 28px !important}
    .cta-h{font-size:35px !important}
    .stat-num{font-size:42px !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .h1{font-size:38px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
@media (max-width:980px){
    .nav-links{display:none !important}
    .cs-grid{grid-template-columns:1fr !important;gap:36px !important}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .split{flex-direction:column !important;align-items:flex-start !important}
    .h1{font-size:42px !important}
    .h2{font-size:30px !important}
    .sec{padding-top:56px !important;padding-bottom:56px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .cta-box{padding:52px 28px !important}
    .cta-h{font-size:34px !important}
    .stat-num{font-size:44px !important}
    .twocol{grid-template-columns:1fr !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g4{grid-template-columns:1fr 1fr !important}
    .h1{font-size:34px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
@media (max-width:980px){
    .nav-links{display:none !important}
    .hero-grid{grid-template-columns:1fr !important;gap:36px !important;padding-top:48px !important;padding-bottom:52px !important}
    .g3{grid-template-columns:1fr 1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .g2{grid-template-columns:1fr !important}
    .split{flex-direction:column !important;align-items:flex-start !important}
    .h1{font-size:44px !important}
    .h2{font-size:32px !important}
    .sec{padding-top:58px !important;padding-bottom:58px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .cta-box{padding:52px 28px !important}
    .cta-h{font-size:35px !important}
    .stat-num{font-size:40px !important}
    .twocol{grid-template-columns:1fr !important}
    .proc-row{grid-template-columns:1fr !important;gap:8px !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .h1{font-size:36px !important}
    .h2{font-size:26px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
.prose h3{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:22px;letter-spacing:-0.01em;margin:32px 0 12px;color:#131316}
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .h1{font-size:35px !important}
    .h2{font-size:26px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .h1{font-size:36px !important}
    .h2{font-size:26px !important}
    .hero-stats{gap:22px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
  }
.prose ul{margin:0 0 20px;padding-left:20px}
.prose li{font-size:17px;line-height:1.7;color:rgba(19,19,22,0.7);margin-bottom:9px}
@media (max-width:980px){
    .nav-links{display:none !important}
    .hero-grid{grid-template-columns:1fr !important;gap:36px !important;padding-top:48px !important;padding-bottom:52px !important}
    .g3{grid-template-columns:1fr 1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .g2{grid-template-columns:1fr !important}
    .split{flex-direction:column !important;align-items:flex-start !important}
    .h1{font-size:42px !important}
    .h2{font-size:31px !important}
    .sec{padding-top:56px !important;padding-bottom:56px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .cta-box{padding:52px 28px !important}
    .cta-h{font-size:34px !important}
    .stat-num{font-size:40px !important}
    .twocol{grid-template-columns:1fr !important}
  }
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:980px){
    .nav-links{display:none !important}
    .nav-signin{display:none !important}
    .hero-grid{grid-template-columns:1fr !important;gap:40px !important;padding-top:52px !important;padding-bottom:64px !important}
    .hero-visual{height:380px !important;order:-1}
    .g3{grid-template-columns:1fr 1fr !important}
    .g4{grid-template-columns:1fr 1fr !important}
    .split{flex-direction:column !important;align-items:flex-start !important}
    .h1{font-size:48px !important}
    .h2{font-size:34px !important}
    .sec{padding-top:60px !important;padding-bottom:60px !important}
    .pad{padding-left:22px !important;padding-right:22px !important}
    .cta-box{padding:52px 28px !important}
    .cta-h{font-size:36px !important}
    .stat-num{font-size:42px !important}
    .pricing-grid{grid-template-columns:1fr !important}
  }
@media (max-width:620px){
    .footer-cities{grid-template-columns:1fr 1fr !important}
    .nav-call-num{display:none}
    .g3{grid-template-columns:1fr !important}
    .g4{grid-template-columns:1fr !important}
    .g2{grid-template-columns:1fr !important}
    .h1{font-size:38px !important}
    .h2{font-size:28px !important}
    .hero-visual{height:320px !important}
    .footer-grid{grid-template-columns:1fr 1fr !important}
    .logo-row{gap:22px !important}
  }

/* --- theme additions --- */
.cs-filter{transition:all .15s ease}
.cs-filter.is-active{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}
.cs-card{transition:transform .18s ease,box-shadow .18s ease}
.cs-card:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(19,19,22,0.12)}

/* Universal responsive collapse for inline grids that had no responsive class */
@media (max-width:980px){ .auto-grid{grid-template-columns:1fr 1fr!important;gap:18px!important} }
@media (max-width:620px){ .auto-grid{grid-template-columns:1fr!important} }
img{max-width:100%}

/* Complete mobile drawer (accordion of every nav group) */
.mobile-nav-inner{padding:6px 22px 22px}
.m-group{border-bottom:1px solid rgba(19,19,22,0.07)}
.m-group>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:14px 2px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:#131316}
.m-group>summary::-webkit-details-marker{display:none}
.m-group>summary::after{content:"+";font-size:20px;color:var(--accent);font-weight:400;line-height:1}
.m-group[open]>summary::after{content:"–"}
.m-links{display:flex;flex-direction:column;padding:2px 0 12px 12px}
.m-links a{padding:9px 2px;font-size:15px;color:rgba(19,19,22,0.72);border:none}
.m-links a:hover{color:var(--accent)}
.mobile-nav a.m-top{display:block;padding:14px 2px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:#131316;border-bottom:1px solid rgba(19,19,22,0.07)}
.mobile-nav a.m-phone{display:block;padding:14px 2px;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;color:var(--accent)}

/* Mobile + tablet: header is logo + hamburger only (phone pill + quote button move
   into the sticky bottom bar). Logo enlarged for clarity. */
@media (max-width:980px){
  .nav-call{display:none!important}
  .nav-quote{display:none!important}
  .nav-logo{flex:none}
  .nav-logo img{height:36px!important;width:auto!important}
}

/* Sticky mobile/tablet contact bar: Call · Get a quote · WhatsApp — bold gradient pills */
.novlers-mobilebar{display:none}
@keyframes nmbpulse{0%,100%{box-shadow:0 6px 16px rgba(37,211,102,0.35)}50%{box-shadow:0 10px 26px rgba(37,211,102,0.72)}}
@media (max-width:980px){
  .novlers-mobilebar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:90;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid rgba(19,19,22,0.06);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -10px 28px rgba(19,19,22,0.16)}
  .nmb-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:11px 6px;border-radius:15px;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;letter-spacing:-0.01em;color:#fff;text-align:center;box-shadow:0 6px 16px rgba(19,19,22,0.18);transition:transform .12s ease,filter .12s ease}
  .nmb-badge{position:absolute;top:-7px;right:7px;background:#FFD23F;color:#131316;font-weight:700;font-size:9.5px;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;box-shadow:0 3px 8px rgba(19,19,22,0.25);line-height:1.35}
  .nmb-item svg{width:22px;height:22px}
  .nmb-item span{line-height:1}
  .nmb-item:hover{filter:brightness(1.05)}
  .nmb-item:active{transform:translateY(2px) scale(0.98)}
  .nmb-call{background:linear-gradient(135deg,#F2531C,#FF7A45)}
  .nmb-quote{background:linear-gradient(135deg,#B649F5,#8E2BE2)}
  .nmb-wa{background:linear-gradient(135deg,#25D366,#12B457);animation:nmbpulse 2.4s ease-in-out infinite}
  .novlers-wrap{padding-bottom:86px}
}

/* Contact Form 7 — style generated controls to match the design's form */
.wpcf7-form{display:flex;flex-direction:column;gap:18px}
.wpcf7-form .nv-label{display:block;font-size:13px;font-weight:600;color:#131316;margin-bottom:7px}
.wpcf7-form .wpcf7-form-control-wrap{display:block}
.wpcf7-form input:not([type=submit]):not([type=checkbox]),
.wpcf7-form select,
.wpcf7-form textarea{width:100%;padding:13px 15px;border:1.5px solid rgba(19,19,22,0.14);border-radius:12px;font-size:15px;color:#131316;background:#F6F4F0;font-family:inherit;box-sizing:border-box}
.wpcf7-form textarea{resize:vertical;min-height:122px}
.wpcf7-form .nv-consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:rgba(19,19,22,0.6)}
.wpcf7-form .wpcf7-acceptance .wpcf7-list-item{margin:0}
.wpcf7-form .wpcf7-acceptance input{accent-color:var(--accent,#F2531C);margin-top:3px}
.wpcf7-form .wpcf7-submit{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:16px;background:var(--accent,#F2531C);color:#fff;border:none;padding:16px;border-radius:999px;cursor:pointer;margin-top:6px;width:100%}
.wpcf7-form .wpcf7-submit:hover{filter:brightness(1.05)}
.wpcf7 .wpcf7-response-output{border-radius:12px;margin:6px 0 0;font-size:14px}