/* 2026-10-15 design tidy: phone menu, sentence-case headings, For professionals, phone fixes. */
h1,h2{letter-spacing:.03em}
.menu-toggle{display:none}
@media(max-width:1050px){
 .nav{position:relative}
 .menu-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:48px;height:48px;padding:12px;margin-left:auto;background:none;border:1px solid #ffffff40;border-radius:8px;cursor:pointer;order:3}
 .menu-toggle span{display:block;height:2px;width:100%;background:#f4f5f5;transition:transform .2s,opacity .2s}
 .nav-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .nav-open .menu-toggle span:nth-child(2){opacity:0}
 .nav-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .nav.nav-open nav{display:flex!important;flex-direction:column;position:absolute;top:100%;left:0;right:0;z-index:1000;background:#070b0e;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;padding:8px 6vw 18px;gap:0;box-shadow:0 18px 40px #000a}
 .nav.nav-open nav a{display:flex;align-items:center;min-height:52px;font-size:16px;letter-spacing:.1em;border-bottom:1px solid #ffffff14}
 .nav.nav-open nav a[aria-current=page]{color:#c6ad78}
 .nav.nav-open nav::after{content:"";display:block}
 body.menu-open{overflow:hidden}
}
@media(max-width:850px){
 /* Phone first screen: one logo and one phone number (the sticky call bar). */
 .nav .phone{display:none}
 .hero .hero-logo{display:none}
 .hero .actions a[href^="tel:"]{display:none}
 .hero h1 br{display:none}
 .page-hero h1{overflow-wrap:break-word}
 /* Services page: stack Inside / Outside / All around */
 .services.services-page{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
 .services.services-page article{width:auto!important;min-width:0!important;padding-left:6vw!important;padding-right:6vw!important;border-left:0!important}
 .services.services-page article+article{border-top:1px solid #465159}
 .services.services-page .photo{height:240px!important}
 .services.services-page h2{font-size:30px!important;overflow-wrap:anywhere}
 html,body{overflow-x:clip}
}
/* For professionals band (home + network) */
.pro-band{padding:72px 5vw;background:#0d1217;text-align:center}
.pro-band h2{font-size:clamp(28px,3.4vw,44px);margin:14px 0 12px}
.pro-band .pro-lead{max-width:720px;margin:0 auto 32px;color:#c2c9cc;line-height:1.7}
.pro-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1100px;margin:0 auto;text-align:left}
.pro-cards article{border:1px solid #465159;border-radius:4px;padding:32px;background:#0b1014;display:flex;flex-direction:column;gap:14px}
.pro-cards h3{margin:0;font-size:24px;letter-spacing:.04em}
.pro-cards p{margin:0;color:#c2c9cc;line-height:1.7;flex:1}
.pro-cards .btn{align-self:flex-start}
.pro-more{margin:26px 0 0}.pro-more a{color:#c6ad78}
@media(max-width:850px){.pro-band{padding:56px 6vw}.pro-cards{grid-template-columns:1fr}.pro-cards article{padding:24px}.pro-cards .btn{align-self:stretch;text-align:center}}
@media(max-width:1440px){.nav{gap:16px}.nav nav{gap:16px}.nav nav a{letter-spacing:.05em;font-size:13px}.nav .phone{padding:12px 12px;font-size:14px;white-space:nowrap}.nav .official-logo img{max-width:170px}}