/* DaveBrain website services — shares the existing studio design. */
.web-wrap{max-width:1200px;margin-left:auto;margin-right:auto}.web-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:72px;align-items:center;padding:74px 0 58px}.web-hero h1{font-size:clamp(56px,6.3vw,88px);line-height:1.02;letter-spacing:-.06em;margin-bottom:24px}.web-hero h1 span{color:#343ad5}.web-hero p{max-width:520px;font-size:15px;line-height:1.85}.web-hero .web-lead{font-size:21px;color:#252d3b;line-height:1.45;font-weight:600;margin-bottom:16px}.web-hero .web-caption,.web-caption{font-size:12px;line-height:1.75;margin-top:24px;color:#637080}.web-offer{padding:32px 34px;border:1px solid #cbd9cc;border-radius:20px;background:#e6eee5;box-shadow:0 16px 45px #243a2608}.web-offer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #c7d4c5;font-size:9px;letter-spacing:.08em;font-weight:650;color:#435b49}.web-offer h2{font-size:27px;margin:25px 0}.web-price{display:flex;align-items:baseline;gap:17px;flex-wrap:wrap}.web-price strong{font-size:76px;letter-spacing:-.065em;line-height:1.15;font-weight:750}.web-price>span{font-size:12px;color:#4c6051}.web-care-price{display:flex;flex-direction:column;gap:4px;margin:10px 0 22px}.web-care-price strong{font-size:30px;letter-spacing:-.04em}.web-care-price strong span{font-size:17px;font-weight:500;letter-spacing:-.02em}.web-care-price>span{font-size:12px;color:#4c6051}.web-offer p{font-size:13px;line-height:1.75;color:#4c6051}.web-offer .btn{display:flex;margin-top:23px}.web-offer .web-offer-note{font-size:10px;margin-top:18px;line-height:1.75}.web-trust{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #d4dcd0;border-bottom:1px solid #d4dcd0;padding:22px 0;font-size:11px;font-weight:600;color:#536250}.web-section{padding:85px 0}.web-section-intro{max-width:580px;margin-top:20px;font-size:15px}.web-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:40px}.web-feature{border-top:1px solid #cfd4cc;padding-top:20px}.web-feature>span{display:block;font-size:9px;color:#343ad5;letter-spacing:.07em;margin-bottom:20px;font-weight:650}.web-feature h3{font-size:20px;margin-bottom:12px}.web-feature p{font-size:13px;line-height:1.85}.web-care-section{background:#202838;color:#f6f8fc;padding:75px 0}.web-care-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px}.web-care-section .section-label{color:#b9c6ff}.web-care-section h2{margin-bottom:22px}.web-care-section p{color:#c6d0df;font-size:14px;max-width:480px;line-height:1.85}.web-care-section .web-care-big{font-size:45px;color:#b5efce;font-weight:700;letter-spacing:-.04em;margin-top:23px}.web-care-big span{display:block;font-size:12px;font-weight:400;letter-spacing:0}.web-care-detail ul{padding:0;margin:0 0 24px;list-style:none}.web-care-detail li{border-bottom:1px solid #475366;padding:13px 0;font-size:14px}.web-care-detail li:before{content:'✓';color:#b5efce;margin-right:12px}.web-care-detail p{font-size:12px}.web-faq{border-top:1px solid #d4dcd0}.web-faq h2{margin-bottom:30px}.web-faq details{border-top:1px solid #cfd4cc;padding:21px 0;max-width:850px}.web-faq details:last-child{border-bottom:1px solid #cfd4cc}.web-faq summary{cursor:pointer;font-size:17px;font-weight:600;min-height:30px}.web-faq details p{max-width:760px;padding-top:15px;font-size:14px;line-height:1.85}.web-contact{padding-top:0}.web-contact h2{font-size:clamp(42px,5.5vw,68px)}.web-promo{max-width:1200px;margin:75px auto 0;padding:35px 38px;background:#e6eee5;border:1px solid #cbd9cc;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:32px}.web-promo h2{font-size:34px;margin-bottom:15px}.web-promo p{font-size:14px;max-width:600px}.web-promo .btn{flex-shrink:0}.nav-links a[aria-current=page]{color:#343ad5}
@media(max-width:1270px){.web-wrap,.web-promo{margin-left:40px;margin-right:40px}.web-hero{gap:40px}.web-care-layout{gap:45px}}
@media(min-width:721px) and (max-width:900px){.nav-links{gap:12px}.nav-links a{font-size:11px}.web-hero{gap:26px}.web-offer{padding:25px}.web-hero h1{font-size:58px}}
@media(max-width:720px){.web-wrap,.web-promo{margin-left:22px;margin-right:22px}.web-hero{grid-template-columns:1fr;padding:44px 0 35px;gap:30px}.web-hero h1{font-size:clamp(48px,11.5vw,72px)}.web-hero .web-lead{font-size:19px}.web-hero .hero-badge{font-size:9px;margin-bottom:24px}.web-hero p{font-size:14px}.web-offer{padding:25px 23px}.web-offer h2{font-size:25px}.web-price strong{font-size:68px}.web-offer-top{gap:15px;font-size:8px}.web-offer .btn{font-size:12px;padding:14px 12px;gap:10px}.web-trust{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:14px}.web-section{padding:55px 0}.web-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.web-feature>span{margin-bottom:12px}.web-feature p{font-size:14px}.web-care-section{padding:55px 0}.web-care-layout{grid-template-columns:1fr;gap:25px}.web-care-section .web-care-big{font-size:43px}.web-steps{grid-template-columns:1fr}.web-faq summary{font-size:16px}.web-contact{padding-top:0}.web-contact h2{font-size:44px}.web-promo{margin-top:45px;padding:26px;flex-direction:column;align-items:start;gap:23px}.web-promo h2{font-size:30px}.web-promo .btn{width:100%}}
/* Keep the expanded services navigation usable on smaller tablets. */
@media(min-width:721px) and (max-width:900px){.nav-links{display:none}.nav-cta{margin-left:auto}.mobile-menu{display:block;position:relative;font-size:12px}.mobile-menu summary{cursor:pointer;padding:8px;min-height:40px}.mobile-menu>div{position:absolute;right:0;top:45px;background:white;box-shadow:0 8px 25px #1e302625;border:1px solid #d8dfd4;width:210px;border-radius:10px;padding:10px}.mobile-menu a{display:block;padding:10px 12px;text-decoration:none}}

/* All services remain one click away without crowding the desktop header. */
.services-menu{position:relative;font-size:13px;font-weight:550;color:#4d5765}.services-menu summary{cursor:pointer;min-height:28px}.services-menu[open] summary{color:#343ad5}.services-menu>div{position:absolute;top:38px;left:-16px;width:240px;padding:10px;background:#fff;border:1px solid #d8dfd4;border-radius:10px;box-shadow:0 10px 30px #1e302620;z-index:120}.nav-links .services-menu a{display:block;padding:9px 12px;border-radius:5px;font-size:12px;line-height:1.5}.nav-links .services-menu a:hover{background:#f1f1fa}.nav-links .services-menu a[aria-current=page]{background:#eeeeff;color:#343ad5}.nav-links{align-items:center}

.services-menu>div,.mobile-menu>div{max-height:70vh;overflow-y:auto;overscroll-behavior:contain}
