:root{--ink:#14213d;--navy:#17233c;--blue:#345df5;--orange:#f4a261;--cream:#f6f3ed;--paper:#fff;--muted:#667085;--line:#e5e8ee;--green:#1c9c70;--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{tap-highlight-color:transparent}.saas-header{height:82px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:32px;border-bottom:1px solid #edf0f4;background:#fff;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;font:800 19px Manrope,sans-serif;letter-spacing:-.7px;margin-right:auto}.brand small{display:block;font:700 8px Manrope,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:var(--orange)}.brand-mark{width:31px;height:31px;display:flex;gap:3px;align-items:flex-end;padding:6px;background:var(--navy);border-radius:8px;transform:rotate(-2deg)}.brand-mark i{display:block;width:5px;border-radius:4px;background:white}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:17px;background:var(--orange)}.brand-mark i:nth-child(3){height:13px}.saas-header nav{display:flex;gap:28px;font-size:14px;font-weight:600}.saas-header nav a:hover{color:var(--blue)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;padding:15px 22px;border:0;border-radius:5px;background:var(--blue);color:#fff;font-weight:700;font-size:14px;box-shadow:0 10px 30px rgba(52,93,245,.17);transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(52,93,245,.27)}.button-small{padding:11px 17px;font-size:13px}.button-ghost{color:var(--ink);background:transparent;box-shadow:none;border:1px solid var(--line)}.menu-button{display:none;border:0;background:none}.hero{min-height:680px;display:grid;grid-template-columns:minmax(390px,.82fr) 1.18fr;align-items:center;gap:45px;padding:75px max(24px,calc((100vw - 1200px)/2)) 95px;overflow:hidden;position:relative;background:linear-gradient(108deg,#fff 0 53%,#f5f7fc 53%)}.hero-glow{position:absolute;width:450px;height:450px;border-radius:50%;right:7%;top:17%;background:rgba(52,93,245,.1);filter:blur(80px)}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:25px;height:2px;background:var(--orange)}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(54px,5.7vw,76px);line-height:.99;letter-spacing:-4px;margin:26px 0}h1 em,h2 em{font-family:var(--serif);font-weight:400;color:var(--orange)}.hero-copy>p{font-size:18px;line-height:1.65;color:var(--muted);max-width:550px}.hero-actions{display:flex;align-items:center;gap:27px;margin:32px 0}.text-link{font-weight:700;font-size:14px}.play{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;font-size:9px;margin-right:7px}.trust-line{display:flex;align-items:center;gap:13px;margin-top:35px}.avatars{display:flex}.avatars span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;margin-left:-7px;border:2px solid white;background:#dce5f7;font-size:9px;font-weight:800}.avatars span:nth-child(2){background:#f5d9c4}.avatars span:nth-child(3){background:#c9e5dd}.trust-line p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.trust-line strong{color:var(--ink)}.hero-visual{min-width:650px;transform:perspective(1200px) rotateY(-2deg)}.dashboard-card{border-radius:12px;background:#fff;box-shadow:0 35px 70px rgba(20,33,61,.18);overflow:hidden;border:1px solid #e7eaf0}.dash-top{height:49px;display:flex;align-items:center;padding:0 17px;border-bottom:1px solid var(--line);font-size:8px}.mini-brand{font-weight:800;width:145px;display:flex;align-items:center;gap:7px}.mini-brand .brand-mark{width:19px;height:19px;padding:4px;gap:2px;border-radius:5px}.mini-brand .brand-mark i{width:3px}.mini-brand .brand-mark i:nth-child(1){height:5px}.mini-brand .brand-mark i:nth-child(2){height:10px}.mini-brand .brand-mark i:nth-child(3){height:7px}.dash-search{margin:auto;background:#f6f7f9;color:#9298a5;padding:8px 10px;border-radius:4px;width:205px}.dash-search kbd{float:right;border:1px solid #ddd;padding:0 3px}.dash-user{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f2d1b3;font-weight:800}.dash-body{display:grid;grid-template-columns:145px 1fr;min-height:355px}.dash-body aside{padding:19px 15px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:18px;color:#79808f;font-size:8px}.dash-body aside b{background:#edf1ff;color:var(--blue);padding:9px;border-radius:4px}.dash-body aside small{font-size:6px;margin-top:auto}.dash-content{padding:22px;background:#fafbfc}.dash-welcome{font:700 13px Manrope;margin:0 0 18px}.dash-welcome span{float:right;color:#8a91a0;font:400 7px "DM Sans"}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat-grid article{border:1px solid var(--line);border-radius:6px;background:#fff;padding:12px}.stat-grid small{font-size:6px;color:#8b92a0}.stat-grid strong{display:block;font:800 20px Manrope;margin-top:5px}.stat-grid i{font-style:normal;font-size:6px;color:var(--green)}.agenda-card{margin-top:13px;background:#fff;border:1px solid var(--line);border-radius:6px;padding:13px}.agenda-card>div{font-size:10px}.agenda-card button{float:right;border:0;background:var(--blue);color:#fff;border-radius:3px;font-size:7px;padding:6px 8px}.agenda-card ul{list-style:none;padding:5px 0 0;margin:0}.agenda-card li{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #eef0f3;font-size:7px}.agenda-card time{color:#7b8290}.agenda-card p{margin:0;flex:1}.agenda-card p small{display:block;margin-top:3px;color:#9298a5}.car-icon{width:23px;height:23px;display:grid;place-items:center;border-radius:5px;background:#dfe7ff;color:var(--blue)}.car-icon.amber{background:#fff0dc;color:#dc852a}.car-icon.green{background:#dff4ed;color:var(--green)}.tag{font-style:normal;padding:4px 6px;border-radius:8px}.tag.blue{color:var(--blue);background:#edf1ff}.tag.orange{color:#c27021;background:#fff1e3}.tag.green{color:var(--green);background:#e4f7f1}.float-card{position:absolute;background:white;border-radius:8px;box-shadow:0 18px 40px rgba(20,33,61,.18);display:flex}.float-appointment{left:-28px;bottom:50px;padding:12px;gap:9px}.float-appointment>span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#daf5ea;color:var(--green)}.float-card p{margin:0;font-size:9px}.float-card small{display:block;color:#8a91a0;margin-top:3px}.float-growth{right:-20px;top:45px;padding:13px;display:block;width:135px}.float-growth>strong{display:block;font-size:22px}.float-growth div{height:25px;display:flex;align-items:end;gap:4px}.float-growth i{width:10px;background:#aebdf7;height:30%}.float-growth i:nth-child(2){height:65%}.float-growth i:nth-child(3){height:42%}.float-growth i:nth-child(4){height:80%}.float-growth i:nth-child(5){height:60%}.float-growth i:nth-child(6){height:88%}.float-growth i:nth-child(7){height:100%;background:var(--blue)}.proof-strip{background:var(--navy);color:white;padding:27px max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;gap:60px}.proof-strip p{font-family:Manrope;margin:0;white-space:nowrap}.proof-strip p b{color:var(--orange)}.proof-strip div{display:flex;justify-content:space-between;flex:1;font-size:11px;color:#c6ccda}.section{padding:110px max(24px,calc((100vw - 1100px)/2))}.section-heading{text-align:center;max-width:650px;margin:0 auto 60px}.section-heading h2,.benefits h2,.final-cta h2{font-size:clamp(38px,4vw,55px);letter-spacing:-2.5px;line-height:1.08;margin:17px 0}.section-heading p{color:var(--muted);line-height:1.7}.product{background:var(--cream)}.feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:17px}.feature{position:relative;min-height:340px;background:white;padding:35px;border:1px solid #e6e3dc;overflow:hidden}.feature-large{grid-row:span 2;min-height:700px}.feature-dark{background:var(--navy);color:white}.feature-icon{width:40px;height:40px;display:grid;place-items:center;background:#edf1ff;color:var(--blue);border-radius:6px;font-size:20px}.feature-number{position:absolute;right:28px;top:28px;font:800 11px Manrope;color:#b1b5bc}.feature h3{font-size:24px;letter-spacing:-1px;max-width:410px;margin:60px 0 12px}.feature p{color:var(--muted);line-height:1.65;font-size:14px;max-width:470px}.feature-dark p{color:#aeb7c9}.mini-calendar{margin:55px auto 0;max-width:430px;padding:25px;border-radius:10px;box-shadow:0 20px 40px #dcd8d0;background:#fff}.mini-calendar header,.week,.days{display:grid;grid-template-columns:repeat(7,1fr);text-align:center}.mini-calendar header{display:flex;justify-content:space-between;margin-bottom:20px}.mini-calendar header button{border:0;background:none}.week{font-size:9px;color:#999}.days{gap:10px;margin-top:12px}.days i{font-style:normal;font-size:10px;padding:9px 0;border-radius:50%}.days .busy{background:#fff0df}.days .today{background:var(--blue);color:white}.vehicle-chip{margin-top:35px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:14px;border-radius:7px}.vehicle-chip>span{color:var(--blue)}.vehicle-chip p{margin:0;flex:1}.vehicle-chip small{display:block}.vehicle-chip em{font-style:normal;font-size:9px;color:var(--green);background:#e2f6ef;padding:4px}.progress-demo{position:relative;display:flex;justify-content:space-between;margin-top:50px;font-size:8px;color:#8d93a0}.progress-demo i{position:absolute;top:25px;width:10px;height:10px;border-radius:50%;background:var(--blue)}.progress-demo i:nth-of-type(2){left:50%}.progress-demo i:nth-of-type(3){right:0;background:#d7dbe2}.progress-demo:after{content:"";height:2px;background:#dfe3eb;position:absolute;left:0;right:0;top:29px}.site-preview{margin:30px -10px -40px;background:#f4a261;padding:25px;color:var(--navy);min-height:150px;position:relative}.site-preview i{display:inline-block;width:5px;height:5px;border-radius:50%;background:white}.site-preview strong{font:800 22px Manrope;display:block;margin:22px 0}.site-preview button{position:absolute;right:20px;bottom:25px;border:0;background:var(--navy);color:#fff;padding:8px;font-size:8px}.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps li{border-top:1px solid var(--line);padding-top:22px;display:flex;gap:22px}.steps li>b{font:400 italic 42px var(--serif);color:var(--orange)}.steps small{font-size:9px;color:var(--blue);font-weight:800}.steps h3{font-size:19px}.steps p{font-size:13px;color:var(--muted);line-height:1.6}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:#f3f6ff}.benefits-copy{align-self:center}.benefits-copy>p{color:var(--muted);line-height:1.7;margin-bottom:30px}.benefits-list article{display:flex;gap:24px;padding:27px 0;border-bottom:1px solid #dfe4ef}.benefits-list article>span{font:italic 25px var(--serif);color:var(--orange)}.benefits-list h3{font-size:17px;margin:0}.benefits-list p{color:var(--muted);font-size:13px;line-height:1.6}.faq-list{max-width:800px;margin:auto}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:700 17px Manrope;list-style:none}.faq summary span{float:right;font-size:24px;color:var(--blue)}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);line-height:1.7;max-width:680px}.final-cta{padding:100px 24px;text-align:center;background:var(--blue);color:#fff}.final-cta .kicker{color:#cdd7ff}.final-cta h2 em{color:#f8c58e}.final-cta p{color:#dce3ff}.button-light{background:#fff;color:var(--blue);margin-top:20px}footer{background:#101a2e;color:#aab2c2;padding:45px max(24px,calc((100vw - 1100px)/2));display:flex;align-items:center;gap:40px;font-size:12px}.brand-light{color:white}footer p{margin-right:auto}footer div{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.saas-header nav{display:none;position:absolute;top:81px;left:0;right:0;background:#fff;padding:25px;box-shadow:0 15px 30px #17233c18;flex-direction:column}.saas-header nav.open{display:flex}.menu-button{display:block;padding:10px}.menu-button span{display:block;width:22px;height:2px;background:var(--ink);margin:5px}.saas-header nav .header-login{display:inline-flex;width:100%;margin-top:8px}.hero{grid-template-columns:1fr;padding-top:60px;background:#fff}.hero-visual{min-width:650px;transform:scale(.8);transform-origin:left top;margin-bottom:-100px}.proof-strip,.proof-strip div{flex-wrap:wrap}.feature-grid,.benefits{grid-template-columns:1fr}.feature-large{min-height:650px}.steps ol{grid-template-columns:1fr}.benefits{gap:45px}footer{flex-wrap:wrap}}@media(max-width:600px){.saas-header{height:70px;gap:10px}.header-cta{font-size:11px;padding:10px}.hero{grid-template-columns:1fr;padding-top:45px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{display:none}.proof-strip{gap:20px}.proof-strip div{display:grid;gap:12px}.section{padding:75px 20px}.section-heading{text-align:left}.feature-grid{display:block}.feature{margin-bottom:14px;padding:25px}.feature-large{min-height:590px}.feature h3{margin-top:40px}.mini-calendar{padding:15px}.steps ol{gap:15px}.benefits{padding:75px 20px}.final-cta{padding:75px 20px}footer{display:block;text-align:center}footer .brand{justify-content:center}footer p{margin:25px}footer div{justify-content:center;margin:20px}}
.saas-header,.hero,.proof-strip{padding-left:max(24px,calc((100vw - 1400px)/2));padding-right:max(24px,calc((100vw - 1400px)/2))}
.section,footer{padding-left:max(24px,calc((100vw - 1300px)/2));padding-right:max(24px,calc((100vw - 1300px)/2))}