/* Kaia Studio / restrained light, legible typography, crisp interface rendering. */
:root{--ink:#0b0d12;--paper:#f5f7fc;--mint:#c8d5ff;--muted:#b5bfce;--line:#ffffff24;color:var(--paper);background:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-size:16px;background:var(--ink)}
em{font-family:Manrope,Arial,sans-serif;font-style:normal;font-weight:600;letter-spacing:-.04em}
h2{font-weight:550;line-height:1.15;letter-spacing:-2.3px}
.brand{gap:12px}.brand>span.brand-name{font-size:33px;font-weight:650;letter-spacing:-1.7px;display:flex;align-items:baseline;gap:9px}
.studio-word{font-size:14px;font-weight:450;letter-spacing:0;color:#cad2e2}.brand svg{fill:#f5f7fc}
.site-header{background:#0b0d120f}.site-header.is-scrolled{background:#0b0d12f2;backdrop-filter:blur(16px);box-shadow:0 1px 0 #ffffff13}
.desktop-nav a,.header-contact{font-size:14px}.header-contact{padding:14px 19px}
.eyebrow{font-size:12px;line-height:1.7;letter-spacing:1.3px;color:#bec9dd}
.status-dot{background:#a8bbff;box-shadow:0 0 12px #8ba8ff60}
.hero{min-height:1000px;padding-top:195px;grid-template-columns:1.2fr 1fr;gap:25px;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 82% 40%,#4d69d01e 0,transparent 44%),radial-gradient(ellipse at 25% 0,#3d4e7a12,transparent 50%)}
.hero-copy .eyebrow{font-size:11px;letter-spacing:1px}.hero h1{font-size:clamp(70px,6.3vw,102px);font-weight:550;line-height:1.08;letter-spacing:-5px;margin-top:30px}
.hero-italic{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:.88em;font-weight:600;line-height:1.12;letter-spacing:-4px;background:linear-gradient(120deg,#f6f8ff,#a4b9ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-description{font-size:17px;line-height:1.85;color:#bdc6d6;max-width:540px;margin-top:30px}.desktop-break{display:none}
.hero-actions{gap:25px;margin-top:32px}.button{font-size:14px;min-height:60px}.text-link{font-size:14px}.platform-note{font-size:13px;color:#d4dcea}.platform-note small{font-size:12px;color:#adb8cb}
.hero-bottom{font-size:11px;letter-spacing:.7px;color:#b7c1d3;padding-top:23px}.hero-bottom>span:first-child{font-size:11px}.hero-bottom>span:nth-child(2){font-size:10px}
.hero-visual{height:715px;scale:1!important;perspective:none;margin-top:0}.hero-visual:before{background:radial-gradient(ellipse at 50% 50%,#6587ff28,transparent 67%);inset:-15px -80px 40px}
.hero-device-wrap{width:294px;height:615px;top:5px;transform:translateX(-50%);transition:transform .5s var(--ease);will-change:auto}
.device{width:294px;height:615px;background:linear-gradient(115deg,#e3e7f1,#484f5e 25%,#292e39 65%,#aeb9ce);box-shadow:0 30px 75px #0008,0 0 65px #6d8bff12;isolation:isolate}
.device-screen{background:#f5f7fc}.demo-content{padding:10px 18px 20px;font-size:12px}.phone-status{height:45px;font-size:10px}.phone-status>span:last-child{font-size:9px}
.demo-head{padding-bottom:15px}.demo-head span{font-size:10px;letter-spacing:1px}.demo-content h3{font-size:26px;letter-spacing:-.7px;font-weight:650}.demo-content .demo-caption{font-size:11px;margin:10px 0 16px;line-height:1.65;color:#58677c}
.demo-section-label{font-size:11px;color:#495c75;margin:17px 0 10px}.demo-service{padding:13px 11px}.demo-service b{font-size:12px}.demo-service span{font-size:10px;color:#56677e}
.staff-option{font-size:11px;padding:10px 0;min-height:67px}.staff-avatar{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:16px;width:30px;height:30px}.time-option{font-size:11px;padding:12px 5px;min-height:39px}.demo-submit{font-size:12px;margin-top:22px;padding:15px 12px;min-height:46px}
.demo-confirmation{min-height:440px}.demo-confirmation p{font-size:12px;color:#4c5f78}.demo-confirmation small{font-size:11px;line-height:1.7;color:#58677d}.reset-demo{font-size:12px;padding:10px}
.loyalty-card span{font-size:10px}.loyalty-card small{font-size:11px;color:#c3cee0}.loyalty-card strong{font-family:Manrope,Arial,sans-serif;font-weight:550}.stamp-grid span{font-size:16px;width:31px;height:31px}.reward-row p{font-size:12px}.reward-row small{font-size:10px;color:#56677b}.dashboard-date{font-size:10px;color:#52647d}.dashboard-summary small{font-size:10px;color:#465d7e}.appointment{padding:15px 2px}.appointment b,.appointment time{font-size:12px}.appointment small{font-size:10px;color:#5c6a7e}
.floating-card{top:460px;right:-2%;padding:20px;background:#e5ebff;border:1px solid #ffffff80;border-radius:14px;transform:none;animation:none;box-shadow:0 16px 40px #0003}.floating-card span{font-size:12px;line-height:1.8}.floating-card>svg{fill:#1d2e54;width:27px;height:27px}
.floating-label{font-size:10px;right:0;top:40px;color:#c8d5ff}.orbit{border-color:#93abff30;width:490px;height:430px;top:100px}.orbit-two{border-color:#a7bbff12;width:540px;height:480px}.orbit-star{font-size:38px;top:430px;left:0;color:#aebfff}
.demo-tabs{bottom:37px;background:#161c2a;border-color:#61739b66;padding:5px}.demo-tabs button{font-size:12px;padding:11px 17px}.concept-label{font-size:11px;letter-spacing:.2px;bottom:2px;color:#aebad0}
.marquee{height:72px;background:#111722;border-color:#a4b9ff20;color:#d7e3ff}.marquee span{font-size:13px;letter-spacing:1.3px}.marquee b{font-size:24px;color:#a3b9ff}.marquee-track{animation-duration:48s}
.small-note,.process-kicker{font-size:13px;color:#aebbd0;line-height:1.8}.work-heading p,.services-intro>p,.service-content p,.work-footnote p,.studio-right p{font-size:16px;line-height:1.85;color:#b7c3d7}.work-heading p{max-width:360px}.work-footnote .text-link{font-size:13px;max-width:270px}.work-footnote p{font-size:13px}
.project{border-radius:16px;border:1px solid #ffffff20}.project-salon{background:#e9edf5;color:#142033}.project-fitness{background:#c9d8ff;color:#172b54}.project-top>span:first-child{font-size:12px;letter-spacing:.5px}.project-bottom{gap:16px;padding:28px}.project-bottom h3{font-size:27px;font-weight:600}.project-bottom p{font-size:12px;color:#3e5271}.pill{font-size:11px;color:#334968;letter-spacing:0;border-color:#33496855;padding:8px 12px}
.project-arrow{width:40px;height:40px}.project-arrow svg{width:20px;height:20px}.project-orbit{display:none}.salon-photo{background:#b9c6da}.arch-one{background:#879bb7}.arch-two{background:#d0d9e9}.salon-photo-caption{color:#172840;text-shadow:0 1px 10px #e0e8f4aa}.salon-ui{background:#f5f7fc}.salon-ui-row{border-color:#a9b6cd}.salon-ui-book b{background:#233754}.salon-ui-row,.salon-ui-book{font-size:9px}.ui-kicker{font-size:9px;letter-spacing:1px}.salon-ui h3{font-size:24px}.fitness-ui{background:#14233b;color:#f2f5ff}.fitness-ui .ui-kicker{color:#c4d9ff}.fitness-ring{border-color:#c2d5ff44;box-shadow:inset 0 0 30px #a2bfff08}.fitness-ring:before{border-color:#c2d5ff;border-right-color:#42618d;border-bottom-color:#42618d}.fitness-ring span{font-size:10px}.fitness-bg-word{color:#7d9bc92b}.class-title{font-size:10px;color:#d1ddf0}.class-card small{font-size:8px;color:#c2cee0}.class-card{font-size:11px}.fitness-ui-btn{font-size:10px;background:#c9d8ff;color:#172b54}.project .mini-device{transition:transform .5s;filter:none}.salon-device{transform:translateX(-50%) rotate(-4deg)}.fitness-device{transform:translateX(-50%) rotate(4deg)}
.services-section{gap:7%}.services-intro .eyebrow{font-size:11px}.service-item h3 button{font-size:21px;min-height:86px;gap:20px}.service-num{font-size:12px}.service-content span{font-size:12px;padding:8px 12px;color:#d1ddf2}.service-content>div{padding-left:38px}.services-monogram>svg{fill:#475b86}.monogram-orbit{border-color:#8daaf63a}.services-intro h2{line-height:1.18}
.process-section{background:#f1f4fa;color:#101a2c}.process-section .eyebrow,.process-kicker{color:#4a5b74}.process-heading h2 em{color:#3c5481}.process-heading p,.process-step p{font-size:15px;color:#4c5d77;line-height:1.85}.process-step h3{font-size:18px;line-height:1.5}.step-number{color:#14233c;font-weight:500}.step-number>span{color:#526c96}.process-step:after{background:#556fa6}.process-step{min-width:0}
.studio-name{letter-spacing:-.08em;font-weight:600;line-height:1.1;padding-bottom:45px}.studio-name>span{position:static;display:block;font-size:25px;font-weight:450;letter-spacing:6px;color:#a9bbdf;padding-left:10px;margin-top:15px}.studio-location{font-size:11px;letter-spacing:.6px;color:#bbc8df}.studio-right .text-link{font-size:14px}.studio-right h2{font-size:45px;line-height:1.2}
.contact-section{background:radial-gradient(ellipse at 88% 16%,#5276e32b,transparent 48%),linear-gradient(145deg,#101728,#0c101a);color:#f5f7ff;border-top:1px solid #a3baff30}.contact-section .eyebrow{color:#bdcbe4}.contact-section .status-dot{background:#b6caff;box-shadow:0 0 12px #799fff44}.contact-spark{color:#adc2ff}.contact-section h2{font-weight:550;font-size:clamp(60px,7.8vw,115px);letter-spacing:-4px}.contact-section h2 em{color:#b8cdff}.contact-bottom p{font-size:16px;color:#bfcbdf}.email-row>a{font-size:24px;border-color:#c6d7fb66}.copy-email{background:#ffffff0b;border-color:#d4e2ff44;color:#e3ecff;width:42px;height:42px}.copy-email svg{width:18px;height:18px}.contact-bottom .button-dark{background:#e4ebff;color:#12203a;font-size:15px;min-height:76px}.button-dark .button-icon{border-color:#14294740}.contact-rule{background:#bcd0ff2a}footer{font-size:12px;color:#b6c6e0}footer>a:last-child{font-size:13px}footer .brand{color:#f5f7ff}footer .brand svg{fill:#f5f7ff}footer .brand>span.brand-name{font-size:28px}footer .studio-word{font-size:12px}
.brief-dialog,.project-dialog{background:#111722;border-color:#667a9b80;box-shadow:0 35px 100px #0008}.brief-dialog::backdrop,.project-dialog::backdrop{background:#050912d9}.dialog-header .eyebrow{font-size:12px;color:#b9cce9}.dialog-close{width:42px;height:42px;border-color:#c3d7ff66}.brief-dialog h2{font-size:39px}.brief-dialog>p,.project-dialog-body p{font-size:15px;color:#bfcbdf}.brief-dialog label{font-size:14px;color:#e1e8f4;margin-top:20px}.brief-dialog input,.brief-dialog select,.brief-dialog textarea{font-size:16px;padding:15px;background:#1b2536;border-color:#637998;color:#f7f9ff}.brief-dialog input::placeholder,.brief-dialog textarea::placeholder{color:#b0bfd5}.form-note{font-size:13px;color:#b6c5dc}.brief-dialog form>.text-link{font-size:13px;line-height:1.8}.project-detail-tags span{font-size:12px;border-color:#96b2ee55}.project-dialog-body .button{font-size:14px}.project-disclaimer{font-size:12px!important;line-height:1.8!important;color:#a9bbd7!important}#toast{font-size:14px;line-height:1.6}
/* Text remains readable if observers, animations, or JavaScript are interrupted. */
.js .reveal{opacity:1;transform:translateY(14px);transition:transform .85s var(--ease)}.js .reveal.is-visible{transform:none}.js .intro-item{animation-duration:.75s}.hero h1 .line{padding-bottom:.1em;margin-bottom:-.1em}.hero h1 .line>span{padding-bottom:.03em}
@media(min-width:1600px){.hero{min-height:1080px;padding-top:230px}.hero-visual{scale:1!important}.hero-description{font-size:18px}}
@media(max-width:1150px){.hero{grid-template-columns:1.1fr 1fr;padding-top:175px;gap:12px}.hero h1{font-size:82px}.hero-italic{font-size:.8em}.hero-description{font-size:16px}.hero .button,.hero-actions .text-link{font-size:13px}.hero-actions{gap:18px;flex-wrap:wrap}.desktop-nav{gap:24px}.desktop-nav a,.header-contact{font-size:13px}.floating-card{right:-4%;padding:16px}.project-bottom{flex-direction:column;align-items:start}.project-bottom h3{font-size:25px}.process-step h3{font-size:17px}.studio-right h2{font-size:38px}.service-item h3 button{font-size:19px}.contact-bottom{gap:25px}.contact-bottom>.button{gap:25px;font-size:14px}}
@media(max-width:900px){.hero h1{font-size:70px}.hero-italic{font-size:.8em}.hero-visual{height:715px}.hero-device-wrap{width:270px;height:580px}.device{width:270px;height:580px}.demo-content{padding:6px 13px 14px}.demo-content h3{font-size:23px}.demo-head{padding-bottom:12px}.demo-section-label{margin:13px 0 8px}.demo-submit{margin-top:16px}.demo-tabs button{font-size:11px;padding:11px 14px}.floating-card{display:none}.floating-label{display:none}.hero-bottom>span:nth-child(2){display:none}.work-heading p{max-width:300px}.small-note{font-size:12px}.work-footnote{flex-wrap:wrap}.work-footnote .text-link{margin-left:36px;max-width:none}.service-content p,.services-intro>p{font-size:15px}.service-content span{font-size:11px}.services-intro h2{font-size:38px}.process-steps{grid-template-columns:1fr 1fr;gap:40px}.process-step p{max-width:300px}.studio-name{font-size:110px}.studio-right p{font-size:15px}.studio-right h2{font-size:35px}.studio-location{font-size:10px}.contact-section h2{font-size:72px}.email-row>a{font-size:20px}}
@media(max-width:700px){.brand>span.brand-name{font-size:28px;gap:7px}.studio-word{font-size:12px}.brand svg{width:26px;height:26px}.header-contact{font-size:11px;gap:9px;padding:10px 12px}.menu-toggle{margin-left:14px}.mobile-nav{background:#0b0d12fa;top:70px}.mobile-nav a{font-size:25px}.hero{display:block;padding-top:133px;min-height:auto;overflow:hidden}.hero-copy .eyebrow{font-size:10px;letter-spacing:.5px}.hero h1{font-size:clamp(62px,14vw,85px);letter-spacing:-3.5px;line-height:1.12}.hero-italic{font-size:.76em;letter-spacing:-2.8px}.hero-description{font-size:16px;line-height:1.85;margin-top:25px;max-width:100%}.hero-actions{gap:24px;align-items:center}.hero .button{font-size:14px;padding-left:20px;min-height:58px}.hero-actions .text-link{font-size:13px}.platform-note{font-size:12px;gap:10px;flex-wrap:wrap}.platform-note small{font-size:12px}.hero-visual{height:710px;margin:48px auto 0;max-width:440px}.hero-device-wrap{width:294px;height:615px;transform:translateX(-50%);top:5px}.device{width:294px;height:615px}.demo-content{padding:10px 18px 20px}.demo-content h3{font-size:26px}.demo-section-label{margin:17px 0 10px}.demo-submit{margin-top:22px}.hero-bottom{font-size:10px;gap:12px;padding-top:20px;align-items:center}.hero-bottom>span:first-child{font-size:10px;max-width:180px;line-height:1.6}.hero-bottom>a{font-size:9px;letter-spacing:.5px;gap:8px}.concept-label{font-size:11px;letter-spacing:0}.orbit{width:410px}.orbit-two{width:450px}.orbit-star{font-size:30px;left:-10px}.demo-tabs{bottom:40px}.demo-tabs button{font-size:12px;padding:11px 15px}.eyebrow{font-size:11px;letter-spacing:.7px}.small-note{font-size:12px;max-width:160px}.section-top{gap:20px;align-items:start}.work-heading h2{font-size:46px}.work-heading p{font-size:16px;max-width:none;line-height:1.85}.project-top>span:first-child{font-size:11px}.project-bottom{flex-direction:column;align-items:start;padding:25px}.project-bottom h3{font-size:27px}.project-bottom p{font-size:13px}.pill{font-size:11px}.work-footnote p{font-size:13px;line-height:1.85}.work-footnote .text-link{font-size:13px;margin-left:29px}.services-intro .eyebrow{font-size:10px}.services-intro h2{font-size:38px;line-height:1.2}.service-item h3 button{font-size:19px;gap:14px}.service-num{font-size:11px}.service-content>div{padding-left:28px}.service-content p{font-size:15px}.service-content span{font-size:11px;padding:7px 10px}.process-heading h2{font-size:47px}.process-heading p{font-size:16px}.process-kicker{font-size:12px}.process-steps{gap:35px 22px}.process-step h3{font-size:17px}.process-step p{font-size:14px}.studio-name{font-size:115px;padding-bottom:10px}.studio-name>span{font-size:23px;letter-spacing:5px;padding-left:4px;margin-top:15px}.studio-location{font-size:10px;line-height:1.9;letter-spacing:.4px}.studio-right h2{font-size:36px}.studio-right p{font-size:16px}.studio-right .text-link{font-size:14px}.contact-section .eyebrow{font-size:11px;letter-spacing:.5px}.contact-section h2{font-size:clamp(43px,10.5vw,63px);letter-spacing:-2px;line-height:1.2}.contact-bottom p{font-size:16px}.email-row{gap:10px}.email-row>a{font-size:clamp(17px,4.4vw,22px);letter-spacing:-.4px}.copy-email{flex-shrink:0;width:38px;height:38px}.contact-bottom>.button{font-size:14px;min-height:64px;padding-left:24px}footer{font-size:11px;flex-wrap:wrap;gap:25px}footer>a:last-child{font-size:12px}footer .brand>span.brand-name{font-size:26px}footer .studio-word{font-size:11px}.dialog-header .eyebrow{font-size:11px}.brief-dialog h2{font-size:32px;line-height:1.2}.brief-dialog>p{font-size:14px}.brief-dialog label{font-size:14px}.form-note{font-size:12px}.brief-dialog form>.text-link{font-size:12px}.project-dialog-body h2{font-size:33px;line-height:1.2}.project-dialog-body p{font-size:15px}.project-dialog-body .button{font-size:13px}.project-disclaimer{font-size:12px!important}}
@media(max-width:370px){.brand{gap:7px}.brand>span.brand-name{font-size:25px;gap:5px}.studio-word{font-size:10px}.header-contact{font-size:10px;padding:9px}.menu-toggle{margin-left:10px}.hero h1{font-size:61px}.hero-italic{font-size:.72em}.hero .button{font-size:13px;gap:10px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:12px}.hero-visual{scale:1!important;margin-left:-4px;margin-right:-4px}.hero-device-wrap{width:270px}.device{width:270px}.demo-content{padding-left:13px;padding-right:13px}.small-note{display:none}.section-top .eyebrow{font-size:10px}.process-steps{gap:30px 16px}.process-step h3{font-size:16px}.project-bottom p{font-size:12px}.contact-section h2{font-size:42px}.email-row>a{font-size:16px}.copy-email{width:34px;height:34px}}
.floating-card,.floating-label{display:none}
.mini-device{width:270px;height:525px;scale:1!important;box-shadow:0 20px 45px #14203825}
.salon-art,.fitness-art{height:555px}.salon-device,.fitness-device,.project:hover .salon-device,.project:hover .fitness-device{transform:translateX(-50%)}
.project:hover .mini-device{translate:0 -8px}.salon-ui,.fitness-ui{padding:42px 20px 20px}.ui-kicker{font-size:10px}.salon-ui h3{font-size:26px;font-weight:600}.salon-ui-row,.salon-ui-book{font-size:11px;line-height:1.6}.salon-ui-book b{font-size:11px}
.fitness-ui h3{font-size:23px;font-weight:600}.fitness-ring{margin-top:20px;margin-bottom:20px}.class-title{font-size:11px}.class-card{font-size:12px}.class-card small{font-size:10px}.class-card>span{font-size:17px}.fitness-ui-btn{font-size:12px;padding:13px}.fitness-bg-word{font-size:110px;letter-spacing:-6px}
.project-dialog-art{min-height:570px}.project-dialog-art .salon-device,.project-dialog-art .fitness-device{transform:translateX(-50%)}
@keyframes fade-up{from{opacity:1;translate:0 15px}to{opacity:1;translate:0 0}}
@keyframes title-enter{from{transform:translateY(16px)}to{transform:none}}
@media(max-width:370px){.mini-device{width:250px}.salon-ui,.fitness-ui{padding-left:15px;padding-right:15px}.fitness-ui h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.js .reveal{transform:none}.hero-device-wrap{transform:translateX(-50%)!important}.hero-italic{background:none;color:#c8d5ff;-webkit-text-fill-color:currentColor}}

/* Plain-language feature guide: readable detail without changing the theme. */
.services-intro>p.service-scope{font-size:14px;line-height:1.8;color:#aebbd0;border-left:2px solid #c8d5ff66;padding-left:18px;max-width:420px;margin-top:24px}
.service-content p{max-width:none;margin-bottom:20px}
.service-details{padding-left:19px;margin:0 0 24px;list-style:disc;color:#b7c3d7;font-size:15px;line-height:1.85}
.service-details li{padding-left:4px;margin:0 0 16px;overflow-wrap:anywhere}
.service-details li::marker{color:#96a9d3;font-size:.75em}
.service-details strong{color:#edf1fa;font-weight:650}
.service-tags{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:28px}
.service-tags span{margin:0;line-height:1.5}
.service-item h3 button>span:not(.service-num){min-width:0;overflow-wrap:anywhere}
.service-item h3 button>svg{flex-shrink:0}
@media(max-width:700px){.services-intro>p.service-scope{font-size:14px}.service-details{font-size:15px;line-height:1.85;padding-left:17px}.service-content>div{padding-left:0}.service-item h3 button{gap:12px;font-size:18px}.service-tags{gap:7px}.service-tags span{font-size:11px}}