:root{--ink:#17201c;--muted:#66706b;--soft:#f3f5f1;--paper:#fffdfa;--line:#dfe4de;--green:#145c46;--green-2:#1f7a5d;--mint:#d9f2e6;--mint-2:#edf8f1;--peach:#ffe5d7;--blue:#dcebf8;--coral:#f48665;--shadow:0 24px 70px rgba(28,47,39,.12);--radius:18px;--tag-radius:8px;--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body.dark,html.dark body{--ink:#eef5f1;--muted:#a8b5af;--soft:#16201c;--paper:#0e1613;--line:#283630;--green:#63d2a3;--green-2:#8ae1bd;--mint:#173c2e;--mint-2:#142c23;--shadow:0 24px 70px rgba(0,0,0,.3)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.narrow{max-width:800px}.center{text-align:center}.skip-link{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:8px 14px;z-index:99}.skip-link:focus{left:8px}.icon,svg{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.2em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header{height:74px;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.nav-wrap{height:100%;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;font-weight:800;font-size:21px;letter-spacing:-.045em}.brand-dot{color:var(--coral)}.brand-mark{width:34px;height:34px;border-radius:10px;background:var(--green);color:#fff;display:inline-grid;place-items:center;margin-right:9px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.brand-mark svg{width:20px;height:20px;stroke-width:1.9}.desktop-nav{display:flex;align-items:center;gap:5px;margin-left:auto}.desktop-nav>a,.nav-drop>button{border:0;background:transparent;padding:10px 12px;border-radius:9px;font-weight:600;font-size:14px}.desktop-nav>a:hover,.nav-drop>button:hover{background:var(--soft)}.nav-drop{position:relative}.nav-drop>button span{color:var(--muted);margin-left:3px}.menu,.mega{position:absolute;top:48px;left:50%;transform:translateX(-50%) translateY(8px);opacity:0;visibility:hidden;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:12px;transition:.18s;width:230px}.nav-drop:hover .menu,.nav-drop:focus-within .menu,.nav-drop:hover .mega,.nav-drop:focus-within .mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.menu a{display:block;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:600}.menu a:hover,.mega a:hover{background:var(--soft)}.mega{width:620px;display:grid;grid-template-columns:1.5fr .8fr;padding:14px}.mega-main{border-right:1px solid var(--line);padding-right:12px}.mega-side{padding-left:12px}.nav-label{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--muted);margin:4px 8px 8px}.mega-main a{display:flex;gap:10px;padding:9px;border-radius:10px}.mega-main a b,.mega-main a small{display:block}.mega-main a b{font-size:13px}.mega-main a small{font-size:11px;color:var(--muted)}.mega-side a{display:block;padding:9px;border-radius:8px;font-size:13px;font-weight:600}.mini-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--mint);border-radius:9px;color:var(--green);flex:none}.mini-icon svg{width:18px}.mini-icon.coral{background:var(--peach);color:#a84d32}.mini-icon.blue{background:var(--blue);color:#245d89}.nav-actions{display:flex;align-items:center;gap:10px}.text-link{font-size:14px;font-weight:600;padding:10px}.btn{border:1px solid transparent;border-radius:10px;padding:11px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .18s,box-shadow .18s,background .18s}.btn:hover{transform:translateY(-1px)}.btn-sm{padding:9px 14px;font-size:13px}.btn-lg{padding:14px 21px}.btn-dark{background:var(--ink);color:var(--paper)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 9px 24px rgba(20,92,70,.2)}.btn-primary:hover{background:var(--green-2);box-shadow:0 12px 28px rgba(20,92,70,.28)}.btn-outline{border-color:var(--line);background:var(--paper)}.btn-outline:hover{border-color:var(--green);color:var(--green)}.btn-white{background:#fff;color:#163c30}.btn-full{width:100%}.menu-toggle{display:none;width:42px;height:38px;border:0;background:var(--soft);border-radius:9px}.menu-toggle span{display:block;width:18px;height:2px;background:var(--ink);margin:5px auto}.mobile-menu{display:none}.plain-btn{border:0;background:transparent;padding:0;color:var(--muted)}
.hero{min-height:750px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#f8f9f4 0%,#fffdfa 44%,#edf5ef 100%);padding:58px 0 68px}.dark .hero{background:linear-gradient(145deg,#101b17,#0e1613 50%,#13231c)}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.65}.orb-one{width:420px;height:420px;background:radial-gradient(circle,#d7efe2,transparent 68%);left:-150px;top:-100px}.orb-two{width:500px;height:500px;background:radial-gradient(circle,#ffe3d5,transparent 68%);right:-180px;bottom:-170px}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;position:relative}.eyebrow,.section-kicker{color:var(--green);font-size:11px;font-weight:800;letter-spacing:.14em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:26px;height:1px;background:var(--green)}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(48px,5vw,74px);line-height:1.03;letter-spacing:-.052em;margin:22px 0}.hero h1 em{color:var(--green);font-style:italic}.hero-lead{font-size:18px;line-height:1.7;color:var(--muted);max-width:580px}.hero-actions{display:flex;align-items:center;gap:22px;margin:30px 0}.play-link{font-weight:700;font-size:14px;display:flex;align-items:center;gap:9px}.play-link i{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.proof{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:24px;margin-top:36px}.avatar-stack{display:flex}.avatar-stack span{width:35px;height:35px;border-radius:50%;background:var(--mint);border:2px solid var(--paper);display:grid;place-items:center;font-size:10px;font-weight:800;margin-left:-7px}.avatar-stack span:first-child{margin-left:0;background:var(--peach)}.avatar-stack span:nth-child(3){background:var(--blue)}.avatar-stack span:last-child{background:var(--green);color:white}.proof p,.proof b,.proof small{display:block;margin:0}.proof b{font-size:12px}.proof small{font-size:11px;color:var(--muted);margin-top:2px}
.scheduler-card{background:var(--paper);border:1px solid rgba(20,92,70,.14);border-radius:22px;box-shadow:0 35px 90px rgba(32,69,53,.16);padding:25px;position:relative;max-width:600px}.scheduler-card:before{content:"";position:absolute;inset:9px -9px -9px 9px;border:1px solid rgba(20,92,70,.1);border-radius:22px;z-index:-1}.scheduler-top,.card-title{display:flex;align-items:flex-start;justify-content:space-between}.scheduler-top small,.card-title small{font-size:9px;font-weight:800;letter-spacing:.14em;color:var(--muted)}.scheduler-top h2,.card-title h2{font-family:Georgia,serif;font-size:24px;font-weight:400;margin:3px 0 0}.pulse{display:inline-block;width:7px;height:7px;background:var(--coral);border-radius:50%;margin-right:7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--coral) 18%,transparent)}.step-pill{font-size:10px;font-weight:700;padding:5px 9px;background:var(--soft);border-radius:50px;color:var(--muted)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;background:var(--soft);padding:4px;border-radius:10px;margin:18px 0}.mode-switch button{border:0;background:transparent;border-radius:8px;padding:9px;font-size:12px;font-weight:700;color:var(--muted)}.mode-switch button.active{background:var(--paper);color:var(--green);box-shadow:0 2px 8px rgba(0,0,0,.06)}.calendar-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center;margin-bottom:11px}.calendar-head button{border:0;background:transparent;font-size:26px;color:var(--muted)}.calendar-head strong{font-family:Georgia,serif;font-size:17px}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.weekdays span{text-align:center;font-size:8px;font-weight:800;letter-spacing:.08em;color:#8a938f;padding:5px}.day{border:0;background:transparent;aspect-ratio:1;border-radius:50%;font-size:12px;font-weight:600;position:relative}.day:hover:not(:disabled){background:var(--soft)}.day.selected{background:var(--green);color:#fff}.day.today:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:var(--coral);left:50%;bottom:4px}.day.other{opacity:.25}.day:disabled{opacity:.18;cursor:not-allowed}.time-row{display:flex;align-items:center;gap:11px;margin:16px 0 13px;padding:11px;background:var(--mint-2);border-radius:10px;color:var(--green)}.time-row>span{width:32px;height:32px;background:var(--mint);border-radius:8px;display:grid;place-items:center}.time-row div{flex:1}.time-row small,.time-row b{display:block}.time-row small{font-size:8px;letter-spacing:.1em;font-weight:800}.time-row b{font-size:11px;margin-top:2px}.time-row button{border:0;background:transparent;color:var(--green);font-size:11px;font-weight:800}.time-editor,.details-drawer{margin-bottom:12px;padding:13px;border:1px solid var(--line);border-radius:10px}.time-editor label,.details-drawer label,.event-fields label,.contact-form label{font-size:11px;font-weight:700;color:var(--muted)}input,select,textarea{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:10px 11px;outline:none;margin-top:5px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 12%,transparent)}.field-grid,.event-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.details-drawer .field-grid+.field-grid{margin-top:9px}.scheduler-submit{font-size:13px;padding:13px}.scheduler-foot{display:flex;justify-content:space-between;margin-top:11px;font-size:8px;font-weight:700;color:var(--muted)}.scheduler-foot span{display:flex;align-items:center;gap:4px}.scheduler-foot svg{color:var(--green)}
.logo-strip{border-block:1px solid var(--line);padding:24px 0;background:var(--paper)}.logo-strip .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.logo-strip p{font-size:11px;color:var(--muted);font-weight:700}.logo-strip .container>div{display:flex;gap:45px;align-items:center;color:#7b8580}.logo-strip span{font-weight:800;font-size:13px;letter-spacing:.04em}.section{padding:108px 0}.section-sm{padding:70px 0}.intro{background:var(--paper)}.section-kicker{display:block;margin-bottom:14px}.intro .narrow h2,.section-head h2,.human-copy h2,.integration-box h2,.final-cta h2,.page-hero h1,.solution-hero h1,.magazine-hero h1{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;line-height:1.08}.intro .narrow h2,.section-head h2,.human-copy h2,.integration-box h2,.final-cta h2{font-size:clamp(35px,4vw,52px);margin:8px 0 16px}.intro .narrow p{font-size:18px;color:var(--muted)}.bento{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}.bento-card{border:1px solid var(--line);border-radius:20px;padding:30px;overflow:hidden;position:relative;background:var(--paper)}.bento-large{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;min-height:390px;background:linear-gradient(120deg,var(--mint-2),var(--paper))}.card-copy{padding:16px;align-self:center;max-width:440px}.number,.bento-card>.number{font-family:Georgia,serif;font-style:italic;color:var(--coral);font-size:14px}.bento-card h3{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.15;margin:13px 0}.bento-card p{color:var(--muted)}.card-copy a,.text-arrow{color:var(--green);font-weight:800;font-size:13px}.booking-mini{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:24px;transform:rotate(1deg) translate(20px,25px)}.mini-profile{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.mini-profile>span{width:40px;height:40px;background:var(--peach);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}.mini-profile b,.mini-profile small{display:block}.mini-profile small{color:var(--muted);font-size:10px}.booking-mini h4{font-family:Georgia,serif;font-size:18px}.mini-dates{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mini-dates>span{padding:10px;border:1px solid var(--line);border-radius:10px;text-align:center;font-weight:800}.mini-dates small{display:block;font-size:9px;color:var(--muted)}.mini-dates .active{background:var(--green);color:#fff}.mini-dates .active small{color:#d8ede5}.mini-slots{display:grid;gap:7px;margin-top:10px}.mini-slots span{border:1px solid var(--line);border-radius:8px;padding:7px;text-align:center;font-size:11px}.poll-card{background:linear-gradient(145deg,#fff7f2,var(--paper))}.overlap{margin-top:25px}.overlap div{display:grid;grid-template-columns:60px 1fr;align-items:center;margin:12px 0;font-size:10px;font-weight:700}.overlap i{height:10px;border-radius:10px;background:linear-gradient(90deg,var(--green) var(--w),var(--soft) var(--w))}.workflow-card{background:linear-gradient(145deg,#f2f8fd,var(--paper))}.flow-line{display:flex;align-items:center;margin-top:44px}.flow-line span{width:50px;height:50px;border-radius:14px;background:var(--paper);border:1px solid var(--line);display:grid;place-items:center;color:var(--green)}.flow-line i{height:1px;background:var(--line);flex:1}.feature-section{background:var(--soft)}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.section-head h2{max-width:700px;margin-bottom:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:24px;min-height:205px;transition:.2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(30,55,44,.07)}.feature-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:var(--green)}.feature-icon svg{width:23px;height:23px}.feature-icon.mint{background:var(--mint)}.feature-icon.peach{background:var(--peach);color:#9b4c34}.feature-icon.blue{background:var(--blue);color:#235d89}.feature-card h3{font-family:Georgia,serif;font-size:21px;font-weight:400;margin:28px 0 7px}.feature-card p{font-size:13px;color:var(--muted);margin:0}.human-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:85px;align-items:center}.human-image{position:relative}.human-image>img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:18px;filter:saturate(.78)}.float-note{position:absolute;right:-28px;bottom:28px;background:var(--paper);padding:15px 19px;border-radius:13px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px}.float-note>span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green)}.float-note b,.float-note small{display:block}.float-note b{font-size:12px}.float-note small{font-size:10px;color:var(--muted)}.human-copy>p{font-size:17px;color:var(--muted)}.check-list{list-style:none;padding:0;margin:25px 0}.check-list li{padding:9px 0;font-weight:600;font-size:14px}.check-list svg{color:var(--green);margin-right:8px}.integration-section{padding-top:40px}.integration-box{background:var(--green);color:#fff;border-radius:25px;padding:65px 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;min-height:470px}.section-kicker.light{color:#aadcca}.integration-box p{color:#c3ddd3;max-width:540px;font-size:16px}.orbit{height:360px;position:relative}.orbit-center,.orbit-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}.orbit-center{width:65px;height:65px;margin:0}.orbit-item{width:48px;height:48px;border-radius:14px;background:#fff;color:var(--c);display:grid;place-items:center;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.2)}.ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.2);border-radius:50%}.r1{width:180px;height:180px}.r2{width:320px;height:320px}.orbit-1{transform:translate(-50%,-50%) translate(0,-90px)}.orbit-2{transform:translate(-50%,-50%) translate(86px,-42px)}.orbit-3{transform:translate(-50%,-50%) translate(106px,78px)}.orbit-4{transform:translate(-50%,-50%) translate(-100px,95px)}.orbit-5{transform:translate(-50%,-50%) translate(-130px,-35px)}.orbit-6{transform:translate(-50%,-50%) translate(0,145px)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.story-card{display:block}.story-featured{grid-column:span 2;grid-row:span 2}.story-image{position:relative;overflow:hidden;border-radius:14px}.story-image img{width:100%;aspect-ratio:1.55;object-fit:cover;display:block;transition:.35s}.story-featured .story-image img{aspect-ratio:1.65}.story-card:hover img{transform:scale(1.025)}.story-image span{position:absolute;left:12px;top:12px;background:var(--paper);border-radius:50px;padding:5px 9px;font-size:9px;font-weight:800}.story-body{padding:15px 2px}.story-body>small,.mag-card>small{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--coral)}.story-body h3{font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.18;margin:7px 0}.story-featured h3{font-size:34px}.story-body p{color:var(--muted);font-size:13px}.story-body b{font-size:11px;color:var(--green)}.final-cta{padding:100px 0;background:linear-gradient(180deg,var(--paper),var(--mint-2))}.brand-mark.large{width:55px;height:55px;border-radius:15px;margin:0 auto 20px}.final-cta h2{margin:15px auto;max-width:750px}.final-cta p{color:var(--muted);font-size:17px}.final-cta small{display:block;margin-top:15px;color:var(--muted)}
.site-footer{background:#111b17;color:#dde9e3;padding:70px 0 25px}.footer-top{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:45px}.footer-top h3{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#879991}.footer-top>div>a:not(.brand){display:block;color:#aebdb6;font-size:13px;padding:5px 0}.footer-brand p{color:#8fa199;font-size:13px}.status{display:inline-flex!important;align-items:center;gap:7px!important}.status i{width:7px;height:7px;border-radius:50%;background:#50d69f}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #27332e;padding-top:22px;margin-top:50px;color:#7f9189;font-size:11px}.footer-bottom span:last-child{display:flex;gap:20px}
.page-hero{padding:100px 0 60px;background:linear-gradient(180deg,var(--mint-2),var(--paper))}.page-hero.compact{padding:70px 0 45px}.page-hero h1,.solution-hero h1,.magazine-hero h1{font-size:clamp(45px,5vw,68px);margin:15px 0}.page-hero p,.solution-hero p,.magazine-hero>div>p{font-size:18px;color:var(--muted);max-width:720px}.page-hero.center p{margin-inline:auto}.feature-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.feature-detail-grid article{border:1px solid var(--line);border-radius:17px;padding:28px;display:grid;grid-template-columns:60px 1fr;gap:17px}.feature-detail-grid h2{font-family:Georgia,serif;font-weight:400;font-size:25px;margin:3px 0}.feature-detail-grid article>div>small{font-size:9px;color:var(--coral);font-weight:800}.feature-detail-grid p,.feature-detail-grid li{color:var(--muted);font-size:13px}.feature-detail-grid ul{padding-left:18px}.integration-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.integration-grid article{border:1px solid var(--line);border-radius:15px;padding:23px;display:flex;gap:16px}.integration-grid article>span{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,var(--paper));color:var(--c);font-weight:900;font-size:20px}.integration-grid h2{font-size:16px;margin:1px 0}.integration-grid p{font-size:13px;color:var(--muted);margin:3px 0}.integration-grid small{color:var(--green);font-weight:700;font-size:10px}.api-band{display:flex;align-items:center;gap:22px;background:var(--soft);padding:25px;border-radius:16px;margin-top:30px}.api-band div:nth-child(2){flex:1}.api-band h2{font-family:Georgia,serif;font-weight:400;margin:0}.api-band p{margin:3px 0;color:var(--muted)}.solution-hero{padding:80px 0 65px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.solution-art{position:relative}.solution-art>img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:20px}.metric{position:absolute;left:-35px;bottom:35px;background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:18px}.metric b,.metric span{display:block}.metric b{font-family:Georgia,serif;font-size:31px;color:var(--green)}.metric span{font-size:10px;color:var(--muted)}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.steps-grid article{background:var(--paper);padding:26px}.steps-grid span{font-family:Georgia,serif;font-style:italic;color:var(--coral)}.steps-grid h3{font-family:Georgia,serif;font-weight:400;font-size:21px}.steps-grid p{font-size:12px;color:var(--muted)}.billing-toggle{display:inline-flex;background:var(--soft);padding:4px;border-radius:10px;margin-top:20px}.billing-toggle button{border:0;background:transparent;padding:9px 13px;border-radius:8px;font-weight:700;font-size:12px}.billing-toggle button.active{background:var(--paper);box-shadow:0 2px 8px rgba(0,0,0,.08)}.billing-toggle small{color:var(--green)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;align-items:center}.pricing-grid article{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--paper);position:relative}.pricing-grid .popular{border:2px solid var(--green);padding-block:38px}.popular-label{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;border-radius:50px;padding:5px 13px;font-size:9px;font-weight:800;letter-spacing:.1em}.badge{font-size:9px;font-weight:800;letter-spacing:.1em;color:var(--green);background:var(--mint);padding:5px 9px;border-radius:50px}.pricing-grid h2{font-family:Georgia,serif;font-size:26px;font-weight:400}.price{font-family:Georgia,serif;font-size:39px;margin:10px 0}.price small{font-family:Inter;font-size:10px;color:var(--muted)}.pricing-grid article>p{font-size:13px;color:var(--muted);min-height:42px}.pricing-grid ul{list-style:none;padding:16px 0 0}.pricing-grid li{padding:7px 0;font-size:12px}.pricing-grid li svg{color:var(--green);margin-right:6px}
.magazine-hero{padding:75px 0 40px}.magazine-hero>div>p{margin-bottom:40px}.lead-story{display:grid;grid-template-columns:1.25fr .75fr;gap:0;background:var(--green);color:#fff;border-radius:22px;overflow:hidden}.lead-story img{width:100%;height:100%;min-height:400px;object-fit:cover}.lead-story>div{padding:45px;align-self:center}.lead-story>div>span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#bfe3d5}.lead-story h2{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.12}.lead-story p{color:#c8dfd7}.lead-story b{font-size:12px}.filter-chips{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:30px}.filter-chips button{border:1px solid var(--line);background:var(--paper);padding:8px 12px;border-radius:50px;font-size:11px;font-weight:700}.filter-chips button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.magazine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px 20px}.mag-card.hidden{display:none}.mag-image{position:relative;margin-bottom:13px}.mag-image img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:13px;display:block}.mag-image span{position:absolute;left:10px;top:10px;background:var(--paper);padding:4px 7px;border-radius:50px;font-size:8px;font-weight:800}.mag-card h2{font-family:Georgia,serif;font-size:22px;line-height:1.18;font-weight:400;margin:6px 0}.mag-card p{font-size:12px;color:var(--muted)}.cluster-list>section{padding:45px 0;border-top:1px solid var(--line)}.cluster-intro{display:grid;grid-template-columns:70px 1fr;max-width:650px}.cluster-intro>span{font-family:Georgia,serif;font-size:25px;font-style:italic;color:var(--coral)}.cluster-intro h2{font-family:Georgia,serif;font-size:35px;font-weight:400;margin:0}.cluster-intro p{color:var(--muted)}.cluster-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:25px}.cluster-articles a{border:1px solid var(--line);border-radius:13px;padding:20px}.cluster-articles small{color:var(--coral);font-size:9px;font-weight:800}.cluster-articles h3{font-family:Georgia,serif;font-size:18px;font-weight:400;line-height:1.25}.cluster-articles p{font-size:11px;color:var(--muted)}.cluster-articles b{font-size:10px;color:var(--green)}
.article-header{padding:70px 0 35px;text-align:center}.breadcrumb{display:flex;justify-content:center;gap:8px;color:var(--muted);font-size:11px;margin-bottom:30px}.article-header h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,64px);line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:15px 0}.article-header>div>p{font-size:18px;color:var(--muted)}.article-byline{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:25px}.author-mark{width:36px;height:36px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-family:Georgia,serif}.article-byline b,.article-byline small{display:block;text-align:left}.article-byline b{font-size:11px}.article-byline small{font-size:9px;color:var(--muted)}.article-layout{display:grid;grid-template-columns:170px minmax(0,750px) 180px;gap:35px;align-items:start}.toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:9px;font-size:10px;color:var(--muted);border-left:1px solid var(--line);padding-left:15px}.toc>b{color:var(--ink);font-size:11px;margin-bottom:4px}.toc a:hover{color:var(--green)}.toc-cta{color:var(--green)!important;font-weight:800;margin-top:8px}.article-main figure{margin:0 0 35px}.article-main figure img{width:100%;aspect-ratio:1.75;object-fit:cover;border-radius:16px;display:block}.article-main figcaption{font-size:9px;color:var(--muted);margin-top:8px}.prose{font-family:Georgia,serif;font-size:17px;line-height:1.8}.prose .dek{font-size:21px;color:#53605a;line-height:1.65}.dark .prose .dek{color:#b8c4be}.prose h2{font-family:Inter,sans-serif;font-size:27px;line-height:1.22;letter-spacing:-.025em;margin:55px 0 15px}.prose h3{font-family:Inter,sans-serif}.prose blockquote{margin:28px 0;border-left:3px solid var(--coral);padding:18px 22px;background:var(--soft);font-size:18px}.framework-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-family:Inter,sans-serif}.framework-grid>div{border:1px solid var(--line);border-radius:12px;padding:18px}.framework-grid span{color:var(--coral);font-size:10px;font-weight:800}.framework-grid h3{font-size:15px;margin:7px 0}.framework-grid p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.big-steps{list-style:none;padding:0;counter-reset:item}.big-steps li{display:grid;grid-template-columns:1fr;gap:3px;border-bottom:1px solid var(--line);padding:17px 0;font-family:Inter,sans-serif}.big-steps b{font-size:14px}.big-steps span{font-size:12px;color:var(--muted)}.article-callout{display:grid;grid-template-columns:45px 1fr auto;gap:14px;align-items:center;background:var(--mint);border-radius:14px;padding:18px 20px;margin:35px 0;font-family:Inter,sans-serif;color:#173c30}.article-callout>span{width:42px;height:42px;border-radius:11px;background:#fff;display:grid;place-items:center}.article-callout small{font-size:8px;font-weight:800;letter-spacing:.1em}.article-callout h3{margin:2px 0;font-size:16px}.article-callout p{font-size:10px;margin:0}.prose table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:12px;margin:25px 0}.prose th,.prose td{text-align:left;padding:12px;border-bottom:1px solid var(--line)}.prose th{background:var(--soft);font-size:9px;letter-spacing:.08em}.prose details{border-bottom:1px solid var(--line);padding:15px 0;font-family:Inter,sans-serif}.prose summary{font-weight:700;font-size:14px;cursor:pointer}.prose details p{font-size:13px;color:var(--muted)}.article-side{position:sticky;top:100px}.article-side>div{background:var(--soft);padding:18px;border-radius:12px}.article-side b{display:block;font-size:12px;margin-top:13px}.article-side p{font-size:10px;color:var(--muted)}.related-section{background:var(--soft)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid a{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:20px}.related-grid small{font-size:9px;color:var(--coral);font-weight:800}.related-grid h3{font-family:Georgia,serif;font-weight:400;line-height:1.2}.related-grid p{font-size:11px;color:var(--muted)}.related-grid b{font-size:10px;color:var(--green)}
.event-hero{padding:65px 0 90px;background:linear-gradient(180deg,var(--mint-2),var(--paper))}.event-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:30px}.event-summary{padding:25px}.event-summary h1{font-family:Georgia,serif;font-size:36px;line-height:1.12;font-weight:400}.event-summary>p{color:var(--muted)}.event-summary dl{border-block:1px solid var(--line);padding:10px 0}.event-summary dl>div{padding:8px 0}.event-summary dt,.event-summary dd{font-size:11px}.event-summary dt{color:var(--muted)}.event-summary dd{font-weight:700;margin-left:24px}.event-note{font-size:12px;background:var(--soft);padding:12px;border-radius:9px;margin-bottom:17px}.availability-card{background:var(--paper);border:1px solid var(--line);border-radius:19px;padding:27px;box-shadow:var(--shadow)}.card-title>span{font-size:10px;color:var(--muted)}.muted{color:var(--muted);font-size:12px}.event-fields{margin:20px 0}.slot-table{display:grid;grid-template-columns:80px repeat(var(--cols,3),minmax(74px,1fr));overflow:auto;border:1px solid var(--line);border-radius:12px;margin:18px 0}.slot-table:has(.slot-date:nth-of-type(4)){--cols:4}.slot-corner,.slot-date,.slot-time,.slot-cell{min-height:56px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;place-items:center}.slot-corner{font-size:9px;color:var(--muted);font-weight:700}.slot-date small,.slot-date b{display:block;text-align:center}.slot-date small{font-size:8px;color:var(--muted)}.slot-date b{font-family:Georgia,serif;font-size:18px}.slot-time{font-size:11px;font-weight:700}.slot-cell{cursor:pointer}.slot-cell input{position:absolute;opacity:0;width:1px}.slot-cell span{width:29px;height:29px;border:1px solid var(--line);border-radius:8px;display:grid;place-items:center;color:transparent;position:relative}.slot-cell input:checked+span{background:var(--green);color:#fff;border-color:var(--green)}.slot-cell span small{position:absolute;right:-5px;top:-7px;width:15px;height:15px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-size:7px}.responses{margin-top:22px;border-top:1px solid var(--line);padding-top:15px}.responses h3{font-size:12px}.responses>span{display:inline-flex;background:var(--soft);padding:6px 9px;border-radius:50px;font-size:10px;margin:3px}.responses small{color:var(--muted);margin-left:5px}.dashboard-grid{display:grid;grid-template-columns:1fr 180px 180px;gap:15px}.dash-event,.stat{border:1px solid var(--line);border-radius:16px;padding:24px}.dash-event{display:flex;align-items:center;justify-content:space-between}.dash-event h2{font-family:Georgia,serif;font-weight:400}.dash-event p{color:var(--muted);font-size:12px}.stat{display:grid;place-items:center;text-align:center}.stat b{font-family:Georgia,serif;color:var(--green);font-size:38px}.stat span{font-size:10px;color:var(--muted)}.empty-state{text-align:center;max-width:580px;margin:auto;border:1px solid var(--line);border-radius:18px;padding:50px}.empty-state .feature-icon{margin:auto}.empty-state h2{font-family:Georgia,serif;font-weight:400;font-size:30px}.empty-state p{color:var(--muted)}.simple-prose{font-family:Georgia,serif;font-size:17px}.simple-prose h2{font-family:Inter;font-size:24px;margin-top:38px}.simple-prose p{color:var(--muted)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;font-family:Inter}.value-grid>div{border:1px solid var(--line);border-radius:12px;padding:17px}.value-grid p{font-size:11px}.embed-code{background:#15211c;color:#cbe4d9;padding:18px;border-radius:10px;font-family:monospace;font-size:12px;overflow:auto}.contact-form{font-family:Inter}.contact-form>label{display:block;margin-top:14px}.not-found{min-height:70vh;display:grid;place-items:center}.not-found small{display:block;color:var(--coral);font-weight:800;letter-spacing:.1em}.not-found h1{font-family:Georgia,serif;font-size:50px;font-weight:400}.not-found p{color:var(--muted)}.flash-wrap{position:fixed;top:88px;right:20px;z-index:50}.flash{background:var(--ink);color:var(--paper);padding:12px 16px;border-radius:10px;box-shadow:var(--shadow);font-size:12px}.flash.error{background:#9f3929}.flash.success{background:var(--green)}
@media(max-width:1000px){.desktop-nav,.text-link{display:none}.menu-toggle{display:block}.mobile-menu.open{display:grid;position:fixed;top:74px;left:0;right:0;background:var(--paper);padding:18px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.mobile-menu a{padding:12px;font-weight:700}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{text-align:center}.hero-lead{margin-inline:auto}.hero-actions,.eyebrow,.proof{justify-content:center}.scheduler-card{margin:auto;width:min(100%,620px)}.human-grid{gap:45px}.article-layout{grid-template-columns:minmax(0,750px)}.toc,.article-side{display:none}.article-main{margin:auto}.footer-top{grid-template-columns:2fr repeat(2,1fr)}.event-layout{grid-template-columns:1fr}.event-summary{max-width:600px}.dashboard-grid{grid-template-columns:1fr 1fr}.dash-event{grid-column:1/-1}.feature-detail-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(100% - 28px,var(--container))}.site-header{height:66px}.mobile-menu.open{top:66px}.brand{font-size:19px}.nav-actions .btn{display:none}.hero{padding:38px 0 55px}.hero h1{font-size:44px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column}.proof{display:none}.scheduler-card{padding:17px}.scheduler-foot{display:none}.day{font-size:11px}.logo-strip .container{display:block;text-align:center;overflow:hidden}.logo-strip .container>div{gap:24px;justify-content:center;flex-wrap:wrap}.section{padding:70px 0}.section-sm{padding:50px 0}.bento{grid-template-columns:1fr}.bento-large{grid-template-columns:1fr}.booking-mini{transform:none}.feature-grid,.story-grid,.magazine-grid,.integration-grid,.pricing-grid,.cluster-articles,.related-grid{grid-template-columns:1fr}.story-featured{grid-column:auto;grid-row:auto}.story-featured h3{font-size:25px}.section-head{display:block}.section-head .btn,.section-head>a{margin-top:15px}.human-grid,.solution-grid{grid-template-columns:1fr}.float-note{right:10px}.integration-box{grid-template-columns:1fr;padding:38px 25px}.orbit{height:310px}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.lead-story{grid-template-columns:1fr}.lead-story img{min-height:250px}.lead-story>div{padding:25px}.lead-story h2{font-size:27px}.page-hero,.solution-hero{padding:60px 0 40px}.page-hero h1,.solution-hero h1,.magazine-hero h1{font-size:42px}.steps-grid{grid-template-columns:1fr}.pricing-grid .popular{padding-block:28px}.cluster-intro{grid-template-columns:40px 1fr}.article-header h1{font-size:39px}.article-main figure{margin-inline:-14px}.article-main figure img{border-radius:0}.prose{font-size:16px}.prose .dek{font-size:19px}.framework-grid{grid-template-columns:1fr}.article-callout{grid-template-columns:40px 1fr}.article-callout .btn{grid-column:1/-1}.event-layout{width:100%}.availability-card{border-radius:0;padding:18px}.event-fields,.field-grid{grid-template-columns:1fr}.slot-table{grid-template-columns:70px repeat(var(--cols,3),80px)}.dashboard-grid{grid-template-columns:1fr}.dash-event{display:block}.footer-bottom{display:block}.footer-bottom span:last-child{margin-top:12px}.not-found h1{font-size:38px}.value-grid{grid-template-columns:1fr}}

/* Free account and website widget surfaces. */
.widget-hero,.free-account-hero{padding:75px 0;background:linear-gradient(145deg,var(--mint-2),var(--paper));border-bottom:1px solid var(--line)}
.widget-hero-grid,.free-account-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:65px;align-items:center}.widget-hero h1,.free-account-hero h1{margin:10px 0 17px;font-family:Georgia,serif;font-size:clamp(48px,5.5vw,75px);font-weight:400;line-height:.98;letter-spacing:-.05em}.widget-hero-grid>div>p,.free-account-grid>div>p{max-width:680px;color:var(--muted);font-size:16px;line-height:1.6}.widget-proof{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:8px}.widget-proof li{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:700}.widget-proof svg{width:16px;color:var(--green)}
.widget-browser{border:1px solid var(--line);border-radius:18px;background:var(--paper);overflow:hidden}.widget-browser-bar{display:flex;align-items:center;gap:5px;padding:11px;background:var(--soft);border-bottom:1px solid var(--line)}.widget-browser-bar i{width:7px;height:7px;border-radius:50%;background:var(--line)}.widget-browser-bar i:first-child{background:var(--coral)}.widget-browser-bar span{flex:1;margin-left:7px;padding:5px 9px;border-radius:6px;background:var(--paper);color:var(--muted);font-size:7px}.widget-browser-page{padding:35px}.widget-browser-page>small{color:var(--green);font-size:7px;font-weight:800;letter-spacing:.1em}.widget-browser-page h2{margin:4px 0 24px;font-family:Georgia,serif;font-size:32px;font-weight:400}.widget-browser-embed{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--mint-2)}.widget-browser-embed>.brand-mark{width:39px;height:39px;border-radius:10px}.widget-browser-embed b,.widget-browser-embed small{display:block}.widget-browser-embed b{font-size:10px}.widget-browser-embed small{color:var(--muted);font-size:8px}.widget-browser-embed>span:last-child{color:var(--green);font-size:8px;font-weight:800}
.widget-builder{display:grid;grid-template-columns:.75fr 1fr;gap:24px;align-items:start}.widget-builder-copy{grid-row:span 2}.widget-builder-copy h2{margin:6px 0 9px;font-family:Georgia,serif;font-size:40px;font-weight:400}.widget-builder-copy>p{color:var(--muted);font-size:11px;line-height:1.6}.saved-widget-pages{display:grid;gap:7px;margin-top:24px}.saved-widget-pages>small{color:var(--green);font-size:7px;font-weight:800;letter-spacing:.1em}.saved-widget-pages button{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--paper);text-align:left}.saved-widget-pages button:hover{border-color:var(--green);box-shadow:none;transform:none}.saved-widget-pages button>span:first-child{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:var(--mint);color:var(--green)}.saved-widget-pages b,.saved-widget-pages small{display:block}.saved-widget-pages b{font-size:9px}.saved-widget-pages small{color:var(--muted);font-size:7px}.widget-account-note{margin-top:23px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.widget-account-note b{font-size:11px}.widget-account-note p{margin:5px 0;color:var(--muted);font-size:9px}.widget-account-note a{color:var(--green);font-size:8px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.widget-generator,.widget-preview{padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.widget-generator label{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:750}.widget-input-row{display:grid;grid-template-columns:1fr auto;gap:7px}.widget-input-row input{min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit;font-size:10px}.widget-input-row .btn:hover{transform:none;box-shadow:none}.widget-generator form>small{display:block;min-height:15px;margin-top:5px;color:#9f3929;font-size:8px}.widget-output{margin-top:13px}.widget-code-head,.widget-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.widget-code-head b{font-size:9px}.widget-code-head button{border:0;background:transparent;color:var(--green);font-size:8px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.widget-output pre{max-height:230px;overflow:auto;margin:8px 0;padding:13px;border-radius:9px;background:#15231d;color:#e9f6ef;font-size:8px;line-height:1.55;white-space:pre-wrap;word-break:break-word}.widget-output>p{margin:0;color:var(--muted);font-size:8px}.widget-preview{grid-column:2}.widget-preview-head{margin-bottom:12px}.widget-preview-head small,.widget-preview-head b{display:block}.widget-preview-head small{color:var(--green);font-size:7px;font-weight:800;letter-spacing:.1em}.widget-preview-head b{font-family:Georgia,serif;font-size:18px;font-weight:400}.widget-preview-head a{color:var(--green);font-size:8px;font-weight:800}.widget-preview iframe{display:block;width:100%;height:650px;border:1px solid var(--line);border-radius:13px;background:var(--soft)}.widget-instructions code{font-size:.88em}.widget-instructions{border-top:1px solid var(--line)}
.free-account-note{display:block;margin-top:8px;color:var(--muted);font-size:9px}.free-promise{padding:30px;border:1px solid var(--line);border-radius:21px;background:var(--paper)}.free-promise>small{display:block;margin-top:18px;color:var(--green);font-size:8px;font-weight:800;letter-spacing:.1em}.free-promise>strong{display:block;margin-top:3px;font-family:Georgia,serif;font-size:76px;font-weight:400;line-height:1}.free-promise>p{color:var(--muted);font-size:11px;line-height:1.55}.free-promise ul{list-style:none;padding:14px 0 0;margin:14px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9px}.free-promise li{font-size:9px;font-weight:750}.free-promise li:before{content:'✓';margin-right:6px;color:var(--green)}.account-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.account-benefit-grid article{padding:22px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}.account-benefit-grid article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:10px;background:var(--mint);color:var(--green)}.account-benefit-grid h3{margin:18px 0 6px;font-family:Georgia,serif;font-size:20px;font-weight:400}.account-benefit-grid p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}
@media(max-width:1000px){.widget-hero-grid,.free-account-grid{grid-template-columns:1fr}.widget-browser,.free-promise{max-width:650px}.widget-builder{grid-template-columns:1fr}.widget-builder-copy{grid-row:auto}.widget-preview{grid-column:auto}.account-benefit-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.widget-hero,.free-account-hero{padding:48px 0}.widget-hero h1,.free-account-hero h1{font-size:45px}.widget-browser-page{padding:23px}.widget-browser-embed{grid-template-columns:36px 1fr}.widget-browser-embed>span:last-child{grid-column:2}.widget-input-row{grid-template-columns:1fr}.widget-preview iframe{height:720px}.account-benefit-grid{grid-template-columns:1fr}.free-promise ul{grid-template-columns:1fr}}
.free-signup-section{background:var(--soft);border-block:1px solid var(--line)}.free-signup-promise{display:flex;align-items:center;gap:18px;margin-top:18px;padding:16px 20px;border-radius:13px;background:var(--green);color:#fff}.free-signup-promise b{font-family:Georgia,serif;font-size:23px;font-weight:400}.free-signup-promise span{flex:1;font-size:9px}.free-signup-promise a{padding:8px 11px;border-radius:7px;background:#fff;color:var(--green);font-size:8px;font-weight:800}.account-benefits{columns:2;column-gap:20px}.account-benefits li{break-inside:avoid}@media(max-width:720px){.free-signup-promise{display:grid}.account-benefits{columns:1}}
.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.catalog-grid>a{border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--paper);display:block;transition:.2s}.catalog-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(29,53,43,.08);border-color:color-mix(in srgb,var(--green) 35%,var(--line))}.catalog-grid>a>small{font-family:Georgia,serif;font-style:italic;color:var(--coral)}.catalog-grid h2{font-family:Georgia,serif;font-weight:400;font-size:23px;line-height:1.18}.catalog-grid p{font-size:12px;color:var(--muted)}.catalog-grid ul{list-style:none;padding:5px 0}.catalog-grid li{font-size:11px;padding:4px 0;color:var(--muted)}.catalog-grid li svg{color:var(--green)}.catalog-grid b{font-size:10px;color:var(--green)}.help-grid{grid-template-columns:repeat(2,1fr)}
.product-hero{padding:85px 0 70px;background:linear-gradient(160deg,var(--paper),var(--mint-2))}.product-hero h1{font-family:Georgia,serif;font-size:clamp(45px,5vw,68px);line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:15px 0}.product-hero p{font-size:18px;color:var(--muted)}.product-demo{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:var(--shadow)}.product-demo>small{display:block;font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--muted);margin-top:35px}.product-demo h2{font-family:Georgia,serif;font-weight:400;font-size:28px}.product-demo>div{padding:13px 0;border-top:1px solid var(--line);font-size:13px;font-weight:700}.product-demo>div svg{color:var(--green);margin-right:8px}.integration-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.integration-directory>a{display:grid;grid-template-columns:48px 1fr;gap:13px;align-items:start;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--paper)}.integration-directory>a>span{width:46px;height:46px;border-radius:12px;background:var(--soft);display:grid;place-items:center;font-size:19px;font-weight:900;color:var(--green)}.integration-directory small{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--coral);font-weight:800}.integration-directory h2{font-size:14px;margin:2px 0}.integration-directory p{font-size:10px;color:var(--muted);margin:3px 0}.integration-hero-mark{min-height:340px;border-radius:22px;background:var(--green);display:flex;align-items:center;justify-content:center;gap:25px;color:#fff}.integration-hero-mark>span{width:100px;height:100px;border-radius:24px;background:#fff;color:var(--green);display:grid;place-items:center;font-size:42px;font-weight:900}.integration-hero-mark>i{opacity:.6}.integration-hero-mark>b{width:100px;height:100px;border-radius:24px;margin:0}.integration-hero-mark>b svg{width:48px;height:48px}
.help-layout{display:grid;grid-template-columns:190px minmax(0,720px);gap:50px;align-items:start}.help-layout>aside{position:sticky;top:100px;display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:17px;gap:10px;font-size:10px;color:var(--muted)}.help-layout>aside b{color:var(--ink);font-size:11px}.help-note{font-family:Inter,sans-serif;font-size:12px;color:#194435;background:var(--mint);border-radius:11px;padding:15px}.comparison-note{color:var(--muted)}.comparison-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:12px}.comparison-table th,.comparison-table td{padding:13px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.comparison-table th{background:var(--soft);font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.booking-layout{display:grid;grid-template-columns:300px minmax(0,780px);gap:30px;justify-content:center}.booking-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;max-height:430px;overflow:auto;padding-right:4px;margin:20px 0}.booking-slots section{border:1px solid var(--line);border-radius:12px;padding:13px}.booking-slots h3{font-family:Georgia,serif;font-weight:400;font-size:16px;margin:2px 0 10px}.booking-slot{display:block;margin:6px 0;cursor:pointer}.booking-slot input{position:absolute;opacity:0;width:1px}.booking-slot>span{display:flex;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:11px;font-weight:800}.booking-slot small{color:var(--muted);font-weight:500}.booking-slot input:checked+span{border-color:var(--green);background:var(--mint);color:var(--green)}.booking-slot.booked{opacity:.45;cursor:not-allowed}.confirmed-banner{background:var(--mint);color:#174434;border-radius:10px;padding:12px;font-size:12px;font-weight:700;margin:15px 0}.confirmed-banner a{text-decoration:underline}.finalize-form{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.finalize-form h3{font-family:Georgia,serif;font-weight:400;margin:0}.finalize-form select{margin-bottom:10px}
@media(max-width:1000px){.booking-layout{grid-template-columns:1fr}.integration-directory{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.catalog-grid,.integration-directory{grid-template-columns:1fr}.help-layout{grid-template-columns:1fr}.help-layout>aside{display:none}.booking-slots{grid-template-columns:1fr}.product-hero{padding:60px 0 40px}.product-hero h1{font-size:42px}.integration-hero-mark{min-height:240px}.integration-hero-mark>span,.integration-hero-mark>b{width:72px;height:72px}}

/* Verified historic adoption carousel. The source links remain visible so the
   relationship is clear and the marks do not imply current endorsements. */
.logo-strip{padding:42px 0 34px;background:color-mix(in srgb,var(--soft) 58%,var(--paper));overflow:hidden}
.logo-strip .adoption-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px}
.logo-strip .adoption-intro{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:end;gap:64px;color:var(--ink)}
.adoption-copy{max-width:750px}
.adoption-intro .section-kicker{font-size:9px;margin:0 0 10px;color:var(--green);letter-spacing:.16em}
.logo-strip .adoption-intro h2{font-family:Georgia,serif;font-size:clamp(29px,3.7vw,46px);line-height:1.05;letter-spacing:-.04em;font-weight:400;text-wrap:balance;margin:0 0 12px}
.logo-strip .adoption-intro p{max-width:650px;font-size:14px;line-height:1.55;color:var(--muted);margin:0}
.adoption-sources{border-left:1px solid var(--line);padding-left:24px}
.adoption-sources>span{display:block;margin-bottom:8px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.adoption-sources>a{display:grid;gap:1px;padding:9px 0;border-top:1px solid var(--line)}
.adoption-sources b{font-size:12px;color:var(--green)}
.adoption-sources small{font-size:9px;color:var(--muted)}
.logo-strip .logo-carousel{display:block;min-width:0;color:var(--muted)}
.logo-viewport{overflow:hidden;min-width:0;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.logo-track{display:flex;width:max-content;animation:adoption-scroll 32s linear infinite;will-change:transform}
.logo-set{display:flex;align-items:center;gap:12px;list-style:none;margin:0;padding:0 12px 0 0}
.logo-card{width:168px;height:72px;display:grid;grid-template-rows:38px auto;place-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}
.logo-card img{display:block;max-width:112px;max-height:34px;width:auto;height:auto;object-fit:contain;opacity:.9}
.logo-card small{font-size:7px;line-height:1;text-transform:uppercase;letter-spacing:.06em;color:#7b8580;white-space:nowrap}
@keyframes adoption-scroll{to{transform:translateX(-50%)}}
@media(max-width:820px){.logo-strip{padding:34px 0 28px}.logo-strip .adoption-grid{gap:24px}.logo-strip .adoption-intro{grid-template-columns:1fr;gap:22px}.adoption-copy{max-width:620px}.adoption-sources{display:grid;grid-template-columns:1fr 1fr;border-left:0;border-top:1px solid var(--line);padding:12px 0 0;gap:0 18px}.adoption-sources>span{grid-column:1/-1}.logo-card{width:150px}.logo-viewport{margin-inline:-14px}}
@media(max-width:520px){.adoption-sources{grid-template-columns:1fr}.adoption-sources>span{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}.logo-viewport{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}

/* One product-icon system: brand green on a consistent mint tile. */
.feature-icon,.feature-icon.mint,.feature-icon.peach,.feature-icon.blue,.mini-icon,.mini-icon.coral,.mini-icon.blue{background:var(--mint);color:var(--green)}

/* Card hover feedback stays flat: no lift and no hover shadow. */
.feature-card:hover,.catalog-grid>a:hover{transform:none;box-shadow:none}

/* Real product marks in the integration orbit. */
.orbit-item img{display:block;width:27px;height:27px;object-fit:contain}
.orbit-item[title="Google Meet"] img{width:30px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Typography, rather than a badge, carries the homepage closing statement. */
.final-cta .final-cta-headline{max-width:980px;margin:0 auto 20px;font-size:clamp(45px,6vw,78px);line-height:1.03;text-wrap:balance}
.final-cta-headline strong{font-weight:700}
.final-cta-headline em{color:var(--green);font-weight:400}
.final-cta-headline u{text-decoration-color:color-mix(in srgb,var(--green) 42%,transparent);text-decoration-thickness:.07em;text-underline-offset:.13em;text-decoration-skip-ink:auto}

/* Searchable editorial directories. */
.directory-tools{display:grid;gap:14px;margin-bottom:26px}.directory-search{display:block}.directory-search input{margin:0;padding:15px 17px;border-radius:12px;font-size:15px}.directory-filters{display:flex;flex-wrap:wrap;gap:7px}.directory-filters button{border:1px solid var(--line);border-radius:999px;background:var(--paper);padding:8px 11px;font-size:10px;font-weight:750;color:var(--muted)}.directory-filters button span{opacity:.7;margin-left:3px}.directory-filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.directory-count{font-size:12px;color:var(--muted);white-space:nowrap}.directory-empty{text-align:center;border:1px dashed var(--line);border-radius:14px;padding:35px}.directory-empty h3{font-family:Georgia,serif;font-weight:400;margin:0 0 7px}.directory-empty p{color:var(--muted);margin:0}.directory-empty a{color:var(--green);font-weight:700}.integration-directory>a[hidden],[data-directory-card][hidden]{display:none!important}.integration-directory>a b{display:block;margin-top:10px;color:var(--green);font-size:9px}.integration-directory>a h3{font-family:Georgia,serif;font-size:20px;font-weight:400;margin:2px 0 4px}.category-guide-section{background:var(--soft)}.category-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.category-guide-grid article{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:22px}.category-guide-grid small{font-size:8px;letter-spacing:.1em;color:var(--green);font-weight:800}.category-guide-grid h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:7px 0 14px}.category-guide-grid p{font-size:11px;color:var(--muted);margin:8px 0}.category-guide-grid p b{color:var(--ink)}.category-guide-grid .category-caution{border-top:1px solid var(--line);padding-top:10px;margin-top:12px}@media(max-width:900px){.category-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.category-guide-grid{grid-template-columns:1fr}.directory-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.directory-filters button{flex:none}}
.catalog-hero{padding-bottom:30px}.catalog-directory-section{padding-top:14px}@media(max-width:720px){.catalog-hero{padding-bottom:24px}.catalog-directory-section{padding-top:10px}}

/* FAQ blocks. The <h3> inside <summary> keeps the question in the document
   outline for search engines while the disclosure widget stays scannable. */
.faq-list{margin:22px 0;border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line);padding:0;font-family:Inter,sans-serif}
.faq-list summary{list-style:none;cursor:pointer;padding:16px 34px 16px 0;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary h3{display:inline;font-family:Inter,sans-serif;font-size:15px;font-weight:700;line-height:1.4;margin:0;letter-spacing:-.01em}
.faq-list summary:after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:20px;font-weight:400;color:var(--green);line-height:1}
.faq-list details[open] summary:after{content:"−"}
.faq-list summary:hover h3{color:var(--green)}
.faq-list summary:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}
.faq-list details>p{font-family:Inter,sans-serif;font-size:13.5px;line-height:1.7;color:var(--muted);margin:0 0 18px;padding-right:34px}

/* Scannable summary block for readers and extractive AI answers. */
.takeaways{background:var(--mint-2);border:1px solid color-mix(in srgb,var(--green) 16%,transparent);border-radius:13px;padding:18px 22px;margin:26px 0;font-family:Inter,sans-serif}
.takeaways>b{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin-bottom:9px}
.takeaways ul{margin:0;padding-left:19px;display:grid;gap:7px}
.takeaways li{font-size:13px;line-height:1.6;color:var(--ink)}
.takeaways li b,.takeaways li strong{font-weight:700}

/* Shared long-form component. Informational templates use the same readable
   type scale and intentionally styled semantic elements instead of browser
   defaults. */
.simple-prose{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.75;color:var(--ink)}
.simple-prose h2{font-family:Georgia,serif;font-size:clamp(29px,3.4vw,38px);font-weight:400;line-height:1.14;letter-spacing:-.035em;text-wrap:balance;margin:54px 0 14px}
.simple-prose>h2:first-child,.simple-prose .breadcrumb+h2{margin-top:0}
.simple-prose h3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;font-weight:750;line-height:1.35;letter-spacing:-.015em;margin:30px 0 8px}
.simple-prose p{font-size:16px;line-height:1.75;color:#59645f;margin:0 0 18px}
.dark .simple-prose p{color:var(--muted)}
.simple-prose a:not(.btn){color:var(--green);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--green) 35%,transparent);text-underline-offset:3px;text-decoration-thickness:1px}
.simple-prose a:not(.btn):hover{color:var(--green-2);text-decoration-color:currentColor}
.simple-prose ul:not(.faq-list),.simple-prose ol:not(.big-steps){padding-left:22px;margin:15px 0 24px}
.simple-prose li{margin:7px 0;color:#59645f}
.dark .simple-prose li{color:var(--muted)}
.simple-prose li::marker{color:var(--green);font-weight:700}
.simple-prose blockquote{margin:28px 0;padding:18px 22px;border-left:3px solid var(--green);background:var(--mint-2);border-radius:0 12px 12px 0;color:var(--ink)}
.simple-prose blockquote p:last-child{margin-bottom:0}
.simple-prose table{width:100%;border:1px solid var(--line);border-spacing:0;border-collapse:separate;border-radius:13px;overflow:hidden;margin:26px 0 34px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;line-height:1.55;background:var(--paper)}

/* Blog index: compact editorial hierarchy and lightweight article thumbnails. */
.blog-hero{padding:64px 0 28px;background:linear-gradient(180deg,var(--mint-2),var(--paper) 72%)}
.blog-intro{max-width:780px;margin-bottom:30px}
.blog-intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(43px,5vw,66px);letter-spacing:-.045em;line-height:1.04;margin:14px 0 16px}
.blog-intro p{max-width:660px;margin:0;color:var(--muted);font-size:17px;line-height:1.65}
.blog-lead{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);max-width:1060px;min-height:290px;overflow:hidden;border:1px solid color-mix(in srgb,var(--green) 72%,var(--line));border-radius:18px;background:var(--green);color:#fff}
.blog-lead img{display:block;width:100%;height:100%;min-height:290px;max-height:320px;object-fit:cover}
.blog-lead>div{align-self:center;padding:34px 38px}
.blog-lead>div>span{color:#bfe3d5;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.blog-lead h2{font-family:Georgia,serif;font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.12;margin:10px 0 12px}
.blog-lead p{margin:0 0 19px;color:#c8dfd7;font-size:13px;line-height:1.65}
.blog-lead b{font-size:11px}
.blog-index{padding:30px 0 76px}
.blog-index .filter-chips{margin-bottom:25px}
.blog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.blog-card{display:block;min-width:0;content-visibility:auto;contain-intrinsic-size:355px}
.blog-card.hidden{display:none}
.blog-card-image{position:relative;margin-bottom:12px;overflow:hidden;border-radius:11px;background:var(--soft)}
.blog-card-image img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.blog-card-image span{position:absolute;top:9px;left:9px;padding:4px 7px;border:1px solid rgba(20,42,34,.08);border-radius:999px;background:color-mix(in srgb,var(--paper) 94%,transparent);font-size:8px;font-weight:800}
.blog-card>small{color:var(--coral);font-size:8px;font-weight:800;letter-spacing:.1em}
.blog-card h2{margin:6px 0 7px;font-family:Georgia,serif;font-size:19px;font-weight:400;line-height:1.2}
.blog-card p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.blog-card:focus-visible,.blog-lead:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 45%,transparent);outline-offset:4px}
.blog-card:hover h2,.blog-lead:hover h2{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-usage{border-top:1px solid var(--line)}
.story-card:hover img{transform:none}

@media(max-width:1040px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.blog-hero{padding:46px 0 24px}.blog-intro h1{font-size:43px}.blog-lead{grid-template-columns:1fr;max-width:620px}.blog-lead img{min-height:0;max-height:none;aspect-ratio:16/9}.blog-lead>div{padding:25px}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.blog-index{padding-bottom:55px}}
@media(max-width:500px){.blog-grid{grid-template-columns:1fr}.blog-card{display:grid;grid-template-columns:116px minmax(0,1fr);column-gap:13px}.blog-card-image{grid-row:1/5;margin:0}.blog-card-image img{height:100%;min-height:110px;aspect-ratio:auto}.blog-card-image span{display:none}.blog-card h2{font-size:18px}.blog-card p{font-size:10px;-webkit-line-clamp:2}}
.simple-prose th,.simple-prose td{text-align:left;vertical-align:top;padding:13px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.simple-prose th:last-child,.simple-prose td:last-child{border-right:0}
.simple-prose tbody tr:last-child td{border-bottom:0}
.simple-prose th{background:var(--soft);font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.simple-prose td:first-child{font-weight:650;color:var(--ink)}
.simple-prose details:not(.faq-list details){border-bottom:1px solid var(--line);padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.simple-prose details:not(.faq-list details):first-of-type{border-top:1px solid var(--line);margin-top:22px}
.simple-prose details:not(.faq-list details) summary{cursor:pointer;padding:16px 30px 16px 0;font-size:14px;font-weight:700;line-height:1.45;position:relative;list-style:none}
.simple-prose details:not(.faq-list details) summary::-webkit-details-marker{display:none}
.simple-prose details:not(.faq-list details) summary:after{content:"+";position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:19px;color:var(--green);font-weight:400}
.simple-prose details[open]:not(.faq-list details) summary:after{content:"−"}
.simple-prose details:not(.faq-list details)>p{font-size:14px;line-height:1.7;padding-right:30px;margin-bottom:17px}
.availability-label{display:block;max-width:690px;margin:20px 0 0;padding:13px 15px;border-left:3px solid var(--green);border-radius:0 10px 10px 0;background:var(--mint-2);font-size:11px;line-height:1.55;color:var(--muted)}
.availability-label b{color:var(--green);letter-spacing:.04em}

/* Solution workflow-fit module. Three explicit decisions replace the raw
   definition list that previously looked like unstyled document text. */
.solution-fit-section{background:var(--soft);border-block:1px solid var(--line)}
.solution-fit-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:70px;align-items:end;margin-bottom:34px}
.solution-fit-head h2{font-family:Georgia,serif;font-size:clamp(34px,4.2vw,52px);font-weight:400;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;margin:0;max-width:740px}
.solution-fit-intro>p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 14px}
.solution-fit-intro nav{display:flex;flex-wrap:wrap;gap:8px 18px}
.solution-fit-intro a{display:inline-flex;align-items:center;gap:5px;color:var(--green);font-size:11px;font-weight:800}
.solution-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.solution-fit-grid>div{min-height:160px;padding:24px;border:1px solid var(--line);border-radius:15px;background:var(--paper)}
.solution-fit-grid dt{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.solution-fit-grid dt span{width:28px;height:28px;border-radius:9px;background:var(--mint);display:grid;place-items:center;color:var(--green);font-size:9px;letter-spacing:0}
.solution-fit-grid dd{font-family:Georgia,serif;font-size:21px;line-height:1.35;color:var(--ink);margin:23px 0 0}
.solution-fit-summary{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;align-items:start;margin:22px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}
.solution-fit-summary b{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
@media(max-width:850px){.solution-fit-head{grid-template-columns:1fr;gap:20px}.solution-fit-grid{grid-template-columns:1fr}.solution-fit-grid>div{min-height:0}.solution-fit-grid dd{margin-top:15px}.solution-fit-intro{max-width:620px}}
@media(max-width:720px){.simple-prose{font-size:15px}.simple-prose h2{font-size:30px;margin-top:43px}.simple-prose h3{font-size:16px}.simple-prose p{font-size:15px}.simple-prose table{display:block;overflow-x:auto;border-radius:10px}.simple-prose th,.simple-prose td{min-width:145px;padding:11px 12px}.solution-fit-summary{grid-template-columns:1fr;gap:5px}.solution-fit-head h2{font-size:38px}}

/* Integration provider identity. Primary providers use local full-color marks;
   the larger directory uses verified brand marks when available and consistent
   category icons otherwise. Cards remain flat and stationary on hover. */
.integration-brand-band{padding:42px 0;border-block:1px solid var(--line);background:var(--soft)}
.integration-brand-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);gap:50px;align-items:end;margin-bottom:24px}
.integration-brand-head h2{font-family:Georgia,serif;font-size:clamp(30px,3.6vw,44px);font-weight:400;line-height:1.08;letter-spacing:-.04em;margin:0}
.integration-brand-head>p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.featured-integration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.featured-integration-grid>a{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:13px;align-items:center;min-height:76px;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--paper)}
.featured-integration-grid>a>svg{width:16px;color:var(--green)}
.provider-logo{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff}
.provider-logo img{display:block;max-width:29px;max-height:29px;width:auto;height:auto;object-fit:contain}
.featured-integration-grid b,.featured-integration-grid small{display:block}
.featured-integration-grid b{font-size:13px;line-height:1.35}
.featured-integration-grid small{font-size:8px;line-height:1.45;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.integration-directory>a{grid-template-columns:54px minmax(0,1fr);gap:15px;min-height:190px;align-items:start}
.integration-directory>a:hover{transform:none;box-shadow:none;border-color:color-mix(in srgb,var(--green) 35%,var(--line))}
.integration-directory>a>.integration-logo{width:52px;height:52px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--green);display:grid;place-items:center}
.integration-logo img{display:block;max-width:31px;max-height:31px;width:auto;height:auto;object-fit:contain}
.integration-logo svg{width:24px;height:24px}
.integration-card-status{display:inline-flex;margin:8px 0 9px;padding:4px 7px;border-radius:999px;background:var(--mint-2);color:var(--green);font-size:7px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.integration-directory>a b{margin-top:0}
.integration-hero-mark>.provider-hero-logo{width:104px;height:104px;border-radius:24px;background:#fff;color:var(--green);display:grid;place-items:center}
.provider-hero-logo img{display:block;max-width:66px;max-height:66px;width:auto;height:auto;object-fit:contain}
.provider-hero-logo svg{width:46px;height:46px}
@media(max-width:900px){.featured-integration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-brand-head{grid-template-columns:1fr;gap:14px}.integration-brand-head>p{max-width:620px}}
@media(max-width:600px){.featured-integration-grid{grid-template-columns:1fr}.integration-brand-band{padding:32px 0}.integration-brand-head h2{font-size:34px}}

/* Inline field validation for the scheduler time editor. */
.field-hint{display:block;margin-top:7px;font-size:10.5px;line-height:1.5;color:var(--muted)}
.field-error{display:block;margin-top:7px;font-size:10.5px;line-height:1.5;font-weight:700;color:#9f3929}
.dark .field-error{color:#f0a08f}
input.is-invalid{border-color:#c25340}
input.is-invalid:focus{border-color:#c25340;box-shadow:0 0 0 3px rgba(194,83,64,.16)}

/* Hero proof points. Replaces an avatar stack of unlabelled initials with the
   three things a first-time visitor actually needs to know. */
.proof-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;margin:36px 0 0;padding:24px 0 0;border-top:1px solid var(--line)}
.proof-points li{display:grid;grid-template-columns:28px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center}
.proof-icon{grid-row:1/3;width:28px;height:28px;border-radius:9px;background:var(--mint);display:grid;place-items:center;color:var(--green)}
.proof-icon svg{width:15px;height:15px}
.proof-points b{font-size:12.5px;line-height:1.3;letter-spacing:-.01em}
.proof-points small{font-size:10.5px;line-height:1.4;color:var(--muted)}
@media(max-width:1000px){.proof-points{max-width:560px;margin-inline:auto}.proof-points li{text-align:left}}
@media(max-width:720px){.proof-points{grid-template-columns:1fr;gap:12px;padding-top:18px;margin-top:26px}}

/* HTML sitemap. Dense but scannable: the point is that a crawler and a person
   can both reach any page from here in one click. */
.sitemap-jump{display:flex;flex-wrap:wrap;gap:8px;font-family:Inter,sans-serif}
.sitemap-jump a{font-size:11.5px;font-weight:700;padding:8px 13px;border:1px solid var(--line);border-radius:50px;color:var(--muted);background:var(--paper)}
.sitemap-jump a:hover{color:var(--green);border-color:var(--green)}
.sitemap-list{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 26px;font-family:Inter,sans-serif}
.sitemap-list li{border-bottom:1px solid var(--line)}
.sitemap-list a{display:block;padding:10px 2px;font-size:13px;line-height:1.45;color:var(--ink)}
.sitemap-list a:hover{color:var(--green)}
@media(max-width:720px){.sitemap-list{grid-template-columns:1fr}}

/* CLS: the day cells are created by JS after paint, so the calendar starts at
   zero height and pushes the whole hero down when it fills. Reserve the exact
   space up front. 7 square cells across and 6 rows with 4px gaps gives a
   width/height ratio of ~1.169 at every card width, so 7/6 is accurate. */
.calendar-grid{aspect-ratio:7/6;grid-template-rows:repeat(6,1fr)}
.calendar-grid .day{aspect-ratio:auto;height:100%}

/* Human-readable system health page. The JSON endpoint stays separate for
   monitors; this surface explains exactly what each check does and does not do. */
.status-page{padding:72px 0 96px;background:linear-gradient(180deg,var(--mint-2) 0,var(--paper) 310px)}
.status-container{max-width:1060px}
.status-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:32px}
.status-heading h1{max-width:760px;margin:10px 0 12px;font-family:Georgia,serif;font-size:clamp(44px,5.8vw,72px);font-weight:400;line-height:1.02;letter-spacing:-.05em}
.status-heading p{max-width:650px;margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.status-refresh{display:inline-flex;align-items:center;gap:8px;flex:none;padding:10px 0;color:var(--green);font-size:11px;font-weight:800}
.status-summary{display:grid;grid-template-columns:58px minmax(0,1fr) 225px;gap:22px;align-items:center;padding:30px;border:1px solid color-mix(in srgb,var(--green) 35%,var(--line));border-radius:18px;background:var(--green);color:#fff}
.status-summary-degraded{border-color:color-mix(in srgb,var(--coral) 55%,var(--line));background:#773a2c}
.status-summary-mark{width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:16px;background:rgba(255,255,255,.08)}
.status-summary-mark svg{width:27px;height:27px}
.status-live-label{display:flex;align-items:center;gap:8px;color:#bfe3d5;font-size:8px;font-weight:800;letter-spacing:.13em}
.status-live-label i,.status-badge i{width:7px;height:7px;flex:none;border-radius:50%;background:#71e4b4}
.status-summary h2{margin:8px 0 5px;font-family:Georgia,serif;font-size:clamp(26px,3.3vw,38px);font-weight:400;line-height:1.1}
.status-summary p{margin:0;color:#c8dfd7;font-size:12px}
.status-checked{padding-left:22px;border-left:1px solid rgba(255,255,255,.2)}
.status-checked small,.status-checked time,.status-checked span{display:block}
.status-checked small{margin-bottom:7px;color:#bfe3d5;font-size:8px;font-weight:800;letter-spacing:.12em}
.status-checked time{font-size:12px;font-weight:750}
.status-checked span{margin-top:6px;color:#c8dfd7;font-size:9px;line-height:1.45}
.status-components{padding:72px 0 30px}
.status-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,410px);gap:50px;align-items:end;margin-bottom:25px}
.status-section-head h2{margin:8px 0 0;font-family:Georgia,serif;font-size:clamp(33px,4vw,48px);font-weight:400;line-height:1.08;letter-spacing:-.04em}
.status-section-head>p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.status-component-list{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--paper)}
.status-component{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:16px;align-items:center;padding:20px 22px;border-bottom:1px solid var(--line)}
.status-component:last-child{border-bottom:0}
.status-component-icon,.status-detail-icon{display:grid;place-items:center;color:var(--green);background:var(--mint);border-radius:11px}
.status-component-icon{width:42px;height:42px}
.status-component-icon svg{width:20px;height:20px}
.status-component h3{margin:0 0 3px;font-size:13px;line-height:1.35}
.status-component p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}
.status-badge{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:var(--mint-2);color:var(--green);font-size:8px;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.status-badge-degraded{background:var(--peach);color:#963d2b}
.status-badge-degraded i{background:#c25340}
.status-badge-configured{background:var(--soft);color:var(--muted)}
.status-badge-configured i{background:var(--green)}
.status-badge-setup{background:#fff1d9;color:#80541f}
.status-badge-setup i{background:#c98636}
.status-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}
.status-detail-card{position:relative;padding:30px;border:1px solid var(--line);border-radius:17px;background:var(--paper)}
.status-detail-icon{width:43px;height:43px;margin-bottom:34px}
.status-detail-icon svg{width:21px;height:21px}
.status-detail-card>small{display:block;color:var(--green);font-size:8px;font-weight:800;letter-spacing:.12em}
.status-detail-card h2{margin:8px 0 12px;font-family:Georgia,serif;font-size:27px;font-weight:400;line-height:1.15}
.status-detail-card p,.status-detail-card li{color:var(--muted);font-size:11px;line-height:1.65}
.status-detail-card ul{margin:18px 0 0;padding-left:18px}
.status-detail-card li{margin:7px 0}
.status-detail-card a{display:inline-flex;align-items:center;gap:7px;margin-top:15px;color:var(--green);font-size:10px;font-weight:800}
.status-help{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;margin-top:65px;padding-top:35px;border-top:1px solid var(--line)}
.status-help h2{margin:7px 0 8px;font-family:Georgia,serif;font-size:clamp(29px,3.5vw,40px);font-weight:400;line-height:1.1}
.status-help p{max-width:650px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.status-help-actions{display:flex;gap:8px}
.status-help .btn:hover{transform:none;box-shadow:none}
@media(max-width:820px){.status-summary{grid-template-columns:50px minmax(0,1fr)}.status-checked{grid-column:2;padding:14px 0 0;border-left:0;border-top:1px solid rgba(255,255,255,.2)}.status-section-head{grid-template-columns:1fr;gap:15px}.status-detail-grid{grid-template-columns:1fr}.status-help{grid-template-columns:1fr}.status-help-actions{justify-content:flex-start}}
@media(max-width:560px){.status-page{padding:46px 0 70px}.status-heading{display:block}.status-refresh{margin-top:15px}.status-heading h1{font-size:43px}.status-summary{grid-template-columns:1fr;padding:24px}.status-summary-mark{width:48px;height:48px}.status-checked{grid-column:auto}.status-component{grid-template-columns:38px minmax(0,1fr);padding:17px 15px}.status-component-icon{width:38px;height:38px}.status-badge{grid-column:2;justify-self:start}.status-detail-card{padding:24px}.status-help-actions{flex-direction:column;align-items:stretch}}

/* Compact homepage scheduler. Calendar dates stay comfortably clickable, but
   no longer grow into oversized square cells when the card has spare width. */
.scheduler-card{width:min(100%,520px);padding:20px}
.scheduler-top h2{font-size:22px}
.mode-switch{margin:14px 0}
.calendar-head{margin-bottom:7px}
.time-row{margin:12px 0 10px;padding:9px 10px}
.scheduler-submit{padding:12px}
@media(min-width:721px){
  .scheduler-card .calendar-grid{aspect-ratio:auto;grid-template-rows:repeat(6,42px)}
  .scheduler-card .calendar-grid .day{width:42px;height:42px;justify-self:center}
}
@media(max-width:720px){.scheduler-card{padding:17px}}

/* Keep the contact form attached to its introduction instead of stacking the
   generic hero, section, and first-heading spacing. */
.contact-page-hero{padding-bottom:26px}
.contact-content{padding-top:0}
.contact-content .simple-prose>h2:first-child{margin-top:0}
@media(max-width:720px){.contact-page-hero{padding-bottom:22px}}

/* Optional meeting context stays inside step two, keeping the fast path short. */
.details-drawer>.drawer-wide{display:block;margin-top:10px}
.details-drawer>.field-grid+.drawer-wide,.details-drawer>.drawer-wide+.field-grid{margin-top:10px}
.details-drawer textarea{resize:vertical;min-height:72px}
.private-drawer-field{padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}
.event-note b,.event-note p{display:block;margin:0}
.event-note b{margin-bottom:4px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--green)}
.event-note p{white-space:pre-line;line-height:1.55}

/* Site-wide mobile containment. Components may scroll internally when their
   content is inherently tabular, but no route may widen the page viewport. */
html,body{max-width:100%;overflow-x:clip}
body,main,.site-header,.site-footer{width:100%}
main :where(section,article,div,aside,form,fieldset,header,footer),.container,.nav-wrap{min-width:0}
img,video,canvas,iframe{max-width:100%}
:where(h1,h2,h3,h4,p,li,dt,dd,a,code,pre){overflow-wrap:anywhere}
.slot-table,.simple-prose table,.embed-code,.widget-output pre{max-width:100%;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}

/* Footer navigation and the primary website-widget path. */
.footer-widget-callout{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:52px;padding:30px 34px;border:1px solid #315044;border-radius:18px;background:#172b23}.footer-widget-callout>div{max-width:690px}.footer-widget-callout span{display:block;color:#79c5a6;font-size:9px;font-weight:850;letter-spacing:.14em}.footer-widget-callout h2{margin:7px 0 5px;color:#f4f8f6;font-family:Georgia,serif;font-size:30px;font-weight:400}.footer-widget-callout p{margin:0;color:#9fb3aa;font-size:12px}.footer-widget-callout .btn{flex:none;border-color:#f4f8f6;background:#f4f8f6;color:#122019}.footer-widget-callout .btn:hover{transform:none;box-shadow:none}.footer-widget-callout svg{width:16px}.footer-top>div>a b{color:#eef7f2}.footer-brand p{max-width:260px;line-height:1.65}

/* Make the widget generator's required input unmistakable. */
.widget-url-guide{margin-top:18px;padding:15px 16px;border:1px solid var(--line);border-radius:12px;background:var(--mint-2)}.widget-url-guide b{font-size:10px}.widget-url-guide p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.widget-url-guide code,#widget-url-help code{font-size:.92em}.widget-generator #widget-url-help{min-height:0;margin-top:7px;color:var(--muted)}.widget-generator [data-widget-error]:empty{min-height:0;margin-top:0}.widget-generator [data-widget-error]:not(:empty){margin-top:7px}

@media(max-width:720px){.footer-widget-callout{display:block;margin-bottom:38px;padding:25px 22px}.footer-widget-callout h2{font-size:27px}.footer-widget-callout .btn{width:100%;margin-top:20px}.footer-top{gap:30px 22px}.footer-top>div>a:not(.brand){padding:7px 0}}

@media(max-width:1000px){
  .nav-wrap{gap:12px}
  .nav-actions{min-width:0;margin-left:auto;flex:none}
  .menu-toggle{flex:none;margin-left:auto}
  .mobile-menu.open{width:100%;max-width:100%;max-height:calc(100dvh - 74px);overflow-y:auto;overscroll-behavior:contain}
  body.mobile-navigation-open{overflow:hidden}
}
@media(max-width:720px){
  .mobile-menu.open{max-height:calc(100dvh - 66px);padding:12px 14px 18px}
  .mobile-menu a{width:100%;border-radius:8px}
  .metric{left:10px;right:auto;max-width:calc(100% - 20px)}
  .float-note{right:0;max-width:calc(100% - 12px)}
  .article-main figure{margin-inline:0}
  .breadcrumb{flex-wrap:wrap;justify-content:flex-start}
  .api-band{display:grid;gap:14px}
  .api-band .btn{width:100%}
  .footer-bottom span:last-child{flex-wrap:wrap;gap:12px 18px}
  .flash-wrap{left:14px;right:14px;top:76px}
  .flash{width:100%;overflow-wrap:anywhere}
  .billing-toggle{max-width:100%;overflow-x:auto}
  .hero-actions{max-width:100%}
  .hero-actions .btn{max-width:100%;white-space:normal;text-align:center}
  .orbit{max-width:100%;overflow:hidden}
}
@media(max-width:360px){
  .container{width:min(100% - 20px,var(--container))}
  .brand{font-size:18px}
  .brand-mark{width:32px;height:32px;margin-right:7px}
  .menu-toggle{width:40px}
  .page-hero h1,.solution-hero h1,.magazine-hero h1,.product-hero h1{font-size:37px}
}

/* Labels and filters use compact rounded rectangles, not capsule pills. True
   circles (avatars, dates, status dots) keep their meaningful round shape. */
.step-pill,
.story-image span,
.popular-label,
.badge,
.filter-chips button,
.mag-image span,
.responses>span,
.directory-filters button,
.blog-card-image span,
.integration-card-status,
.sitemap-jump a,
.status-badge{border-radius:var(--tag-radius)}

/* Keep the wordmark intact even when the general mobile overflow guard allows
   long link text to break. The icon remains a fixed rounded square. */
.brand{white-space:nowrap;overflow-wrap:normal;word-break:normal}
.brand>.brand-mark{flex:0 0 auto}
.brand>span:last-child{white-space:nowrap;overflow-wrap:normal;word-break:normal}

/* The wordmark must stay one tight unit. .brand is a flex container, so if the
   text ever loses its wrapping <span> the three runs become separate flex items
   and can be spaced apart by any inherited gap. Pin it explicitly. */
.brand{gap:0;column-gap:0}
.brand>span:not(.brand-mark){white-space:nowrap;letter-spacing:-.045em}
.brand-dot{margin:0;padding:0;letter-spacing:inherit;white-space:nowrap}

/* Pre-paint theme: the inline head script marks <html> before body exists,
   so the root needs the dark surface colour or the first frame flashes white. */
html.dark{background:#0e1613;color-scheme:dark}
html:not(.dark){background:#fbfaf7;color-scheme:light}