/* Kaia Studio v19: retain the brand, clarify the offer, open the range. */
:root{--ink:#0b0e15;--paper:#f2f5fc;--muted:#b3bfd4;--mint:#c8d5ff}
body{background:#0b0e15}.hero{background:radial-gradient(ellipse at 80% 34%,#273e7630,transparent 53%);padding-top:182px;min-height:940px}.hero h1{font-size:clamp(64px,6.6vw,106px);font-weight:600;letter-spacing:-5.5px;line-height:1.09}.hero h1 .hero-italic{font-family:Manrope,Arial,sans-serif;font-style:normal;font-size:1em;letter-spacing:inherit}.hero-description{font-size:16px;line-height:1.85;max-width:555px;color:#b9c6de}.hero-copy .eyebrow{font-size:10px}.hero .button{font-size:14px;min-height:60px}.hero-actions .text-link{font-size:13px}.business-types{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px;max-width:540px}.business-types>span{border:1px solid #c0d3ff2a;border-radius:25px;padding:7px 12px;color:#bac8e4;background:#17223866;font-size:11px}.platform-note{margin-top:23px}.hero-visual{margin-top:35px}.hero-bottom{font-size:9px}.desktop-nav{gap:19px;margin-left:25px}.desktop-nav a{white-space:nowrap}.desktop-nav a.nav-studio{display:none}.site-header{gap:20px}.header-contact{white-space:nowrap}.why-intro>p,.why-pillar>p,.why-detail p{font-size:15px;line-height:1.85}.why-card-label{font-size:11px}.why-next p{font-size:14px}.why-scope{font-size:12px}.work-heading p,.services-intro>p,.process-heading p,.value-intro>p{font-size:16px;line-height:1.85}.service-content p{font-size:15px;line-height:1.9}.value-benefit p{font-size:14px;line-height:1.85}.xp-card-bottom p{font-size:14px}.xp-live-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;color:#dce5ff;border:1px solid #8ba2d24d;border-radius:30px;padding:13px 17px;margin:20px 0}.xp-live-link svg{width:17px;height:17px}.experience-card{transition:transform .45s var(--ease),border-color .3s;box-shadow:0 16px 60px #0002}.experience-card:hover{transform:translateY(-7px)}.contact-channels .channel-label{font-size:12px}.demo-invitation{display:block;background:radial-gradient(ellipse at 90% 0,#3346781c,transparent 55%),#0e131f;padding-block:88px}.demo-section-heading{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:40px}.demo-section-heading h2{font-size:clamp(38px,4vw,62px);letter-spacing:-2.5px}.demo-section-heading p{font-size:16px;max-width:460px;margin-bottom:6px}.live-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.live-demo-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d8e4ff26;border-radius:25px;overflow:hidden;background:#111a2a;transition:transform .4s,border-color .4s;isolation:isolate}.live-demo-card:hover{transform:translateY(-6px);border-color:#a9c2ff80}.live-demo-card-top{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:22px 26px;font-size:9px;letter-spacing:1px;color:#c1d0eb}.demo-live-dot{display:inline-flex;align-items:center;gap:8px}.demo-live-dot:before{content:'';height:5px;width:5px;border-radius:100%;background:#c1d1ff;box-shadow:0 0 0 4px #b7c7ff12}.demo-card-index{font-size:9px}.barber-preview-art{height:335px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#2d4375,#111a2a 76%)}.mini-schedule{width:72%;max-width:355px;padding:23px;border:1px solid #819ad75e;border-radius:22px;background:linear-gradient(155deg,#1c2a43,#101726);z-index:2;transform:rotate(-4deg);box-shadow:20px 22px 50px #0005;transition:transform .5s}.live-demo-card:hover .mini-schedule{transform:rotate(0)}.mini-schedule>span{font-size:8px;letter-spacing:1.4px;color:#aebfe2}.mini-schedule>strong{display:block;font-size:24px;letter-spacing:-.8px;line-height:1.25;margin:14px 0 18px;color:#eef3ff}.mini-schedule>div:not(.mini-schedule-footer){display:flex;align-items:center;gap:12px;border:1px solid #7c96c530;border-radius:12px;padding:12px;margin-top:8px;background:#26375370}.mini-schedule i{font-style:normal;font-size:13px;color:#c7d6fa}.mini-schedule b{font-size:12px;font-weight:600}.mini-schedule small{display:block;font-size:9px;font-weight:450;color:#a5b6d5;margin-top:3px}.mini-schedule div>span:last-child{margin-left:auto;color:#c5d4ff;font-size:12px}.mini-schedule-footer{display:flex;justify-content:space-between;margin-top:17px;color:#a9bcdf;font-size:9px}.mini-schedule-footer b{font-size:9px}.preview-orbit{position:absolute;width:420px;height:420px;border:1px solid #7c9cd52b;border-radius:100%;transform:rotateX(45deg);top:-20px;left:40px}.live-demo-salon{background:#171c2b}.salon-preview-art{height:335px;position:relative;overflow:hidden;background:#ddd4d1}.salon-preview-art>img{width:100%;height:100%;object-fit:cover;object-position:center}.salon-preview-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#181323a8,transparent 82%)}.salon-preview-note{position:absolute;z-index:2;top:45px;left:30px;color:#fff7f2;text-shadow:0 2px 20px #0002}.salon-preview-note>span{font-size:9px;letter-spacing:1.8px}.salon-preview-note strong{display:block;font-family:Instrument,Georgia,serif;font-style:italic;font-weight:400;font-size:47px;line-height:1.08;margin:21px 0 16px;letter-spacing:-1px}.salon-preview-note>span:last-child{font-size:12px;letter-spacing:.5px}.salon-floating-ticket{position:absolute;z-index:2;right:22px;bottom:20px;padding:15px 18px;border:1px solid #fff7;border-radius:15px;background:#faf7f2ed;color:#483b55;font-size:11px;box-shadow:0 12px 30px #25152c1a}.salon-floating-ticket b{display:block;margin-top:4px;font-size:12px}.live-demo-copy{padding:25px 27px 28px;display:flex;flex-direction:column;flex:1}.live-demo-copy h3{font-size:26px;font-weight:600;letter-spacing:-.7px}.live-demo-copy p{font-size:14px;line-height:1.85;color:#b2c0d9;margin:12px 0 22px}.live-demo-copy>span{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;color:#d4dfff;border-top:1px solid #abc2ff26;padding-top:18px;margin-top:auto}.live-demo-copy>span svg{width:20px;height:20px}.demo-range-note{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:28px}.demo-range-note p{max-width:710px;font-size:14px}.demo-range-note>span{font-size:12px;flex-shrink:0;color:#afbdd3}.demo-range-note b{display:block;font-size:10px;margin-top:6px;color:#b6c8ef}.demo-invitation .demo-invitation-note{font-size:11px;margin-top:18px;max-width:none;color:#96a8c9}.contact-channel{transition:border-color .3s,transform .3s}.contact-channel:hover{transform:translateY(-3px);border-color:#b6cafc77}
@media(min-width:701px) and (max-width:1250px){.desktop-nav{display:none}.site-header .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:28px;height:35px;margin-left:0;padding:0;background:none}.menu-toggle span{height:1px;width:24px;background:var(--paper)}.header-contact{margin-left:auto}.mobile-nav{position:fixed;display:flex;inset:85px 0 auto;flex-direction:column;gap:23px;background:#0b0e15fa;backdrop-filter:blur(20px);padding:35px 6%;z-index:99;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .3s,visibility .3s}.mobile-nav.is-open{visibility:visible;opacity:1;transform:none}.mobile-nav a{font-size:25px}.hero{padding-top:162px}.hero h1{font-size:clamp(52px,6.7vw,82px);letter-spacing:-3.8px}.hero-description{font-size:15px}.hero .button{font-size:12px}.hero-actions{gap:20px}.hero-visual{margin-top:50px}.demo-section-heading{gap:35px}.salon-preview-note strong{font-size:38px}.salon-preview-note{left:24px}.live-demo-card-top{padding-inline:21px}.demo-card-index{letter-spacing:0;font-size:8px}}
@media(max-width:700px){.site-header{gap:10px}.hero{padding-top:135px;min-height:auto}.hero h1{font-size:clamp(50px,10.5vw,76px);line-height:1.14;letter-spacing:-3.4px}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:15px;max-width:460px;margin-top:25px}.hero .button{font-size:12px;min-height:56px}.hero-actions .text-link{font-size:12px}.business-types{gap:6px;margin-top:23px}.business-types>span{font-size:10px;padding:6px 9px}.platform-note{margin-top:25px}.hero-visual{margin-top:55px}.hero-bottom{font-size:8px}.demo-invitation{padding-block:65px}.demo-section-heading{display:block;margin-bottom:28px}.demo-section-heading h2{font-size:38px;letter-spacing:-1.8px}.demo-section-heading p{font-size:15px;margin-top:22px}.live-demo-grid{grid-template-columns:1fr;gap:20px}.live-demo-card-top{padding:20px}.barber-preview-art,.salon-preview-art{height:300px}.mini-schedule{width:76%;padding:20px}.mini-schedule>strong{font-size:23px}.salon-preview-note{top:32px;left:22px}.salon-preview-note strong{font-size:44px}.salon-floating-ticket{font-size:10px;right:16px;bottom:16px;padding:13px}.salon-floating-ticket b{font-size:11px}.live-demo-copy{padding:23px}.live-demo-copy h3{font-size:25px}.live-demo-copy p{font-size:14px}.live-demo-copy>span{font-size:12px}.demo-range-note{display:block;padding-top:22px}.demo-range-note p{font-size:14px}.demo-range-note>span{display:block;margin-top:18px}.demo-range-note b{display:inline;margin-left:12px}.why-pillar>p,.why-detail p{font-size:14px}.why-heading h2{font-size:40px}.why-next h3{font-size:29px}.work-heading p,.services-intro>p,.process-heading p,.value-intro>p{font-size:15px}.service-content p{font-size:14px}.value-benefit p{font-size:14px}.xp-card-bottom p{font-size:13px}.mobile-nav{max-height:calc(100dvh - 70px);overflow:auto;gap:21px;padding-block:28px}.mobile-nav a{font-size:22px}.work-heading h2{font-size:42px}.contact-section .eyebrow{font-size:8px}}
@media(max-width:360px){.hero h1{font-size:47px;letter-spacing:-3px}.hero-actions{gap:16px}.hero .button{font-size:11px;gap:10px}.hero-actions .text-link{font-size:11px}.live-demo-card-top{padding:18px 17px;gap:8px}.demo-card-index{font-size:8px;letter-spacing:0}.demo-live-dot{font-size:8px;letter-spacing:.5px}.salon-preview-note strong{font-size:39px}.live-demo-copy h3{font-size:23px}.demo-section-heading h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){.live-demo-card,.experience-card,.contact-channel,.mini-schedule{transition:none}.live-demo-card:hover,.experience-card:hover,.contact-channel:hover{transform:none}}
.hero-device .demo-head span{font-size:7px;letter-spacing:.7px}
/* Keep all navigation links reachable on short and landscape screens. */
@media(min-width:701px) and (max-width:1250px){.mobile-nav{top:112px;max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}.site-header.is-scrolled+.mobile-nav{top:80px;max-height:calc(100dvh - 80px)}.menu-toggle span{transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}}
@media(max-width:700px){.mobile-nav{top:85px;max-height:calc(100dvh - 85px);overscroll-behavior:contain}.site-header.is-scrolled+.mobile-nav{top:70px;max-height:calc(100dvh - 70px)}}