:root{--mk-ink:#10204a;--mk-muted:#6c7893;--mk-green:#00a55a;--mk-green-2:#00824a;--mk-lime:#98df32;--mk-cream:#f5f8fc;--mk-line:#dbe3ef;--mk-white:#fff;--mk-dark:#00153f;--mk-shadow:0 24px 70px rgba(0,31,95,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.marketing-body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mk-ink);background:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}.marketing-site{overflow:hidden}.marketing-site a{color:inherit;text-decoration:none}.marketing-site button,.marketing-site a{font:inherit}.marketing-container{width:min(1180px,calc(100% - 48px));margin:0 auto}.marketing-header{position:fixed;inset:0 0 auto;z-index:50;height:82px;display:flex;align-items:center;transition:background .25s ease,box-shadow .25s ease,border .25s ease}.marketing-header.is-scrolled{background:rgba(255,255,255,.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,33,25,.08);box-shadow:0 10px 30px rgba(12,38,25,.05)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.marketing-brand{display:inline-flex;align-items:center;gap:11px;font-size:19px;font-weight:850;letter-spacing:-.04em}.marketing-brand>span:last-child{display:flex;flex-direction:column;line-height:1.05}.marketing-brand small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:750;color:#7d8a84;margin-top:4px}.marketing-brand-mark{width:36px;height:36px;border-radius:11px;background:var(--mk-green);display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:8px;transform:rotate(-4deg);box-shadow:0 8px 18px rgba(13,106,71,.2)}.marketing-brand-mark i{display:block;border:2px solid #fff;border-radius:999px;position:relative}.marketing-brand-mark i:first-child{border-right-color:transparent}.marketing-brand-mark i:last-child{border-left-color:transparent}.marketing-nav{display:flex;align-items:center;gap:34px;margin-left:auto}.marketing-nav a{font-size:14px;font-weight:700;color:#435049;transition:color .2s ease}.marketing-nav a:hover{color:var(--mk-green)}.header-actions{display:flex;align-items:center;gap:18px}.header-login{font-size:14px;font-weight:800}.marketing-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--mk-green);color:#fff!important;border:1px solid var(--mk-green);font-weight:820;border-radius:13px;box-shadow:0 12px 28px rgba(13,106,71,.2);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.marketing-button:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(13,106,71,.25);background:var(--mk-green-2)}.marketing-button span{transition:transform .2s ease}.marketing-button:hover span{transform:translateX(3px)}.marketing-button-small{padding:10px 16px;font-size:13px}.marketing-button-large{padding:15px 21px;font-size:15px}.marketing-button-full{width:100%}.marketing-menu-button{display:none;width:42px;height:42px;border:1px solid var(--mk-line);background:#fff;border-radius:11px;padding:10px}.marketing-menu-button span{display:block;height:2px;background:var(--mk-ink);margin:4px 0;border-radius:3px}.hero-section{position:relative;padding:145px 0 0;background:linear-gradient(180deg,#f4f7fc 0%,#fbfdff 82%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center;min-height:650px;position:relative;z-index:2}.hero-copy{padding-bottom:38px}.marketing-kicker,.section-tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.12em;color:var(--mk-green)}.marketing-kicker span{width:20px;height:2px;background:var(--mk-green);border-radius:2px}.hero-copy h1{font-size:clamp(48px,5.3vw,75px);line-height:.99;letter-spacing:-.062em;margin:22px 0 24px;max-width:700px}.hero-copy h1 em{font-family:Georgia,"Times New Roman",serif;font-weight:500;color:var(--mk-green);display:block;letter-spacing:-.045em}.hero-lead{font-size:18px;line-height:1.72;color:#5f6d66;max-width:590px;margin:0}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:32px}.marketing-text-link{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:800;color:var(--mk-green)!important}.marketing-text-link.dark{color:var(--mk-ink)!important}.play-dot{width:33px;height:33px;border:1px solid #cbd4ce;border-radius:50%;display:grid;place-items:center;font-size:9px;background:#fff;padding-left:2px}.hero-proof{display:flex;gap:23px;flex-wrap:wrap;margin-top:31px;padding-top:24px;border-top:1px solid #dce2dd;max-width:605px}.hero-proof span{font-size:12px;font-weight:750;color:#66726c}.hero-proof b{color:var(--mk-green);margin-right:4px}.hero-product{position:relative;min-width:0}.browser-frame{position:relative;background:#fff;border:1px solid #dfe4df;border-radius:18px;box-shadow:0 35px 80px rgba(25,51,36,.17);overflow:hidden;transform:perspective(1400px) rotateY(-2deg) rotateX(1deg)}.browser-topbar{height:45px;background:#f8f9f6;border-bottom:1px solid #e3e6e3;display:grid;grid-template-columns:80px 1fr 50px;align-items:center;padding:0 14px}.browser-dots{display:flex;gap:5px}.browser-dots span{width:7px;height:7px;border-radius:50%;background:#d3d8d4}.browser-url{justify-self:center;background:#fff;border:1px solid #e2e7e3;border-radius:7px;width:min(330px,90%);font-size:8px;color:#7b8781;text-align:center;padding:5px 12px}.browser-url span{font-size:6px;color:#6ea58b}.browser-more{justify-self:end;color:#adb5b0;font-size:10px}.booking-demo{height:455px;display:grid;grid-template-columns:148px 1fr;background:#fff}.demo-sidebar{background:#071b49;color:#fff;padding:22px 17px;display:flex;flex-direction:column}.demo-logo{display:flex;align-items:center;gap:8px}.demo-logo-icon{width:28px;height:28px;border-radius:8px;background:#98df32;color:#0f1b3d;font-weight:900;display:grid;place-items:center;font-size:12px}.demo-logo strong{font-size:9px;display:flex;flex-direction:column;line-height:1.2}.demo-logo small{font-size:6px;color:#91a99c;font-weight:600;margin-top:2px}.demo-steps{margin-top:36px;display:flex;flex-direction:column;gap:20px}.demo-steps>div{display:flex;align-items:flex-start;gap:9px;opacity:.48}.demo-steps>div.active{opacity:1}.demo-steps>div>span{width:20px;height:20px;border-radius:50%;border:1px solid #557164;display:grid;place-items:center;font-size:7px;flex:0 0 auto}.demo-steps .active>span{background:#98df32;color:#0f1b3d;border-color:#caff55;font-weight:900}.demo-steps p{font-size:8px;font-weight:800;margin:0;display:flex;flex-direction:column}.demo-steps small{font-size:6px;font-weight:500;color:#8ca197;margin-top:2px}.demo-help{margin-top:auto;font-size:6px;color:#80958a;border-top:1px solid rgba(255,255,255,.1);padding-top:13px}.demo-help strong{display:block;color:#c9d8d0;font-size:7px;margin-top:2px}.demo-main{padding:29px 30px;background:#fcfdfa;min-width:0}.demo-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.demo-title-row>div>span{font-size:6px;letter-spacing:.12em;font-weight:900;color:#14835a}.demo-title-row h2{font-size:17px;margin:5px 0 2px;letter-spacing:-.04em}.demo-title-row p{font-size:7px;color:#84908a;margin:0}.demo-secure{font-size:6px!important;background:#eef4ff;color:#3f5a9a!important;border-radius:999px;padding:5px 8px;letter-spacing:0!important}.demo-calendar{margin-top:24px;border:1px solid #e4e8e5;background:#fff;border-radius:11px;padding:14px;box-shadow:0 8px 20px rgba(26,48,36,.04)}.calendar-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calendar-head strong{font-size:9px}.calendar-head button{border:1px solid #e5e8e6;background:#fff;border-radius:6px;width:22px;height:22px;font-size:13px;color:#76837c}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-week span{font-size:5px;text-align:center;color:#9ba59f;font-weight:800;padding:3px 0}.calendar-days>span{height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:7px;font-weight:800;border:1px solid #edf0ed;color:#445149}.calendar-days small{font-size:4px;font-weight:700;margin-top:2px;color:#799085}.calendar-days .muted-day{color:#c0c7c3;background:#fafbfa}.calendar-days .available-day{background:#f7fbf8;border-color:#dcebe2}.calendar-days .limited-day{background:#fff9e9;border-color:#f4e4a6}.calendar-days .limited-day small{color:#ad7d15}.calendar-days .full-day{background:#f8efef;border-color:#efdddd;color:#a77a7a}.calendar-days .full-day small{color:#b18484}.calendar-days .closed-day{background:#f2f3f2;color:#929b96}.calendar-days .selected-day{background:#001f5f;color:#fff;border-color:#0d6a47;box-shadow:0 5px 12px rgba(13,106,71,.2)}.calendar-days .selected-day small{color:#d9f3e6}.floating-card{position:absolute;background:#fff;border:1px solid #e1e6e2;border-radius:13px;box-shadow:0 18px 38px rgba(17,48,31,.15);z-index:3}.floating-booking{left:-36px;bottom:26px;padding:13px 17px 13px 12px;display:flex;align-items:center;gap:10px;min-width:185px}.floating-icon{width:31px;height:31px;border-radius:9px;background:#e9f6ef;color:var(--mk-green);display:grid;place-items:center;font-size:13px;font-weight:900}.floating-booking div{display:flex;flex-direction:column}.floating-booking small,.floating-payment small{font-size:5px;letter-spacing:.12em;color:#859089;font-weight:900}.floating-booking strong,.floating-payment strong{font-size:9px;margin:2px 0}.floating-booking div>span{font-size:6px;color:#869089}.floating-payment{right:-24px;top:90px;padding:13px 15px;display:flex;flex-direction:column;min-width:140px}.floating-payment>span{font-size:6px;color:#63806f;margin-top:3px}.floating-payment i{display:inline-block;width:5px;height:5px;background:#56a77f;border-radius:50%;margin-right:3px}.product-orbit{position:absolute;border-radius:50%;border:1px solid rgba(13,106,71,.08);z-index:-1}.orbit-one{width:620px;height:620px;right:-190px;top:-100px}.orbit-two{width:460px;height:460px;right:-100px;top:-20px}.hero-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.hero-glow-one{width:540px;height:540px;right:-240px;top:70px;background:radial-gradient(circle,rgba(201,255,85,.18),rgba(201,255,85,0) 70%)}.hero-glow-two{width:300px;height:300px;left:-180px;top:220px;background:radial-gradient(circle,rgba(13,106,71,.08),rgba(13,106,71,0) 70%)}.hero-strip{margin-top:65px;padding:28px 0;border-top:1px solid #e3e7e3;display:flex;align-items:center;justify-content:space-between;gap:30px}.hero-strip p{font-size:11px;color:#7f8b85;max-width:320px;margin:0}.hero-strip div{display:flex;gap:30px;flex-wrap:wrap;justify-content:flex-end}.hero-strip span{font-size:11px;font-weight:850;color:#637068;letter-spacing:.02em}.section-pad{padding:112px 0}.section-heading h2,.operator-copy h2,.pricing-copy h2{font-size:clamp(38px,4.4vw,58px);line-height:1.06;letter-spacing:-.055em;margin:14px 0 18px}.section-heading p,.operator-copy>p,.pricing-copy>p{color:var(--mk-muted);font-size:16px;line-height:1.75;margin:0}.section-heading.centered{text-align:center;max-width:800px;margin:0 auto}.section-heading.narrow{max-width:720px}.problem-section{background:#fff}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.problem-card{position:relative;padding:30px 28px 32px;border:1px solid var(--mk-line);border-radius:18px;min-height:295px;background:#fff;transition:transform .25s ease,box-shadow .25s ease}.problem-card:hover{transform:translateY(-5px);box-shadow:0 24px 45px rgba(18,49,31,.08)}.problem-card.featured{background:var(--mk-green);color:#fff;border-color:var(--mk-green);box-shadow:0 20px 50px rgba(13,106,71,.16)}.problem-number{position:absolute;right:22px;top:19px;font-size:9px;font-weight:900;color:#9aa59f}.problem-card.featured .problem-number{color:#80b69e}.problem-icon{width:46px;height:46px;border-radius:13px;background:#edf5f0;color:var(--mk-green);display:grid;place-items:center;font-size:20px;font-weight:800;margin-bottom:34px}.problem-card.featured .problem-icon{background:rgba(255,255,255,.12);color:#d5ff6c}.problem-card h3{font-size:21px;line-height:1.2;letter-spacing:-.035em;margin:0 0 12px}.problem-card p{font-size:13px;color:#748079;line-height:1.7;margin:0}.problem-card.featured p{color:#c1d7cb}.features-section{background:var(--mk-dark);color:#fff}.section-tag.light{color:#bfe762}.split-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end}.split-heading h2{margin-bottom:0}.split-heading p{color:#98aea2;padding-bottom:5px}.feature-bento{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:56px}.feature-card{background:#0c251b;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:28px;overflow:hidden;position:relative}.feature-card h3{font-size:26px;line-height:1.12;letter-spacing:-.04em;margin:10px 0 12px}.feature-card p{font-size:13px;line-height:1.7;color:#9ab0a4;margin:0}.feature-label{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:#b7db6c}.feature-icon-chip{width:39px;height:39px;border-radius:11px;background:#173a2b;border:1px solid rgba(255,255,255,.08);display:grid;place-items:center;color:#cbf65e;font-size:12px;font-weight:900;margin-bottom:22px}.feature-large{min-height:420px;display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center}.feature-copy ul{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}.feature-copy li{font-size:11px;color:#d6e2dc}.feature-copy li:before{content:"✓";color:#c7f45e;margin-right:8px;font-weight:900}.mini-slot-ui{background:#f8faf7;color:var(--mk-ink);border-radius:15px;padding:18px;box-shadow:0 20px 45px rgba(0,0,0,.16);transform:rotate(1.5deg)}.mini-date-row{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-date-row span{border:1px solid #e0e6e1;border-radius:9px;padding:8px;text-align:center;font-size:7px;font-weight:800;color:#7d8982}.mini-date-row small{display:block;font-size:14px;color:#293a31;margin-top:2px}.mini-date-row span.chosen{background:var(--mk-green);color:#d8eee2;border-color:var(--mk-green)}.mini-date-row .chosen small{color:#fff}.mini-time-title{display:flex;justify-content:space-between;margin:18px 0 9px;align-items:center}.mini-time-title strong{font-size:9px}.mini-time-title small{font-size:6px;color:#6c7d74}.mini-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.mini-slots span{border:1px solid #dce3de;border-radius:8px;padding:9px;text-align:center;font-size:7px;font-weight:800}.mini-slots span.selected{border-color:#0d6a47;background:#e9f5ee;color:#0d6a47}.mini-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e4e8e5;margin-top:14px;padding-top:12px}.mini-total span{font-size:7px;color:#738078}.mini-total strong{font-size:11px}.payment-feature{min-height:420px}.mini-proof{position:absolute;left:28px;right:28px;bottom:28px;border:1px solid rgba(255,255,255,.08);background:#102e22;border-radius:13px;padding:12px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center}.proof-thumb{width:42px;height:42px;border-radius:9px;background:#d8f879;color:#173323;display:grid;place-items:center;font-weight:900}.mini-proof div{display:flex;flex-direction:column}.mini-proof small{font-size:5px;color:#7e9c8d;letter-spacing:.1em;font-weight:900}.mini-proof strong{font-size:8px;margin:2px 0}.mini-proof i{font-size:6px;color:#a6bbae;font-style:normal}.mini-proof b{font-size:7px;color:#d2f367}.dashboard-feature{min-height:300px}.mini-metrics{position:absolute;left:28px;right:28px;bottom:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mini-metrics span{background:#102e22;border:1px solid rgba(255,255,255,.07);padding:12px;border-radius:11px;display:flex;flex-direction:column}.mini-metrics small{font-size:5px;color:#789384}.mini-metrics strong{font-size:18px;margin:3px 0}.mini-metrics i{font-size:6px;color:#8ba195;font-style:normal}.feature-wide{min-height:300px;display:grid;grid-template-columns:1fr .95fr;gap:24px;align-items:center}.control-pills{display:flex;flex-wrap:wrap;gap:8px}.control-pills span{font-size:8px;font-weight:750;color:#cfe0d7;border:1px solid rgba(255,255,255,.1);background:#102e22;border-radius:999px;padding:10px 13px}.steps-section{background:#f7f7f1}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:65px}.steps-grid article{position:relative;padding:0 50px 0 0;min-height:210px}.step-number{width:52px;height:52px;border-radius:50%;background:#fff;border:1px solid #d9e1db;display:grid;place-items:center;font-size:15px;font-weight:900;color:var(--mk-green);box-shadow:0 9px 22px rgba(23,54,37,.07);position:relative;z-index:2}.step-line{height:1px;background:#d5ddd7;position:absolute;top:26px;left:52px;right:0}.steps-grid h3{font-size:21px;letter-spacing:-.035em;margin:26px 0 10px}.steps-grid p{font-size:13px;color:#748078;line-height:1.75;margin:0;max-width:295px}.operator-section{background:#fff}.operator-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}.operator-list{display:flex;flex-direction:column;gap:18px;margin:30px 0}.operator-list>div{display:flex;gap:12px;align-items:flex-start}.operator-list>div>span{width:25px;height:25px;border-radius:50%;background:#e9f5ee;color:var(--mk-green);font-size:10px;font-weight:900;display:grid;place-items:center;flex:0 0 auto}.operator-list p{margin:0;display:flex;flex-direction:column}.operator-list strong{font-size:13px}.operator-list small{font-size:11px;line-height:1.6;color:#7b8780;margin-top:3px}.owner-dashboard-demo{min-width:0}.dashboard-shell{display:grid;grid-template-columns:132px 1fr;background:#f8faf8;border:1px solid #dde4df;border-radius:18px;overflow:hidden;box-shadow:var(--mk-shadow);transform:perspective(1400px) rotateY(-2deg)}.dashboard-shell aside{background:#071b49;color:#fff;padding:19px 13px;display:flex;flex-direction:column;gap:5px}.dash-brand{display:flex;align-items:center;gap:7px;margin-bottom:21px}.dash-brand span{width:25px;height:25px;border-radius:7px;background:#98df32;color:#0f1b3d;display:grid;place-items:center;font-size:7px;font-weight:900}.dash-brand b{font-size:9px}.dashboard-shell aside>small{font-size:5px;letter-spacing:.12em;color:#698376;font-weight:900;margin:9px 6px 4px}.dashboard-shell aside>i{font-style:normal;font-size:6px;color:#a9bdb2;padding:7px 7px;border-radius:6px;display:flex;justify-content:space-between}.dashboard-shell aside>i.active{background:#12432f;color:#fff}.dashboard-shell aside>i b{background:#caff55;color:#173125;border-radius:999px;padding:1px 4px;font-size:5px}.dashboard-shell>section{min-width:0}.dash-top{height:54px;background:#fff;border-bottom:1px solid #e3e8e4;padding:0 18px;display:flex;align-items:center;justify-content:space-between}.dash-top>div{display:flex;flex-direction:column}.dash-top small{font-size:5px;color:#98a39d;letter-spacing:.08em}.dash-top strong{font-size:9px;margin-top:2px}.dash-top>span{width:24px;height:24px;border-radius:7px;background:#e8f1eb;color:#2a6549;font-size:7px;font-weight:900;display:grid;place-items:center}.dash-content{padding:20px}.dash-heading{display:flex;align-items:end;justify-content:space-between;gap:12px}.dash-heading small{font-size:6px;color:#829088}.dash-heading h3{font-size:17px;letter-spacing:-.04em;margin:3px 0 0}.dash-heading button{border:0;background:#001f5f;color:#fff;border-radius:7px;padding:8px 10px;font-size:6px;font-weight:800}.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.dash-stats span{background:#fff;border:1px solid #e2e8e3;border-radius:9px;padding:10px;display:flex;flex-direction:column}.dash-stats small{font-size:5px;color:#8b9690}.dash-stats strong{font-size:18px;margin:3px 0;color:#1f3328}.dash-stats i{font-style:normal;font-size:5px;color:#6c9b82}.dash-table{margin-top:12px;background:#fff;border:1px solid #e2e8e3;border-radius:9px;overflow:hidden}.dash-table-head{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 11px;border-bottom:1px solid #edf0ed}.dash-table-head strong{font-size:7px}.dash-table-head span{font-size:5px;color:#4d8165}.dash-row{display:grid;grid-template-columns:48px 1fr 45px;align-items:center;padding:9px 11px;border-bottom:1px solid #f0f2f0}.dash-row:last-child{border-bottom:0}.dash-row>b{font-size:6px}.dash-row>span{display:flex;flex-direction:column}.dash-row>span strong{font-size:7px}.dash-row>span small{font-size:5px;color:#98a29d;margin-top:2px}.dash-row>i{justify-self:end;font-style:normal;font-size:5px;background:#e7f4ed;color:#438363;border-radius:999px;padding:4px 6px}.dash-row>i.pending{background:#fff2d9;color:#a3751d}.pricing-section{background:#f1f3ec}.pricing-grid{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:center}.pricing-copy h2{max-width:650px}.pricing-checks{display:grid;grid-template-columns:1fr 1fr;gap:12px 25px;margin-top:30px;max-width:580px}.pricing-checks span{font-size:12px;font-weight:750}.pricing-checks b{color:var(--mk-green);margin-right:7px}.pricing-card{background:#fff;border:1px solid #dce3de;border-radius:22px;padding:34px;box-shadow:0 24px 60px rgba(18,50,31,.09);position:relative}.pricing-badge{display:inline-block;background:#ecf3ff;color:#001f5f;border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900;letter-spacing:.12em}.pricing-card>p{font-size:11px;color:#7a867f;margin:22px 0 0}.price-lockup{display:flex;align-items:baseline;margin-top:4px}.price-lockup>span{font-size:24px;font-weight:800}.price-lockup strong{font-size:68px;line-height:1;letter-spacing:-.06em}.price-lockup small{font-size:11px;color:#849088;margin-left:7px}.price-divider{height:1px;background:#e4e8e5;margin:24px 0;position:relative}.price-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #e0e5e1;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:13px;color:#77827c}.usage-price{display:flex;align-items:center;gap:12px}.usage-price strong{font-size:33px;letter-spacing:-.04em;color:var(--mk-green)}.usage-price span{font-size:10px;line-height:1.3;color:#728078;font-weight:700}.pricing-card .pricing-note{font-size:10px;line-height:1.65;margin:18px 0 20px}.pricing-footnote{display:block;text-align:center;color:#919b95;font-size:8px;line-height:1.5;margin-top:13px}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}.faq-grid .section-heading h2{font-size:43px}.faq-grid .marketing-text-link{margin-top:28px}.faq-list{border-top:1px solid var(--mk-line)}.faq-list details{border-bottom:1px solid var(--mk-line);padding:0}.faq-list summary{list-style:none;cursor:pointer;padding:22px 4px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:820}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:22px;font-weight:300;color:#7a867f;transition:transform .2s ease}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:12px;line-height:1.75;color:#728078;margin:-5px 40px 22px 4px}.final-cta-section{padding:0 0 100px;background:#fff}.final-cta{position:relative;background:var(--mk-green);color:#fff;border-radius:26px;padding:74px 55px;text-align:center;overflow:hidden}.final-cta>*{position:relative;z-index:2}.final-cta h2{font-size:clamp(42px,5vw,64px);line-height:1;letter-spacing:-.055em;max-width:760px;margin:16px auto 18px}.final-cta p{font-size:15px;color:#c1dbcd;max-width:650px;margin:0 auto 30px;line-height:1.7}.final-cta>div{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}.marketing-button-light{background:#d1ff64!important;border-color:#d1ff64!important;color:#163326!important;box-shadow:none}.marketing-login-link{font-size:12px;font-weight:800;color:#fff!important}.final-cta-ball{position:absolute!important;border-radius:50%;border:1px solid rgba(255,255,255,.11);z-index:1!important}.ball-one{width:430px;height:430px;left:-180px;top:-120px}.ball-two{width:520px;height:520px;right:-240px;bottom:-280px}.marketing-footer{background:#00153f;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.7fr repeat(3,.7fr);gap:55px}.footer-brand small{color:#718b7d}.footer-grid>div:first-child>p{font-size:11px;line-height:1.7;color:#7f968a;max-width:300px;margin:20px 0 0}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid strong{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#b4c6bc;margin-bottom:6px}.footer-grid a,.footer-grid span{font-size:10px;color:#80988b}.footer-grid a:hover{color:#98df32}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding-top:22px}.footer-bottom span,.footer-bottom a{font-size:9px;color:#698275}[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}[data-reveal-delay="1"]{transition-delay:.1s}[data-reveal-delay="2"]{transition-delay:.2s}[data-reveal].is-visible{opacity:1;transform:none}
@media (max-width:1050px){.marketing-nav{gap:20px}.hero-grid{grid-template-columns:1fr 1fr;gap:30px}.booking-demo{height:420px;grid-template-columns:118px 1fr}.demo-sidebar{padding:18px 12px}.demo-main{padding:25px 20px}.floating-payment{right:-8px}.split-heading{gap:45px}.operator-grid{gap:35px}.pricing-grid{gap:45px}.faq-grid{gap:50px}}
@media (max-width:900px){.marketing-container{width:min(100% - 34px,760px)}.marketing-header{height:72px}.marketing-nav{position:absolute;left:17px;right:17px;top:68px;background:#fff;border:1px solid #dfe5e1;border-radius:15px;box-shadow:0 18px 45px rgba(13,36,24,.14);padding:12px;display:none;flex-direction:column;align-items:stretch;gap:0}.marketing-nav.is-open{display:flex}.marketing-nav a{padding:12px;border-radius:9px}.marketing-nav a:hover{background:#f2f6f3}.marketing-menu-button{display:block}.header-actions .marketing-button-small{display:none}.hero-section{padding-top:110px}.hero-grid{grid-template-columns:1fr;gap:55px}.hero-copy{text-align:center;padding:20px 0 0}.hero-copy h1{max-width:780px;margin-left:auto;margin-right:auto}.hero-lead{margin-left:auto;margin-right:auto}.hero-actions,.hero-proof{justify-content:center;margin-left:auto;margin-right:auto}.hero-product{max-width:700px;width:100%;margin:0 auto}.browser-frame{transform:none}.hero-strip{margin-top:75px;flex-direction:column;text-align:center}.hero-strip div{justify-content:center}.section-pad{padding:90px 0}.problem-grid{grid-template-columns:1fr;max-width:650px;margin-left:auto;margin-right:auto}.problem-card{min-height:240px}.split-heading,.operator-grid,.pricing-grid,.faq-grid{grid-template-columns:1fr}.split-heading{gap:20px}.feature-bento{grid-template-columns:1fr}.operator-grid{gap:55px}.operator-copy{text-align:center}.operator-list{text-align:left;max-width:580px;margin:30px auto}.dashboard-shell{max-width:700px;margin:0 auto}.pricing-grid{gap:45px}.pricing-copy{text-align:center}.pricing-checks{margin-left:auto;margin-right:auto;text-align:left}.pricing-card{max-width:470px;width:100%;margin:0 auto}.faq-grid{gap:35px}.faq-grid .section-heading{text-align:center;max-width:650px;margin:0 auto}.footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:30px}}
@media (max-width:650px){.marketing-container{width:calc(100% - 28px)}.marketing-brand small{display:none}.header-login{display:none}.hero-section{padding-top:95px}.hero-copy h1{font-size:47px}.hero-lead{font-size:16px;line-height:1.65}.hero-actions{flex-direction:column;gap:16px}.hero-actions .marketing-button{width:100%;max-width:350px}.hero-proof{gap:11px 18px}.hero-proof span{font-size:10px}.booking-demo{height:340px;grid-template-columns:86px 1fr}.browser-topbar{height:35px;grid-template-columns:55px 1fr 30px;padding:0 8px}.browser-url{font-size:5px}.demo-sidebar{padding:12px 8px}.demo-logo{gap:4px}.demo-logo-icon{width:20px;height:20px;font-size:8px;border-radius:6px}.demo-logo strong{font-size:6px}.demo-logo small{font-size:4px}.demo-steps{margin-top:21px;gap:13px}.demo-steps>div{gap:5px}.demo-steps>div>span{width:15px;height:15px;font-size:5px}.demo-steps p{font-size:5px}.demo-steps small{font-size:4px}.demo-help{font-size:4px}.demo-help strong{font-size:5px}.demo-main{padding:16px 11px}.demo-title-row h2{font-size:11px}.demo-title-row p{font-size:5px}.demo-secure{display:none}.demo-calendar{margin-top:14px;padding:8px}.calendar-head{margin-bottom:8px}.calendar-head strong{font-size:6px}.calendar-head button{width:16px;height:16px;font-size:9px}.calendar-week,.calendar-days{gap:3px}.calendar-week span{font-size:3px}.calendar-days>span{height:27px;font-size:5px;border-radius:4px}.calendar-days small{font-size:3px}.floating-booking{left:-6px;bottom:-27px;transform:scale(.82);transform-origin:left}.floating-payment{right:-7px;top:50px;transform:scale(.8);transform-origin:right}.hero-strip{margin-top:95px}.hero-strip div{gap:12px 18px}.section-pad{padding:75px 0}.section-heading h2,.operator-copy h2,.pricing-copy h2{font-size:38px}.section-heading p,.operator-copy>p,.pricing-copy>p{font-size:14px}.problem-grid{margin-top:35px}.feature-bento{margin-top:35px}.feature-large,.feature-wide{grid-template-columns:1fr;min-height:auto}.feature-card{padding:22px}.feature-card h3{font-size:23px}.payment-feature{min-height:350px}.dashboard-feature{min-height:285px}.mini-proof,.mini-metrics{left:22px;right:22px;bottom:22px}.steps-grid{grid-template-columns:1fr;gap:35px;margin-top:45px}.steps-grid article{padding:0 0 0 73px;min-height:125px}.step-number{position:absolute;left:0;top:0}.step-line{width:1px;height:auto;left:26px;top:52px;bottom:-35px;right:auto}.steps-grid h3{margin:0 0 9px}.dashboard-shell{grid-template-columns:74px 1fr}.dashboard-shell aside{padding:12px 7px}.dash-brand b,.dashboard-shell aside>small{display:none}.dashboard-shell aside>i{font-size:4px;padding:5px 4px}.dash-brand{margin-bottom:10px}.dash-content{padding:12px}.dash-heading h3{font-size:12px}.dash-heading button{font-size:4px;padding:6px}.dash-stats{gap:4px}.dash-stats span{padding:7px}.dash-stats small{font-size:3px}.dash-stats strong{font-size:13px}.dash-row{grid-template-columns:36px 1fr 35px;padding:7px}.pricing-checks{grid-template-columns:1fr}.faq-grid .section-heading h2{font-size:38px}.faq-list summary{font-size:13px}.final-cta-section{padding-bottom:55px}.final-cta{padding:55px 20px;border-radius:20px}.final-cta h2{font-size:39px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:18px;flex-direction:column}.marketing-footer{padding-top:50px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}


.marketing-brand-logo-link{gap:0}.marketing-logo{display:block;height:46px;width:auto;max-width:min(240px,48vw)}.footer-brand .marketing-logo{height:42px}
@media (max-width:650px){.marketing-logo{height:38px;max-width:180px}.footer-brand .marketing-logo{height:36px}}


/* Courtiva marketing theme polish: primary/secondary/accent + circle/honeycomb */

:root {
  --mk-primary: #001f5f;
  --mk-secondary: #00a55a;
  --mk-accent: #98df32;
  --mk-honeycomb: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='138' viewBox='0 0 160 138'%3E%3Cg fill='none' stroke='%2300a55a' stroke-opacity='.16' stroke-width='2'%3E%3Cpath d='M40 2 74 22v40L40 82 6 62V22Zm80 0 34 20v40l-34 20-34-20V22Zm-40 54 34 20v40l-34 20-34-20V76Z'/%3E%3C/g%3E%3C/svg%3E");
}

.marketing-body {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 8% 10%, rgba(152,223,50,.1), transparent 19%),
    radial-gradient(circle at 94% 14%, rgba(0,165,90,.08), transparent 16%),
    linear-gradient(180deg, #ffffff, #f8fbff 64%, #ffffff);
}
.marketing-body::before {
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-2;
  background:
    radial-gradient(circle at 8% 82%, rgba(0,31,95,.05), transparent 18%),
    radial-gradient(circle at 92% 74%, rgba(152,223,50,.08), transparent 20%);
}
.marketing-body::after {
  content:"";
  position:fixed;
  top:0;
  right:0;
  width:min(38vw, 360px);
  height:min(30vw, 260px);
  pointer-events:none;
  z-index:-1;
  opacity:.55;
  background-image:var(--mk-honeycomb);
  background-size:180px 155px;
  background-repeat:repeat;
  mask-image:linear-gradient(135deg, #000 48%, transparent 100%);
  -webkit-mask-image:linear-gradient(135deg, #000 48%, transparent 100%);
}

.marketing-brand small,
.section-kicker,
.hero-proof strong,
.feature-card .eyebrow,
.pricing-checks strong { color: var(--mk-secondary); }
.marketing-button,
.marketing-button-light:hover { background: linear-gradient(135deg, var(--mk-primary), var(--mk-secondary)); border-color: transparent; }
.marketing-button-light { background: linear-gradient(135deg, var(--mk-accent), #d6ff7b)!important; border-color: transparent!important; color:#163326!important; }
.marketing-button:hover { background: linear-gradient(135deg, #00153f, #00884a); }
.hero-copy h1,
.section-heading h2,
.operator-copy h2,
.pricing-copy h2,
.faq-grid .section-heading h2 { color: var(--mk-primary); }
.problem-card,
.feature-card,
.pricing-card,
.final-cta,
.dashboard-shell,
.browser-frame,
.faq-list details {
  position: relative;
  overflow: clip;
}
.problem-card::before,
.feature-card::before,
.pricing-card::before,
.dashboard-shell::before,
.browser-frame::before,
.final-cta::before {
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(152,223,50,.18), transparent 68%);
  transform:translate(-42%,-42%);
}
.problem-card::after,
.feature-card::after,
.pricing-card::after,
.dashboard-shell::after,
.browser-frame::after,
.final-cta::after {
  content:"";
  position:absolute;
  right:0;
  bottom:0;
  width:120px;
  height:100px;
  background-image:var(--mk-honeycomb);
  background-size:160px 138px;
  background-repeat:no-repeat;
  opacity:.2;
  transform:translate(24%, 28%);
}
.final-cta { background: linear-gradient(135deg, #04296b, #00a55a); }
.final-cta p { color: rgba(255,255,255,.82); }
.marketing-header.is-scrolled { border-bottom-color: rgba(0,31,95,.08); box-shadow: 0 16px 40px rgba(0,31,95,.08); }
.hero-strip,
.pricing-card.featured { box-shadow: 0 28px 72px rgba(0,31,95,.12); }
@media (max-width: 900px) {
  .marketing-body::after { width:220px; height:180px; opacity:.38; }
  .problem-card::after,
  .feature-card::after,
  .pricing-card::after,
  .dashboard-shell::after,
  .browser-frame::after,
  .final-cta::after { opacity:.1; }
}

/* 2026 conversion-led marketing refresh: balanced Courtiva brand palette */
:root {
  --mk-ink: #173429;
  --mk-muted: #63776d;
  --mk-green: var(--mk-secondary);
  --mk-green-2: #087a49;
  --mk-cream: #f5f8f2;
  --mk-line: #dbe6de;
  --mk-dark: #0b3025;
  --mk-shadow: 0 24px 70px rgba(11, 69, 44, .13);
}
.marketing-body {
  color: var(--mk-ink);
  background:
    radial-gradient(circle at 10% 9%, rgba(152,223,50,.13), transparent 20%),
    radial-gradient(circle at 92% 15%, rgba(0,165,90,.1), transparent 18%),
    linear-gradient(180deg, #ffffff, #f6faf5 64%, #ffffff);
}
.marketing-body::before {
  background:
    radial-gradient(circle at 8% 82%, rgba(0,165,90,.06), transparent 18%),
    radial-gradient(circle at 92% 74%, rgba(152,223,50,.1), transparent 20%);
}
.marketing-header.is-scrolled {
  border-bottom-color: rgba(0,165,90,.1);
  box-shadow: 0 16px 40px rgba(11,69,44,.08);
}
.marketing-nav a,
.header-login { color: #385548; }
.marketing-button,
.marketing-button-light:hover {
  background: linear-gradient(135deg, var(--mk-secondary), #087a49);
  border-color: transparent;
  box-shadow: 0 14px 30px rgba(0,165,90,.2);
}
.marketing-button:hover { background: linear-gradient(135deg, #087a49, #065f3a); }
.hero-section {
  background:
    radial-gradient(circle at 78% 20%, rgba(152,223,50,.12), transparent 24%),
    radial-gradient(circle at 18% 18%, rgba(0,165,90,.08), transparent 22%),
    linear-gradient(180deg, #f7fbf5 0%, #fcfefb 82%, #fff 100%);
}
.hero-copy h1,
.section-heading h2,
.operator-copy h2,
.pricing-copy h2,
.faq-grid .section-heading h2,
.conversion-copy h2 { color: #123c2c; }
.hero-copy h1 em { color: var(--mk-secondary); }
.hero-lead { color: #5b7166; }
.hero-proof { border-top-color: #d8e6dc; }
.hero-proof b { color: var(--mk-secondary); }
.browser-frame,
.dashboard-shell,
.hero-strip,
.pricing-card.featured { box-shadow: 0 28px 72px rgba(14,68,44,.13); }
.demo-sidebar,
.dashboard-shell aside { background: linear-gradient(180deg, #0d3c2c, #09291f); }
.demo-logo-icon,
.dash-brand span { background: var(--mk-accent); color:#173326; }
.demo-secure { background:#e7f7ee; color:#187047!important; }
.calendar-days .selected-day {
  background: linear-gradient(135deg, var(--mk-primary), var(--mk-secondary));
  border-color: var(--mk-secondary);
  box-shadow: 0 5px 12px rgba(0,165,90,.22);
}
.dash-heading button { background: var(--mk-secondary); }
.pricing-badge { background:#eef8e5; color:#285d3e; }
.features-section { background: linear-gradient(135deg, #0c3628, #102f27); }
.steps-section { background:#f4f8ef; }
.pricing-section { background:#f2f7ec; }
.final-cta { background: linear-gradient(135deg, #0b3c2b 0%, var(--mk-secondary) 72%, #31b85a 100%); }
.marketing-footer { background:#09291f; }
.final-cta p { color: rgba(255,255,255,.84); }
.problem-card.featured { border-color: rgba(0,165,90,.28); box-shadow:0 22px 52px rgba(0,165,90,.09); }
.problem-card.featured .problem-number,
.feature-label,
.section-tag { color:var(--mk-secondary); }

/* Marketing story: animation explains the conversion journey rather than decorating it. */
.conversion-section {
  position:relative;
  background:
    linear-gradient(180deg, #fff, #f7fbf4),
    var(--mk-honeycomb);
}
.conversion-section::before {
  content:"";
  position:absolute;
  width:280px;
  height:280px;
  right:-110px;
  top:80px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(152,223,50,.18), transparent 68%);
  pointer-events:none;
}
.conversion-grid {
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:84px;
  align-items:center;
}
.conversion-copy h2 {
  margin:14px 0 18px;
  font-size:clamp(38px,4.2vw,58px);
  line-height:1.02;
  letter-spacing:-.052em;
  max-width:650px;
}
.conversion-copy>p {
  margin:0;
  max-width:650px;
  color:var(--mk-muted);
  font-size:16px;
  line-height:1.75;
}
.conversion-points {
  display:grid;
  gap:10px;
  margin-top:30px;
}
.conversion-points article {
  display:grid;
  grid-template-columns:40px 1fr;
  gap:13px;
  align-items:start;
  padding:13px 14px;
  border:1px solid #deeadf;
  background:rgba(255,255,255,.78);
  border-radius:14px;
}
.conversion-points article>span {
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:11px;
  background:#edf9e6;
  color:var(--mk-secondary);
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.conversion-points strong { display:block; font-size:13px; color:#1a3f30; }
.conversion-points small { display:block; margin-top:3px; color:#72837a; font-size:10px; line-height:1.55; }
.conversion-visual { position:relative; min-width:0; padding:30px 72px 40px 25px; }
.conversion-visual::before {
  content:"";
  position:absolute;
  inset:4% 7% 10% 2%;
  border-radius:38px;
  background:
    linear-gradient(145deg, rgba(152,223,50,.2), rgba(0,165,90,.07)),
    var(--mk-honeycomb);
  background-size:auto,180px 155px;
  transform:rotate(-2deg);
}
.story-phone {
  position:relative;
  z-index:2;
  width:min(420px,100%);
  margin-left:auto;
  background:#fff;
  border:1px solid #d9e6dc;
  border-radius:28px;
  padding:17px;
  box-shadow:0 30px 70px rgba(16,68,45,.16);
}
.story-phone::before {
  content:"";
  width:78px;
  height:4px;
  border-radius:999px;
  position:absolute;
  top:7px;
  left:50%;
  transform:translateX(-50%);
  background:#dce5df;
}
.story-phone-top { display:flex; align-items:center; gap:9px; margin:8px 2px 14px; }
.story-phone-top img { width:34px; height:34px; object-fit:contain; border-radius:10px; background:#f0f8e9; padding:5px; }
.story-phone-top>div { display:flex; flex-direction:column; min-width:0; }
.story-phone-top strong { font-size:11px; color:#193e30; }
.story-phone-top small { font-size:8px; color:#829087; }
.story-live-dot { margin-left:auto; border-radius:999px; background:#eaf8ef; color:#187547; font-size:7px; font-weight:900; padding:5px 8px; text-transform:uppercase; letter-spacing:.08em; }
.story-court-visual {
  position:relative;
  min-height:145px;
  overflow:hidden;
  border-radius:18px;
  background:
    linear-gradient(135deg, rgba(0,165,90,.94), rgba(12,92,58,.96));
  color:#fff;
}
.story-court-visual::before,
.story-court-visual::after,
.court-line {
  content:"";
  position:absolute;
  border:1px solid rgba(255,255,255,.48);
  pointer-events:none;
}
.story-court-visual::before { inset:18px; }
.story-court-visual::after { left:50%; top:18px; bottom:18px; width:0; }
.court-line-a { left:18px; right:18px; top:50%; height:0; }
.court-line-b { left:30%; right:30%; top:18px; bottom:18px; }
.court-net { position:absolute; left:16px; right:16px; top:50%; height:3px; background:rgba(10,46,33,.45); box-shadow:0 1px rgba(255,255,255,.25); z-index:1; }
.story-court-visual>div { position:absolute; z-index:2; left:16px; right:16px; bottom:14px; padding:11px 13px; border-radius:13px; background:rgba(8,45,31,.74); backdrop-filter:blur(6px); display:flex; flex-direction:column; }
.story-court-visual small { font-size:6px; letter-spacing:.12em; font-weight:900; color:#d2f59d; }
.story-court-visual strong { margin-top:3px; font-size:13px; }
.story-court-visual span { margin-top:2px; font-size:8px; color:rgba(255,255,255,.76); }
.story-progress { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:14px 3px 11px; }
.story-progress i { display:block; height:3px; border-radius:99px; background:#e5ece7; overflow:hidden; }
.story-progress i::after { content:""; display:block; width:0; height:100%; background:var(--mk-secondary); transition:width .38s ease; }
.conversion-visual[data-story-index="0"] .story-progress i:nth-child(1)::after,
.conversion-visual[data-story-index="1"] .story-progress i:nth-child(-n+2)::after,
.conversion-visual[data-story-index="2"] .story-progress i::after { width:100%; }
.story-steps { display:grid; gap:7px; }
.story-step {
  display:grid;
  grid-template-columns:29px 1fr auto;
  align-items:center;
  gap:9px;
  padding:9px;
  border:1px solid #e3ebe5;
  border-radius:12px;
  transition:transform .3s ease,border-color .3s ease,background .3s ease,box-shadow .3s ease;
}
.story-step>b { width:27px; height:27px; display:grid; place-items:center; border-radius:9px; background:#f1f5f2; color:#74857c; font-size:8px; }
.story-step>span { display:flex; flex-direction:column; }
.story-step strong { font-size:10px; color:#254838; }
.story-step small { font-size:7px; color:#89958e; margin-top:1px; }
.story-step em { font-style:normal; font-size:7px; font-weight:900; color:#7e8b84; text-transform:uppercase; letter-spacing:.06em; }
.story-step.is-active { transform:translateX(-5px); border-color:rgba(0,165,90,.32); background:#f5fbf1; box-shadow:0 10px 24px rgba(0,165,90,.08); }
.story-step.is-active>b { background:var(--mk-accent); color:#23442f; }
.story-step.is-active em { color:var(--mk-secondary); }
.story-book-button { display:flex; align-items:center; justify-content:space-between; margin-top:10px; padding:12px 14px; border-radius:12px; color:#fff!important; background:linear-gradient(135deg,var(--mk-secondary),#087a49); font-size:10px; font-weight:850; }
.story-book-button span { color:var(--mk-accent); font-size:15px; }
.story-result-card {
  position:absolute;
  z-index:3;
  right:0;
  bottom:0;
  width:220px;
  display:grid;
  grid-template-columns:35px 1fr;
  gap:10px;
  align-items:center;
  background:#fff;
  border:1px solid #dbe7de;
  border-radius:15px;
  padding:12px;
  box-shadow:0 22px 44px rgba(15,66,43,.15);
}
.story-result-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:11px; background:var(--mk-accent); color:#24452f; font-weight:900; }
.story-result-card div { display:flex; flex-direction:column; }
.story-result-card small { font-size:6px; letter-spacing:.11em; color:var(--mk-primary); font-weight:900; }
.story-result-card strong { margin-top:2px; font-size:8px; line-height:1.45; color:#355345; }

/* One-time product motion: notifications enter only when the preview becomes visible. */
.hero-product.is-marketing-live .floating-booking { animation:mkNotificationIn .62s cubic-bezier(.2,.8,.2,1) both .25s; }
.hero-product.is-marketing-live .floating-payment { animation:mkNotificationIn .62s cubic-bezier(.2,.8,.2,1) both .48s; }
@keyframes mkNotificationIn { from { opacity:0; translate:0 12px; scale:.96; } to { opacity:1; translate:0 0; scale:1; } }

@media (max-width:900px) {
  .conversion-grid { grid-template-columns:1fr; gap:42px; }
  .conversion-copy { text-align:center; }
  .conversion-copy>p { margin-inline:auto; }
  .conversion-points { max-width:660px; margin-inline:auto; margin-top:28px; text-align:left; }
  .conversion-visual { max-width:620px; width:100%; margin:0 auto; }
}
@media (max-width:650px) {
  .conversion-copy h2 { font-size:38px; }
  .conversion-copy>p { font-size:14px; }
  .conversion-visual { padding:15px 10px 56px; }
  .conversion-visual::before { inset:0 0 18% 0; border-radius:28px; }
  .story-phone { width:100%; padding:14px; border-radius:22px; }
  .story-result-card { right:2px; bottom:0; width:min(230px,84%); }
  .story-step { grid-template-columns:28px 1fr; }
  .story-step em { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-product.is-marketing-live .floating-booking,
  .hero-product.is-marketing-live .floating-payment { animation:none; }
  .story-step { transition:none; }
}

/* Final no-blue marketing palette correction. */
:root {
  --mk-primary: #183f34;
  --mk-dark: #102c24;
  --mk-shadow: 0 24px 70px rgba(24,63,52,.13);
}
.marketing-body { color:#24352d; }
.calendar-days .selected-day {
  background:linear-gradient(135deg, var(--mk-primary), var(--mk-secondary));
  border-color:color-mix(in srgb, var(--mk-secondary) 70%, var(--mk-primary));
}

/* 2026-08-08 landing-page contrast correction.
   Dark marketing surfaces must never inherit the light-page headline/muted colors. */
.features-section {
  background: linear-gradient(135deg, #0c3628 0%, #0d2f26 54%, #102f27 100%);
  color: #f4fff8;
}
.features-section .section-heading h2,
.features-section .split-heading h2 {
  color: #f4fff8;
}
.features-section .section-heading p,
.features-section .split-heading > p {
  color: #c2d8cd;
}
.features-section .section-tag.light {
  color: #c9ff58;
}
.features-section .feature-card {
  background: rgba(7, 35, 25, .88);
  border-color: rgba(218, 255, 231, .13);
}
.features-section .feature-card h3 {
  color: #f4fff8;
}
.features-section .feature-card p {
  color: #b7cfc3;
}
.features-section .feature-label {
  color: #6ff0ad;
}
.features-section .feature-copy li,
.features-section .control-pills span {
  color: #d9e9e1;
}
.features-section .feature-copy li::before {
  color: #c9ff58;
}
.features-section .feature-icon-chip {
  color: #c9ff58;
  background: #164636;
  border-color: rgba(201, 255, 88, .16);
}
.features-section .mini-proof,
.features-section .mini-metrics span {
  background: #12392b;
  border-color: rgba(218, 255, 231, .12);
}
.features-section .mini-proof small,
.features-section .mini-metrics small {
  color: #a9c8b9;
}
.features-section .mini-proof i,
.features-section .mini-metrics i {
  color: #bdd2c7;
}
.features-section .mini-proof b {
  color: #c9ff58;
}

.marketing-footer {
  background: linear-gradient(180deg, #082b20 0%, #06261c 100%);
  color: #f4fff8;
}
.footer-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #ffffff !important;
}
.footer-brand-symbol {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  padding: 5px;
  border-radius: 12px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .12);
}
.footer-brand-symbol img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer-brand-wordmark {
  color: #ffffff;
  font-size: 25px;
  line-height: 1;
  font-weight: 850;
  letter-spacing: -.045em;
}
.footer-grid > div:first-child > p {
  color: #c2d8cd;
}
.footer-grid strong {
  color: #f4fff8;
}
.footer-grid a,
.footer-grid span {
  color: #b7cfc3;
}
.footer-grid a:hover,
.footer-bottom a:hover {
  color: #c9ff58;
}
.footer-bottom {
  border-top-color: rgba(231, 255, 239, .14);
}
.footer-bottom span,
.footer-bottom a {
  color: #a9c8b9;
}
@media (max-width: 650px) {
  .footer-brand-symbol { width: 38px; height: 38px; }
  .footer-brand-wordmark { font-size: 22px; }
}