/* Professional polish pass — September 2026 */
:root{--pro-border:rgba(255,255,255,.105);--pro-glow:0 24px 72px rgba(0,0,0,.30)}
body{background:radial-gradient(900px 600px at 90% 0%,rgba(197,22,46,.09),transparent 58%),linear-gradient(180deg,#0b0d10 0%,#0d1014 100%);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.section{padding:86px 0}.section.tight{padding:66px 0}h1{font-size:clamp(3rem,6vw,5.8rem)}h2{font-size:clamp(2.15rem,3.7vw,3.55rem)}
.nav-shell{background:rgba(9,11,14,.88);box-shadow:0 10px 34px rgba(0,0,0,.18)}.nav{min-height:80px}.nav-links{gap:24px}.brand img{width:68px;height:68px}
.hero{min-height:720px}.hero-copy{padding:82px 0}.hero-grid{gap:44px}.hero::before{background:linear-gradient(90deg,rgba(7,8,10,.985) 0%,rgba(7,8,10,.92) 45%,rgba(7,8,10,.44) 72%,rgba(7,8,10,.18) 100%)}.door-frame{animation:none}.hero-glow{opacity:.75}.hero .lead{line-height:1.75}.hero-trust{gap:9px}.trust-chip{background:rgba(255,255,255,.045);border-color:var(--pro-border)}
.marquee{background:#0c0f13}.marquee-track{animation-duration:34s}.section-head{margin-bottom:36px}
.cards{gap:20px}.service-card{min-height:300px;padding:28px;border-color:var(--pro-border);background:linear-gradient(155deg,rgba(255,255,255,.06),rgba(255,255,255,.02));box-shadow:0 10px 28px rgba(0,0,0,.12)}.service-card h3{margin-top:55px}.service-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px rgba(0,0,0,.32)}
.image-card,.image-shell,.visual-panel,.hero-photo,.page-hero-media{box-shadow:var(--pro-glow)}.image-card img,.image-shell img,.hero-photo img{transition:transform .5s var(--ease)}.image-card:hover img,.image-shell:hover img{transform:scale(1.02)}
.problem{background:linear-gradient(145deg,#14181d,#101317);box-shadow:0 10px 30px rgba(0,0,0,.12)}.problem:hover{border-color:rgba(255,91,112,.26)}
.step{border-color:var(--pro-border);background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:20px}.planner,.form-card,.info-card,.side-card{border:1px solid var(--pro-border);border-radius:24px;box-shadow:0 18px 48px rgba(0,0,0,.18)}
.field input,.field select,.field textarea{border-radius:13px;min-height:49px}.field textarea{min-height:118px}.form-note{line-height:1.55}
.faq{border:1px solid var(--pro-border);border-radius:18px;margin-bottom:12px;padding:0 18px;background:rgba(255,255,255,.025)}.faq>button{padding:18px 0}.answer p{padding-bottom:18px}
.section-gallery{background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0))}.cta-band{border-top:1px solid var(--pro-border);border-bottom:1px solid var(--pro-border)}
.page-hero{padding:78px 0 68px}.page-hero h1{font-size:clamp(2.9rem,5.5vw,5rem)}
.footer{padding-top:58px}.floating-call{box-shadow:0 14px 42px rgba(197,22,46,.34)}
.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(255,91,112,.38);outline-offset:3px}
@media(max-width:980px){.section{padding:72px 0}.hero{min-height:auto}.hero-copy{padding:70px 0 58px}.hero-grid{grid-template-columns:1fr}.garage-art{opacity:.32;width:100%;right:-28%;top:6%}.hero-logo{opacity:.32}.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.section{padding:60px 0}h1{font-size:clamp(2.75rem,14vw,4.3rem)}h2{font-size:clamp(2rem,10vw,3rem)}.hero-copy{padding:56px 0 52px}.hero-actions .btn{width:100%}.hero-trust{display:grid;grid-template-columns:1fr 1fr}.cards,.problem-grid{grid-template-columns:1fr}.service-card{min-height:260px}.section-head{display:block}.planner,.form-card{padding:22px}.cta-band .inner{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]{opacity:1!important;transform:none!important}}

/* Compact hero refinement — September 2026 */
.hero{min-height:610px}
.hero-grid{gap:38px;align-items:center}
.hero-copy{padding:38px 0 42px;max-width:710px}
.hero h1{font-size:clamp(2.85rem,5.35vw,5rem);line-height:.97;margin:12px 0 16px;max-width:760px}
.hero .lead{font-size:1.04rem;line-height:1.62;max-width:650px}
.hero-rotator{margin:17px 0 2px}
.hero-actions{margin:21px 0 17px}
.hero-trust{margin-top:18px}
.hero-media{gap:12px}
.hero-photo-strip{gap:12px}
.hero-photo-main{min-height:360px}
.hero-photo-tech,.hero-photo-opener{min-height:145px}
.hero-scroll{bottom:16px}
.page-hero{padding:64px 0 56px}
.page-hero h1{font-size:clamp(2.75rem,5.3vw,4.75rem);line-height:.98}
@media(max-width:980px){
  .hero{min-height:auto}
  .hero-grid{gap:26px;padding:0}
  .hero-copy{padding:38px 0 24px}
  .garage-art{top:2%}
  .hero-photo-main{min-height:315px}
  .hero-photo-tech,.hero-photo-opener{min-height:125px}
}
@media(max-width:620px){
  .hero-copy{padding:30px 0 20px}
  .hero h1{font-size:clamp(2.45rem,12vw,3.75rem);line-height:.99;margin:10px 0 13px}
  .hero .lead{font-size:.98rem;line-height:1.55}
  .hero-rotator{margin:14px 0 0}
  .hero-actions{margin:18px 0 14px}
  .hero-trust{margin-top:14px;grid-template-columns:1fr}
  .hero-media{padding-bottom:34px}
  .hero-photo-main{min-height:265px}
  .hero-photo-tech,.hero-photo-opener{min-height:105px}
  .page-hero{padding:48px 0 44px}
  .page-hero h1{font-size:clamp(2.45rem,11.5vw,3.6rem)}
}


/* FINAL LOGO + HERO CORRECTION — September 2026 */
.nav{min-height:80px}
.brand{gap:13px}
.brand img{width:76px;height:76px;object-fit:contain;background:transparent!important;border-radius:0!important;padding:0!important;filter:drop-shadow(0 9px 18px rgba(0,0,0,.36))}
.brand-copy{font-size:.95rem}
.brand-copy span{margin-top:4px}
.footer-brand img{width:116px;height:auto;background:transparent;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}

.hero{min-height:auto;background:radial-gradient(circle at 78% 20%,rgba(197,22,46,.16),transparent 30%),linear-gradient(135deg,#080a0d 0%,#0b0d11 57%,#151015 100%)}
.hero::before{background:linear-gradient(90deg,rgba(7,8,10,.985) 0%,rgba(7,8,10,.93) 47%,rgba(7,8,10,.50) 76%,rgba(7,8,10,.25) 100%)}
.garage-art{display:none}
.hero-glow{opacity:.52;right:4%;top:4%;width:48%;height:62%}
.hero-grid{grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);gap:40px;align-items:center;padding:32px 0 36px}
.hero-copy{padding:10px 0 12px;max-width:650px}
.hero h1{font-size:clamp(3rem,4.5vw,4.55rem);line-height:.98;margin:11px 0 15px;max-width:690px;letter-spacing:-.045em}
.hero-title-line{display:block}
.hero h1 .accent{display:inline;color:#ff5b70}
.hero .lead{font-size:1rem;line-height:1.58;max-width:620px}
.hero-rotator{display:none}
.hero-actions{margin:20px 0 14px}
.hero-trust{margin-top:14px;gap:8px}
.trust-chip{padding:8px 12px}
.hero-media{gap:11px}
.hero-photo-strip{gap:11px}
.hero-photo-main{min-height:330px;border-radius:24px}
.hero-photo-tech,.hero-photo-opener{min-height:125px;border-radius:20px}
.image-badge{max-width:calc(100% - 24px)}
.hero-scroll{display:none}
.page-hero{padding:52px 0 46px}
.page-hero h1{font-size:clamp(2.55rem,4.8vw,4.3rem);line-height:1}

@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:22px;padding:28px 0 34px}
  .hero-copy{padding:6px 0 4px;max-width:760px}
  .hero h1{max-width:760px}
  .hero-media{max-width:760px;width:100%}
  .hero-photo-main{min-height:300px}
  .hero-photo-tech,.hero-photo-opener{min-height:120px}
}
@media(max-width:680px){
  .brand img{width:60px;height:60px}
  .nav{min-height:70px}
  .nav.open .nav-links{top:70px}
  .hero-grid{padding:22px 0 28px;gap:18px}
  .hero h1{font-size:clamp(2.45rem,12vw,3.45rem);line-height:1;margin:9px 0 12px}
  .hero .lead{font-size:.96rem;line-height:1.5}
  .hero-actions{margin:16px 0 12px}
  .hero-trust{display:grid;grid-template-columns:1fr 1fr}
  .hero-photo-main{min-height:245px}
  .hero-photo-strip{grid-template-columns:1fr 1fr}
  .hero-photo-tech,.hero-photo-opener{min-height:115px}
  .image-badge{font-size:.7rem;padding:8px 10px}
  .page-hero{padding:42px 0 38px}
}


/* Final headline fit — keep the city name properly separated */
@media(min-width:981px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr)}
  .hero-copy{max-width:600px}
  .hero h1{font-size:clamp(3rem,3.9vw,4rem);max-width:600px;letter-spacing:-.04em}
  .hero-title-line{white-space:nowrap}
}
@media(max-width:980px){.hero-title-line{white-space:normal}}


/* Header logo-only update */
.nav-shell .brand-copy{display:none!important;}
.nav-shell .brand{gap:0!important;min-width:auto!important;}
.nav-shell .brand img{width:78px;height:78px;}
@media(max-width:680px){.nav-shell .brand img{width:64px;height:64px;}}
