:root{--ink:#10223b;--muted:#697b93;--mint:#18b77a;--mint-soft:#e6f8f0;--cream:#f7f8f5;--line:#dce5e9;--navy:#0c1c32;--peach:#fff0dc;--font-head:Manrope,Arial,sans-serif;--font-body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.5}.section-shell{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;width:min(1240px,calc(100% - 48px));margin:auto;position:relative;z-index:9}.brand{color:var(--ink);font:800 24px/1 var(--font-head);text-decoration:none;display:flex;align-items:center;letter-spacing:-1.5px;gap:9px}.accent{color:var(--mint)}.brand-mark{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--mint);color:#fff;font-size:18px;letter-spacing:-2px}.main-nav{display:flex;align-items:center;gap:31px}.main-nav a{font-size:14px;font-weight:700;text-decoration:none;color:#40526a;transition:.2s}.main-nav a:hover{color:var(--mint)}.main-nav .nav-cta{color:#fff;background:var(--navy);padding:12px 16px;border-radius:11px}.nav-cta span{color:#6ce2b5;padding-left:6px}.menu-toggle{display:none;border:0;border-radius:10px;background:var(--navy);color:#fff;padding:9px 12px;font:700 13px var(--font-body)}
.hero{min-height:650px;display:grid;grid-template-columns:47% 53%;align-items:center;gap:28px;padding:76px 0 90px}.eyebrow{font:700 11px/1.2 var(--font-head);letter-spacing:2.1px;color:var(--mint);margin:0 0 22px;display:flex;align-items:center;gap:9px}.eyebrow span{width:23px;height:2px;background:currentColor;display:inline-block}.hero h1,.section-heading h2,.statement h2,.workflow h2,.contact h2{font:800 clamp(43px,5.2vw,74px)/1.04 var(--font-head);letter-spacing:-4.2px;margin:0}.hero h1 em,.section-heading h2 em,.statement h2 em,.workflow h2 em,.contact h2 em{font-style:normal;color:var(--mint)}.hero-lead{color:var(--muted);font-size:20px;line-height:1.55;max-width:500px;margin:27px 0}.hero-actions{display:flex;align-items:center;gap:13px;margin-top:32px}.button{border-radius:12px;padding:15px 20px;text-decoration:none;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--mint);color:#fff;box-shadow:0 12px 22px #16a66c33}.button-primary span,.button-light span{font-size:21px}.button-quiet{color:#38506a;background:#eef1f2}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:39px;color:#718198;font-size:12px;line-height:1.3}.hero-proof p{margin:0}.hero-proof strong{color:var(--ink)}.avatars{display:flex}.avatars i{width:28px;height:28px;border-radius:50%;display:block;border:2px solid var(--cream);background:linear-gradient(135deg,#efc8aa,#9c684f);margin-left:-8px}.avatars i:first-child{margin:0;background:linear-gradient(135deg,#3c516c,#caa88a)}.avatars i:nth-child(3){background:linear-gradient(135deg,#d7a17c,#35252d)}
.hero-visual{height:447px;position:relative;display:flex;align-items:center}.visual-glow{position:absolute;width:480px;height:360px;border-radius:50%;background:#c7f0e0;filter:blur(8px);top:22px;right:-20px;opacity:.8}.app-window{position:relative;z-index:1;width:590px;height:363px;background:#fff;border-radius:16px;box-shadow:0 28px 55px #34415828;overflow:hidden;border:1px solid #e7edef;transform:rotate(1.3deg)}.app-topbar{height:38px;border-bottom:1px solid #edf0f3;display:flex;align-items:center;padding:0 12px;gap:10px;color:#78869a;font-size:9px;font-weight:700}.window-dots{display:flex;gap:4px}.window-dots i{height:6px;width:6px;border-radius:10px;background:#efb5b5}.window-dots i:nth-child(2){background:#f2d596}.window-dots i:nth-child(3){background:#9adbb7}.app-topbar b{margin-left:auto;background:#effbf6;color:#15935f;padding:3px 7px;border-radius:5px}.app-body{display:flex;height:calc(100% - 38px)}.app-sidebar{background:#f4f8fa;width:55px;padding:14px 0;display:flex;align-items:center;flex-direction:column;gap:15px;color:#8b9aad;font-size:14px}.app-sidebar .app-logo{background:var(--mint);color:#fff;border-radius:8px;width:27px;height:27px;display:grid;place-items:center;font:800 15px var(--font-head);margin-bottom:9px}.app-sidebar .active{color:var(--mint);background:#ddf8ec;border-radius:7px;padding:3px 7px}.app-content{padding:21px 25px;width:calc(100% - 55px)}.app-heading{display:flex;justify-content:space-between;align-items:center}.app-heading small{font-size:8px;color:#9ba6b4}.app-heading h2{font:800 17px var(--font-head);letter-spacing:-.8px;margin:2px 0}.app-heading button{border:0;border-radius:6px;background:var(--mint);color:#fff;padding:7px 10px;font-size:9px;font-weight:bold}.app-stats{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px;margin:18px 0}.app-stats>div{background:#f7f9fa;border-radius:8px;padding:9px}.app-stats small{display:block;color:#9aa7b4;font-weight:bold;font-size:7px}.app-stats strong{display:block;font:800 17px var(--font-head);letter-spacing:-.7px;margin:2px 0}.app-stats span{font-size:7px;color:#8999ab}.app-stats .up{color:#16a56d}.calendar-head{display:flex;justify-content:space-between;align-items:end;font-size:8px;margin:8px 0}.calendar-head strong{display:block;font:800 12px var(--font-head)}.calendar-head span{color:#95a3b4}.calendar-days{display:flex;gap:16px;color:#99a5b5;font-weight:500}.calendar-grid{display:grid;grid-template-columns:76px repeat(3,1fr);grid-template-rows:49px 49px;gap:5px}.staff{padding:7px 4px;font-size:8px}.staff b{display:block}.staff span{color:#98a7b7;font-size:7px}.slot{border-radius:6px;font-size:7px;padding:6px;line-height:1.3}.slot strong{font-size:7px}.slot small{color:#708394}.slot.mint{background:#dff9ed;color:#087d4f}.slot.navy{background:#e9eff8;color:#314c75}.slot.peach{background:#fff0df;color:#a15b10}.slot.empty{background:#fbfcfc;border:1px dashed #e1e8ea}.floating-card{position:absolute;z-index:3;background:#fff;border:1px solid #ebf0f0;border-radius:11px;box-shadow:0 15px 30px #2e445024}.floating-booking{display:flex;align-items:center;gap:9px;bottom:8px;left:-30px;padding:10px 14px}.floating-card small{display:block;color:#8290a0;font-size:9px}.floating-card strong{font:700 10px var(--font-head);display:block}.mini-icon{width:24px;height:24px;border-radius:7px;background:#ddf8ec;color:#139461;display:grid;place-items:center;font-weight:bold}.floating-revenue{right:-10px;top:8px;padding:11px 14px}.floating-revenue strong{font-size:16px;letter-spacing:-.6px}.floating-revenue span{font-size:9px;color:#15a16a;font-weight:bold}
.trust-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:82px;display:flex;align-items:center;gap:25px;color:#8796a6;font-size:10px;letter-spacing:1px}.trust-bar p{font-weight:700;margin:0}.trust-bar span{width:1px;height:22px;background:var(--line)}.trust-bar b{font:800 10px var(--font-head);letter-spacing:1.4px;color:#52657b;white-space:nowrap}
.features{padding:120px 0}.section-heading{max-width:690px}.section-heading h2{font-size:47px;letter-spacing:-3px}.section-heading>p:last-child{color:var(--muted);margin:20px 0 0;max-width:550px;font-size:17px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:54px}.feature-card{background:#fff;border:1px solid #e4ebeb;border-radius:18px;padding:29px;min-height:283px;position:relative;overflow:hidden}.feature-large{grid-row:span 2;min-height:582px;background:#f4faf8}.feature-dark{background:var(--navy);color:white}.feature-mint{background:#def6eb}.feature-icon{border-radius:9px;width:37px;height:37px;display:grid;place-items:center;background:#e7f7f0;color:#139866;font-size:19px}.feature-dark .feature-icon{background:#1d3754;color:#77e8bd}.feature-number{color:#a5b3bf;font:700 10px var(--font-head);letter-spacing:1.5px;margin:31px 0 10px}.feature-card h3{font:800 23px/1.15 var(--font-head);letter-spacing:-1.2px;margin:0;max-width:370px}.feature-card>p:last-of-type{color:#708198;font-size:14px;line-height:1.55;margin:13px 0;max-width:380px}.feature-dark>p:last-of-type{color:#9eb0c4}.calendar-preview{position:absolute;bottom:29px;left:29px;right:29px;display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end}.calendar-preview div{height:62px;background:#fff;border:1px solid #e5eded;border-radius:8px;padding:9px;font-size:9px;color:#8292a1}.calendar-preview b{display:block;font-size:9px}.calendar-preview span{display:block;font:800 17px var(--font-head);color:var(--ink);margin-top:4px}.calendar-preview .selected{height:77px;background:var(--mint);border-color:var(--mint);color:white}.calendar-preview .selected span{color:#fff}.calendar-preview i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mint);bottom:-11px}.calendar-preview i:nth-last-child(3){left:28%}.calendar-preview i:nth-last-child(2){left:48%}.calendar-preview i:nth-last-child(1){left:68%}.booking-pill{position:absolute;bottom:25px;left:29px;right:29px;padding:12px;background:#183755;border:1px solid #2e4d6b;border-radius:9px;font-size:10px;color:#c6d4df}.booking-pill span{color:#53d7a2}.booking-pill b{float:right;color:#68e3b4}
.statement{background:var(--navy);color:#fff;padding:93px 0}.statement-inner{display:grid;grid-template-columns:1.4fr .7fr;gap:80px;align-items:end}.eyebrow.light{color:#75dfb8}.statement h2{font-size:47px;letter-spacing:-3px}.statement>div>p{font-size:17px;color:#aebed0;line-height:1.65;margin:0 0 6px}.plans{padding:120px 0}.centered{text-align:center;margin:auto}.centered .eyebrow{justify-content:center}.centered>p:last-child{margin-left:auto;margin-right:auto}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:50px}.plan-card{position:relative;overflow:hidden;border-radius:18px;background:#fff;border:1px solid #e2eaec;padding:37px;min-height:415px}.plan-saas{background:#ebfaf3;border-color:#ccefe0}.plan-label{display:inline-block;border-radius:99px;padding:5px 8px;background:#e7edf0;color:#53677d;font:800 9px var(--font-head);letter-spacing:1px}.plan-saas .plan-label{background:#fff1d9;color:#aa6a12}.plan-card h3{font:800 32px var(--font-head);letter-spacing:-1.8px;margin:23px 0 5px}.plan-lead{color:#6b7b8d;font-size:16px;margin:0}.plan-card ul{list-style:none;padding:0;margin:26px 0 27px;display:grid;gap:9px;font-size:14px;color:#40536a}.plan-card li b{color:var(--mint);padding-right:8px}.text-link{color:var(--ink);font-weight:700;text-decoration:none;border-bottom:1px solid #acb9c3;padding-bottom:5px}.text-link span{color:var(--mint);font-size:18px;padding-left:7px}.saas-orbit{border:1px solid #afddc9;position:absolute;border-radius:50%;pointer-events:none}.orbit-one{width:170px;height:170px;right:-67px;bottom:-74px}.orbit-two{width:115px;height:115px;right:-26px;bottom:-29px;border-color:#69c99d}.plans-note{text-align:center;color:#7d8c9c;margin:24px auto 0;font-size:14px}.workflow{padding:105px 0;display:grid;grid-template-columns:44% 1fr;gap:108px;align-items:center}.workflow-visual{height:365px;display:grid;place-items:center;background:#f0f4f3;border-radius:20px;overflow:hidden}.workflow-ring{position:relative;width:246px;height:246px;border:1px solid #c8d9d5;border-radius:50%;display:grid;place-items:center}.workflow-ring:before,.workflow-ring:after{content:"";position:absolute;border:1px solid #d8e5e1;border-radius:50%}.workflow-ring:before{inset:18px}.workflow-ring:after{inset:42px;border-style:dashed}.workflow-ring b{background:var(--mint);color:white;width:68px;height:68px;border-radius:50%;display:grid;place-items:center;font:800 37px var(--font-head);box-shadow:0 8px 25px #17aa7240}.workflow-ring span{position:absolute;background:#fff;border-radius:7px;box-shadow:0 7px 17px #42615717;padding:7px 9px;font:800 12px var(--font-head);color:var(--mint)}.workflow-ring span:nth-child(1){top:7px;left:27px}.workflow-ring span:nth-child(2){right:-10px;top:110px}.workflow-ring span:nth-child(3){bottom:3px;left:38px}.workflow h2{font-size:43px;letter-spacing:-2.7px}.workflow ol{list-style:none;padding:0;margin:34px 0 0;display:grid;gap:20px}.workflow li{display:flex;gap:19px}.workflow li>b{color:var(--mint);font:800 12px var(--font-head);padding-top:4px}.workflow li h3{font:800 17px var(--font-head);margin:0}.workflow li p{margin:4px 0;color:var(--muted);font-size:14px}.contact{padding:36px 0 96px}.contact-card{border-radius:21px;padding:60px 68px;background:var(--mint);color:#fff;display:flex;justify-content:space-between;align-items:end;gap:35px;position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;width:390px;height:390px;border-radius:50%;border:1px solid #6fe2b8;right:-110px;top:-220px}.contact-card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;border:1px solid #6fe2b8;right:20px;bottom:-160px}.contact-card>div,.contact-card>a{position:relative;z-index:1}.contact-card h2{font-size:46px;letter-spacing:-3px}.contact-card h2 em{color:#dbffec}.contact-card p:last-child{max-width:610px;color:#e2fbf0;margin:19px 0 0;font-size:16px}.button-light{flex:0 0 auto;background:#fff;color:var(--ink);white-space:nowrap}.site-footer{border-top:1px solid var(--line);min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer p{margin:0;color:#8a98a7;font-size:12px}.site-footer>a:last-child{color:#587087;text-decoration:none;font-size:12px;font-weight:700}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:54px}.hero-copy{max-width:650px}.hero-visual{width:min(100%,640px);margin:10px auto 0}.trust-bar{gap:15px;overflow:hidden}.trust-bar b:nth-of-type(n+4){display:none}.feature-grid{grid-template-columns:1fr}.feature-large{grid-row:auto;min-height:440px}.statement-inner{gap:30px}.workflow{gap:50px}.contact-card{padding:48px}.contact-card h2{font-size:38px}}
@media(max-width:650px){.section-shell,.site-header{width:min(100% - 32px,1180px)}.site-header{height:70px}.brand{font-size:21px}.main-nav{display:none;position:absolute;top:59px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:0 15px 30px #263a4d18;flex-direction:column;align-items:stretch;gap:5px}.main-nav.open{display:flex}.main-nav a{padding:10px}.main-nav .nav-cta{text-align:center;margin-top:5px}.menu-toggle{display:block}.hero{padding:54px 0 56px;min-height:auto}.hero h1{font-size:48px;letter-spacing:-3px}.hero-lead{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-visual{height:252px;margin-top:19px}.app-window{width:420px;height:258px;border-radius:11px;transform:rotate(.7deg);margin-left:0}.app-topbar{height:28px}.app-sidebar{width:37px;padding:8px 0;gap:8px;font-size:9px}.app-sidebar .app-logo{width:21px;height:21px;font-size:12px;margin-bottom:4px}.app-content{padding:13px;width:calc(100% - 37px)}.app-heading h2{font-size:12px}.app-heading button{font-size:6px;padding:5px}.app-stats{margin:9px 0;gap:4px}.app-stats>div{padding:5px}.app-stats strong{font-size:11px}.calendar-grid{grid-template-columns:49px repeat(3,1fr);grid-template-rows:36px 36px}.slot{font-size:5px;padding:4px}.slot strong{font-size:5px}.slot small,.staff span{font-size:5px}.staff{font-size:6px;padding:4px}.calendar-days{gap:8px;font-size:6px}.calendar-head strong{font-size:9px}.floating-booking{left:-7px;bottom:-8px;padding:7px 9px}.floating-revenue{right:-7px;top:-11px;padding:7px 9px}.floating-card small{font-size:6px}.floating-card strong{font-size:7px}.floating-revenue strong{font-size:11px}.mini-icon{width:18px;height:18px;font-size:9px}.trust-bar{min-height:65px}.trust-bar p{font-size:8px}.trust-bar b:nth-of-type(n+3),.trust-bar span{display:none}.features,.plans{padding:78px 0}.section-heading h2{font-size:36px;letter-spacing:-2.4px}.section-heading>p:last-child{font-size:15px}.feature-grid{margin-top:35px}.feature-card{padding:24px;min-height:270px}.feature-large{min-height:420px}.feature-card h3{font-size:21px}.calendar-preview{left:24px;right:24px;bottom:23px}.statement{padding:70px 0}.statement-inner{display:block}.statement h2{font-size:36px}.statement>div>p{font-size:15px;margin-top:24px}.plan-grid{grid-template-columns:1fr;margin-top:35px}.plan-card{padding:29px;min-height:0}.plan-card h3{font-size:28px}.workflow{padding:75px 0;grid-template-columns:1fr;gap:35px}.workflow-visual{height:280px}.workflow h2{font-size:36px}.contact{padding:10px 0 64px}.contact-card{padding:38px 28px;display:block}.contact-card h2{font-size:35px}.contact-card p:last-child{font-size:14px}.contact-card .button{margin-top:27px}.site-footer{min-height:130px;align-items:flex-start;padding-top:28px;flex-direction:column;gap:13px}.site-footer .brand{font-size:20px}}
