html{scroll-behavior:smooth;background:#fbfdff}
body{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 9% 8%,rgba(99,91,255,.24),transparent 28rem),
    radial-gradient(circle at 86% 12%,rgba(0,212,255,.22),transparent 30rem),
    radial-gradient(circle at 82% 82%,rgba(255,92,159,.16),transparent 24rem),
    linear-gradient(180deg,#fbfdff 0%,#f6f8ff 42%,#ffffff 100%);
  color:var(--color-text);
  font-family:var(--font-body);
  font-size:calc(1rem * var(--theme-body-scale));
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(rgba(99,91,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,212,255,.045) 1px,transparent 1px),
    radial-gradient(circle at 18% 24%,rgba(99,91,255,.16),transparent 18rem),
    radial-gradient(circle at 82% 34%,rgba(0,212,255,.14),transparent 22rem),
    radial-gradient(circle at 58% 86%,rgba(255,92,159,.1),transparent 20rem);
  background-size:44px 44px,44px 44px,auto,auto,auto;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.55) 58%,rgba(0,0,0,.18));
}
body::after{
  content:"";
  position:fixed;
  right:min(3vw,2rem);
  top:18vh;
  width:min(32vw,420px);
  height:min(32vw,420px);
  z-index:-1;
  pointer-events:none;
  border-radius:42% 58% 65% 35%;
  background:conic-gradient(from 140deg,rgba(99,91,255,.34),rgba(0,212,255,.28),rgba(255,92,159,.2),rgba(255,209,102,.2),rgba(99,91,255,.34));
  filter:blur(46px);
  opacity:.72;
  animation:edm-orb-breathe 18s ease-in-out infinite alternate;
}
.container{max-width:var(--page-width)}
::selection{background:rgba(99,91,255,.2);color:#0a2540}

/* Premium Stripe-inspired shell */
.site-header{
  backdrop-filter:blur(22px) saturate(140%);
  background:rgba(255,255,255,.78)!important;
  border-bottom:1px solid rgba(99,91,255,.14)!important;
  box-shadow:0 10px 40px rgba(10,37,64,.05);
}
.site-header.scrolled{box-shadow:0 18px 48px rgba(10,37,64,.1)!important}
.brand-name{font-family:var(--font-heading)!important;font-weight:850;letter-spacing:-.06em;color:var(--stripe-navy)!important}
.brand-name i{color:var(--stripe-violet);font-style:normal}
.nav-link,.nav-menu>a:not(.button),.nav-logout button{color:#344054!important;font-weight:700}
.nav-link:hover,.nav-menu>a:hover,.nav-logout button:hover{color:var(--stripe-violet)!important}
.nav-link::after{height:3px;border-radius:999px;background:var(--gradient-conversion)!important}
.nav-book{box-shadow:0 12px 34px rgba(99,91,255,.24)!important}

/* Conversion buttons */
.button,.admin-button{
  border:0!important;
  border-radius:var(--radius-button)!important;
  background:var(--gradient-conversion)!important;
  color:var(--color-button-text)!important;
  box-shadow:0 18px 42px rgba(99,91,255,.28)!important;
  font-weight:850!important;
  letter-spacing:-.01em;
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease!important;
}
.button:hover,.admin-button:hover{transform:translateY(-3px);box-shadow:0 28px 70px rgba(99,91,255,.34)!important;filter:saturate(1.08)}
.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-top:1.75rem}
.hero-actions .button:empty{display:none!important}
.button-outline,.admin-button.secondary,.button-quiet{
  background:rgba(255,255,255,.82)!important;
  color:var(--stripe-navy)!important;
  border:1px solid rgba(99,91,255,.22)!important;
  box-shadow:0 10px 28px rgba(10,37,64,.07)!important;
}
.button-gold{background:var(--gradient-warm)!important;color:#102033!important;box-shadow:0 18px 44px rgba(255,92,159,.18)!important}
.text-link{color:#4f46e5!important;font-weight:800}

/* Hero: angular gradient rhythm inspired by modern payments/product sites */
.home-hero,.page-hero{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    linear-gradient(90deg,rgba(255,255,255,.78) 0 1px,transparent 1px),
    linear-gradient(0deg,rgba(99,91,255,.06) 0 1px,transparent 1px),
    linear-gradient(122deg,rgba(255,255,255,.96) 0%,rgba(244,247,255,.95) 46%,rgba(230,250,255,.86) 100%)!important;
  background-size:auto,52px 52px,auto!important;
}
.home-hero::before,.page-hero::before{
  content:"";
  position:absolute;
  inset:-22% -12% auto auto;
  width:min(58vw,780px);
  height:min(46vw,600px);
  z-index:-2;
  transform:skewY(-10deg) rotate(-8deg);
  border-radius:60px;
  background:
    linear-gradient(135deg,rgba(99,91,255,.95),rgba(0,212,255,.78) 52%,rgba(255,92,159,.62));
  filter:blur(.2px);
  opacity:.86;
  animation:edm-gradient-drift 14s ease-in-out infinite alternate;
}
.home-hero::after,.page-hero::after{
  content:"";
  position:absolute;
  inset:auto auto 8% -9%;
  width:min(35vw,420px);
  height:min(35vw,420px);
  border-radius:999px;
  background:radial-gradient(circle,rgba(255,209,102,.38),rgba(255,255,255,0) 64%);
  z-index:-1;
}
.home-hero .container,.page-hero .container{position:relative;z-index:1}
.home-hero .container::before,.page-hero .container::before{
  content:"";
  position:absolute;
  width:9rem;
  height:9rem;
  left:50%;
  top:12%;
  transform:translateX(-50%) rotate(24deg);
  border:1px solid rgba(99,91,255,.18);
  border-radius:2rem;
  background:linear-gradient(135deg,rgba(255,255,255,.38),rgba(0,212,255,.08));
  box-shadow:0 22px 70px rgba(99,91,255,.12);
  z-index:-1;
}
.home-hero h1,.page-hero h1{
  font-family:var(--font-heading)!important;
  color:var(--stripe-navy)!important;
  letter-spacing:-.078em!important;
  line-height:.93!important;
  font-weight:900!important;
  font-size:clamp(3.2rem,8vw,7.25rem)!important;
}
.lead{color:#475467!important;font-weight:500}
.eyebrow{color:#4f46e5!important;font-weight:900;letter-spacing:.16em}

/* Premium cards and surfaces */
.editorial-card,.service-card,.product-card,.profile-panel,.admin-card,.metric-card,.checkout-summary,.checkout-card,.search-result-card,.empty-state,.media-tile,.creator-card,.episode-card,.bento-card,.premium-action-grid a,.blog-card,.form-card,.contact-card,.calendar-event,.integration-card{
  border-radius:var(--radius-card)!important;
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(99,91,255,.14)!important;
  box-shadow:var(--shadow-card)!important;
  backdrop-filter:blur(18px) saturate(130%);
}
.editorial-card:hover,.service-card:hover,.product-card:hover,.creator-card:hover,.episode-card:hover,.premium-action-grid a:hover,.blog-card:hover,.search-result-card:hover{
  transform:translateY(-5px);
  box-shadow:0 34px 90px rgba(10,37,64,.16)!important;
  border-color:rgba(99,91,255,.28)!important;
}
.editorial-card,.service-card,.product-card,.creator-card,.episode-card,.premium-action-grid a,.blog-card,.search-result-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.section-pad{position:relative;padding-block:var(--section-spacing)}
.section-pad::after{
  content:"";
  position:absolute;
  inset:auto 4vw 0 auto;
  width:min(28vw,340px);
  height:min(28vw,340px);
  border-radius:999px;
  background:radial-gradient(circle,rgba(0,212,255,.12),transparent 68%);
  pointer-events:none;
  z-index:-1;
}
.sage-band,.tint,.experience-band,.personal-message,.final-cta{background:linear-gradient(135deg,rgba(245,248,255,.92),rgba(236,252,255,.86),rgba(255,247,251,.82))!important}
.quote-band,.work-together{background:linear-gradient(135deg,#0a2540,#1d145f 54%,#3b35c9)!important}
.quote-band h2,.quote-band blockquote,.work-together h2{color:#fff!important}

/* Action grid */
.premium-action-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;margin-top:2rem}
.premium-action-grid a{
  min-height:132px;
  padding:1.1rem;
  text-decoration:none;
  color:var(--color-text);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  position:relative;
  overflow:hidden;
}
.premium-action-grid a::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(99,91,255,.12),rgba(0,212,255,.08),rgba(255,92,159,.08));
  opacity:0;
  transition:opacity .2s ease;
}
.premium-action-grid a:hover::before{opacity:1}
.premium-action-grid span{font-size:1.65rem;color:var(--stripe-violet)}
.premium-action-grid strong{position:relative;font-size:1rem;color:var(--stripe-navy)}
.premium-action-grid small{position:relative;color:#667085}

/* Bento section */
.bento-brand-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:1rem}
.bento-card{padding:clamp(1.25rem,3vw,2.15rem);min-height:190px}
.bento-card.featured{
  grid-row:span 2;
  min-height:410px;
  color:#fff;
  background:
    radial-gradient(circle at 82% 12%,rgba(0,212,255,.36),transparent 25rem),
    linear-gradient(145deg,#0a2540 0%,#20115f 52%,#635bff 100%)!important;
  border-color:rgba(255,255,255,.2)!important;
  box-shadow:0 34px 100px rgba(99,91,255,.28)!important;
}
.bento-card.featured h2,.bento-card.featured p{color:#fff!important}

/* Media and product polish */
.portrait-wrap,.portrait-card,.podcast-cover,.podcast-cover-home img,.video-frame,img[class*="portrait"]{
  box-shadow:0 30px 90px rgba(10,37,64,.18)!important;
  border-color:rgba(99,91,255,.28)!important;
}
.product-card img,.blog-card img,.mini-products img,.video-frame img,.article-image{filter:saturate(1.04) contrast(1.02)}
.product-footer strong,.card-number{color:#4f46e5!important}
.status.ready,.status.connected,.status-badge.ok{background:rgba(0,200,150,.14)!important;color:#047857!important}
.status.pending,.status.needs,.status-badge.warn{background:rgba(255,209,102,.2)!important;color:#92400e!important}

/* Forms and search feel product-like */
input,select,textarea{
  border-color:rgba(99,91,255,.18)!important;
  border-radius:16px!important;
}
input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(99,91,255,.18)!important;
  border-color:rgba(99,91,255,.58)!important;
}
.search-modal-panel{background:rgba(255,255,255,.94)!important;border:1px solid rgba(99,91,255,.16)!important;box-shadow:0 40px 120px rgba(10,37,64,.22)!important}

/* Login/profile access surfaces */
.auth-page{
  position:relative;
  overflow:hidden;
  min-height:calc(100vh - 90px);
  background:
    radial-gradient(circle at 12% 18%,rgba(99,91,255,.2),transparent 26rem),
    radial-gradient(circle at 88% 16%,rgba(0,212,255,.2),transparent 28rem),
    linear-gradient(135deg,#ffffff 0%,#f4f7ff 48%,#effcff 100%)!important;
}
.auth-page::before{
  content:"";
  position:absolute;
  inset:6rem -12rem auto auto;
  width:min(54vw,680px);
  height:min(42vw,520px);
  border-radius:72px;
  transform:rotate(-10deg) skewY(-8deg);
  background:linear-gradient(135deg,rgba(99,91,255,.9),rgba(0,212,255,.68) 55%,rgba(255,92,159,.44));
  filter:blur(.2px);
  opacity:.76;
}
.auth-shell{
  position:relative;
  z-index:1;
  align-items:center!important;
}
.auth-copy{
  position:relative;
  padding:clamp(1.5rem,4vw,3rem)!important;
  border-radius:32px;
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(255,255,255,.42));
  border:1px solid rgba(99,91,255,.14);
  box-shadow:0 24px 80px rgba(10,37,64,.1);
  backdrop-filter:blur(16px);
}
.auth-copy::after{
  content:"";
  position:absolute;
  right:1.25rem;
  bottom:1.25rem;
  width:5rem;
  height:5rem;
  border-radius:1.6rem;
  background:var(--gradient-conversion);
  opacity:.18;
  transform:rotate(14deg);
}
.auth-form.modern-auth-form{
  position:relative;
  overflow:hidden;
  padding:clamp(1.4rem,4vw,2.25rem)!important;
  border-radius:32px!important;
  background:rgba(255,255,255,.92)!important;
  border:1px solid rgba(99,91,255,.18)!important;
  box-shadow:0 34px 100px rgba(10,37,64,.16)!important;
}
.auth-form.modern-auth-form::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:var(--gradient-conversion);
}
.modern-auth-form h2{font-size:clamp(2rem,4vw,3rem)!important;margin-bottom:.35rem}
.icon-field{display:grid;gap:.55rem;color:var(--color-primary)!important;font-weight:850!important}
.field-wrap{
  display:flex;
  align-items:center;
  gap:.75rem;
  min-height:58px;
  padding:.25rem .65rem;
  border:1px solid rgba(99,91,255,.18)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.field-wrap:focus-within{
  border-color:rgba(99,91,255,.62)!important;
  outline:4px solid rgba(99,91,255,.14)!important;
}
.field-wrap svg{width:22px;height:22px;fill:var(--color-secondary);flex:0 0 auto}
.field-wrap input{border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;min-height:48px;flex:1}
.password-toggle{
  border:0!important;
  border-radius:999px!important;
  background:rgba(99,91,255,.1)!important;
  color:var(--color-secondary)!important;
  padding:.48rem .72rem!important;
  font-weight:850!important;
}
.auth-switch{margin-bottom:0;color:var(--color-muted)}
.auth-switch a{color:var(--color-secondary)!important;font-weight:850}
.notice-card.light{
  border-radius:22px!important;
  border:1px solid rgba(0,212,255,.22)!important;
  background:rgba(236,252,255,.72)!important;
}

@keyframes edm-gradient-drift{from{transform:skewY(-10deg) rotate(-8deg) translate3d(0,0,0)}to{transform:skewY(-8deg) rotate(-5deg) translate3d(-1.5rem,1rem,0)}}
@keyframes edm-orb-breathe{from{transform:translate3d(0,0,0) rotate(0deg) scale(1)}to{transform:translate3d(-1.6rem,1.2rem,0) rotate(22deg) scale(1.08)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}
@media (max-width:1180px){.premium-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bento-brand-grid{grid-template-columns:1fr 1fr}.bento-card.featured{grid-column:span 2;grid-row:auto;min-height:auto}}
@media (max-width:760px){.premium-action-grid{grid-template-columns:1fr 1fr}.bento-brand-grid{grid-template-columns:1fr}.bento-card.featured{grid-column:auto}.home-hero h1,.page-hero h1{font-size:clamp(2.75rem,15vw,4.6rem)!important}.home-hero::before,.page-hero::before{width:520px;height:360px;right:-260px;top:-120px;opacity:.54}.nav-menu.open{background:rgba(255,255,255,.98)!important}}

.ui-icon{
  width:1.12em;
  height:1.12em;
  display:inline-block;
  vertical-align:-.18em;
  flex:0 0 auto;
  fill:none!important;
}
.button .ui-icon,.admin-button .ui-icon,.nav-menu a .ui-icon,.nav-logout button .ui-icon{
  margin-right:.42rem;
}
.feature-icon{
  width:2.05rem;
  height:2.05rem;
  color:var(--color-secondary);
  filter:drop-shadow(0 14px 22px rgba(99,91,255,.16));
}
.premium-action-grid a>.feature-icon{
  position:relative;
  z-index:1;
  margin-bottom:.4rem;
}
.payment-first-note{
  margin:.65rem 0 0;
  padding:.72rem .85rem;
  border:1px solid rgba(99,91,255,.16);
  border-radius:16px;
  background:linear-gradient(135deg,rgba(99,91,255,.08),rgba(0,212,255,.08));
  color:#344054!important;
  font-weight:750;
  font-size:.92rem;
}
.method-icon .ui-icon,.calendar-method-strip .ui-icon{
  width:1.35rem;
  height:1.35rem;
}

/* Whole-site retrofit so older templates no longer look like the original build */
h1,h2,h3{font-family:var(--font-heading)!important;color:var(--stripe-navy)!important}
h2{font-weight:850!important;letter-spacing:-.045em!important}
h3{font-weight:800!important;letter-spacing:-.025em!important}
.account-hero,.page-hero.small,.section-pad.compact:first-child{
  background:
    radial-gradient(circle at 12% 16%,rgba(99,91,255,.18),transparent 24rem),
    radial-gradient(circle at 88% 0%,rgba(0,212,255,.2),transparent 26rem),
    linear-gradient(135deg,#ffffff,#f3f6ff 58%,#effcff)!important;
}
.feature-card,.metric-grid article,.dashboard-stack section,.status-list>div,.data-table-wrap,.auth-form,.contact-form,.cms-form,.media-library article,.admin-editor,.checkout-layout>*,.booking-panel,.booking-form,.calendar-public-list .card,.faq-list details,.disclaimer-box,.profile-card,.search-filter-panel{
  border-radius:24px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(99,91,255,.15)!important;
  box-shadow:0 20px 60px rgba(10,37,64,.1)!important;
}
.booking-panel h2{color:var(--color-primary)!important}
.booking-panel p,.booking-panel .check-list li{color:var(--color-muted)!important}
.booking-panel .check-list li::marker{color:var(--color-secondary)!important}
.booking-panel .eyebrow{color:var(--color-secondary)!important}
.booking-form .slot-option{position:relative;overflow:hidden;min-width:0}
.booking-form .slot-option input[type="radio"]{position:absolute!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}

/* Calendly-inspired booking and calendar experience */
.booking-app-hero,.calendar-app-hero{
  position:relative;
  overflow:hidden;
  padding-block:clamp(2.75rem,6vw,4.75rem)!important;
  background:
    radial-gradient(circle at 18% 16%,rgba(99,91,255,.18),transparent 24rem),
    radial-gradient(circle at 88% 18%,rgba(0,212,255,.22),transparent 24rem),
    linear-gradient(135deg,#f7fbff 0%,#eef2ff 46%,#f8fdff 100%)!important;
}
.booking-hero-grid,.calendar-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:2rem;
  align-items:center;
}
.booking-hero-grid h1,.calendar-hero-grid h1{
  max-width:12ch;
  font-size:clamp(3rem,7vw,5.5rem)!important;
  line-height:.96!important;
}
.booking-hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}
.booking-preview-card,.calendar-status-card{
  position:relative;
  padding:1.45rem;
  border:1px solid rgba(99,91,255,.18);
  border-radius:32px;
  background:rgba(255,255,255,.82);
  box-shadow:0 30px 80px rgba(10,37,64,.12);
  backdrop-filter:blur(18px);
}
.booking-preview-card::before,.calendar-status-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:6px;
  border-radius:32px 32px 0 0;
  background:linear-gradient(90deg,#635bff,#00d4ff);
}
.availability-pill{
  display:inline-flex;
  align-items:center;
  width:max-content;
  gap:.4rem;
  padding:.48rem .75rem;
  border-radius:999px;
  background:rgba(0,200,150,.12);
  color:#047857;
  font-weight:900;
  font-size:.78rem;
}
.booking-preview-list{
  display:grid;
  gap:.65rem;
  margin:1rem 0;
}
.booking-preview-list div{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.8rem;
  border:1px solid rgba(99,91,255,.12);
  border-radius:18px;
  background:rgba(255,255,255,.78);
}
.booking-preview-list strong{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:12px;
  background:linear-gradient(135deg,#635bff,#00d4ff);
  color:#fff;
}
.booking-app-section{background:linear-gradient(180deg,#fff,#f7f9ff)}
.booking-app-shell{
  display:grid;
  grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);
  gap:1.25rem;
  align-items:start;
}
.booking-side-panel{
  position:sticky;
  top:94px;
  padding:1.25rem;
  border:1px solid rgba(99,91,255,.16);
  border-radius:30px;
  background:linear-gradient(145deg,#0a2540,#16135c);
  box-shadow:0 30px 90px rgba(10,37,64,.16);
  color:#fff;
}
.booking-side-panel h2,.booking-side-panel p,.booking-side-panel strong{color:#fff!important}
.booking-side-panel .eyebrow{color:#9ee7ff!important}
.booking-step-list{
  list-style:none;
  display:grid;
  gap:.75rem;
  padding:0;
  margin:1.25rem 0;
}
.booking-step-list li{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:.15rem .75rem;
  padding:.85rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.08);
}
.booking-step-list span{
  grid-row:span 2;
  color:#9ee7ff;
  font-weight:950;
}
.booking-step-list small,.booking-privacy-note p{color:#dce8ff!important}
.booking-privacy-note{
  padding:1rem;
  border-radius:20px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.16);
}
.booking-card-app{
  display:grid;
  gap:1rem;
  min-width:0;
  max-width:100%;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.booking-step-card,.booking-summary-card{
  min-width:0;
  max-width:100%;
  padding:1.2rem;
  border:1px solid rgba(99,91,255,.14);
  border-radius:28px;
  background:rgba(255,255,255,.88);
  box-shadow:0 24px 70px rgba(10,37,64,.08);
}
.booking-card-app label{
  display:grid;
  gap:.45rem;
  color:#0a2540;
  font-weight:850;
}
.booking-card-app input:not([type="radio"]):not([type="hidden"]),.booking-card-app textarea,.booking-card-app select{
  width:100%;
  min-height:52px;
  border:1px solid rgba(99,91,255,.18);
  border-radius:16px;
  background:#fff;
  color:#0a2540;
  padding:.85rem 1rem;
  font:inherit;
  box-shadow:0 10px 30px rgba(10,37,64,.04);
}
.booking-card-app textarea{min-height:118px;resize:vertical}
.booking-card-app input:focus,.booking-card-app textarea:focus,.booking-card-app select:focus{
  border-color:#635bff;
  outline:3px solid rgba(99,91,255,.14);
}
.booking-card-app label span{color:#667085;font-weight:650}
.booking-step-heading{
  display:flex;
  gap:.85rem;
  align-items:flex-start;
  margin-bottom:1rem;
}
.booking-step-heading h2{margin:.1rem 0 0;color:#0a2540!important}
.booking-step-marker{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:15px;
  background:linear-gradient(135deg,#635bff,#00d4ff);
  color:#fff;
  font-weight:950;
  box-shadow:0 12px 30px rgba(99,91,255,.22);
}
.booking-service-grid,.booking-method-grid,.booking-date-rail{
  display:grid;
  gap:.75rem;
  min-width:0;
  max-width:100%;
}
.booking-service-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.booking-method-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.booking-service-card,.booking-method-card,.date-choice-card,.slot-option{
  position:relative;
  cursor:pointer;
  min-width:0;
}
.booking-service-card input,.booking-method-card input,.date-choice-card input,.slot-option input{
  position:absolute!important;
  opacity:0!important;
  width:1px!important;
  height:1px!important;
  pointer-events:none!important;
}
.booking-service-card,.booking-method-card{
  display:grid!important;
  gap:.45rem!important;
  min-height:150px;
  padding:1rem!important;
  border:1px solid rgba(99,91,255,.16)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fff,#f7f9ff)!important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.booking-service-card:hover,.booking-method-card:hover,.date-choice-card:hover,.slot-option:hover{transform:translateY(-2px)}
.booking-service-card.is-selected,.booking-method-card.is-selected,.date-choice-card.is-selected,.slot-option.is-selected,
.booking-service-card:has(input:checked),.booking-method-card:has(input:checked),.date-choice-card:has(input:checked),.slot-option:has(input:checked){
  border-color:#635bff!important;
  box-shadow:0 18px 50px rgba(99,91,255,.18)!important;
}
.choice-check{
  position:absolute;
  right:.8rem;
  top:.8rem;
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:999px;
  background:rgba(99,91,255,.12);
  color:#635bff;
  font-weight:950;
  opacity:0;
  transform:scale(.85);
  transition:opacity .18s ease,transform .18s ease;
}
.booking-service-card.is-selected .choice-check,.booking-service-card:has(input:checked) .choice-check{opacity:1;transform:scale(1)}
.booking-service-card strong,.booking-method-card strong{color:#0a2540!important;font-size:1.02rem}
.booking-service-card small,.booking-method-card span{color:#667085!important;line-height:1.45}
.booking-service-card em{
  margin-top:auto;
  color:#047857;
  font-style:normal;
  font-weight:850;
}
.method-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:16px;
  background:linear-gradient(135deg,rgba(99,91,255,.12),rgba(0,212,255,.16));
  color:#3b35c9!important;
  font-weight:950!important;
}
.booking-date-rail{
  display:flex;
  gap:.75rem;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  margin-bottom:1rem;
  padding:.15rem .1rem .55rem;
  scrollbar-color:rgba(99,91,255,.42) transparent;
}
.date-choice-card{
  display:grid;
  gap:.15rem;
  flex:0 0 128px;
  scroll-snap-align:start;
  padding:.85rem;
  border:1px solid rgba(99,91,255,.14);
  border-radius:20px;
  background:#fff;
}
.date-choice-card span{color:#635bff;font-weight:900;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em}
.date-choice-card strong{color:#0a2540;font-size:1.1rem}
.date-choice-card small{color:#667085}
.booking-time-fieldset{border:0!important;margin:0!important;padding:0!important}
.booking-time-fieldset legend{color:#0a2540!important;font-weight:950;margin-bottom:.75rem}
.calendar-slot-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(118px,1fr));
  gap:.65rem!important;
}
.calendar-slot-grid .slot-option span{
  display:block;
  width:100%;
  padding:.85rem 1rem!important;
  border:1px solid rgba(99,91,255,.16)!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#0a2540!important;
  text-align:center;
  font-weight:950!important;
}
.calendar-slot-grid .slot-option.is-selected span,.calendar-slot-grid .slot-option:has(input:checked) span{
  background:linear-gradient(135deg,#635bff,#00d4ff)!important;
  border-color:transparent!important;
  color:#fff!important;
}
.booking-contact-grid{margin-bottom:1rem}
.booking-summary-card{
  position:relative;
  display:flex;
  gap:1rem;
  align-items:center;
  justify-content:space-between;
}
.booking-summary-card h2{margin:.15rem 0;color:#0a2540!important;font-size:1.2rem}
.booking-summary-card p{margin:0;color:#667085!important}
.booking-submit-button{white-space:nowrap}
.calendar-method-strip,.calendar-openings-grid,.calendar-event-grid{
  display:grid;
  gap:1rem;
}
.calendar-method-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
.calendar-method-strip article,.calendar-open-day,.calendar-event-card{
  padding:1.1rem;
  border:1px solid rgba(99,91,255,.14);
  border-radius:26px;
  background:rgba(255,255,255,.9);
  box-shadow:0 20px 60px rgba(10,37,64,.07);
}
.calendar-method-strip span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:16px;
  background:linear-gradient(135deg,#635bff,#00d4ff);
  color:#fff;
  font-weight:950;
  margin-bottom:.75rem;
}
.calendar-method-strip strong,.calendar-open-day strong,.calendar-event-card h3{color:#0a2540!important}
.calendar-openings-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.calendar-day-head{display:grid;gap:.15rem;margin-bottom:.75rem}
.calendar-day-head span{color:#635bff;font-weight:950;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}
.calendar-day-head small{color:#667085}
.calendar-open-times{
  display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}
.calendar-open-times a{
  display:inline-flex;
  padding:.55rem .7rem;
  border-radius:999px;
  background:rgba(99,91,255,.1);
  color:#3b35c9;
  font-weight:900;
  text-decoration:none;
}
.year-calendar-section{
  background:
    radial-gradient(circle at 12% 6%,rgba(99,91,255,.12),transparent 22rem),
    radial-gradient(circle at 90% 12%,rgba(0,212,255,.12),transparent 22rem),
    linear-gradient(180deg,#fff,#f7f9ff)!important;
}
.year-calendar-shell{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(292px,1fr));
  gap:1rem;
  align-items:start;
}
.year-month-card{
  position:relative;
  overflow:hidden;
  padding:1rem;
  border:1px solid rgba(99,91,255,.14);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  box-shadow:0 22px 70px rgba(10,37,64,.08);
  backdrop-filter:blur(16px);
}
.year-month-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:5px;
  background:linear-gradient(90deg,#635bff,#00d4ff,#ff5c9f);
}
.year-month-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin:.3rem 0 .85rem;
}
.year-month-head h3{
  margin:0;
  color:#0a2540!important;
  font-size:1.05rem;
  letter-spacing:-.02em;
}
.year-month-head span{
  flex:0 0 auto;
  padding:.4rem .6rem;
  border-radius:999px;
  background:rgba(0,200,150,.12);
  color:#047857;
  font-size:.72rem;
  font-weight:950;
}
.year-calendar-weekdays,.year-calendar-grid{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:.38rem;
}
.year-calendar-weekdays{
  margin-bottom:.45rem;
}
.year-calendar-weekdays span{
  text-align:center;
  color:#667085;
  font-size:.68rem;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.year-calendar-day{
  display:grid;
  align-content:center;
  justify-items:center;
  min-height:52px;
  padding:.35rem .15rem;
  border:1px solid rgba(99,91,255,.1);
  border-radius:15px;
  background:#fff;
  color:#0a2540;
  text-decoration:none;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.year-calendar-day strong{
  font-size:.9rem;
  line-height:1;
  color:inherit;
}
.year-calendar-day small{
  margin-top:.18rem;
  color:#667085;
  font-size:.62rem;
  font-weight:850;
}
.year-calendar-day.is-muted,.year-calendar-day.is-outside-window{
  opacity:.34;
  background:#f7f9ff;
}
.year-calendar-day.is-today{
  border-color:#00d4ff;
  box-shadow:0 0 0 3px rgba(0,212,255,.16);
}
.year-calendar-day.is-open{
  background:linear-gradient(135deg,rgba(99,91,255,.13),rgba(0,212,255,.12));
  border-color:rgba(99,91,255,.34);
  box-shadow:0 12px 30px rgba(99,91,255,.12);
}
a.year-calendar-day.is-open:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#635bff,#00d4ff);
  color:#fff;
  box-shadow:0 18px 44px rgba(99,91,255,.24);
}
a.year-calendar-day.is-open:hover small{
  color:rgba(255,255,255,.86);
}
.single-year-calendar{
  display:grid;
  grid-template-columns:1fr;
  max-width:980px;
}
.year-calendar-toolbar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto auto;
  gap:.8rem;
  align-items:center;
  padding:1rem;
  border:1px solid rgba(99,91,255,.14);
  border-radius:28px;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 56px rgba(10,37,64,.08);
  backdrop-filter:blur(16px);
}
.year-calendar-title-block{
  min-width:0;
  text-align:center;
}
.year-calendar-title-block .eyebrow{margin-bottom:.2rem}
.year-calendar-title-block h3{
  margin:0;
  color:#0a2540!important;
  font-size:clamp(1.55rem,4vw,2.35rem);
  letter-spacing:-.045em;
}
.year-calendar-title-block span{
  display:inline-flex;
  margin-top:.35rem;
  padding:.42rem .7rem;
  border-radius:999px;
  background:rgba(0,200,150,.12);
  color:#047857;
  font-weight:950;
  font-size:.82rem;
}
.calendar-nav-button{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border:1px solid rgba(99,91,255,.18);
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f7f9ff);
  color:#3b35c9;
  font-size:2rem;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 14px 32px rgba(10,37,64,.08);
  transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;
}
.calendar-nav-button:hover:not(:disabled){
  transform:translateY(-2px);
  box-shadow:0 22px 50px rgba(99,91,255,.18);
}
.calendar-nav-button:disabled{
  opacity:.4;
  cursor:not-allowed;
}
.calendar-refresh-button{
  min-height:52px;
  white-space:nowrap;
}
.calendar-refresh-button[aria-busy="true"]{
  opacity:.72;
  pointer-events:none;
}
.year-month-card-single{
  padding:1.2rem;
}
.year-month-card-single .year-calendar-day{
  min-height:78px;
}
.calendar-live-note{
  margin:.2rem 0 0;
  padding:0 .35rem;
  color:#667085!important;
  font-size:.92rem;
  text-align:center;
}
.account-summary{
  position:relative;
  overflow:hidden;
  padding:clamp(1.5rem,4vw,2.3rem)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(0,212,255,.3),transparent 18rem),
    linear-gradient(145deg,#0a2540,#20115f 62%,#3b35c9)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 30px 90px rgba(10,37,64,.2)!important;
}
.account-summary::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:var(--gradient-conversion);
}
.account-summary h2,.account-summary dt,.account-summary dd,.account-summary p{color:#fff!important}
.account-summary dt{opacity:.76}
.account-summary dl div{border-color:rgba(255,255,255,.18)!important}
.account-summary .button-outline{
  background:rgba(255,255,255,.92)!important;
  color:#0a2540!important;
}
.history-list article{
  border-left:0!important;
  border-radius:22px!important;
  border:1px solid rgba(99,91,255,.14)!important;
  box-shadow:0 16px 42px rgba(10,37,64,.08)!important;
}
.history-list span{color:var(--color-secondary)!important;font-weight:850!important}
.metric-grid article span{
  background:var(--gradient-conversion);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
  font-weight:950!important;
}
.admin-tabs{background:rgba(255,255,255,.78)!important;border-block:1px solid rgba(99,91,255,.12)!important;backdrop-filter:blur(18px)}
.admin-tabs a{
  border-radius:999px!important;
  margin:.35rem .25rem!important;
  background:rgba(99,91,255,.08)!important;
  color:var(--stripe-navy)!important;
  font-weight:850!important;
  border:1px solid rgba(99,91,255,.12)!important;
}
.admin-tabs a.active,.admin-tabs a:hover{background:var(--gradient-conversion)!important;color:#fff!important}
table th{background:linear-gradient(135deg,#0a2540,#25166d)!important;color:#fff!important}
table td,table th{border-color:rgba(99,91,255,.1)!important}
.form-alert,.admin-alert,.cookie-banner{
  border-radius:20px!important;
  border:1px solid rgba(99,91,255,.16)!important;
  box-shadow:0 18px 50px rgba(10,37,64,.08)!important;
}
.cookie-options[hidden],.cookie-actions [hidden]{display:none!important}
.form-alert.success,.admin-alert.success{background:rgba(0,200,150,.12)!important;color:#065f46!important}
.form-alert.error,.admin-alert.error{background:rgba(255,92,159,.1)!important;color:#9f1239!important}
.icon-circle,.experience-mark{
  background:var(--gradient-conversion)!important;
  border:0!important;
  color:#fff!important;
  box-shadow:0 16px 44px rgba(99,91,255,.24)!important;
}
.signature-block{border-color:rgba(99,91,255,.24)!important}
.signature-block strong{color:var(--stripe-violet)!important}
.product-footer,.service-top{border-color:rgba(99,91,255,.12)!important}
.check-list li::before{color:var(--stripe-violet)!important}
.category-list span{
  background:rgba(99,91,255,.08)!important;
  border-color:rgba(99,91,255,.16)!important;
  color:#3b35c9!important;
  font-weight:800;
}
.footer,.site-footer{background:linear-gradient(135deg,#071b33,#0a2540 58%,#1b155b)!important;color:#eef4ff!important}
.site-footer p,.site-footer a,.footer p,.footer a{color:#dce8ff!important}
.footer-bottom-nav{background:rgba(10,37,64,.92)!important;backdrop-filter:blur(18px)}
.footer-bottom-nav a{color:#fff!important}

/* Extra mobile polish for older areas */
@media(max-width:760px){
  .feature-card,.metric-grid article,.dashboard-stack section,.auth-form,.contact-form,.cms-form{border-radius:20px!important}
  .admin-tabs .container{display:flex;overflow:auto;padding-block:.4rem}
  .admin-tabs a{white-space:nowrap}
}

/* Mobile-first polish layer */
@media(max-width:900px){
  html,body{max-width:100%;overflow-x:hidden}
  body::after{width:18rem;height:18rem;right:-7rem;top:12vh;opacity:.38;filter:blur(56px)}
  .container{width:min(100% - 1.5rem,var(--page-width));padding-inline:0!important}
  .section-pad{padding-block:clamp(2.75rem,11vw,4.5rem)!important}
  .site-header{position:sticky;top:0}
  .navbar{min-height:70px}
  .brand-name{font-size:clamp(1rem,5vw,1.35rem)!important;letter-spacing:-.045em}
  .nav-toggle{
    min-width:48px;
    min-height:48px;
    border-radius:16px!important;
    border:1px solid rgba(99,91,255,.18)!important;
    background:rgba(255,255,255,.9)!important;
    box-shadow:0 12px 34px rgba(10,37,64,.08)!important;
  }
  .nav-menu.open{
    position:absolute;
    left:.75rem;
    right:.75rem;
    top:calc(100% + .5rem);
    display:grid!important;
    gap:.35rem;
    padding:.85rem!important;
    border:1px solid rgba(99,91,255,.16)!important;
    border-radius:24px!important;
    box-shadow:0 28px 80px rgba(10,37,64,.18)!important;
  }
  .nav-menu.open a,.nav-menu.open button{
    min-height:46px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:.75rem .9rem!important;
    border-radius:16px!important;
  }
  .home-hero,.page-hero{padding-top:1.5rem!important}
  .home-hero::before,.page-hero::before{
    width:34rem!important;
    height:22rem!important;
    right:-18rem!important;
    top:-5rem!important;
    border-radius:46px!important;
    opacity:.48!important;
  }
  .home-hero .container::before,.page-hero .container::before{display:none}
  .home-hero-grid,.page-hero-grid{grid-template-columns:1fr!important;gap:1.75rem!important}
  .booking-hero-grid,.calendar-hero-grid,.booking-app-shell{grid-template-columns:1fr!important;gap:1rem!important}
  .booking-side-panel{display:none!important}
  .booking-card-app,.booking-step-card,.booking-service-grid,.booking-method-grid,.booking-calendar-app{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden}
  .booking-step-heading h2{font-size:clamp(2rem,8vw,2.8rem)!important;line-height:1.02!important;letter-spacing:-.04em!important}
  .booking-service-grid,.calendar-method-strip{grid-template-columns:1fr!important}
  .booking-date-rail{display:flex!important;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x proximity}
  .date-choice-card{min-width:132px;scroll-snap-align:start}
  .year-calendar-shell{grid-template-columns:1fr!important;gap:.85rem!important}
  .year-calendar-toolbar{grid-template-columns:auto 1fr auto;gap:.55rem;padding:.8rem;border-radius:22px}
  .calendar-refresh-button{grid-column:1/-1;width:100%;justify-content:center}
  .calendar-nav-button{width:46px;height:46px;border-radius:16px}
  .year-month-card{border-radius:22px;padding:.85rem}
  .year-calendar-weekdays,.year-calendar-grid{gap:.28rem}
  .year-calendar-day{min-height:46px;border-radius:12px}
  .year-calendar-day small{font-size:.58rem}
  .booking-summary-card{position:relative!important;bottom:auto!important;display:grid!important;align-items:stretch!important}
  .booking-submit-button{width:100%;justify-content:center}
  .hero-copy,.page-hero-grid>div{text-align:left!important}
  .home-hero h1,.page-hero h1,.account-hero h1{
    font-size:clamp(2.6rem,13vw,4.15rem)!important;
    line-height:.95!important;
    letter-spacing:-.065em!important;
    max-width:11ch;
  }
  .page-hero h1{max-width:12ch}
  .lead{font-size:1rem!important;line-height:1.58!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr;gap:.75rem!important;width:100%}
  .hero-actions .button,.hero-actions .button-outline{width:100%;justify-content:center;min-height:52px}
  .portrait-wrap,.portrait-card{max-width:100%;margin-inline:auto}
  .portrait-wrap img,.portrait-card img{max-height:420px;object-fit:cover}
  .premium-action-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}
  .premium-action-grid a{min-height:122px;padding:1rem!important}
  .bento-brand-grid,.editorial-row,.split-feature,.content-duo,.account-grid,.history-grid,.contact-grid,.booking-layout,.checkout-layout{
    grid-template-columns:1fr!important;
    gap:1rem!important;
  }
  .bento-card,.editorial-card,.service-card,.product-card,.blog-card,.auth-form,.contact-form,.booking-panel,.booking-form,.account-summary{
    border-radius:22px!important;
  }
  .auth-page::before{width:28rem;height:20rem;right:-14rem;top:3rem;opacity:.44}
  .auth-shell{grid-template-columns:1fr!important;gap:1rem!important}
  .auth-copy{padding:1.25rem!important}
  .auth-copy h1{font-size:clamp(2.55rem,12vw,3.8rem)!important}
  .auth-form.modern-auth-form{padding:1.2rem!important}
  .field-wrap{min-height:54px}
  .field-wrap input{min-width:0}
  .password-toggle{padding:.42rem .6rem!important}
  .account-summary dl div{display:grid!important;grid-template-columns:1fr!important;gap:.25rem!important}
  .account-summary dd{text-align:left!important}
  .form-row.two,.cms-grid.two,.cms-grid.four,.method-grid{grid-template-columns:1fr!important}
  .slot-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:.55rem!important}
  .slot-option span,.slot-grid button{width:100%;text-align:center}
  .cookie-banner{
    left:.75rem!important;
    right:.75rem!important;
    bottom:calc(5rem + env(safe-area-inset-bottom,0px))!important;
    max-height:min(62vh,520px);
    overflow-y:auto;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:.8rem!important;
    padding:1rem!important;
    border-radius:22px!important;
  }
  .cookie-banner p{font-size:.9rem!important;line-height:1.5!important}
  .cookie-options{display:grid!important;grid-template-columns:1fr 1fr;gap:.55rem!important;margin-top:.75rem!important}
  .cookie-options[hidden],.cookie-actions [hidden]{display:none!important}
  .cookie-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:.55rem!important}
  .cookie-actions [data-consent-accept],.cookie-actions [data-consent-save]{grid-column:1/-1}
  .cookie-actions button{width:100%;min-height:44px!important;padding:.65rem .75rem!important}
  .site-footer{padding-bottom:5.75rem!important}
}

@media(max-width:520px){
  .container{width:min(100% - 1rem,var(--page-width))}
  .home-hero h1,.page-hero h1,.account-hero h1{font-size:clamp(2.35rem,14vw,3.4rem)!important}
  .premium-action-grid{grid-template-columns:1fr!important}
  .premium-action-grid a{min-height:auto}
  .product-card{grid-template-columns:1fr!important}
  .product-card img,.product-card.large img{height:auto!important;aspect-ratio:4/3!important}
  .slot-grid{grid-template-columns:1fr!important}
  .year-calendar-day{min-height:42px;padding:.28rem .08rem}
  .year-calendar-day strong{font-size:.82rem}
  .year-month-head{display:grid;align-items:start}
  .year-calendar-toolbar{padding:.7rem}
  .year-calendar-title-block h3{font-size:1.45rem!important}
  .year-month-card-single .year-calendar-day{min-height:44px}
  .calendar-live-note{font-size:.82rem}
  .footer-grid{grid-template-columns:1fr!important}
  .footer-bottom-nav{
    left:.5rem!important;
    right:.5rem!important;
    bottom:.5rem!important;
    border-radius:20px!important;
  }
  .footer-bottom-nav a{font-size:.78rem!important;padding:.65rem .25rem!important}
  .cookie-banner{left:.5rem!important;right:.5rem!important;bottom:calc(5rem + env(safe-area-inset-bottom,0px))!important;max-height:60vh;padding:.9rem!important}
}