/* Services owns its scene, native playback and reading layout. */
#services{--services-gutter:clamp(24px,4.65vw,88px);--services-height:100svh;--services-distance:400svh;background:#000;color:#f5f5f5;letter-spacing:0;scroll-margin-top:0}
#services *{letter-spacing:0;box-sizing:border-box}
#services .services-track{position:relative}
#services .services-stage{position:relative;isolation:isolate;overflow:hidden;background:#000}
#services .services-toolbar{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px var(--services-gutter);background:#000}
#services .services-toolbar>p,#services .services-scene-footer>p,#services .services-eyebrow,#services .service-number,#services .services-chapter{font:400 .6875rem/1.5 var(--mono)}
#services .services-skip{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:0 2px;font-size:.75rem;color:#eee}
#services .services-skip svg{width:16px;height:16px;transform:rotate(90deg)}
#services .services-skip:hover{color:var(--solar)}
#services .services-scene{position:relative;height:420px;overflow:hidden;background:#171717}
#services .services-poster,#services .services-poster img{display:block;width:100%;height:100%}
#services .services-poster img{object-fit:cover;object-position:50% 45%}
#services .services-film{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#services .services-canvas{display:none;position:absolute;inset:0;width:100%;height:100%}
#services .services-word{display:block;padding:32px var(--services-gutter) 12px;margin:0;font-size:5rem;font-weight:850;line-height:1;overflow-wrap:anywhere}
#services .services-caption,#services .services-software{display:none}
#services .services-scene-footer{position:relative;z-index:3;display:flex;align-items:center;gap:24px;padding:14px var(--services-gutter);color:#a3a3a3}
#services .services-film-controls{display:none;align-items:center;gap:20px}
#services .services-play{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid #ffffff70;border-radius:50%;background:#0005;color:#fff;cursor:pointer}
#services .services-play svg{width:16px;height:16px}
#services .services-chapters{display:flex;align-items:center;gap:4px}
#services .services-chapters button{position:relative;display:flex;align-items:center;gap:8px;min-width:44px;height:44px;padding:0 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:#d1d1d1;font:400 .6875rem/1 var(--mono);cursor:pointer}
#services .services-chapters button[aria-pressed=true]{border-bottom-color:var(--solar);color:#fff}
#services .services-chapters button:hover,#services .services-play:hover{background:#ffffff20;color:#fff}
#services .services-progress{display:none;height:2px;flex:1;max-width:180px;margin-left:auto;background:#ffffff35}
#services .services-progress i{display:block;width:100%;height:100%;background:var(--solar);transform:scaleX(var(--services-film-progress,0));transform-origin:left}
#services[data-pinned=true] .services-track{height:calc(var(--services-height) + var(--services-distance))}
#services[data-pinned=true] .services-stage{position:sticky;top:0;height:var(--services-height)}
#services[data-pinned=true] .services-stage:after{content:'';position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(#0005,transparent 18%,transparent 55%,#000b);opacity:var(--services-layer-opacity,1)}
#services[data-pinned=true] .services-toolbar{position:absolute;inset:0 0 auto;background:transparent}
#services[data-pinned=true] .services-toolbar>p,#services[data-pinned=true] .services-skip,#services[data-pinned=true] .services-scene-footer{color:#fff;text-shadow:0 1px 5px #000}
#services[data-pinned=true] .services-scene{position:absolute;inset:0;height:100%;background:#000}
#services[data-pinned=true] .services-canvas{display:block}
#services[data-pinned=true] .services-word{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#services[data-pinned=true] .services-caption{display:block;position:absolute;right:var(--services-gutter);bottom:112px;max-width:400px;z-index:2;opacity:var(--services-layer-opacity,1);text-shadow:0 1px 8px #000}
#services .services-chapter{margin-bottom:12px;color:#eee}
#services .services-chapter-line{font-size:2rem;line-height:1.2;font-weight:500}
#services .services-chapter-detail{font-size:.875rem;line-height:1.5;margin-top:10px;max-width:44ch}
#services[data-pinned=true] .services-scene-footer{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#0007)}
#services[data-pinned=true] .services-progress{display:block}
#services[data-pinned=true] .services-film-controls{display:flex}
#services[data-pinned=true] .services-software{display:block;position:absolute;inset:0;z-index:2;pointer-events:none;opacity:var(--services-layer-opacity,1)}
#services .services-software-panel{position:absolute;bottom:112px;left:var(--services-gutter);width:316px;height:240px;color:#172031;display:flex;align-items:flex-end}
#services .services-software-panel[hidden]{display:none}
#services .services-toast{display:none;width:100%;padding:16px;border:1px solid #ffffffdc;border-radius:8px;background:linear-gradient(135deg,#ffffffed,#f1f5faed);box-shadow:0 12px 36px #10202a26,inset 0 0 0 3px #ffffff60;backdrop-filter:blur(18px);animation:services-panel-enter .35s ease both}
#services [data-step="0"] [data-toast-step="0"],#services [data-step="1"] [data-toast-step="1"],#services [data-step="2"] [data-toast-step="2"]{display:block}
#services .services-toast-brand{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;color:#536077;font:500 .5625rem/1.3 var(--mono)}
#services .services-toast-brand>span{color:#235b37;background:#e2f4d7;padding:3px 7px;border-radius:4px;font:500 .625rem/1 var(--font)}
#services .services-toast-head{display:grid;grid-template-columns:44px minmax(0,1fr) 16px;gap:10px;align-items:center}
#services .services-toast-head img{display:block;width:44px;height:44px;border-radius:50%;object-fit:cover}
#services .services-software-panel:first-child .services-toast-head img{border-radius:6px}
#services .services-toast-head svg,#services .services-toast-action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
#services .services-toast-head>svg{color:#758198}
#services .services-toast-title{font-size:.9375rem;line-height:1.35;font-weight:600;margin:0 0 3px}
#services .services-toast-detail{font-size:.6875rem;line-height:1.5;color:#586882}
#services .services-toast-data{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:.75rem;line-height:1.4;color:#586882}
#services .services-toast-data strong{font-weight:550;color:#172031}
#services .services-toast-action{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;min-height:34px;padding:8px 12px;background:#ddf578;box-shadow:inset 0 1px 2px #fff;border:1px solid #d6ec70;border-radius:5px;color:#18210d;font-size:.75rem;line-height:1.35;font-weight:550}
#services .services-toast-footnote{padding-top:12px;margin-top:12px;border-top:1px solid #cdd6df;font-size:.6875rem;line-height:1.5;color:#416246}
#services .services-toast-confirmed .services-toast-head img{box-shadow:0 0 0 3px #c9eab6}
#services .services-toast-message{font-size:.8125rem;line-height:1.5;color:#485977;margin-top:12px}
#services .services-time-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:14px;font:400 .75rem/1.2 var(--mono)}
#services .services-time-slots span{text-align:center;padding:8px 0;border:1px solid #c9d3de;border-radius:4px;background:#ffffff70}
#services .services-time-slots .services-selected-time{background:#ddf578;color:#18210d;border-color:#b6cd58;font-weight:600}
@keyframes services-panel-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:901px){#services[data-software-step="1"] .services-caption{visibility:hidden}}
@media(min-width:1600px){#services .services-word{font-size:7rem}}
@media(max-width:1100px){#services .services-caption{max-width:360px}#services .services-chapter-line{font-size:1.625rem}}
@media(max-width:900px){
  #services .services-toolbar{height:64px;padding-block:10px}
  #services .services-toolbar>p,#services .services-scene-footer>p{font-size:.625rem}
  #services[data-pinned=true] .services-stage:after{display:none}
  #services .services-scene-footer{gap:12px;padding-block:12px}
  #services .services-scene-footer>p{max-width:120px;line-height:1.7}
  #services .services-scene-footer>p span{display:block}
  #services[data-pinned=true] .services-progress{display:none}
  #services .services-film-controls{margin-left:auto;gap:12px}
  #services .services-chapters button{padding:0;width:44px;justify-content:center}
  #services .services-chapters button span{display:none}
  #services[data-pinned=true] .services-caption{left:var(--services-gutter);right:var(--services-gutter);bottom:248px;max-width:none}
  #services .services-chapter{font-size:.5625rem;margin-bottom:5px}
  #services .services-chapter-line{font-size:1.0625rem;line-height:1.3}
  #services .services-chapter-detail{display:none}
  #services .services-software-panel{top:auto;bottom:82px;left:var(--services-gutter);right:var(--services-gutter);width:auto;height:154px;max-width:600px;margin-inline:auto;align-items:flex-start}
  #services .services-toast{padding:10px 12px;max-height:154px}
  #services .services-toast-brand{font-size:.5rem;margin-bottom:7px}
  #services .services-toast-head{grid-template-columns:34px minmax(0,1fr) 14px;gap:8px}
  #services .services-toast-head img{width:34px;height:34px}
  #services .services-toast-head>svg{width:14px;height:14px}
  #services .services-toast-title{font-size:.8125rem;line-height:1.3;margin-bottom:2px}
  #services .services-toast-detail{font-size:.5625rem;line-height:1.4}
  #services .services-toast-data,#services .services-toast-message{font-size:.625rem;margin-top:8px}
  #services .services-toast-action{font-size:.625rem;min-height:25px;padding:4px 8px;margin-top:7px}
  #services .services-time-slots{margin-top:8px;font-size:.625rem}
  #services .services-time-slots span{padding:4px 0}
  #services .services-toast-footnote{font-size:.625rem;margin-top:8px;padding-top:8px}
}
@media(max-width:700px){#services .services-word{font-size:2.875rem;padding-top:28px}}
@media(max-width:359px){#services{--services-gutter:18px}#services .services-word{font-size:2.5rem}#services .services-film-controls{gap:6px}#services .services-chapters{gap:0}#services .services-scene-footer>p{font-size:.5rem}}
@media(prefers-reduced-motion:reduce){#services .services-track{height:auto!important}#services .services-stage{position:relative!important;height:auto!important}#services *{animation:none!important}}
@media(forced-colors:active){#services{background:Canvas;color:CanvasText}#services .services-scene{display:none}#services .service-cta{border:1px solid ButtonText}#services .services-intro,#services .service-description,#services .services-contact>p{color:CanvasText}}