:root{--service-scale:1}.service-hero{position:relative;margin-top:var(--header-height);aspect-ratio:16/9;width:100%;background:#fff}.service-hero video{display:block;width:100%;height:100%;object-fit:contain}.service-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(56px,5vw,96px);height:clamp(56px,5vw,96px);border-radius:50%;display:grid;place-items:center;background:#fa3d93;color:white;box-shadow:0 3px 24px #0002;transition:transform .25s,opacity .25s}.service-play:hover{transform:translate(-50%,-50%) scale(1.06)}.service-play span{font-size:clamp(22px,2vw,38px);margin-left:5px}.service-play[hidden]{display:none}.service-layout{grid-template-columns:calc(294px * var(--plan-scale)) minmax(0,1fr);column-gap:0;margin-left:11.927083%;margin-right:11.927083%;padding-top:calc(200px * var(--plan-scale))}.service-page .planning-index{padding-top:0;gap:calc(16.605px * var(--plan-scale))}.service-page .planning-index a{font-size:calc(18.681px * var(--plan-scale));font-weight:400}.service-page .planning-index a.active{font-weight:700;color:#171717}.service-panel{display:grid;grid-template-columns:calc(132px * var(--plan-scale)) minmax(0,1fr) calc(415px * var(--plan-scale));gap:calc(20px * var(--plan-scale));align-items:start}.service-number{font:700 calc(20px * var(--plan-scale))/1.2 RiaSans,sans-serif;color:var(--pink);padding-top:calc(11px * var(--plan-scale))}.service-copy{padding-right:calc(20px * var(--plan-scale));min-width:0}.service-copy h2{font-size:calc(84px * var(--plan-scale));line-height:1.15;font-weight:100;letter-spacing:-.04em;white-space:nowrap}.service-copy h2 strong{font-weight:700}.service-copy>p{font-size:calc(20px * var(--plan-scale));line-height:1.4;color:#737373;margin-top:calc(80px * var(--plan-scale));letter-spacing:-.02em;white-space:nowrap}.service-page .planning-section:first-child .service-copy>p{color:#171717}.service-phone{display:block;width:100%;height:auto}.service-page .planning-section{padding-bottom:calc(312px * var(--plan-scale))}.service-page .planning-section:first-child{padding-bottom:calc(213px * var(--plan-scale))}.service-page .planning-section:last-child{padding-bottom:calc(120px * var(--plan-scale))}.service-page .main-nav a[aria-current=page]{color:var(--pink)}@media(max-width:900px) and (min-width:701px){.service-page .planning-index a{font-size:12px}}@media(max-width:700px){.service-layout{margin:0 24px;padding-top:56px}.service-page .planning-index{grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 0 20px}.service-page .planning-index a{font-size:13px}.service-panel{grid-template-columns:25px minmax(0,1fr);gap:12px}.service-number{font-size:13px;padding-top:7px}.service-copy{padding:0}.service-copy h2{font-size:clamp(32px,8.4vw,54px)}.service-copy>p{font-size:13px;line-height:1.6;margin-top:26px;white-space:normal}.service-copy>p br{display:none}.service-phone{grid-column:2;width:min(100%,300px);margin:30px auto 0}.service-page .planning-section,.service-page .planning-section:first-child,.service-page .planning-section:last-child{padding:24px 0 90px}.service-hero{aspect-ratio:16/9}.service-page .planning-section{scroll-margin-top:140px}}
/* Keep a clear breathing space below each phone at its reading stop. */
/* Full viewport opening film; navigation enters when the page scrolls. */
.service-page .service-hero{margin-top:0;aspect-ratio:auto;height:100svh;min-height:320px;background:#000}
.service-hero video{object-fit:contain}
.service-sound{position:absolute;right:24px;bottom:24px;z-index:2;min-height:44px;min-width:104px;padding:12px 18px;border-radius:999px;background:rgba(0,0,0,.64);color:#fff;font-size:14px;font-weight:600;border:1px solid #ffffff66;backdrop-filter:blur(8px)}
.service-sound:hover{background:rgba(0,0,0,.8)}
@media(max-width:600px){.service-sound{right:16px;bottom:20px}}
.service-page .home-header{transition:transform .45s cubic-bezier(.22,1,.36,1),visibility .45s;transform:translateY(0)}
.service-page:not(.service-nav-visible):not(.drawer-open) .home-header{transform:translateY(-110%);visibility:hidden;pointer-events:none}
.service-page .home-header:focus-within{transform:translateY(0);visibility:visible;pointer-events:auto}
@media(min-width:701px){.service-phone{width:auto;max-width:100%;height:auto;max-height:calc(100svh - var(--pin-top) - max(48px,64px * var(--plan-scale)));justify-self:end}.service-page .planning-section:last-child{padding-bottom:max(80px,160px * var(--plan-scale))}}

/* Preserve the rounded phone silhouette and its black frame around live UI. */
.service-demo{border:max(2px,calc(5px * var(--plan-scale))) solid #000;border-radius:13% / 6%;background:#fff;object-fit:cover;aspect-ratio:1180/2556}

/* Keep the existing columns and type sizes while fitting the refreshed copy. */
.service-copy>p{white-space:normal;word-break:keep-all}
.service-copy h2 strong{font-weight:600}
.service-page .planning-section:first-child .service-copy>p{color:#737373}
@media(max-width:700px){.service-page .planning-index{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-page .planning-index a{font-size:12px;word-break:keep-all}}
