:root {
  --pikod-ink: #151521;
  --pikod-blue: #243a58;
}
.site-header { backdrop-filter: blur(16px); }
body .site-hero {
  color: #fff;
  padding-block: clamp(5rem, 12vw, 10rem);
  background: radial-gradient(ellipse at 85% 12%, #a66dec38, transparent 55%),
    linear-gradient(90deg, #141222 8%, #141222ed 40%, #14122246),
    #141222;
}
.site-hero h1 { color: #fff; font-size: clamp(3.5rem, 10vw, 8rem); letter-spacing: -.075em; }
.site-hero .hero-copy, .site-hero .location { color: #edf3fb; }
.site-hero .hero-copy { max-width: 38ch; }
body .site-button.primary { background: var(--pikod-blue); color: white; }
body .service-grid article {
  background: linear-gradient(150deg, #fff, #f3f6fa);
  border: 1px solid #dfe6ee;
  border-radius: 18px;
  box-shadow: 0 8px 22px #2620440a;
}
body .site-section h2 { color: var(--pikod-ink); letter-spacing: -.035em; }
.booking-design { background: #f5f3fa; }
.booking-design .header {
  padding: 28px 22px;
  border-radius: 20px;
  color: white;
  background: radial-gradient(ellipse at 95% 10%, #ae6cff52, transparent 55%),
    linear-gradient(90deg, #161224, #161224bc 62%, #16122469),
    #211a3c;
}
.booking-design .header .sub { color: #edf3fb; }
.booking-design .card { border-radius: 18px; box-shadow: 0 8px 24px #2016330c; }
@keyframes pikod-enter {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
  .site-hero > .site-shell, .booking-design .header, .booking-design .tabs {
    animation: pikod-enter .55s ease-out both;
  }
  .booking-design .tabs { animation-delay: .1s; }
}
@media (max-width: 600px) {
  body .site-hero {
    background: linear-gradient(90deg, #141222f5, #14122280),
      #141222;
  }
}
body { background-color: #f5f7fa; }
body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 100;
  pointer-events: none;
  background: radial-gradient(125px circle at var(--pointer-x, -400px) var(--pointer-y, -400px), #e6efff12, transparent);
}
body .site-hero, .booking-design .header {
  background: radial-gradient(ellipse at 80% 20%, #e8f1ff38, transparent 48%),
    radial-gradient(ellipse at 100% 0%, #6f263b55, transparent 42%),
    radial-gradient(ellipse at 92% 100%, #25456785, transparent 58%),
    linear-gradient(130deg, #080b12 25%, #16283f);
}
body .site-header, body .site-actions, .booking-design .tabs {
  background: linear-gradient(145deg, #ffffffeb, #e7edf5b5);
  backdrop-filter: blur(22px) saturate(145%);
  box-shadow: inset 0 1px 1px white, 0 10px 34px #21183e16;
}
body .service-grid article, .booking-design .card {
  background: linear-gradient(145deg, #fffffffa, #eaf0f7be);
  box-shadow: inset 0 1px 1px white, 0 10px 28px #21183e10;
}
body .site-button, .booking-design .btn {
  border-radius: 999px;
  box-shadow: inset 0 1px 1px #ffffff5c, 0 5px 16px #21183e24;
}
@media (prefers-reduced-motion: no-preference) {
  .glass-enter { animation: pikod-enter .65s cubic-bezier(.2,.7,.2,1) both; }
  .service-grid article, .site-button, .booking-design .btn { transition: translate .2s ease, box-shadow .2s ease; }
  .site-button:active, .booking-design .btn:active { translate: 0 1px; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .service-grid article:hover, .site-button:hover { translate: 0 -3px; box-shadow: 0 14px 32px #21183e26; }
}

@media (prefers-reduced-motion: no-preference) {
  .site-hero > .site-shell { animation: none; }
  .site-hero .location, .site-hero h1, .site-hero .hero-copy,
  .site-hero .hero-actions {
    animation: pikod-enter .58s cubic-bezier(.2,.75,.25,1) both;
  }
  .site-hero h1 { animation-delay: 55ms; }
  .site-hero .hero-copy { animation-delay: 120ms; }
  .site-hero .hero-actions { animation-delay: 175ms; }
  .service-grid article:nth-child(3n+2) { animation-delay: 55ms; }
  .service-grid article:nth-child(3n) { animation-delay: 110ms; }

  :is(.site-button, .site-actions a, .booking-design button) {
    transition: scale .22s cubic-bezier(.2,.8,.25,1), filter .18s ease, box-shadow .2s ease;
    touch-action: manipulation;
  }
  :is(.site-button, .site-actions a, .booking-design button):active:not(:disabled) {
    scale: .96;
    filter: brightness(1.13);
    transition-duration: .085s;
  }
  .booking-design .slots-wrap .slot-enter {
    animation: pikod-enter .28s ease-out both;
  }
}

body .site-hero {
  background: radial-gradient(ellipse at 94% 0%, #66283b58, transparent 42%),
    linear-gradient(90deg, #080b12 20%, #101e31f2 44%, #101e3175);
}
.booking-design .header {
  background: radial-gradient(ellipse at 100% 0%, #6826396b, transparent 60%),
    linear-gradient(90deg, #0a111ef7, #152641a8);
}
@media (max-width: 600px) {
  body .site-hero { background-position: center, center, 53% 65%; }
}

body .site-hero {padding-block:clamp(38px,6vw,76px)}
.site-hero h1{font-size:clamp(2.8rem,7vw,5.7rem);letter-spacing:-.055em;line-height:1.04}
.hero-terms{margin-top:18px;color:#d7e5fb;font-size:.9rem}
body .site-header,body .site-actions{background:#f7faffdf}
body .service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body .service-grid article{background:linear-gradient(155deg,#fff,#eef5ff);border-color:#d8e5f8}
body .service-grid h3{font-size:1.05rem}
body .booking-design .header,.booking-design .header{background:radial-gradient(ellipse at 95% 0%,#52223875,transparent 56%),linear-gradient(120deg,#080e1c,#193350)}
@media(max-width:740px){body .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:470px){body .service-grid{grid-template-columns:1fr}body .site-hero{background:linear-gradient(90deg,#080e1cf7,#132641dd)}}
.holding{display:flex;align-items:center;gap:22px;padding:clamp(16px,4vw,30px);border:1px solid #68414f;border-radius:20px;background:linear-gradient(120deg,#341722,#181b2b);color:#f3f4f6}
.holding img{width:clamp(68px,15vw,112px);height:auto;border-radius:12px}
.holding h2{color:#f3f4f6!important;font-size:clamp(1.1rem,3vw,1.6rem);font-weight:750}
.holding p{color:#dbcbd3;margin-top:6px}
body[data-premium]{background:#0b0f19;color:#f3f4f6}
body[data-premium] .site-section h2:not(.holding h2){color:#f3f4f6}
body[data-premium] .hero-copy{color:#b8c6db}
body[data-premium] .service-grid article{background:radial-gradient(155px circle at var(--card-x,-250px) var(--card-y,-250px),#38bdf81c,transparent),#131c2b;border-color:#27364c;color:#f3f4f6}
body[data-premium] .service-grid article p{color:#b8c6db}
body[data-premium] .catalog-link{color:#8bdcff}
body[data-premium] .site-button.primary{background:linear-gradient(180deg,#2f62a0,#234477);border-color:#5780ae}
body[data-premium] .site-button.primary:hover{border-color:#91d5ff;box-shadow:0 0 20px -6px #38bdf8}
body[data-premium] #reviews>div{background:#131c2b;color:#f3f4f6;border-color:#27364c}
body[data-premium] #reviews :is(input,select,textarea){background:#0b0f19;color:#f3f4f6}
body[data-premium] #reviews-empty{color:#b8c6db}