/* v4: a calm product-led identity. Existing interactive examples stay intact. */
:root{--blue:#2266be;--blue-dark:#194c90;--ink:#182d44;--muted:#566b7e;--line:#dce5ef;--soft:#f3f7fb;--max:1280px;font-family:"Segoe UI Variable","Segoe UI",Arial,sans-serif}
body{background:#fff}main{overflow:clip}.site-header{height:82px;background:#ffffffed;border-color:#e8edf3}.nav-wrap{max-width:1360px;gap:22px}.brand img{width:140px}.site-nav{margin-left:auto;gap:24px}.site-nav a{font-size:.875rem;color:#3a5065;display:flex;align-items:center;gap:7px}.nav-new{font-size:.625rem;padding:3px 5px;border:1px solid #edd5de;color:#a33863;border-radius:5px;background:#fff4f7;letter-spacing:.1px}.nav-login{margin-left:10px;color:#3a5065}.button{min-height:46px;padding:12px 19px;border-radius:9px;gap:10px;font-size:.875rem;box-shadow:none}.button:hover{transform:none}.button-small{min-height:39px;padding:9px 15px}.button-outline{border-color:#d6e1ec}.hero{padding:78px 0 55px;background:linear-gradient(180deg,#fff 50%,#f6f9fc);position:relative}.hero-atmosphere{display:none}.hero-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:center}.hero-inner{padding:0;text-align:left;max-width:none;margin:0}.hero .eyebrow{justify-content:flex-start;font-size:.7rem;letter-spacing:1.8px;color:#4d6a83;margin:0 0 25px}.eyebrow-line{width:24px;height:2px;background:#2266be}.hero h1{font-size:clamp(3rem,4.35vw,4.8rem);line-height:1.06;letter-spacing:-3.7px;font-weight:650;margin:0 0 26px;color:#182d44}.hero-title-line{display:block}.hero-title-blue{color:#2266be}.hero-description{font-size:1.075rem;line-height:1.85;color:#566b7e;max-width:470px;margin:0 0 26px}.hero-actions{justify-content:flex-start;gap:10px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#536b80;margin:17px 0 0;line-height:1.6}.hero-note .icon{width:15px;height:15px;color:#357458}.hero-connected{display:flex;align-items:center;gap:9px;font-size:.78rem;line-height:1.65;border-top:1px solid #dfe7ef;padding-top:20px;margin-top:27px;color:#576b7c;max-width:440px}.connected-dot{width:7px;height:7px;border-radius:50%;background:#d44379;box-shadow:0 0 0 4px #fbeaf0;flex-shrink:0}.hero-connected>span:last-child{margin-left:auto;color:#c9366c;font-size:1.125rem}.product-stage{width:100%;margin:0;min-width:0;position:relative;border:1px solid #d7e3ef;border-radius:18px;background:#fff;padding:19px 16px 10px;box-shadow:0 28px 70px -30px #31588038,0 4px 16px #31588008}.tour-heading{padding:0 4px;margin-bottom:16px;align-items:center}.tour-heading p{display:flex;align-items:center;gap:7px;font-size:.875rem;margin:0;color:#1f3b55}.tour-heading>span{font-size:.625rem;color:#536b80}.live-dot{width:6px;height:6px;border-radius:50%;background:#5a9a76}.tour-tabs{margin:0 0 14px;width:auto;display:inline-flex;border:1px solid #e1e9f1;box-shadow:none;background:#f3f7fb;border-radius:9px;padding:3px}.tour-tabs button{font-size:.75rem;padding:8px 13px;min-height:34px;border-radius:7px;gap:6px}.tour-tabs button .icon{width:15px;height:15px}.app-preview{display:block;border-radius:11px;border:1px solid #dce5ef;box-shadow:none;min-height:0}.preview-sidebar{display:none}.preview-topbar{height:42px;padding:0 16px;font-size:.65rem}.preview-user{width:25px;height:25px;font-size:.65rem}.preview-panel{padding:19px 15px 0}.preview-heading{margin-bottom:16px;gap:8px;flex-wrap:wrap}.preview-heading h2{font-size:1.35rem;letter-spacing:-.5px}.preview-heading small{font-size:.56rem;letter-spacing:1px}.preview-date{font-size:.625rem;padding:5px 8px;white-space:nowrap}.planner-controls{margin:12px 0;font-size:.65rem}.day-picker button{font-size:.7rem;padding:7px 10px}.planner-controls>span{font-size:.65rem}.schedule-scroll{margin:0 -1px;overscroll-behavior-inline:contain}.schedule{min-width:520px}.schedule-head{font-size:.7rem}.person-avatar{width:22px;height:22px;font-size:.6rem}.schedule-body{height:245px}.appointment{padding:8px 9px;border-radius:6px}.appointment span,.appointment small{font-size:.6rem}.appointment strong{font-size:.73rem}.time-column{font-size:.625rem}.preview-status{font-size:.64rem;padding:12px 0;line-height:1.6;min-height:40px}.demo-caption{font-size:.625rem;line-height:1.65;padding:0;margin:10px 0 0;color:#536b80;text-align:left}.demo-metrics{gap:7px;margin:13px 0}.demo-metrics article{padding:13px 11px}.demo-metrics strong{font-size:1.25rem}.demo-metrics span{font-size:.68rem}.demo-chart{height:180px}.demo-customer-row{padding:12px}.industry-strip{padding:25px 0 40px;border-bottom:1px solid #e6edf3;gap:38px}.industry-strip>p{color:#62798a;font-size:.65rem;line-height:1.75;letter-spacing:1.2px;margin:0}.industry-strip>div{justify-content:space-between;flex:1;gap:25px}.industry-strip span{font-size:.84rem;color:#425d73}.section{padding:92px 0}.section-heading h2{font-size:2.9rem;letter-spacing:-1.6px;line-height:1.16}.section-heading h2 span,.story-copy h2 span,.faq-intro h2 span{color:#60788d}.section-heading>p{font-size:.975rem;color:#566b7e;line-height:1.85}.eyebrow.left{font-size:.65rem;letter-spacing:1.65px;color:#526d82}.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding-bottom:65px}.ecosystem-visual{position:relative;background:#fcf4f5;border-radius:25px;border:1px solid #f1dfe5;min-height:490px;padding:50px 38px 20px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.ecosystem-orbit{position:absolute;width:390px;height:390px;border:1px solid #efd9e2;border-radius:50%;top:-40px;right:-80px;pointer-events:none}.ecosystem-orbit:before{content:"";position:absolute;inset:45px;border:1px solid #efd9e2;border-radius:50%}.ecosystem-browser{position:relative;border:1px solid #ead9e1;border-radius:13px;background:#fff;box-shadow:0 20px 50px -22px #a64a7045;overflow:hidden;width:100%}.browser-bar{display:flex;align-items:center;gap:12px;border-bottom:1px solid #f0e7ed;padding:12px 16px;font-size:.65rem;color:#826d79;background:#fffafd}.browser-bar>span:first-child{font-size:.5rem;letter-spacing:3px;color:#d6bdc8}.browser-bar>span:nth-child(2){margin:auto}.browser-bar .icon{width:12px;height:12px}.mini-market{padding:23px 25px;background:linear-gradient(130deg,#fff 20%,#fff2f7)}.mini-market-brand{font-size:1.05rem;font-weight:600;letter-spacing:-.5px;color:#322633}.mini-market-brand>span{color:#d93672}.mini-market>p{font-size:1.7rem;line-height:1.2;letter-spacing:-.8px;font-weight:600;margin:19px 0}.mini-market em{font-family:Georgia,serif;color:#b94773;font-weight:400}.mini-market-search{display:flex;align-items:center;gap:8px;background:#fff;padding:12px;border:1px solid #eadce3;border-radius:7px;font-size:.65rem;color:#755e6c}.mini-market-search .icon{width:14px;height:14px}.mini-market-search>span{margin-left:auto;color:#c6386c}.mini-salon{display:flex;align-items:center;gap:11px;padding:15px 0 0}.mini-salon-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:#f0dce5;color:#9d3c65;font-family:Georgia,serif}.mini-salon strong{display:block;font-size:.75rem;color:#4b3545}.mini-salon small{display:block;font-size:.61rem;color:#806775;margin-top:3px}.mini-salon .icon{width:16px;height:16px;margin-left:auto;color:#619281}.sync-note{position:relative;background:#fff;border:1px solid #dbe5ef;border-radius:11px;display:flex;align-items:center;gap:10px;padding:15px 17px;margin:18px 0 0;box-shadow:0 10px 22px #4759760d}.sync-icon{width:34px;height:34px;display:grid;place-items:center;background:#edf5fe;border-radius:8px;color:#2469b6;flex-shrink:0}.sync-icon .icon{width:17px;height:17px}.sync-note strong{font-size:.7rem;display:block;color:#264a68}.sync-note small{font-size:.6rem;display:block;color:#627990;margin-top:4px}.pending-label{font-size:.55rem;color:#8b6831;background:#fbf5e9;border-radius:5px;padding:5px 6px;margin-left:auto;white-space:nowrap}.visual-disclosure{position:relative;font-size:.62rem;color:#866976;text-align:center;margin:17px 0 0;line-height:1.7}.ecosystem-copy h2{font-size:2.65rem;line-height:1.22;letter-spacing:-1.4px;margin:0 0 22px}.ecosystem-copy h2 span{color:#ad4169}.ecosystem-copy>.eyebrow{color:#a53a62}.ecosystem-copy>p:not(.eyebrow){font-size:1rem;color:#5d6b77;line-height:1.9}.connection-steps{list-style:none;padding:0;margin:25px 0;display:grid;gap:18px}.connection-steps li{display:flex;gap:13px}.connection-steps li>span{font-size:.62rem;min-width:25px;height:25px;border:1px solid #e4d4dc;background:#fff8fa;border-radius:50%;display:grid;place-items:center;color:#ad4169;margin-top:1px}.connection-steps strong{font-size:.83rem}.connection-steps p{font-size:.8rem;line-height:1.8;color:#657282;margin:5px 0 0}.ecosystem-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px}.button-pink{background:#b63466;border-color:#b63466}.button-pink:hover{background:#932a52;border-color:#932a52}.ecosystem-actions .text-link{font-size:.75rem;color:#6a5a69}.feature-explorer{border-color:#dce6ef;box-shadow:0 20px 70px -45px #416b9940;border-radius:18px;overflow:clip}.feature-tabs{background:#f6f9fc}.feature-tabs button{font-size:.75rem;padding:14px 12px}.feature-scene{gap:45px;padding:36px}.scene-copy h3{font-size:2.1rem;letter-spacing:-1px}.scene-copy>p:not(.scene-kicker){font-size:.95rem;line-height:1.9}.scene-canvas{box-shadow:0 12px 35px -15px #30547e2b}.scene-copy .scene-kicker{font-size:.6rem}.feature-controls{background:#fafcfe}.module-directory{padding-top:0}.module-directory h2{font-size:2.25rem}.module-directory details{border-color:#dce6ef;border-radius:10px;box-shadow:none}.story-section{background:#f5f8fb;padding:65px 0}.story-image{border-radius:20px;height:540px}.photo-note{border-radius:10px;background:#ffffffed;color:#3c546a;backdrop-filter:blur(10px);font-size:.95rem}.story-copy h2{font-size:2.65rem;line-height:1.18;letter-spacing:-1.4px}.story-copy>p:not(.eyebrow){font-size:1rem;line-height:1.9}.story-points strong{font-size:.95rem}.story-points>div{border-color:#dfe8f0}.story-points>div>span{font-size:.65rem;color:#527591}.step-number{font-size:2.8rem;color:#a9bed0;font-weight:400}.steps h3{font-size:1.12rem}.steps p{font-size:.9rem;line-height:1.85;color:#566b7e}.faq-section{padding-bottom:85px;gap:70px}.faq-intro h2{font-size:2.65rem;letter-spacing:-1.4px}.faq-list summary{font-size:.95rem}.faq-list details>p{font-size:.875rem;color:#566b7e;line-height:1.9}.cta-section{background:#1b3856;border-radius:20px;box-shadow:none;padding:52px 56px;margin-bottom:35px}.cta-section h2{font-size:2.85rem;letter-spacing:-1.3px}.cta-section .eyebrow{color:#aacbe7}.cta-content>p:not(.eyebrow){color:#ccdceb;font-size:.95rem}.cta-login{color:#d0dfed;font-size:.8rem}.cta-wordmark{color:#fff;font-size:2.8rem}.cta-wordmark small{color:#c0d3e3;font-size:.7rem}.site-footer{padding-top:12px;padding-bottom:32px;font-size:.75rem;gap:20px}.site-footer nav{gap:19px}.site-footer p{color:#566b7e}
@media(max-width:1100px){.hero-layout{gap:32px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:3.65rem;letter-spacing:-2.4px}.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:#fff;border-bottom:1px solid #dce5ef;box-shadow:0 15px 25px #182d4410;margin:0;padding:17px 28px;flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{padding:13px 0;font-size:.95rem}.nav-wrap>.button{margin-left:0}.nav-login{margin-left:auto;display:block}.menu-toggle{display:flex;margin-left:0}.ecosystem{gap:40px}.ecosystem-visual{padding:35px 24px;min-height:465px}.ecosystem-copy h2{font-size:2.2rem}.pending-label{display:none}.industry-strip{gap:25px}.industry-strip>div{gap:16px}.industry-strip span{font-size:.77rem}.section-heading h2{font-size:2.5rem}}
@media(max-width:860px){.hero-layout{grid-template-columns:1fr;gap:38px}.hero{padding-top:55px}.hero-inner{max-width:640px}.hero h1{font-size:4.2rem}.hero h1 .hero-title-line:nth-child(2){display:inline-block}.hero h1 .hero-title-blue{display:inline-block;margin-left:12px}.product-stage{max-width:700px}.schedule{min-width:540px}.preview-panel{padding:24px 21px 0}.tour-heading>span{display:block}.ecosystem{grid-template-columns:1fr;gap:37px}.ecosystem-visual{order:2;min-height:0;padding:32px;max-width:620px;width:100%;justify-self:center}.ecosystem-copy h2{font-size:2.5rem}.connection-steps{grid-template-columns:1fr 1fr 1fr;gap:20px}.connection-steps li{display:block}.connection-steps li>span{margin-bottom:12px}.industry-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px}.feature-scene{padding:26px;gap:30px}.story-copy h2{font-size:2.15rem}.story-image{height:500px}.site-footer{flex-wrap:wrap}.site-footer nav{flex-wrap:wrap;margin-left:auto}.site-footer p{width:100%;order:3;margin:0}.section{padding:70px 0}.ecosystem{padding-bottom:25px}}
@media(max-width:600px){.wrap,.nav-wrap{width:calc(100% - 36px)}.site-header{height:70px}.site-nav{top:70px;padding:15px 21px}.nav-wrap{gap:12px}.brand img{width:112px}.nav-login{display:none}.nav-wrap>.button{margin-left:auto;min-height:35px;padding:8px 11px;font-size:.75rem}.menu-toggle{width:30px;height:35px}.hero{padding:39px 0 31px}.hero h1{font-size:3.6rem;letter-spacing:-2.8px}.hero h1 .hero-title-line:nth-child(2),.hero h1 .hero-title-blue{display:block;margin:0}.hero-description{font-size:.98rem;max-width:350px}.hero-actions{justify-content:flex-start}.hero-actions .button{width:auto;max-width:none;font-size:.8rem;min-height:44px;padding:11px 14px}.hero .eyebrow{font-size:.6rem;letter-spacing:1.4px;margin-bottom:19px}.hero-note{font-size:.69rem;align-items:flex-start;gap:6px}.hero-note .icon{margin-top:2px}.hero-connected{font-size:.73rem;margin-top:22px;padding-top:18px}.hero-layout{gap:30px}.product-stage{padding:13px 10px 10px;border-radius:13px}.tour-heading{margin-bottom:11px}.tour-heading p{font-size:.75rem}.tour-heading>span{font-size:.54rem}.tour-tabs{width:100%;display:flex}.tour-tabs button{flex:1;padding:7px 6px;font-size:.68rem;min-width:0}.tour-tabs .icon{display:none}.preview-topbar{padding:0 11px;font-size:.6rem}.preview-panel{padding:16px 11px 0}.preview-heading h2{font-size:1.18rem}.preview-heading small{font-size:.5rem}.preview-date{font-size:.55rem}.planner-controls>span{display:none}.schedule{min-width:500px}.preview-status{font-size:.6rem}.demo-caption{font-size:.59rem}.industry-strip{padding:17px 0 30px;display:block}.industry-strip>p{margin-bottom:18px;font-size:.6rem}.industry-strip>p br{display:none}.industry-strip span{font-size:.76rem}.industry-strip>div{gap:16px}.section{padding:55px 0}.section-heading h2{font-size:2.05rem;letter-spacing:-1px}.ecosystem{gap:26px;padding-bottom:18px}.ecosystem-copy h2{font-size:2.05rem;letter-spacing:-1px}.ecosystem-copy>p:not(.eyebrow){font-size:.9rem}.connection-steps{display:grid;grid-template-columns:1fr;gap:18px}.connection-steps li{display:flex;gap:12px}.connection-steps li>span{margin-bottom:0}.connection-steps strong{font-size:.83rem}.connection-steps p{font-size:.78rem}.ecosystem-actions{gap:17px}.ecosystem-visual{padding:25px 16px;border-radius:17px}.mini-market{padding:21px 18px}.mini-market>p{font-size:1.55rem}.mini-market-search{font-size:.59rem;padding:11px 8px}.mini-salon small{font-size:.55rem}.sync-note{padding:12px 10px;gap:9px}.sync-note strong{font-size:.65rem}.visual-disclosure{font-size:.58rem}.feature-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;max-width:100%;justify-content:flex-start;overscroll-behavior-inline:contain}.feature-tabs button{white-space:nowrap;flex:0 0 auto;padding:12px 13px;font-size:.73rem}.feature-scene{padding:20px 16px;gap:24px}.scene-copy h3{font-size:1.75rem}.scene-copy>p:not(.scene-kicker){font-size:.875rem}.scene-window-body{padding:15px 12px}.scene-copy .scene-kicker{font-size:.59rem}.module-directory{padding-top:0}.module-directory h2{font-size:1.8rem}.story-section{padding:32px 0}.story-image{height:350px;border-radius:14px}.story-copy h2{font-size:2rem}.story-copy>p:not(.eyebrow){font-size:.9rem}.steps h3{font-size:1rem}.steps p{font-size:.875rem}.step-number{font-size:2.3rem}.faq-intro h2{font-size:2rem}.faq-section{padding-bottom:48px;gap:23px}.faq-list summary{font-size:.85rem}.faq-list details>p{font-size:.83rem}.cta-section{padding:29px 23px;border-radius:15px}.cta-section h2{font-size:2rem}.cta-actions{gap:19px}.cta-section .button{font-size:.78rem;padding:11px 13px;max-width:100%;text-align:center}.cta-login{font-size:.72rem}.site-footer nav{margin:0;width:100%;gap:14px;font-size:.72rem}.site-footer{gap:18px}}
@media(max-width:360px){.hero h1{font-size:3.25rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{width:100%}.tour-heading>span{max-width:90px;text-align:right}.demo-metrics article{padding:10px 7px}.demo-metrics strong{font-size:1rem}.demo-metrics span{font-size:.62rem}.sync-note strong{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.ecosystem-orbit{transform:none}*,*::before,*::after{animation:none!important;transition:none!important}}