:root{color-scheme:dark;--bg:#0d0813;--bg2:#1b0b29;--panel:#241331;--purple:#ba55ec;--purple-hi:#dd83ff;--gold:#f8c866;--white:#fff8ff;--muted:#c8b6d0;--edge:#704077;--shadow:0 17px 40px #0007}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--white);background:radial-gradient(circle at 7% 2%,#3d1650 0,transparent 29%),radial-gradient(circle at 99% 40%,#361347 0,transparent 25%),var(--bg);line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:absolute;top:-100px;z-index:10}.skip:focus{top:0;background:#fff;color:#111;padding:12px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.55rem,5.7vw,5rem);line-height:1.1;letter-spacing:-.054em}h2{font-size:clamp(1.85rem,3.4vw,3.15rem);line-height:1.13;letter-spacing:-.045em}h3{font-size:1.2rem;letter-spacing:-.025em}p{color:var(--muted)}.container{max-width:1230px;margin:0 auto;padding-inline:24px}.icon{width:1.1em;height:1.1em;display:inline-block;vertical-align:-.17em;flex-shrink:0}.site-header{position:sticky;top:0;z-index:20;background:#11091bec;backdrop-filter:blur(16px);border-bottom:1px solid #6d367d;box-shadow:0 3px 24px #0007}.nav-wrap{max-width:1320px;margin:auto;padding:14px 24px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:900;font-style:italic;letter-spacing:-.07em;line-height:1}.brand strong,.accent{color:#dc64f8}.brand sup{font-size:.35em;align-self:flex-start}.brand-mark{width:44px;height:44px;border-radius:12px;color:var(--gold);display:grid;place-items:center;background:radial-gradient(circle at 40% 20%,#673b6d,#2b1532);border:1px solid #ab618b}.brand-mark .icon{width:28px;height:28px}#site-nav{display:flex;align-items:center;gap:25px}#site-nav a,.nav-label{text-decoration:none;font-weight:700;font-size:.9rem}#site-nav>a:hover,.nav-sub>a:hover{color:var(--gold)}.nav-group{position:relative;cursor:default}.nav-sub{display:none;position:absolute;min-width:215px;top:100%;padding:12px;background:#23132d;border:1px solid var(--edge);border-radius:14px;box-shadow:var(--shadow)}.nav-group:hover .nav-sub,.nav-group:focus-within .nav-sub{display:grid;gap:10px}.nav-cta{border:1px solid var(--gold);border-radius:11px;color:var(--gold);padding:10px 14px;text-decoration:none;white-space:nowrap;font-weight:800;box-shadow:0 0 15px #ffbb4266}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;gap:9px;justify-content:center;padding:13px 22px;border-radius:12px;text-decoration:none;font-weight:800;color:#fff;background:linear-gradient(135deg,#7932b0,#c044ec 62%,#9a30c2);border:1px solid #e184fc;box-shadow:0 5px 20px #a840c055;transition:transform .15s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:16px;height:16px}.btn-outline{background:#1e1321;border:1px solid var(--gold);color:var(--gold);box-shadow:0 0 14px #f8c86644}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);letter-spacing:.14em;font-size:.79rem;font-weight:850;text-transform:uppercase;margin-bottom:20px}.hero{padding-top:76px;padding-bottom:65px;display:grid;grid-template-columns:.92fr 1.18fr;gap:24px;align-items:center;min-height:610px}.hero-copy h1{margin-bottom:20px}.hero-copy h1 em{color:var(--gold);font-style:normal}.hero-copy>p{font-size:1.06rem;max-width:570px}.stroke{display:block;width:185px;height:7px;margin:20px 0 26px;background:linear-gradient(95deg,#8a34c2,#ed9eff,#8a34c2);border-radius:100%;transform:skew(-25deg)}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:27px}.small-note{font-size:.78rem;color:#bfb0cb;margin-top:15px}.trust-line{font-size:.8rem;color:#dbc8e0;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:28px}.trust-line .icon{color:var(--gold)}.hero-visual{position:relative;min-width:0;isolation:isolate;padding:15px 10px 40px}.hero-glow{position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,#8e31a2 0,transparent 65%);filter:blur(28px);opacity:.65}.app-mock{background:#0a0811;border:8px solid #3c3542;outline:1px solid #a989a8;box-shadow:0 21px 40px #000c;border-radius:19px;overflow:hidden;transform:perspective(1000px) rotateY(-5deg);max-width:645px}.app-top{height:46px;background:#211427;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:.84rem;font-style:italic;font-weight:900}.app-top small{color:#d5b6dc;font-size:.7rem;font-style:normal}.app-content{display:flex;min-height:319px;background:#f8f7fa;color:#26212a}.mock-side{width:136px;background:#21112f;color:#ddd0e0;padding:15px 9px;font-size:.65rem;display:grid;align-content:start;gap:10px}.mock-side>div{padding:6px;border-radius:5px}.mock-active{background:linear-gradient(90deg,#673185,#48225d);color:#fff}.mock-main{min-width:0;flex:1;padding:18px}.mock-main h3{font-size:1rem;margin:0 0 4px}.mock-main p{font-size:.65rem;color:#6a6370;margin:0 0 12px}.mock-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mock-stats>div{background:#fff;border-radius:9px;padding:10px 8px;box-shadow:0 1px 6px #ddd}.mock-stats small{color:#7b737c;font-size:.55rem;display:block}.mock-stats b{font-size:1rem}.mock-lower{display:grid;grid-template-columns:1.25fr .75fr;gap:10px;margin-top:12px}.mock-list,.mock-chart{background:#fff;border-radius:9px;padding:12px;min-height:150px;font-size:.62rem}.mock-list>b,.mock-chart>b{display:block;margin-bottom:9px}.mock-list span{display:flex;justify-content:space-between;gap:5px;border-bottom:1px solid #f0ebf3;padding:6px 0}.mock-list i{font-style:normal;color:#783499}.bars{display:flex;align-items:end;height:100px;gap:7px;padding-top:18px}.bars i{background:linear-gradient(#c441ff,#7d39b4);flex:1;border-radius:4px 4px 0 0}.phone-mock{position:absolute;right:0;bottom:13px;width:163px;min-height:292px;background:linear-gradient(160deg,#130c1f,#352147);border:6px solid #29212d;outline:1px solid #ae8dad;border-radius:25px;box-shadow:0 10px 27px #000d;padding:13px 10px;text-align:center}.phone-mock>span{display:block;text-align:left;font-size:.58rem}.phone-mock>b{display:block;font-size:1rem;font-style:italic;margin:25px 0 4px}.phone-mock>b span{color:#df70fa}.phone-mock>small{display:block;color:#c3a1ce;font-size:.58rem}.phone-tiles{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:24px}.phone-tiles>div{display:grid;gap:4px;place-items:center;background:linear-gradient(140deg,#4a3065,#2c2038);border:1px solid #644e7e;padding:10px 1px;border-radius:9px;font-size:.53rem}.phone-tiles .icon{font-size:1.4rem;color:var(--gold)}.concept-note{font-size:.65rem;text-align:center;margin-top:22px;color:#c9b3d0}.section{padding-top:65px;padding-bottom:65px}.center{text-align:center;max-width:820px;margin:0 auto 32px}.center h2{margin-bottom:12px}.gold{color:var(--gold)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature-card{padding:24px;border-radius:15px;background:linear-gradient(160deg,#35213f,#180f22);border:1px solid #7b4b86;text-decoration:none;box-shadow:0 4px 18px #0005;transition:transform .15s,border-color .15s}.feature-card:hover,.industry-card:hover{transform:translateY(-4px);border-color:var(--gold)}.feature-icon{width:50px;height:50px;color:var(--gold);display:grid;place-items:center;margin-bottom:18px}.feature-icon .icon{width:39px;height:39px}.feature-icon.big .icon{width:66px;height:66px}.feature-card h3{margin-bottom:8px}.feature-card p{font-size:.88rem;min-height:70px}.card-link{display:inline-flex;gap:5px;align-items:center;color:#eab5fa;font-size:.81rem;font-weight:700}.card-link .icon{width:14px}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.industry-card{overflow:hidden;position:relative;border:1px solid #8c488a;border-radius:16px;text-decoration:none;min-height:290px;background:#211629;box-shadow:0 10px 23px #0007;transition:transform .15s}.industry-photo{height:112px;background:radial-gradient(circle at 65% 20%,#8f5a37,transparent 45%),linear-gradient(135deg,#412642,#100c18)}.industry-photo.barbershop-software{background:radial-gradient(circle at 25% 20%,#9e652a,transparent 49%),linear-gradient(135deg,#30202b,#0e0c14)}.industry-photo.stylist-software{background:radial-gradient(circle at 65% 25%,#ad7067,transparent 49%),linear-gradient(135deg,#47283e,#0f0c15)}.industry-photo.booth-renter-software{background:radial-gradient(circle at 70% 12%,#d2a261,transparent 50%),linear-gradient(135deg,#302137,#120d18)}.industry-inner{padding:17px}.industry-icon{color:var(--gold);font-size:1.65rem}.industry-inner h3{margin-bottom:8px}.industry-inner p{font-size:.82rem}.mobile-section{display:grid;grid-template-columns:.6fr 1fr;align-items:center;gap:70px}.mobile-symbol{height:230px;display:grid;place-items:center;background:radial-gradient(circle,#6c2c92 0%,#31133c 35%,transparent 70%)}.mobile-symbol .icon{width:145px;height:145px;color:var(--gold);filter:drop-shadow(0 0 22px #ad50e3)}.device-tags{display:flex;gap:15px;flex-wrap:wrap}.device-tags span{border:1px solid #845183;padding:10px 18px;border-radius:9px;color:#eac6f2}.seo-strip,.offer{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#32153f,#20102d);border:1px solid #905597;border-radius:22px;padding:36px;box-shadow:0 9px 35px #6c317a2a}.seo-strip>div:first-child{max-width:625px}.seo-benefits{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:290px}.seo-benefits span{display:flex;gap:8px;align-items:center;font-size:.85rem}.seo-benefits .icon{color:var(--purple-hi)}.offer{border-color:var(--gold)}.offer>div{max-width:720px}.subhero{padding-top:110px;padding-bottom:64px;max-width:1060px}.subhero h1{max-width:1000px}.subhero p{max-width:780px;font-size:1.16rem}.detail-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.detail-panel,.pricing-card{padding:32px;border-radius:17px;background:#24142e;border:1px solid #76417f}.detail-panel ul,.detail-panel ol,.pricing-card ul{padding-left:20px;color:#dbcde0}.detail-panel li,.pricing-card li{margin:12px 0}.accent-panel{background:linear-gradient(145deg,#3b1b51,#170e23);border-color:var(--gold)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pricing-card{display:flex;flex-direction:column}.pricing-card p{flex:1}.pricing-card ul{min-height:130px}.pricing-card.featured{border-color:var(--gold)}.legal{max-width:900px}.legal h2{font-size:1.6rem;margin-top:32px}.footer{background:#100818;border-top:1px solid #62346c;margin-top:55px;padding:52px 24px}.footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid>div{display:flex;flex-direction:column;align-items:start;gap:8px}.footer-grid .brand{margin-bottom:12px}.footer-grid a:not(.brand){text-decoration:none;color:#d6c5dc;font-size:.85rem}.footer-grid h3{font-size:.93rem;color:var(--gold);margin-bottom:7px}.footer-grid p{max-width:380px;font-size:.85rem}.footer-grid small,.footer-grid span{color:#a98eaf;font-size:.78rem}@media(max-width:1120px){#site-nav{gap:12px}.nav-wrap{gap:14px}.nav-cta{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{max-width:660px;width:100%;margin:auto}.mobile-section{grid-template-columns:1fr;gap:5px}.mobile-symbol{height:155px}.mobile-symbol .icon{width:115px;height:115px}.industry-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.seo-strip,.offer{flex-direction:column;align-items:start}.footer-grid{grid-template-columns:1fr 1fr}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:1px solid #9b648e;border-radius:8px;padding:10px;cursor:pointer}.menu-toggle span{height:2px;width:22px;background:#fff}.nav-wrap{flex-wrap:wrap}#site-nav{display:none;width:100%;order:4;flex-direction:column;align-items:stretch;padding:14px 0}#site-nav.open{display:flex}.nav-group .nav-sub{display:grid;position:static;box-shadow:none;background:transparent;border:none;padding:8px 16px;gap:10px}}@media(max-width:520px){.container{padding-inline:17px}.nav-wrap{padding:12px 17px}.hero{padding-top:40px}.hero h1{font-size:2.7rem}.app-mock{transform:none;border-width:5px}.app-content{min-height:245px}.mock-side{width:88px;font-size:.45rem;padding:10px 4px}.mock-main{padding:9px}.mock-main h3{font-size:.7rem}.mock-stats{gap:3px}.mock-stats>div{padding:5px 3px}.mock-stats b{font-size:.65rem}.mock-stats small{font-size:.35rem}.mock-lower{gap:4px}.mock-list,.mock-chart{padding:7px;font-size:.4rem}.mock-list span{padding:4px 0}.bars{gap:3px}.phone-mock{right:0;bottom:5px;width:102px;min-height:188px;border-width:4px;padding:8px 4px}.phone-mock>b{font-size:.7rem;margin-top:11px}.phone-tiles{margin-top:10px;gap:3px}.phone-tiles>div{padding:5px 0;font-size:.35rem}.phone-tiles .icon{font-size:1rem}.feature-grid,.industry-grid,.pricing-grid{grid-template-columns:1fr}.feature-card p{min-height:0}.section{padding-block:40px}.seo-benefits{min-width:0;grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.subhero{padding-top:55px}.subhero p{font-size:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* CRM login — matches original ChairStyle purple/gold identity */
.crm-login-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:11px;border:1px solid #b95bed;background:linear-gradient(130deg,#4b1c70,#742f9a);color:#fff8ff;text-decoration:none;font-weight:800;font-size:.88rem;white-space:nowrap;box-shadow:0 0 14px #ba55ec44;transition:background .18s,transform .18s}
.crm-login-link svg{width:17px;height:17px;flex-shrink:0;color:#f8c866}
.crm-login-link:hover{background:linear-gradient(130deg,#66278e,#9342b6);transform:translateY(-1px)}
.crm-login-link:focus-visible{outline:3px solid #f8c866;outline-offset:3px}
.crm-login-mobile{display:none}
@media(max-width:1120px){.nav-wrap>.crm-login-link{margin-left:auto}}
@media(max-width:800px){.nav-wrap>.crm-login-link{margin-left:auto;font-size:.79rem;padding:9px 11px}.crm-login-mobile{display:none!important}}
@media(max-width:520px){.nav-wrap>.crm-login-link{padding:8px 10px;font-size:.72rem;gap:5px}.nav-wrap>.crm-login-link svg{width:14px;height:14px}.brand{font-size:1.3rem}.brand-mark{width:36px;height:36px}.brand-mark .icon{width:23px;height:23px}.nav-wrap{gap:8px}}

/* Keep the mobile header within narrow screens; Demo stays in the collapsible menu. */
@media(max-width:800px){.nav-wrap>.nav-cta{display:none}.nav-wrap>.crm-login-link{order:2}.nav-wrap>.menu-toggle{order:3}#site-nav{order:4}}
@media(max-width:360px){.brand{font-size:1.15rem}.brand-mark{width:31px;height:31px}.nav-wrap>.crm-login-link{padding:7px 8px;font-size:.69rem}}
