:root{--bg:#F6F4ED;--surface:#FFFDF8;--surface-strong:#E9F0E9;--text:#17211B;--muted:#647068;--accent:#16A36A;--accent-dark:#0C754B;--border:#D9DED8;--success:#16875B;--warning:#C87820;--shadow:rgba(23,33,27,.12);--status-confirmed:#19704F;--status-confirmed-bg:#DDEEE6;--status-pending:#925B16;--status-pending-bg:#F4E8D3;--status-completed:#4F5D55;--status-completed-bg:#E3E7E3;--status-cancelled:#9A4744;--status-cancelled-bg:#F3DEDC;--max:1180px;--radius:22px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}.marketing-page{overflow-x:hidden}.marketing-page h1,.marketing-page h2,.marketing-page h3,.wordmark{font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif}.marketing-page a{color:inherit}.marketing-page p{color:var(--muted);line-height:1.65}.section-shell{width:min(100% - 32px,var(--max));margin-inline:auto}.wordmark{font-size:22px;font-weight:800;letter-spacing:-.045em;text-decoration:none}.marketing-header{position:sticky;top:0;z-index:50;background:rgba(246,244,237,.88);border-bottom:1px solid rgba(217,222,216,.78);backdrop-filter:blur(14px)}.header-inner{height:68px;width:min(100% - 32px,var(--max));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.desktop-nav{display:none}.desktop-nav a,.footer-nav a,.mobile-nav a{font-size:14px;font-weight:650;text-decoration:none;color:var(--muted);transition:color .24s var(--ease)}.desktop-nav a:hover,.footer-nav a:hover,.mobile-nav a:hover{color:var(--text)}.header-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.header-actions .button-quiet{display:none}.header-cta{display:none}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .24s var(--ease),box-shadow .24s var(--ease),background .24s var(--ease),color .24s var(--ease)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0) scale(.98)}.button-primary{background:var(--accent);color:#fff;box-shadow:0 8px 22px rgba(22,163,106,.2)}.button-primary:hover{background:var(--accent-dark);box-shadow:0 12px 28px rgba(12,117,75,.22)}.button-quiet{border-color:var(--border);background:var(--surface)}.button-text{padding-inline:8px;color:var(--text)}.button-large{min-height:50px;padding-inline:23px}.menu-toggle{width:44px;height:44px;border:0;border-radius:50%;background:var(--surface);display:grid;place-content:center;gap:6px;padding:0;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;background:var(--text);transition:transform .24s var(--ease)}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:absolute;top:68px;left:16px;right:16px;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px var(--shadow)}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{min-height:46px;display:flex;align-items:center;padding:0 12px;border-radius:10px}.mobile-nav a:hover{background:var(--surface-strong)}
.hero{padding-top:64px;padding-bottom:72px;display:grid;gap:50px;align-items:center}.eyebrow{margin:0 0 16px;color:var(--accent-dark)!important;font-size:12px!important;font-weight:850;letter-spacing:.14em}.eyebrow span{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:var(--accent)}.hero h1{max-width:720px;margin:0;font-size:clamp(2.75rem,10vw,5.4rem);line-height:.98;letter-spacing:-.065em}.hero-lead{max-width:620px;margin:24px 0 0;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.microcopy{display:flex;align-items:center;gap:8px;margin:14px 0 0;font-size:13px}.microcopy span{color:var(--accent-dark)}.agenda-stage{position:relative;min-width:0;padding:16px 0 10px}.stage-grid{position:absolute;inset:-20px;background-image:linear-gradient(rgba(23,33,27,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(23,33,27,.055) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,black 18%,black 82%,transparent)}.agenda-window{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 28px 70px rgba(23,33,27,.16);overflow:hidden}.window-bar{padding:18px 18px 14px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.window-bar div:first-child{display:flex;align-items:center;gap:9px}.window-kicker{padding:4px 7px;background:var(--text);color:#fff;border-radius:5px;font-size:9px;font-weight:850;letter-spacing:.13em}.window-bar strong{font-size:12px;letter-spacing:.08em}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:var(--border)}.appointment-list{padding:8px 12px}.appointment-row{min-height:76px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:4px 12px;padding:10px 4px;border-bottom:1px solid var(--border)}.appointment-row:last-child{border-bottom:0}.appointment-row time{font:800 14px Manrope,system-ui;color:var(--text)}.appointment-row div{min-width:0}.appointment-row strong,.appointment-row div span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-row strong{font-size:14px}.appointment-row div span{margin-top:3px;color:var(--muted);font-size:12px}.status{width:max-content;max-width:100%;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.appointment-row>.status{grid-column:2}.status-confirmed{color:var(--status-confirmed);background:var(--status-confirmed-bg)}.status-pending{color:var(--status-pending);background:var(--status-pending-bg)}.status-completed{color:var(--status-completed);background:var(--status-completed-bg)}.status-cancelled{color:var(--status-cancelled);background:var(--status-cancelled-bg)}.status-changing{position:relative;min-width:80px;height:27px;color:var(--status-pending);background:var(--status-pending-bg);overflow:hidden;animation:status-bg 6s var(--ease) infinite}.status-changing span{position:absolute!important;inset:0;display:grid!important;place-items:center;animation:status-out 6s var(--ease) infinite}.status-changing span:last-child{color:var(--status-confirmed);opacity:0;transform:translateY(7px);animation:status-in 6s var(--ease) infinite}.window-footer{padding:13px 16px;background:var(--surface-strong);display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:700}.floating-slot{display:none;position:absolute;z-index:2;right:-25px;top:24px;padding:10px 12px;background:rgba(255,253,248,.88);border:1px solid rgba(255,255,255,.8);border-radius:12px;box-shadow:0 12px 26px var(--shadow);backdrop-filter:blur(10px);font:800 12px Manrope,system-ui}.floating-slot span{display:block;margin-top:2px;color:var(--muted);font-size:9px;font-weight:650}
.benefit-strip{border-block:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.benefit-strip div{min-height:65px;display:grid;place-items:center;padding:12px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:10px;font-weight:850;letter-spacing:.11em;text-align:center}.benefit-strip div:nth-child(2n){border-right:0}.benefit-strip div:nth-last-child(-n+2){border-bottom:0}.how,.features,.two-sides,.use-cases,.faq{padding-top:96px;padding-bottom:96px}.section-heading{max-width:670px;margin-bottom:42px}.section-heading h2{margin:0;font-size:clamp(2.15rem,7vw,4.2rem);line-height:1.02;letter-spacing:-.055em}.section-heading>p:last-child{margin:16px 0 0;font-size:17px}.section-heading.centered{text-align:center;margin-inline:auto}.timeline{display:grid;border-top:1px solid var(--border)}.step{position:relative;display:grid;grid-template-columns:72px 1fr;gap:10px;padding:28px 0;border-bottom:1px solid var(--border)}.step-number{font:800 42px/1 Manrope,system-ui;color:rgba(22,163,106,.2)}.step h3{margin:0;font-size:20px}.step p{margin:8px 0 0}.bento-grid{display:grid;gap:14px}.bento-card{min-width:0;padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}.bento-card:hover,.case-card:hover{transform:translateY(-3px);border-color:#C2CBC3;box-shadow:0 18px 40px rgba(23,33,27,.08)}.bento-card h3{margin:18px 0 6px;font-size:21px}.bento-card p{margin:0}.bento-main{background:var(--text);color:#fff}.bento-main p{color:#AEBAB2}.card-label{color:#8CE2B8;font-size:10px;font-weight:850;letter-spacing:.13em}.mini-agenda{display:grid;gap:8px;margin-top:26px}.mini-agenda div{display:grid;grid-template-columns:52px 1fr;gap:8px;padding:12px;background:#243029;border-radius:10px;font-size:11px}.mini-agenda time{color:#8CE2B8;font-weight:800}.mini-agenda span{color:#D5DED8}.slot-icon{width:68px;height:68px;border:1px solid var(--border);border-radius:16px;display:grid;place-content:center;text-align:center;font:800 25px/1 Manrope;color:var(--accent-dark)}.slot-icon span{font:700 9px Inter;letter-spacing:.1em}.hours-visual{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;font-weight:800}.hours-visual i{height:2px;flex:1;background:var(--border);position:relative}.hours-visual i:after{content:"";position:absolute;left:38%;top:-5px;width:12px;height:12px;border-radius:50%;background:var(--accent)}.state-stack{display:flex;flex-wrap:wrap;gap:7px}.calendar-card{display:flex;align-items:center;gap:18px}.calendar-card h3{margin-top:0}.calendar-mark{flex:0 0 64px;border:1px solid var(--border);border-radius:13px;overflow:hidden;text-align:center}.calendar-mark span{display:block;padding:5px;background:var(--accent-dark);color:#fff;font-size:9px;font-weight:850}.calendar-mark strong{display:block;padding:8px;font-size:24px}.fake-url{padding:12px;border-radius:10px;background:var(--surface-strong);color:var(--muted)!important;font-size:10px;overflow-wrap:anywhere}.fake-url strong{color:var(--accent-dark)}.side-grid{display:grid;gap:14px}.side-panel{padding:28px;border-radius:var(--radius);border:1px solid var(--border)}.business-side{background:var(--text);color:#fff}.client-side{background:var(--surface-strong)}.side-panel h3{margin:10px 0 24px;font-size:28px}.side-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:14px}.side-panel li{position:relative;padding-left:25px;line-height:1.45}.side-panel li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}.business-side li{color:#D5DED8}.panel-kicker{font-size:10px!important;font-weight:850;letter-spacing:.14em;color:var(--accent)!important}
.product-moment{padding:86px 0;background:var(--text);color:#fff;overflow:hidden}.moment-inner{display:grid;gap:42px}.moment-copy{max-width:620px}.moment-copy h2{margin:0;font-size:clamp(2.2rem,8vw,4.8rem);line-height:1;letter-spacing:-.06em}.moment-copy>p:last-child{color:#AEBAB2;font-size:17px}.flow{display:grid;gap:8px}.flow>i{justify-self:center;color:#789184;font-style:normal;transform:rotate(90deg)}.flow-item{min-height:72px;padding:14px 16px;border:1px solid #3B4941;border-radius:14px;display:flex;align-items:center;gap:16px}.flow-item span{font:800 12px Manrope;color:#7C9185}.flow-item strong{font-size:12px;letter-spacing:.08em}.flow-final{border-color:var(--accent);background:var(--accent);color:#fff}.flow-final span{color:#D7F3E5}.case-grid{display:grid;gap:12px}.case-card{padding:23px;border:1px solid var(--border);border-radius:18px;background:transparent;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}.case-card>span{font:800 10px Manrope;color:var(--accent-dark);letter-spacing:.1em}.case-card h3{margin:22px 0 6px;font-size:20px}.case-card p{margin:0}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-item h3{margin:0}.faq-item button{width:100%;min-height:68px;padding:18px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;border:0;background:transparent;color:var(--text);font:750 16px/1.35 Manrope,system-ui;text-align:left;cursor:pointer}.faq-item button span{flex:0 0 32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font-size:20px;transition:transform .24s var(--ease),background .24s var(--ease)}.faq-item button[aria-expanded=true] span{transform:rotate(45deg);background:var(--surface-strong)}.faq-answer{padding:0 52px 20px 0}.faq-answer p{margin:0}.final-cta{margin-bottom:64px;padding:36px 28px;background:var(--text);color:#fff;border-radius:28px;display:grid;gap:26px;overflow:hidden;position:relative}.final-cta:after{content:"";position:absolute;width:210px;height:210px;border:50px solid rgba(22,163,106,.25);border-radius:50%;right:-110px;top:-115px}.final-cta>div{position:relative;z-index:1}.final-cta h2{max-width:720px;margin:0;font-size:clamp(2rem,7vw,4rem);line-height:1;letter-spacing:-.055em}.final-cta p:last-child{color:#AEBAB2}.final-actions{display:flex;flex-wrap:wrap;gap:8px}.button-accent{background:var(--accent);color:#fff}.button-dark-quiet{color:#fff;border-color:#536058}.marketing-footer{width:min(100% - 32px,var(--max));margin:auto;padding:45px 0 30px;border-top:1px solid var(--border);display:grid;gap:28px}.footer-main p,.copyright{margin:7px 0 0;font-size:13px}.footer-nav{display:flex;flex-wrap:wrap;gap:16px 22px}.copyright{color:var(--muted)}.reveal{opacity:0;transform:translateY(16px);transition:opacity .34s var(--ease),transform .34s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.marketing-page :focus-visible{outline:3px solid rgba(22,163,106,.38);outline-offset:3px;border-radius:6px}
@keyframes status-out{0%,35%{opacity:1;transform:none}43%,88%{opacity:0;transform:translateY(-7px)}96%,100%{opacity:1;transform:none}}@keyframes status-in{0%,35%{opacity:0;transform:translateY(7px)}43%,88%{opacity:1;transform:none}96%,100%{opacity:0;transform:translateY(7px)}}@keyframes status-bg{0%,35%,96%,100%{background:var(--status-pending-bg)}43%,88%{background:var(--status-confirmed-bg)}}
@media(min-width:520px){.appointment-row{grid-template-columns:58px minmax(0,1fr) auto}.appointment-row>.status{grid-column:auto}.floating-slot{display:block}.case-grid{grid-template-columns:1fr 1fr}.case-card:last-child{grid-column:1/-1}.header-cta{display:inline-flex}}
@media(min-width:768px){.section-shell{width:min(100% - 64px,var(--max))}.header-inner{width:min(100% - 64px,var(--max));height:76px}.marketing-header{top:0}.menu-toggle,.mobile-nav{display:none!important}.desktop-nav{display:flex;align-items:center;gap:26px}.header-actions .button-quiet{display:inline-flex}.hero{min-height:720px;padding-block:90px;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:55px}.agenda-stage{padding:28px 0}.benefit-strip{grid-template-columns:repeat(4,1fr)}.benefit-strip div{border-bottom:0}.benefit-strip div:nth-child(2n){border-right:1px solid var(--border)}.benefit-strip div:last-child{border-right:0}.how,.features,.two-sides,.use-cases,.faq{padding-block:130px}.timeline{grid-template-columns:repeat(4,1fr)}.step{display:block;padding:30px 22px 26px 0;border-bottom:0;border-right:1px solid var(--border)}.step:not(:first-child){padding-left:22px}.step:last-child{border-right:0}.step h3{margin-top:38px}.bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(210px,auto)}.bento-main{grid-column:span 2;grid-row:span 2;padding:34px;display:flex;flex-direction:column;justify-content:space-between}.calendar-card,.link-card{grid-column:span 2}.side-grid{grid-template-columns:1fr 1fr}.side-panel{padding:42px}.moment-inner{grid-template-columns:.9fr 1.1fr;align-items:center}.flow{grid-template-columns:1fr auto 1.25fr auto 1fr auto 1fr;align-items:center}.flow>i{transform:none}.flow-item{height:118px;display:grid;align-content:space-between}.case-grid{grid-template-columns:repeat(5,1fr)}.case-card:last-child{grid-column:auto}.final-cta{padding:58px;grid-template-columns:1fr auto;align-items:end}.marketing-footer{width:min(100% - 64px,var(--max));grid-template-columns:1fr 2fr auto;align-items:start}.footer-nav{justify-content:center}.copyright{margin:3px 0 0}}
@media(min-width:1080px){.desktop-nav{gap:34px}.hero{grid-template-columns:1.08fr .92fr;gap:85px}.agenda-window{transform:rotate(1deg)}.bento-card{padding:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.status-changing,.status-changing span{animation:none!important}.status-changing span:first-child{display:none!important}.status-changing span:last-child{opacity:1;transform:none;color:var(--status-confirmed)}.button,.bento-card,.case-card,.faq-item button span,.menu-toggle span{transition:none}}