:root{--blue:#155dfc;--ink:#0f172b;--text:#62748e;--soft:#f8fafc;--line:#e2e8f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3,.logo{font-family:'Plus Jakarta Sans',sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1152px,calc(100% - 48px));margin:auto}.nav{position:sticky;top:0;z-index:50;height:65px;background:#ffffffeb;border-bottom:1px solid #f1f5f9;backdrop-filter:blur(16px)}.nav-inner{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.logo{display:flex;align-items:center;gap:8px;font-weight:800}.logo span{display:grid;place-items:center;width:34px;height:34px;background:var(--blue);border-radius:12px}.logo img,.app-logo img,.phone img{width:16px;height:16px}.nav nav,.nav-actions{display:flex;gap:32px;align-items:center;font-size:14px;font-weight:600;color:#314158}.nav-actions{gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:12px;background:var(--blue);color:white;font-weight:700;font-size:14px;box-shadow:0 10px 16px #bedbff;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn.small{padding:10px 16px;box-shadow:none}.btn.secondary{background:white;color:#314158;border:1px solid var(--line);box-shadow:0 2px 4px #0001}.btn img{width:16px;height:16px;margin-right:8px}.menu{display:none;border:0;background:none;font-size:22px}.hero{padding:78px 0 96px;background:linear-gradient(#eff6ff,#fff);overflow:hidden}.hero-copy{text-align:center;max-width:768px;margin:auto}.eyebrow,.badge{display:inline-flex;align-items:center;padding:6px 16px;border:1px solid #dbeafe;border-radius:100px;background:#fff;color:var(--blue);font-size:12px;font-weight:700}.eyebrow i{width:8px;height:8px;background:var(--blue);opacity:.5;border-radius:50%;margin-right:8px}.hero h1{font-size:60px;line-height:1.1;letter-spacing:-1.5px;margin:24px 0}.hero h1 em{color:var(--blue);font-style:normal}.hero-copy>p{max-width:576px;margin:auto;color:var(--text);font-size:18px;line-height:1.65}.actions{display:flex;justify-content:center;gap:12px;margin-top:32px}.window{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #0004}.agenda-window{max-width:1024px;height:526px;margin:56px auto 0}.windowbar{height:53px;background:var(--ink);display:flex;align-items:center;padding:0 20px;gap:6px}.windowbar i{width:12px;height:12px;border-radius:50%;background:#ff6467}.windowbar i:nth-child(2){background:#fdc700}.windowbar i:nth-child(3){background:#05df72}.windowbar span{margin:auto;background:#314158;color:#cad5e2;border-radius:6px;padding:4px 16px;font-size:12px}.app{height:472px;display:flex}.app aside{width:192px;padding:16px;background:#f8fafc;border-right:1px solid #f1f5f9;display:flex;flex-direction:column}.app-logo{display:flex;align-items:center;gap:8px;height:52px;font-size:14px}.app-logo img{background:var(--blue);padding:8px;box-sizing:content-box;border-radius:11px}.app aside a{padding:9px 12px;border-radius:8px;color:var(--text);font-size:12px;font-weight:600}.app aside .active{color:#fff;background:var(--blue)}.agenda{flex:1;padding:20px}.agenda-head{display:flex;justify-content:space-between;align-items:center}.agenda-head small,.stats small,.stats span{color:#90a1b9;font-size:12px}.agenda-head h3{font-size:18px;margin:2px 0}.agenda-head button{border:0;background:var(--blue);color:white;padding:9px 12px;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.stats article{padding:12px;background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px}.stats small,.stats span,.stats b{display:block}.stats b{font:800 24px 'Plus Jakarta Sans'}.appointments{display:grid;gap:8px;margin-top:20px}.appointment{display:grid;grid-template-columns:40px 8px 1fr auto;align-items:center;gap:12px;padding:11px 12px;border:1px solid;border-radius:12px;font-size:12px}.appointment i{width:8px;height:8px;border-radius:50%;background:currentColor}.appointment b small{display:block;color:var(--text);font-weight:400}.appointment em{font-style:normal;padding:3px 8px;border-radius:20px}.appointment:nth-child(1){background:#fffbeb;border-color:#fee685;color:#bb4d00}.appointment:nth-child(2){background:#eff6ff;border-color:#bedbff;color:#1447e6}.appointment:nth-child(3){background:#ecfdf5;border-color:#a4f4cf;color:#007a55}.appointment:nth-child(4){background:#f5f3ff;border-color:#ddd6ff;color:#7008e7}.section{padding:96px 0}.soft{background:var(--soft)}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.section h2,.cta h2{font-size:36px;line-height:1.25;letter-spacing:-1px;margin:18px 0 12px}.section p{color:var(--text);line-height:1.65}.compare{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;margin-top:32px;align-items:center}.compare div{padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-size:12px}.compare div:nth-of-type(even){background:#eff6ff;border-color:#bedbff}.compare b{color:var(--blue)}.chat{width:384px;margin:auto;background:#eef6f1;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #0f172b25}.chat header{height:56px;background:#fff;display:flex;align-items:center;padding:12px 16px;gap:12px}.chat header i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#fff;font-style:normal}.chat header small{display:block;color:#22a06b}.messages{padding:16px;display:flex;flex-direction:column;gap:8px}.messages p{width:max-content;max-width:80%;margin:0;background:#fff;padding:8px 12px;border-radius:9px;color:#1d293d;font-size:12px}.messages .mine{align-self:flex-end;background:#d9fdd3}.messages small{display:block;text-align:right;color:#90a1b9;margin-top:4px}.chat footer{padding:9px 16px;background:#fff;color:#90a1b9;font-size:12px}.heading{text-align:center}.heading p{max-width:520px;margin:auto}.booking-flow{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;margin-top:48px}.steps{padding-top:52px}.step{width:100%;border:0;background:transparent;display:grid;grid-template-columns:36px 1fr auto;text-align:left;align-items:center;gap:16px;padding:16px;border-radius:12px;margin-bottom:8px;color:var(--ink)}.step.active{background:#eff6ff;border:1px solid #bedbff}.step>span{display:grid;place-items:center;width:36px;height:36px;background:#dbeafe;color:var(--blue);border-radius:50%;font-weight:700}.step small{display:block;color:var(--text);font-weight:400}.phone{width:210px;height:400px;margin:auto;border:3px solid var(--ink);border-radius:28px;background:#fff;padding:26px 12px 12px;box-shadow:0 20px 40px #0002}.notch{width:40px;height:6px;background:var(--ink);border-radius:5px;margin:-18px auto 14px}.phone>b{display:flex;align-items:center;gap:6px;font-size:12px}.phone h3{font-size:13px;margin:12px 0}.service{text-align:left;padding:10px;border:1px solid var(--line);border-radius:9px;margin:7px 0;font-size:10px}.service.active{border-color:var(--blue);background:#eff6ff}.service small{display:block;color:var(--text)}.feature-cards,.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.feature-cards article,.business-grid article{padding:20px;border:1px solid;border-radius:16px}.feature-cards .blue{background:#eff6ff;border-color:#dbeafe}.feature-cards .purple{background:#f5f3ff;border-color:#ede9fe}.feature-cards .yellow{background:#fffbeb;border-color:#fee685}.feature-cards i,.business-grid i{font-size:30px;font-style:normal}.feature-cards h3,.business-grid h3{font-size:14px;margin:12px 0 6px}.feature-cards p,.business-grid p{font-size:12px}.feature-cards span{display:block;background:#fff;padding:8px;border-radius:8px;margin-top:7px;font-size:11px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:20px;border:1px solid var(--line);border-radius:16px;font-size:13px;font-weight:600}.availability ul{list-style:none;padding:0;line-height:2.3}.availability li:before{content:'✓';color:var(--blue);margin-right:10px}.calendar{padding:20px;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px #0f172b12;overflow:auto}.legend{float:right;color:var(--text);font-size:10px}.calendar table{width:100%;border-spacing:5px;margin-top:20px;font-size:11px;text-align:center}.calendar td,.calendar th{padding:8px;border-radius:7px}.calendar td.open{background:#dbeafe;color:#155dfc}.calendar td.busy{background:#fee2e2;color:#dc2626}.calendar td.blocked{background:#e2e8f0;color:#64748b}.notifications article,.rules-card{padding:20px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 30px #0f172b10;margin:14px 0}.notifications article>b,.notifications span,.notifications strong{display:block}.notifications b small{float:right;color:var(--blue)}.notifications span{font-size:11px;color:#90a1b9;margin:12px 0}.notifications p{font-size:12px}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.mini-grid span{padding:14px;border:1px solid var(--line);border-radius:10px;font-size:12px}.rule{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:12px 0;border-top:1px solid #f1f5f9}.rule i{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#eff6ff;font-style:normal}.rule small{display:block;color:var(--text)}.business-grid article{background:#fff;border-color:var(--line)}.faq{max-width:640px}.faq .heading{margin-bottom:32px}.faq-item{border:1px solid var(--line);border-radius:12px;margin:8px 0;box-shadow:0 2px 3px #0001}.faq-item button{width:100%;padding:18px;border:0;background:none;text-align:left;font-weight:700;color:var(--ink)}.faq-item button span{float:right}.faq-item p{display:none;padding:0 18px 18px;margin:0}.faq-item.open p{display:block}.cta{text-align:center;padding:96px 0;background:var(--blue);color:#fff}.cta p{color:#dbeafe}.btn.light{background:#fff;color:var(--blue);box-shadow:none}.btn.outline{border:1px solid #ffffff66;background:transparent;box-shadow:none}.trust{margin-top:40px;font-size:12px;color:#dbeafe}.footer{padding:32px 0}.footer>.wrap{display:flex;align-items:center;justify-content:space-between}.footer p,.footer nav{font-size:12px;color:var(--text)}.footer nav{display:flex;gap:24px}.reveal{opacity:0;transform:translateY(24px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav nav,.nav-actions{display:none}.menu{display:block}.nav nav.open{display:flex;position:absolute;left:20px;right:20px;top:64px;padding:16px;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 40px #0002}.hero h1{font-size:44px}.app aside{display:none}.split,.booking-flow{grid-template-columns:1fr}.chat{max-width:100%}.steps{padding-top:0}.feature-cards,.business-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.reminders>div:first-child{order:2}.footer>.wrap{flex-wrap:wrap;gap:24px}}@media(max-width:520px){.wrap{width:min(100% - 30px,1152px)}.nav-inner{padding:0}.hero{padding-top:60px}.hero h1{font-size:38px}.hero h1 br{display:none}.hero-copy>p{font-size:16px}.actions{flex-direction:column}.btn{width:100%}.agenda-window{height:420px;margin-top:42px}.agenda{padding:12px}.agenda-head h3{font-size:15px}.agenda-head small,.agenda-head button{font-size:10px}.stats{gap:6px}.stats article{padding:9px}.appointments{margin-top:12px}.appointment{grid-template-columns:35px 7px 1fr;padding:9px;font-size:10px}.appointment em{display:none}.section{padding:72px 0}.section h2,.cta h2{font-size:32px}.compare{gap:6px}.compare div{padding:9px;font-size:10px}.benefits{grid-template-columns:1fr}.legend{float:none;margin-top:10px}.mini-grid{grid-template-columns:1fr}.footer>.wrap{flex-direction:column;align-items:flex-start}}
