/* ==========================================================
 * Our services page
 * ======================================================== */

/* ================= Services ================= */
.sv-hero{position:relative;overflow:clip;background:var(--deep);color:#fff;padding:calc(84px + clamp(1.5rem,5vh,3.5rem)) 0 clamp(2.5rem,6vh,4rem);isolation:isolate}
.sv-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 80% 40%, rgba(10,107,136,.35), transparent 60%)}
.sv-hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 80% at 70% 40%,#000,transparent);mask-image:radial-gradient(70% 80% at 70% 40%,#000,transparent)}
body:not(.scrolled).sv-page .site-head{color:#fff}
body:not(.scrolled).sv-page .site-head .nav .link{color:#fff!important}
body:not(.scrolled).sv-page .brand .on-light{display:none}
body:not(.scrolled).sv-page .brand .on-dark{display:block}
body:not(.scrolled).sv-page .menu-btn{color:#fff}
body:not(.scrolled).sv-page .site-head .btn-book{background:#fff!important;color:var(--deep)!important}
body:not(.scrolled).sv-page .call-dot{background:#fff;color:var(--deep)}
.svh-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
.sv-hero h1{margin-top:1.1rem;font-size:clamp(2.5rem,4.6vw,4.4rem);line-height:1;color:#fff;letter-spacing:-.04em}
.sv-hero .ph-l:nth-child(2) > span{color:#8FDCF5}
.sv-search{position:relative;margin-top:1.5rem;width:min(600px,100%);z-index:20;opacity:0;animation:ctIn .8s var(--ease) .55s forwards}
.sv-search input{width:100%;height:64px;border-radius:999px;border:2px solid transparent;background:#fff;padding:0 1.4rem 0 3.4rem;font:500 1.08rem var(--body);color:var(--basalt);box-shadow:0 30px 60px -30px rgba(0,0,0,.55);outline:none;transition:border-color .3s, box-shadow .3s}
.sv-search input:focus{border-color:var(--cyan);box-shadow:0 0 0 6px rgba(159,230,250,.35),0 30px 60px -30px rgba(0,0,0,.55)}
.sv-search input::-webkit-search-cancel-button{display:none}
.hj-s-ic{position:absolute;left:1.2rem;top:50%;transform:translateY(-50%);color:var(--deep)}
.hj-s-ic svg{width:22px;height:22px}
.sv-sug{position:absolute;left:0;right:0;top:calc(100% + .5rem);list-style:none;margin:0;padding:.4rem;background:#fff;border-radius:20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.45);max-height:320px;overflow:auto;color:var(--basalt);animation:cfIn .3s var(--ease)}
.sv-sug[hidden]{display:none}
.sv-sug li{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem .9rem;border-radius:12px;cursor:pointer}
.sv-sug li[aria-selected="true"],.sv-sug li:hover{background:var(--sky)}
.sv-sug li b{font-weight:700}
.sv-sug li span{font-size:.82rem;color:#5B6B71;white-space:nowrap}
.sv-sug li.none{cursor:default;color:#45555B}
.hj-pop{margin-top:.9rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;opacity:0;animation:ctIn .8s var(--ease) .75s forwards}
.hj-pop > span{color:#CFEAEA;font-weight:600;margin-right:.2rem}
.hj-chip{border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:.42rem .85rem;font:600 .88rem var(--body);cursor:pointer;text-decoration:none;transition:background .3s, color .3s}
.hj-chip:hover{background:#fff;color:var(--deep)}
.sv-hero .ph-cta{margin-top:1.4rem}
/* orbit */
.svh-stage{position:relative;height:min(68svh,580px);min-height:480px;display:grid;place-items:center;perspective:1400px}
.ob-glow{position:absolute;left:50%;top:50%;width:440px;height:440px;margin:-220px 0 0 -220px;border-radius:50%;background:radial-gradient(circle, rgba(159,230,250,.4), transparent 65%);filter:blur(10px);animation:phPulse 5s ease-in-out infinite}
.ob{position:relative;width:min(440px,92%);aspect-ratio:1;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease)}
.ob-ring{position:absolute;inset:12%;border-radius:50%;border:2px dashed rgba(255,255,255,.28)}
.ob-ring.r2{inset:-2%;border:1px solid rgba(255,255,255,.14);border-style:solid}
.ob-core{position:absolute;left:50%;top:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px);display:grid;place-content:center;justify-items:center;text-align:center;gap:.3rem;opacity:0;animation:obFade .9s var(--ease) .3s forwards}
.ob-core img{width:70%;margin-bottom:.4rem}
.ob-core b{font:800 1.3rem/1.1 var(--display);color:#fff}
.ob-core b i{font-style:normal}
.ob-core span{font-size:.8rem;color:#CFEAEA}
.ob-spin{position:absolute;inset:0;animation:spin 60s linear infinite}
.ob:hover .ob-spin,.ob.hold .ob-spin{animation-play-state:paused}
@keyframes spin{to{transform:rotate(360deg)}}
.ob-n{all:unset;box-sizing:border-box;position:absolute;left:50%;top:50%;width:150px;margin:-46px 0 0 -75px;cursor:pointer;transform:rotate(var(--a)) translate(0,calc(-1 * min(205px, 44vw))) rotate(calc(-1 * var(--a)))}
.ob-in{display:grid;justify-items:center;gap:.25rem;text-align:center;padding:.8rem .7rem;border-radius:18px;background:#fff;color:var(--basalt);box-shadow:0 22px 40px -20px rgba(0,0,0,.5);animation:spinBack 60s linear infinite;transition:background .3s, color .3s, scale .35s cubic-bezier(.3,1.5,.5,1);opacity:0}
.ob-n .ob-in{animation:spinBack 60s linear infinite, obFade .8s var(--ease) forwards}
@keyframes obFade{to{opacity:1}}
.ob-n.n0 .ob-in{animation-delay:0s,.5s}.ob-n.n1 .ob-in{animation-delay:0s,.65s}.ob-n.n2 .ob-in{animation-delay:0s,.8s}.ob-n.n3 .ob-in{animation-delay:0s,.95s}
.ob:hover .ob-in,.ob.hold .ob-in{animation-play-state:paused,running}
@keyframes spinBack{to{transform:rotate(-360deg)}}
.ob-n:hover .ob-in,.ob-n:focus-visible .ob-in{background:var(--cyan);color:#06303D;scale:1.08}
.ob-n:focus-visible .ob-in{outline:3px solid var(--canola);outline-offset:3px}
.ob-ic{width:38px;height:38px;border-radius:12px;background:#D3EEF7;color:var(--deep);display:grid;place-items:center}
.ob-ic svg{width:20px;height:20px}
.ob-in b{font:800 .9rem/1.15 var(--display);letter-spacing:-.01em}
.ob-in em{font-style:normal;font-size:.75rem;color:#5B6B71}
.ob-n:hover .ob-in em{color:#06303D}
.abh-hint{position:absolute;right:0;bottom:0;font-size:.8rem;color:#CFEAEA;opacity:.8}
/* sections */
.sv-sec{background:#fff;padding:clamp(2.5rem,6vh,4.5rem) 0;scroll-margin-top:84px}
.sv-tint{background:var(--sky)}
.sv-sec h2{font-size:clamp(2rem,min(3.2vw,5.4vh),3.1rem);line-height:1.05}
.sv-sec p{color:#45555B}
/* booking helper */
.bk{margin-top:clamp(1.2rem,3vh,2rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.2rem;align-items:start}
.bk-steps{display:grid;gap:.7rem}
.bk-s{display:grid;grid-template-columns:auto 1fr;gap:.9rem;align-items:start;background:#fff;border:1.5px solid var(--sky-line);border-radius:20px;padding:1rem 1.1rem;transition:border-color .3s, box-shadow .4s var(--ease), opacity .3s}
.bk-s.on{border-color:var(--cyan);box-shadow:0 18px 36px -26px rgba(10,107,136,.6)}
.bk-s.done .bk-n{background:#14724A}
.bk-n{width:38px;height:38px;border-radius:50%;background:var(--deep);color:#fff;display:grid;place-items:center;font:800 1rem var(--display);transition:background .3s}
.bk-s b{display:block;font:800 1.02rem var(--display);letter-spacing:-.02em;color:var(--basalt);margin-bottom:.55rem}
.bk-s select{width:100%;height:50px;border-radius:14px;border:1.5px solid var(--sky-line);background:#fff;padding:0 .9rem;font:500 1rem var(--body);color:var(--basalt)}
.bk-s select:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 4px rgba(10,107,136,.15)}
.bk-row{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.bk-row select.sm{width:auto;min-width:170px;height:44px}
.bk-seg{display:inline-flex;flex-wrap:wrap;gap:.35rem}
.bk-seg input{position:absolute;opacity:0;pointer-events:none}
.bk-seg span{display:inline-block;padding:.6rem 1rem;border-radius:999px;border:1.5px solid var(--sky-line);font-weight:600;font-size:.95rem;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.bk-seg span:hover{border-color:var(--cyan)}
.bk-seg input:checked + span{background:var(--deep);border-color:var(--deep);color:#fff}
.bk-seg input:focus-visible + span{outline:3px solid var(--canola);outline-offset:2px}
.bk-res{position:sticky;top:110px;background:#fff;border:1px solid var(--sky-line);border-radius:24px;padding:1.4rem;min-height:340px;box-shadow:0 30px 60px -40px rgba(10,60,80,.45)}
.bk-empty{display:grid;justify-items:center;text-align:center;gap:.6rem;padding:2rem 1rem}
.bk-empty > span{width:60px;height:60px;border-radius:18px;background:var(--sky);color:var(--deep);display:grid;place-items:center}
.bk-empty > span svg{width:28px;height:28px}
.bk-plan{animation:cfIn .45s var(--ease)}
.bk-plan .bk-k{font-weight:700;color:var(--deep);font-size:.9rem}
.bk-plan h3{margin-top:.2rem;font-size:clamp(1.35rem,2.2vw,1.8rem);letter-spacing:-.025em}
.bk-tips{list-style:none;margin:.8rem 0 0;padding:0;display:grid;gap:.45rem}
.bk-tips li{display:flex;gap:.55rem;align-items:flex-start;font-size:.95rem;color:#33434A;line-height:1.45}
.bk-tips svg{width:19px;height:19px;flex:none;color:var(--deep);margin-top:.1rem}
.bk-tips li.warn svg{color:#B36B00}
.bk-gps{margin-top:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}
.bk-gp{display:flex;gap:.7rem;align-items:center;padding:.55rem;border-radius:16px;border:1px solid var(--sky-line);text-decoration:none;color:var(--basalt);transition:border-color .3s, transform .35s var(--ease);animation:cfIn .45s var(--ease) both}
.bk-gp:hover{border-color:var(--cyan);transform:translateY(-2px)}
.bk-gp img{width:48px;height:48px;border-radius:12px;object-fit:cover;object-position:50% 18%;flex:none}
.bk-gp b{display:block;font:800 .92rem/1.2 var(--display);letter-spacing:-.01em}
.bk-gp span{font-size:.8rem;color:#5B6B71}
.bk-gp em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--deep)}
.bk-go{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.6rem}
.bk-go .btn svg{width:18px;height:18px}
/* explorer */
.sx-bar{margin-top:1.2rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}
.sx-tabs{display:flex;flex-wrap:wrap;gap:.4rem}
.sx-t{border:1.5px solid var(--sky-line);background:#fff;color:var(--basalt);border-radius:999px;padding:.55rem 1rem;font:600 .93rem var(--body);cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.sx-t em{font-style:normal;font-size:.8rem;margin-left:.2rem;opacity:.7}
.sx-t:hover{border-color:var(--cyan)}
.sx-t.on{background:var(--deep);border-color:var(--deep);color:#fff}
.hj-count{font-weight:600;color:#45555B}
.sx-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}
.st{opacity:0;transform:translateY(14px);animation:hjIn .5s var(--ease) forwards;animation-delay:calc(min(var(--n),18) * 30ms)}
@keyframes hjIn{to{opacity:1;transform:none}}
.st[hidden]{display:none}
.st-a{display:flex;gap:.8rem;align-items:flex-start;height:100%;padding:1rem;border-radius:18px;border:1px solid var(--sky-line);background:#fff;text-decoration:none;color:var(--basalt);transition:border-color .3s, transform .4s var(--ease), box-shadow .4s var(--ease)}
.st-a:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 20px 36px -26px rgba(10,60,80,.55)}
.st-a:focus-visible{outline:3px solid var(--canola);outline-offset:3px}
.st-ic{width:42px;height:42px;border-radius:13px;background:var(--sky);color:var(--deep);display:grid;place-items:center;flex:none;transition:background .3s,color .3s,transform .45s var(--ease)}
.st-a:hover .st-ic{background:var(--deep);color:#fff;transform:rotate(-8deg)}
.st-ic svg{width:21px;height:21px}
.st-b{display:grid;gap:.3rem;flex:1;min-width:0}
.st-n{font:800 1.02rem/1.25 var(--display);letter-spacing:-.02em}
.st-d{font-size:.88rem;color:#45555B;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.st-bd{display:flex;flex-wrap:wrap;gap:.3rem}
.st-go{width:18px;height:18px;color:#7F9298;flex:none;margin-top:.3rem;transition:transform .35s var(--ease),color .3s}
.st-a:hover .st-go{transform:translateX(3px);color:var(--deep)}
.bd{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;font-size:.74rem;font-weight:700}
.bd svg{width:13px;height:13px}
.bd-long{background:#E3F4F4;color:var(--deep)}
.bd-nurse{background:#F3F0F9;color:#4B3A74}
.bd-fee{background:#FFF4E5;color:#8A4B00}
.hj-empty{margin-top:1rem;background:#fff;border-radius:22px;padding:2rem;text-align:center;border:1px dashed var(--sky-line)}
.hj-empty[hidden]{display:none}
/* nurses */
.nc{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.nc-img{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(10,60,80,.5)}
.nc-img img{width:100%;aspect-ratio:1;object-fit:cover;max-height:min(56vh,460px)}
.nc > div > p{margin-top:.8rem;max-width:56ch}
.nc-list{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}
.nc-list a{display:flex;gap:.5rem;align-items:center;padding:.55rem .75rem;border-radius:12px;background:#fff;border:1px solid var(--sky-line);text-decoration:none;color:var(--basalt);font-weight:600;font-size:.93rem;transition:border-color .3s}
.nc-list a:hover{border-color:#4B3A74}
.nc-list svg{width:17px;height:17px;color:#4B3A74;flex:none}
.nc .ph-cta{margin-top:1.2rem}
/* drawer */
.sd{border:0;padding:0;margin:0 0 0 auto;height:100svh;max-height:none;width:min(520px,100vw);max-width:none;background:#fff;box-shadow:-30px 0 60px -30px rgba(0,0,0,.4)}
.sd::backdrop{background:rgba(16,26,31,.45);backdrop-filter:blur(3px)}
.sd[open]{animation:sdIn .45s var(--ease)}
@keyframes sdIn{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.sd-in{position:relative;height:100%;overflow-y:auto;padding:clamp(1.4rem,4vw,2.2rem);display:flex;flex-direction:column;gap:.9rem}
.sd-x{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--sky-line);background:#fff;color:var(--basalt);display:grid;place-items:center;cursor:pointer}
.sd-x svg{width:20px;height:20px}
.sd-cat{color:var(--deep);font-weight:700;margin-top:.6rem}
.sd h2{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.08;letter-spacing:-.03em;padding-right:3rem}
.sd-desc{color:#33434A;line-height:1.65}
.sd-bd{display:flex;flex-wrap:wrap;gap:.35rem}
.sd-bd .bd{font-size:.82rem;padding:.3rem .65rem}
.sd-good{display:flex;gap:.7rem;padding:1rem;border-radius:16px;background:var(--sky);border:1px solid var(--sky-line)}
.sd-good > span{color:var(--deep)}
.sd-good > span svg{width:22px;height:22px}
.sd-good b{font:800 .98rem var(--display)}
.sd-good p{margin-top:.2rem;color:#33434A;line-height:1.55}
.sd-gps h3{font-size:1.05rem;letter-spacing:-.02em}
.sd-gps .bk-gps{margin-top:.6rem}
.sd-cta{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:.3rem}
.sd-cta .btn svg{width:18px;height:18px}
.sd-helper{border:1.5px solid var(--sky-line);background:#fff;color:var(--deep)}
.sd-note{font-size:.82rem;color:#5B6B71;margin-top:auto}
@media (max-width: 1100px){ .sx-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width: 960px){
  .svh-grid,.bk,.nc{grid-template-columns:1fr}
  .svh-stage{height:min(100vw,440px);min-height:0}
  .abh-hint{display:none}
  .bk-res{position:static}
  .ob-n{width:120px;margin:-40px 0 0 -60px}
}
@media (max-width: 620px){ .sx-grid,.bk-gps,.nc-list{grid-template-columns:1fr} .ob-n{transform:rotate(var(--a)) translate(0,-38vw) rotate(calc(-1 * var(--a)))} .ob-in{padding:.55rem .5rem} .ob-ic{display:none} }
@media (prefers-reduced-motion: reduce){ .ob-spin,.ob-in{animation:none!important;opacity:1} .st{animation:none;opacity:1;transform:none} .sv-search,.hj-pop{animation:none;opacity:1} .ob-core{animation:none;opacity:1} }