/* Small refinements to the original homepage, retaining its established sections. */
html body.home-refined #home.hero-redesign{min-height:0!important;padding:48px 0 56px!important}
html body.home-refined #home.hero-redesign .hero-wrap{display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)!important;gap:60px!important;align-items:center!important;padding:0!important}
html body.home-refined #home .hero-copy{display:block!important;min-width:0}
html body.home-refined #home .hero-copy-card{max-width:760px!important}
html body.home-refined #home h1.home-headline-static{font-size:clamp(44px,4.65vw,64px)!important;line-height:1.07!important;letter-spacing:-.045em!important;max-width:none!important;margin:0 0 20px!important}
html body.home-refined #home h1.home-headline-static .headline-line{display:block;white-space:nowrap}
html body.home-refined #home .hero-figure{width:100%!important;max-width:330px!important;justify-self:center!important;margin:0!important;padding:0!important;transform:none!important}
html body.home-refined #home .meet-video-card{position:relative;width:100%!important;max-width:none!important;margin:0!important;padding:5px!important;border:1px solid #d8daed!important;border-radius:28px!important;background:#fff!important;box-shadow:12px 14px 0 #e0e3fb,0 16px 36px #25275312!important;overflow:visible!important}
html body.home-refined #home .meet-video-card::after{display:none!important}
html body.home-refined #home .meet-video-frame{position:relative;width:100%;aspect-ratio:9/16!important;border-radius:22px!important;overflow:hidden;box-shadow:none!important;background:#111}
html body.home-refined #home .meet-video-player{inset:0;width:100%;height:100%;object-fit:contain;border-radius:inherit}
html body.home-refined #home .meet-video-preview{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;display:block;background:#111;color:#fff;cursor:pointer}
html body.home-refined #home .meet-video-preview[hidden]{display:none!important}
html body.home-refined #home .meet-video-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
html body.home-refined #home .hero-video-control{position:absolute;left:16px;right:16px;bottom:18px;z-index:2;display:flex;align-items:center;gap:12px;padding:10px 14px 10px 10px;border:1px solid #ffffffd9;border-radius:16px;background:#fffffff0;box-shadow:0 8px 24px #13133a24;text-align:left}
html body.home-refined #home .meet-video-play{position:static;transform:none;flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:#3431a3;color:white;box-shadow:none}
html body.home-refined #home .meet-video-play svg{width:24px;height:24px;margin-left:2px}
html body.home-refined #home .meet-video-label{position:static;display:block;width:auto;padding:0;background:none;color:#292750;font-size:16px;line-height:1.35;font-weight:750;text-align:left}
html body.home-refined #home .meet-video-preview:hover .meet-video-play,html body.home-refined #home .meet-video-preview:focus-visible .meet-video-play{background:#242075}
html body.home-refined #home .meet-video-preview:focus-visible{outline:3px solid #6964d4!important;outline-offset:-5px!important}
html body.home-refined #home .hero-mobile-service-label{display:none!important}
html body.home-refined #home .meet-video-sound{position:absolute;z-index:3;left:12px;top:12px;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #ffffff70;border-radius:12px;background:rgba(255,255,255,.52);color:#151526;font:600 14px/1.3 Inter,sans-serif;cursor:pointer}
html body.home-refined #home .meet-video-sound[hidden]{display:none!important}
html body.home-refined #home .meet-video-sound:hover{background:#ffffffb8}
html body.home-refined #home .meet-video-sound:focus-visible{outline:3px solid #3431a3;outline-offset:3px}
html body.home-refined #about .meet-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:center!important}
html body.home-refined #about .meet-photo-col{order:0!important;min-width:0;width:100%}
html body.home-refined #about .meet-copy{order:1!important;min-width:0;width:100%}
html body.home-refined #about .meet-text{display:block!important;margin:14px 0 0!important;font-size:1rem!important;line-height:1.65!important}
html body.home-refined .about-client-collage{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:570px;margin-inline:auto}
html body.home-refined .about-client-collage img{display:block;width:100%;height:auto;aspect-ratio:1.24;object-fit:cover;object-position:center;border-radius:18px}
html body.home-refined .about-client-collage .about-photo-main{grid-column:1/-1;aspect-ratio:1.65;object-position:center top}
/* Existing expandable service cards: larger first row, quieter remaining cards. */
html body.home-refined .service-choice summary{min-height:230px;padding:24px;gap:18px 12px}
html body.home-refined .service-choice__label strong{font-size:1.3rem}
html body.home-refined .service-choice__hint{font-size:.9rem;line-height:1.55}
html body.home-refined .service-choice--priority summary{min-height:310px;padding:30px;gap:26px 12px}
html body.home-refined .service-choice--priority .service-choice__icon{width:78px;height:78px;border-radius:22px}
html body.home-refined .service-choice--priority .service-choice__icon svg{width:48px;height:48px}
html body.home-refined .service-choice--priority .service-choice__label strong{font-size:1.65rem}
html body.home-refined .service-choice--priority .service-choice__hint{font-size:1rem}
html body.home-refined .review-initials{display:grid;place-items:center;background:#eeecfc;color:#45408d;font-weight:750;flex-shrink:0;font-size:18px}
@media(max-width:1100px){
 html body.home-refined header.site-header.site-header .container.nav-rail{display:flex!important;align-items:center!important;justify-content:space-between!important}
 html body.home-refined header.site-header.site-header .brand{position:static!important;inset:auto!important;margin:0!important;transform:none!important}
 html body.home-refined header.site-header.site-header #navToggle{position:relative!important;inset:auto!important;margin:0 0 0 auto!important;transform:none!important}
}
/* Keep the desktop introduction together, with a quiet link to the next section. */
@media(min-width:901px){
 html body.home-refined #home.hero-redesign .hero-wrap{width:calc(100% - 64px)!important;max-width:1040px!important;margin-inline:auto!important;grid-template-columns:minmax(0,1fr) 330px!important;gap:64px!important}
 html body.home-refined #home .hero-copy{order:0!important}
 html body.home-refined #home .hero-figure{order:1!important}
 html body.home-refined #home .scroll-cue{position:absolute!important;inset:auto auto 4px 50%!important;display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#716b9f!important;transform:translateX(-50%)!important;animation:none!important;opacity:1!important;visibility:visible!important;text-decoration:none!important}
 html body.home-refined #home .scroll-cue::before,html body.home-refined #home .scroll-cue::after{display:none!important}
 html body.home-refined #home .scroll-cue .scroll-cue-icon{display:grid!important;place-items:center!important;width:24px!important;height:24px!important;background:none!important;transform:none!important;animation:none!important}
 html body.home-refined #home .scroll-cue svg{display:block!important;width:24px!important;height:24px!important;color:inherit!important;filter:none!important}
 html body.home-refined #home .scroll-cue path{fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
 html body.home-refined #home .scroll-cue:hover{background:#ebe9f7!important;color:#393392!important}
 html body.home-refined #home .scroll-cue:focus-visible{outline:3px solid #6964d4!important;outline-offset:2px!important}
}
@media(min-width:1101px) and (max-height:800px){
 html body.home-refined #home.hero-redesign{padding:36px 0 48px!important}
 html body.home-refined #home .hero-figure{max-width:clamp(260px,calc((100svh - 204px) * .5625),330px)!important}
}
@media(min-width:901px) and (max-width:1100px){
 html body.home-refined #home.hero-redesign .hero-wrap{grid-template-columns:minmax(0,1fr) 285px!important;gap:44px!important}
 html body.home-refined #home .hero-figure{max-width:285px!important}
 html body.home-refined #home h1.home-headline-static{font-size:46px!important}
}
@media(max-width:900px){
 html body.home-refined #home.hero-redesign{padding:30px 0 44px!important}
 html body.home-refined #home.hero-redesign .hero-wrap{grid-template-columns:1fr!important;gap:30px!important}
 html body.home-refined #home .hero-copy{order:0!important;display:block!important}
 html body.home-refined #home .hero-copy-card{margin:0 auto!important;padding:0!important;max-width:650px!important}
 html body.home-refined #home .hero-service-label{display:block!important}
 html body.home-refined #home .hero-figure{order:1!important;max-width:285px!important;margin:0 auto!important}
 html body.home-refined #home h1.home-headline-static{font-size:clamp(28px,8.6vw,52px)!important}
 html body.home-refined .service-choice--priority summary{min-height:285px;padding:26px}
 html body.home-refined #about .meet-grid{grid-template-columns:1fr!important;gap:22px!important}
 html body.home-refined #about .meet-copy{order:0!important}
 html body.home-refined #about .meet-photo-col{order:1!important}
}
@media(min-width:601px) and (max-width:1000px){
 html body.home-refined .service-menu__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 html body.home-refined .service-choice summary{padding:20px}
 html body.home-refined .service-choice--priority summary{padding:22px;min-height:300px}
 html body.home-refined .service-choice__label strong{font-size:1.16rem}
 html body.home-refined .service-choice--priority .service-choice__label strong{font-size:1.4rem}
 html body.home-refined .service-choice--priority .service-choice__icon{width:68px;height:68px}
}
@media(max-width:600px){
 html body.home-refined #home .hero-figure{max-width:250px!important;margin:0 auto!important}
 html body.home-refined #home .hero-service-label{font-size:.75rem!important;line-height:1.5!important;margin-bottom:14px!important}
 html body.home-refined #home h1.home-headline-static{font-size:clamp(28px,8.6vw,46px)!important;margin-bottom:18px!important}
 html body.home-refined #home .hero-copy-card .lead{font-size:1rem!important;line-height:1.65!important}
 html body.home-refined #home .hero-video-control{left:12px;right:12px;bottom:14px;padding:8px;gap:10px;border-radius:14px}
 html body.home-refined #home .meet-video-play{width:42px;height:42px;flex-basis:42px}
 html body.home-refined #home .meet-video-label{font-size:14px}
 html body.home-refined .about-client-collage{gap:8px}
 html body.home-refined .about-client-collage img{border-radius:14px}
 html body.home-refined .service-choice summary{min-height:130px;padding:20px 16px;gap:14px}
 html body.home-refined .service-choice__label strong{font-size:1.1rem}
 html body.home-refined .service-choice__hint{font-size:.83rem}
 html body.home-refined .service-choice--priority summary{min-height:184px;padding:24px 18px;grid-template-columns:56px minmax(0,1fr) 24px;gap:14px}
 html body.home-refined .service-choice--priority .service-choice__icon{width:56px;height:56px;border-radius:16px}
 html body.home-refined .service-choice--priority .service-choice__icon svg{width:36px;height:36px}
 html body.home-refined .service-choice--priority .service-choice__label strong{font-size:1.25rem}
 html body.home-refined .service-choice--priority .service-choice__hint{font-size:.9rem}

}

@media(prefers-reduced-motion:reduce){html body.home-refined #home .meet-video-card,html body.home-refined #home .meet-video-play{transition:none!important;animation:none!important}}
/* Keep complete customer quotes readable in the restored review cards. */
html body.home-refined #testimonials .review-card{height:auto!important;min-height:254px!important;max-height:none!important}
html body.home-refined #testimonials .review-quote{display:block!important;-webkit-line-clamp:unset!important;max-height:none!important;overflow:visible!important}
@media(max-width:600px){
 html body.home-refined .service-choice summary{grid-template-columns:42px minmax(0,1fr) 24px;gap:12px}
 html body.home-refined .service-choice__icon{width:42px;height:42px;border-radius:13px}
 html body.home-refined .service-choice__icon svg{width:28px;height:28px}
 html body.home-refined .service-choice--priority summary{grid-template-columns:minmax(0,1fr) 28px;min-height:268px;gap:20px 12px;padding:26px}
 html body.home-refined .service-choice--priority .service-choice__icon{grid-column:1;grid-row:1;width:64px;height:64px}
 html body.home-refined .service-choice--priority .service-choice__icon svg{width:40px;height:40px}
 html body.home-refined .service-choice--priority .service-choice__label{grid-column:1/-1;grid-row:2}
 html body.home-refined .service-choice--priority .service-choice__plus{grid-column:2;grid-row:1;align-self:start}
}

/* Mobile spacing: a contained introduction and a consistent reading edge. */
html body.home-refined #home .scroll-cue-label,html body.home-refined #home .hero-intro-short-stop{display:none!important}
@media(max-width:600px){
 html body.home-refined{--home-mobile-gutter:20px}
 html body.home-refined main>section>.container,
 html body.home-refined #home.hero-redesign .hero-wrap{width:calc(100% - 2 * var(--home-mobile-gutter))!important;max-width:none!important;margin-inline:auto!important;padding-inline:0!important}
 html body.home-refined #home.hero-redesign{display:block!important;padding:24px 0 24px!important}
 html body.home-refined #home.hero-redesign .hero-wrap{gap:24px!important}
 html body.home-refined #home .hero-service-label{font-size:.69rem!important;letter-spacing:.055em!important;line-height:1.5!important;margin-bottom:12px!important}
 html body.home-refined #home h1.home-headline-static{margin-bottom:16px!important}
 html body.home-refined #home .hero-copy-card .lead{font-size:1rem!important;line-height:1.55!important;margin:0!important}
 html body.home-refined #home .hero-intro-trust{display:none}
 html body.home-refined #home .hero-figure{width:min(100%,360px)!important;max-width:100%!important;margin:0 auto!important;justify-self:center!important}
 html body.home-refined #home .meet-video-card{border-radius:24px!important;box-shadow:0 10px 28px #25275314!important}
 html body.home-refined #home .meet-video-frame{aspect-ratio:3/4!important;border-radius:18px!important}
 html body.home-refined #home .meet-video-player,
 html body.home-refined #home .meet-video-preview img{object-fit:cover!important;object-position:center 54%!important}
 html body.home-refined #home .meet-video-sound{left:10px;top:10px;min-height:44px;padding:9px 11px;font-size:12px;border-radius:10px}
 html body.home-refined #home .scroll-cue{position:relative!important;inset:auto!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;width:max-content!important;max-width:100%!important;height:auto!important;min-height:44px!important;margin:18px auto 0!important;padding:8px 12px!important;border:0!important;border-radius:12px!important;box-shadow:none!important;background:transparent!important;color:#49448d!important;transform:none!important;animation:none!important;text-decoration:none!important;opacity:1!important;visibility:visible!important}
 html body.home-refined #home .scroll-cue::before,html body.home-refined #home .scroll-cue::after{display:none!important}
 html body.home-refined #home .scroll-cue .scroll-cue-label{display:block!important;width:auto!important;height:auto!important;font-size:.78rem!important;font-weight:650!important;line-height:1.4!important;background:none!important;transform:none!important;animation:none!important}
 html body.home-refined #home .scroll-cue .scroll-cue-icon{display:grid!important;place-items:center!important;width:20px!important;height:20px!important;background:none!important;transform:none!important;animation:none!important}
 html body.home-refined #home .scroll-cue svg{width:20px!important;height:20px!important;color:inherit!important;filter:none!important}
 html body.home-refined #home .scroll-cue path{stroke:currentColor!important;stroke-width:1.8!important}
 html body.home-refined #home .scroll-cue:focus-visible{outline:3px solid #6964d4!important;outline-offset:2px!important}
 html body.home-refined #about,
 html body.home-refined #services,
 html body.home-refined #recent-work,
 html body.home-refined #common-computer-questions,
 html body.home-refined #testimonials{padding-block:44px!important}
 html body.home-refined #about .meet-grid{gap:24px!important}
 html body.home-refined #about .meet-lead{line-height:1.6!important}
 html body.home-refined #about .meet-text{line-height:1.6!important}
 html body.home-refined .service-menu__head{margin-bottom:24px!important}
 html body.home-refined .service-choice summary{min-height:128px}
 html body.home-refined .service-choice--priority summary{min-height:226px;padding:24px;gap:16px 12px}
 html body.home-refined .service-choice--priority .service-choice__icon{width:56px;height:56px;border-radius:16px}
 html body.home-refined .service-choice--priority .service-choice__icon svg{width:36px;height:36px}
 html body.home-refined #recent-work .recent-work-track{width:100%!important;margin-inline:0!important;padding:4px 0 14px!important;grid-auto-columns:calc(100% - 28px)!important;gap:12px!important;scroll-padding-inline:0!important}
 html body.home-refined #testimonials .reviews-grid{width:100%!important;padding:4px 0 12px!important;gap:12px!important;scroll-padding-inline:0!important}
 html body.home-refined #testimonials .review-card{flex:0 0 calc(100% - 32px)!important;width:calc(100% - 32px)!important;min-width:0!important;max-width:none!important;scroll-snap-align:start!important}
 html body.home-refined #contact{padding:44px 0!important}
 html body.home-refined #contact .band-ctas{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;width:100%!important}
 html body.home-refined #contact .band-ctas .btn{width:100%!important;justify-content:center!important;margin:0!important;min-height:52px!important}
}
@media(max-width:360px){html body.home-refined{--home-mobile-gutter:16px}}

/* Keep the introduction compact on shorter phones without shrinking the video. */
@media(max-width:600px) and (max-height:740px){
 html body.home-refined #home .hero-intro-detail{display:none}
 html body.home-refined #home .hero-intro-short-stop{display:inline!important}
 html body.home-refined #home.hero-redesign{padding-block:20px!important}
 html body.home-refined #home.hero-redesign .hero-wrap{gap:20px!important}
 html body.home-refined #home .scroll-cue{margin-top:14px!important}
}
@media(max-width:600px) and (max-height:650px){
 html body.home-refined #home .hero-service-label{display:none!important}
 html body.home-refined #home.hero-redesign{padding-block:18px!important}
 html body.home-refined #home h1.home-headline-static{margin-bottom:12px!important}
 html body.home-refined #home.hero-redesign .hero-wrap{gap:16px!important}
 html body.home-refined #home .meet-video-sound{left:6px;top:6px;font-size:11px;gap:6px;padding-inline:8px}
 html body.home-refined #home .scroll-cue{margin-top:10px!important}
}
