/* Matching visual system for the separate Work With Me page. All copy/services preserved. */
.services-page{background:linear-gradient(180deg,#fbfcfd 0%,#f3f8fa 100%);color:var(--paper)}
.services-page .service-header{max-width:1240px;margin:auto;padding:1.05rem 2rem;border-bottom:1px solid var(--rule)}
.services-page .brand-home{font-size:clamp(1.15rem,2vw,1.5rem);letter-spacing:-.045em}
.services-page .brand-home img{border-radius:10px}
.services-page .service-nav{gap:.8rem}
.services-page .back-link{font:600 .83rem var(--font-display);color:var(--paper-dim)}
.services-page .nav-cta{background:var(--paper);border:1px solid var(--paper);color:#fff;padding:.82rem 1.24rem;box-shadow:0 7px 20px rgba(16,35,61,.13)}
.services-page .nav-cta:hover{color:#fff;background:#174267}
.services-page .service-hero{max-width:1180px;padding:5rem 1.5rem 3.5rem}
.services-page .service-hero:after{pointer-events:none;background:radial-gradient(circle,rgba(31,166,201,.13),transparent 72%)}
.services-page .eyebrow{color:#118aa9}
.services-page .service-hero h1{font-size:clamp(3rem,6.8vw,5.7rem);max-width:990px;margin:1.2rem 0 1.5rem}
.services-page .hero-scroll{background:#f87921;box-shadow:0 8px 23px rgba(248,121,33,.18)}
.services-page .hero-scroll:hover{background:#d96513}
.services-page .hero-principles{margin-top:3.2rem}
.services-page .founder-story{border-radius:22px;border:1px solid rgba(16,35,61,.08);box-shadow:0 7px 28px rgba(16,35,61,.05);max-width:760px}
.services-page .founder-photo-frame{border-radius:18px}
.services-page .packages-section{max-width:1180px}
.services-page .section-heading h2{font-size:clamp(2rem,3.6vw,2.85rem)}
.services-page .package-grid{gap:1.25rem}
.services-page .package-card{border-radius:18px;box-shadow:0 6px 26px rgba(16,35,61,.055);background:white;border:1px solid rgba(16,35,61,.09);padding:2.1rem}
.services-page .package-card:before{opacity:1;background:linear-gradient(90deg,#1fa6c9,transparent)}
.services-page .package-featured{background:linear-gradient(135deg,#f2fbfe,#fff 70%)}
.services-page .package-card h3{margin-top:1.5rem}
.services-page .package-icon{background:#e9f7fa;color:#0f88a6}
.services-page .package-action{border-radius:99px;background:var(--paper)}
.services-page .contact-panel{background:linear-gradient(125deg,#0c2138,#103b55);border-radius:26px 26px 0 0}
.services-page .contact-concierge{background:#f87921;box-shadow:0 10px 24px rgba(248,121,33,.2)}
.services-page .contact-concierge:hover{background:#e66b19}
.services-page .site-footer{max-width:none;border-top:0}
@media(min-width:1200px){.services-page .package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.services-page .service-header{padding:.9rem 1rem}.services-page .service-nav{gap:.55rem}.services-page .back-link{font-size:.73rem}.services-page .nav-cta{padding:.7rem .8rem;font-size:.72rem}.services-page .service-hero{padding:3.5rem 1.15rem 2.5rem}.services-page .package-card{padding:1.5rem}.services-page .hero-principles{margin-top:2.4rem}}
@media(max-width:390px){.services-page .nav-cta{font-size:.65rem}.services-page .brand-home span{font-size:.95rem}}

/* Three service levels: side by side on desktop, easy to scan on smaller screens. */
@media (min-width:1100px){.services-page .package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.services-page .package-card{padding:1.65rem}.services-page .package-card h3{font-size:clamp(1.35rem,1.7vw,1.7rem)}}
@media (min-width:701px) and (max-width:1099px){.services-page .package-grid{grid-template-columns:1fr}}
@media (max-width:700px){.services-page .package-grid{grid-template-columns:1fr}}