:root{--ink:#241049;--ink-soft:#4b4459;--paper:#f4eefb;--paper-alt:#e9dff8;--purple:#6d28d9;--purple-deep:#4c1d95;--coral:#e8590c;--coral-dark:#c94600;--green:#0f9d68;--line:#d8cbee;--white:#fff;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.section{padding:110px 0}h1,h2,h3{font-family:"Space Grotesk",sans-serif;margin:0}.eyebrow{display:block;margin-bottom:16px;color:var(--coral);font-size:11px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.section-heading{margin-bottom:54px}.section-heading.centered{text-align:center}.section-heading h2,.comparison-intro h2,.demo-card h2{font-size:clamp(38px,4vw,56px);line-height:1.08;letter-spacing:-2.8px}.section-heading p{color:var(--ink-soft)}
.site-header{position:fixed;z-index:50;top:0;left:0;width:100%;border-bottom:1px solid rgba(255,255,255,.22);transition:.25s}.site-header.scrolled{background:rgba(36,16,73,.96);border-color:rgba(216,203,238,.16);box-shadow:0 10px 30px rgba(36,16,73,.2);backdrop-filter:blur(14px)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between}.logo{display:inline-flex;align-items:center;gap:9px;color:white;font-family:"Space Grotesk";font-size:20px;font-weight:700;letter-spacing:-.8px}.logo>span:last-child{color:var(--coral)}.logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--purple);color:white!important;font-size:11px;letter-spacing:0}.nav-links{display:flex;align-items:center;gap:30px;color:rgba(255,255,255,.9);font-size:14px;font-weight:600}.menu-button{display:none;border:0;background:transparent;color:white;font-size:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;font-size:14px;font-weight:700;transition:.2s}.button:hover{transform:translateY(-2px)}.button-small{min-height:43px;padding:0 18px}.button-purple{background:var(--purple);color:white}.button-coral{background:var(--coral);color:white;box-shadow:0 10px 24px rgba(232,89,12,.23)}.button-coral:hover{background:var(--coral-dark)}.button-outline{border:1px solid var(--line)}
.hero{position:relative;min-height:790px;display:flex;align-items:center;overflow:hidden;background:var(--purple-deep)}.hero-photo{position:absolute;inset:0;background:url("../img/salon-hero.png") center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(36,16,73,.96),rgba(36,16,73,.88) 36%,rgba(76,29,149,.42) 65%,rgba(36,16,73,.12))}.hero-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding-top:84px}.hero-copy{width:630px;color:white}.pill{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(255,255,255,.25);border-radius:99px;font-size:11px;font-weight:700;letter-spacing:1.35px;text-transform:uppercase}.pill span{width:7px;height:7px;border-radius:50%;background:#79d8ae}.hero h1{margin-top:28px;font-size:clamp(52px,5.4vw,78px);line-height:.99;letter-spacing:-4.2px}.hero h1 em,.demo-card h2 em{color:#f0975c;font-family:Georgia,serif;font-weight:400}.hero-copy>p{max-width:560px;margin:26px 0 0;color:rgba(255,255,255,.8);font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:34px}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:3px}.trust{margin-top:19px;color:rgba(255,255,255,.72);font-size:12px}.appointment-card{position:absolute;right:3%;bottom:-304px;width:304px;padding:20px;color:var(--ink);background:rgba(244,238,251,.98);border-radius:20px;box-shadow:0 26px 60px rgba(36,16,73,.34);transform:rotate(2deg)}.ticket-head{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px dashed var(--line);font:11px "JetBrains Mono"}.ticket-logo{color:var(--coral);font-weight:800;letter-spacing:1.4px}.ticket-business{display:flex;align-items:center;gap:12px;padding:18px 0}.avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:white;background:var(--purple);font-size:12px;font-weight:700}.ticket-business div{display:flex;flex-direction:column;gap:3px}.ticket-business small{color:#736b80}.ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.ticket-grid div{display:flex;flex-direction:column;gap:4px}.ticket-grid small{font-size:9px;color:#82788d;letter-spacing:1px}.confirmed{padding:10px;text-align:center;border-radius:8px;color:#08784e;background:#dff5ec;font-size:10px;font-weight:800;letter-spacing:1px}
.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.benefit-card{padding:36px 28px 16px 0;margin-right:28px;border-right:1px solid var(--line)}.benefit-card:last-child{margin:0;border:0}.benefit-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:27px;border-radius:14px;font-size:25px;font-weight:700}.benefit-icon.purple{color:var(--purple);background:#e9ddfb}.benefit-icon.green{color:var(--green);background:#dff5ec}.benefit-icon.coral{color:var(--coral);background:#fce7e1}.benefit-icon.pink{color:#c026d3;background:#f7ddfa}.benefit-card small{font-size:9px;color:#80758a;letter-spacing:1.1px}.benefit-card h3{margin:9px 0 13px;font-size:19px}.benefit-card p,.step p{margin:0;color:var(--ink-soft);font-size:14px;line-height:1.7}
.comparison,.plans{background:var(--paper-alt)}.comparison-grid{display:grid;grid-template-columns:.75fr 1.4fr;align-items:center;gap:72px}.comparison-intro p{max-width:390px;color:var(--ink-soft);line-height:1.7}.comparison-panel{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;background:white;border-radius:var(--radius);box-shadow:0 16px 60px rgba(36,16,73,.12)}.compare-column{padding:31px}.compare-column.after{color:white;background:var(--ink)}.compare-column h3{display:flex;justify-content:space-between;padding-bottom:21px;border-bottom:1px solid var(--line);font-size:16px}.after h3{border-color:rgba(255,255,255,.14)}.compare-column p{min-height:68px;display:flex;align-items:center;gap:11px;margin:0;border-bottom:1px solid #eee8f5;color:#665c71;font-size:13px;line-height:1.45}.after p{color:rgba(255,255,255,.78);border-color:rgba(255,255,255,.11)}.compare-column p span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;color:var(--coral);background:#fce7e1;font-weight:700}.after p span{color:#9be2c1;background:#394f49}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:54px}.step>span{color:var(--purple);font:600 23px "JetBrains Mono"}.step i{display:block;height:1px;margin:22px 0 27px;background:linear-gradient(90deg,var(--purple),var(--line))}.step h3{margin-bottom:13px;font-size:20px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:22px}.plan-card{position:relative;padding:38px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.plan-card.featured{min-height:470px;padding-top:48px;border:2px solid var(--purple);box-shadow:0 20px 60px rgba(76,29,149,.16)}.popular{position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:7px 16px;border-radius:99px;color:white;background:var(--purple);font-size:9px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap}.price{margin:20px 0 14px;font:700 41px "Space Grotesk";letter-spacing:-2px}.price small{font:500 13px Inter;letter-spacing:0}.plan-card>p{min-height:43px;color:var(--ink-soft);font-size:13px}.plan-card ul{display:grid;gap:14px;margin:25px 0 28px;padding:25px 0 0;border-top:1px solid var(--line);list-style:none;font-size:13px}.plan-card li{color:var(--ink)}.plan-card .button{width:100%}
.demo-card{position:relative;min-height:525px;display:flex;align-items:center;overflow:hidden;padding:70px 8%;border-radius:28px;color:white;background:linear-gradient(135deg,var(--ink),var(--purple-deep))}.demo-copy{max-width:590px}.eyebrow.light{color:#b990f0}.demo-copy>p{max-width:510px;color:rgba(255,255,255,.7);font-size:16px;line-height:1.7}.demo-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.demo-actions>a:last-child{color:rgba(255,255,255,.82);font-size:13px}.mini-agenda{position:absolute;right:7%;bottom:-68px;width:275px;height:475px;padding:25px 18px;border:8px solid #130a25;border-radius:36px;color:var(--ink);background:#faf7ff;box-shadow:0 30px 70px rgba(0,0,0,.32);transform:rotate(4deg)}.mini-top{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid var(--line)}.mini-top>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:white;background:var(--purple);font-size:11px;font-weight:800}.mini-top b,.service b{display:flex;flex-direction:column;font-size:11px}.mini-top small,.service small{color:#81788a;font-size:8px;font-weight:400}.mini-agenda>p{margin:18px 0 8px;color:#81788a;font-size:9px}.service{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:7px;border:1px solid var(--line);border-radius:10px;background:white}.service.active{border-color:var(--purple);box-shadow:0 0 0 2px #ece1fb}.service strong{font-size:10px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.slots span{padding:9px 4px;border:1px solid var(--line);border-radius:7px;background:white;text-align:center;font-size:9px}.slots span:nth-child(2){color:white;background:var(--purple)}.mini-agenda button{width:100%;margin-top:18px;padding:11px;border:0;border-radius:8px;color:white;background:var(--coral);font-weight:700}
footer{padding:42px 0;color:white;background:#190b35}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner p{color:rgba(255,255,255,.48);font-size:12px}.footer-inner>a:last-child{color:rgba(255,255,255,.75);font-size:12px}.floating-wa{position:fixed;z-index:60;right:24px;bottom:24px;display:grid;place-items:center;width:55px;height:55px;border-radius:50%;color:white;background:#25d366;box-shadow:0 12px 30px rgba(0,0,0,.2);font-size:24px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s,transform .65s}.reveal.in{opacity:1;transform:none}
@media(max-width:920px){.section{padding:85px 0}.nav-links{position:absolute;top:84px;left:24px;right:24px;display:none;flex-direction:column;align-items:stretch;padding:24px;border-radius:16px;color:var(--ink);background:white;box-shadow:0 18px 50px rgba(36,16,73,.24)}.nav-links.open{display:flex}.menu-button{display:block}.hero-copy{width:72%}.appointment-card{right:0;width:275px}.benefit-grid{grid-template-columns:1fr 1fr}.benefit-card:nth-child(2){border-right:0}.comparison-grid{grid-template-columns:1fr}.plan-card{padding:28px 22px}.mini-agenda{right:-25px;opacity:.55}.demo-copy{max-width:65%}}
@media(max-width:680px){.container{width:calc(100% - 32px)}.section{padding:70px 0}.hero{min-height:820px;align-items:flex-start}.hero-photo{background-position:62% center}.hero-overlay{background:linear-gradient(180deg,rgba(36,16,73,.97),rgba(36,16,73,.86) 58%,rgba(76,29,149,.55))}.hero-inner{padding-top:145px}.hero-copy{width:100%}.hero h1{font-size:49px;letter-spacing:-3px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.appointment-card{display:none}.benefit-grid,.steps-grid,.plans-grid{grid-template-columns:1fr}.benefit-card{margin:0;padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.comparison-grid{gap:40px}.comparison-panel{grid-template-columns:1fr}.compare-column{padding:25px 22px}.plans-grid{gap:25px}.plan-card.featured{min-height:0}.demo-card{min-height:510px;padding:52px 28px;align-items:flex-start}.demo-copy{max-width:100%}.demo-actions{flex-direction:column;align-items:flex-start}.mini-agenda{display:none}.footer-inner{align-items:flex-start;flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.reveal{opacity:1;transform:none}}