:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f1f5f9;display:block;place-items:unset}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;padding:0 2rem}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0;text-align:center}.headshot-container{margin-bottom:2rem;display:flex;justify-content:center}.headshot{width:180px;height:180px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.headshot:hover{transform:scale(1.05);box-shadow:0 12px 40px #0006}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-content h2{font-size:1.5rem;margin-bottom:2rem;font-weight:300;opacity:.9}.hero-description{font-size:1.2rem;max-width:800px;margin:0 auto;opacity:.9;line-height:1.8}.services{padding:5rem 0;background:#f8f9fa}.services h3{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:#333}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.service-card{background:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.service-card h4{font-size:1.8rem;margin-bottom:1.5rem;color:#4f46e5;text-align:center}.service-card p{color:#666;line-height:1.7;margin-bottom:1rem}.service-types{margin-bottom:2rem}.service-types p{margin-bottom:.8rem;padding-left:1rem;position:relative}.service-types p:before{content:"•";color:#4f46e5;font-weight:700;position:absolute;left:0}.pricing{border-top:2px solid #f0f0f0;padding-top:1.5rem}.price-item{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;margin-bottom:.5rem;background:#f8f9fa;border-radius:8px;transition:background-color .3s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer;border:2px solid transparent}.price-item:hover{background:#e9ecef;transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#4f46e5}.price-item.featured{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.price-item.featured:hover{opacity:.9}.price{font-weight:700;font-size:1.2rem;color:#4f46e5}.price-item.featured .price{color:#fff}.medical-note{font-size:.9rem;color:#888;font-style:italic;margin-top:1rem;text-align:center}.massage-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.massage-card h4{color:#fff}.massage-card p,.massage-card .service-types p{color:#ffffffe6}.massage-card .service-types p:before{color:#fffc}.massage-card .pricing{border-top:2px solid rgba(255,255,255,.2)}.massage-card .medical-note{color:#ffffffb3}.massage-card .price-item{background:#ffffff1a;color:#fff}.massage-card .price-item:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#ffffff80}.massage-card .price{color:#fff}.reflexology-card{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.reflexology-card h4{color:#fff}.reflexology-card p{color:#ffffffe6}.reflexology-card .price-item{background:#ffffff1a;color:#fff}.reflexology-card .price-item:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d;border-color:#ffffff80}.reflexology-card .price{color:#fff}.reflexology-card .service-types p{color:#ffffffe6}.reflexology-card .service-types p:before{color:#fffc}.booking{padding:5rem 0;background:#fff}.booking h3{text-align:center;font-size:2.5rem;margin-bottom:1rem;color:#333}.booking p{text-align:center;font-size:1.1rem;color:#666;margin-bottom:3rem}.cal-embed{width:100%;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.footer{background:#333;color:#fff;text-align:center;padding:2rem 0;margin-top:auto}.footer p{opacity:.8}@media (max-width: 768px){.headshot{width:150px;height:150px}.hero-content h1{font-size:2.5rem}.hero-content h2{font-size:1.2rem}.hero-description{font-size:1rem}.service-grid{grid-template-columns:1fr}.container{padding:0 1rem}.hero{padding:4rem 0}.services,.booking{padding:3rem 0}}