:root{--navy:#061426;--navy-2:#091d32;--ink:#07152d;--blue:#0f91f5;--cyan:#22b8f6;--sky:#dff5ff;--yellow:#ffd52f;--green:#19d47b;--red:#ff5b68;--violet:#8b6cff;--soft:#eef7ff;--line:#c7dcea;--muted:#63798b;--white:#fff;--shadow:0 26px 70px rgba(4,20,38,.14);--radius:30px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:94px}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,a{font-family:inherit}
img,svg{display:block;max-width:100%}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
a{color:inherit;text-decoration:none}
button{color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.section{position:relative;padding:112px 0}
.skip-link{position:fixed;z-index:1000;left:12px;top:-80px;padding:12px 16px;border-radius:10px;background:#fff;color:#05172c;font-weight:800}.skip-link:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap;border:0}
.site-header{position:fixed;z-index:100;left:0;right:0;top:0;height:76px;border-bottom:1px solid rgba(16,84,124,.12);background:rgba(236,247,255,.88);backdrop-filter:blur(18px);transition:.25s ease}
.site-header.is-scrolled{height:68px;background:rgba(244,250,255,.96);box-shadow:0 12px 34px rgba(4,20,38,.1)}
.nav-shell{display:flex;height:100%;align-items:center;justify-content:space-between;gap:28px}
.brand img{width:188px;height:auto}.site-nav{display:flex;align-items:center;gap:24px;font-size:.84rem;font-weight:850}.site-nav>a:not(.btn){transition:.2s ease}.site-nav>a:not(.btn):hover{color:var(--blue)}.use-case-link{display:grid;gap:1px;padding:7px 12px;border:1px solid #c4dfef;border-radius:13px;background:#f7fcff;line-height:1.05}.use-case-link span{color:#078dde;font-size:.48rem;font-weight:950;letter-spacing:.12em}
.nav-toggle{display:none;width:46px;height:42px;padding:10px;border:1px solid #bdd5e5;border-radius:13px;background:#fff}.nav-toggle>span:not(.sr-only){display:block;width:100%;height:2px;margin:4px 0;background:#0b2941}
.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:14px;font-weight:900;line-height:1.1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.btn:hover{transform:translateY(-2px)}.btn-lg{min-height:56px;padding:0 25px;border-radius:17px}.btn-primary{background:linear-gradient(135deg,#0f9cf6,#087df0);color:#fff;box-shadow:0 11px 26px rgba(15,145,245,.22)}.btn-yellow{background:var(--yellow);color:#07152d;box-shadow:0 8px 0 #b49717}.btn-yellow:hover{box-shadow:0 10px 0 #b49717}.btn-dark{background:var(--ink);color:#fff}.btn-whatsapp{border-color:#087e68;background:#0b9e7d;color:#fff;box-shadow:0 11px 26px rgba(11,158,125,.18)}.btn-whatsapp svg{width:21px;height:21px}.nav-cta{min-height:46px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#6ed4ff;font-size:.7rem;font-weight:950;letter-spacing:.13em}.eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 6px rgba(34,184,246,.12)}.eyebrow.dark{color:#087bdd}.eyebrow.dark i{background:#0f91f5}
.hero{position:relative;min-height:850px;padding:154px 0 100px;background:radial-gradient(circle at 88% 18%,rgba(255,255,255,.26),transparent 27%),radial-gradient(circle at 14% 78%,rgba(34,184,246,.3),transparent 28%),linear-gradient(135deg,#14a6ee 0%,#087cf0 48%,#0b56bd 100%);color:#fff;isolation:isolate;overflow:hidden}
.hero-grid,.reminder-grid-bg,.final-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(120deg,#000,transparent 92%)}
.hero-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px);pointer-events:none}.hero-orb-one{right:-180px;top:150px;width:420px;height:420px;border:1px solid rgba(67,197,255,.16);box-shadow:inset 0 0 100px rgba(15,145,245,.07)}.hero-orb-two{left:-100px;bottom:-90px;width:280px;height:280px;background:rgba(34,184,246,.08)}
.hero-layout{display:grid;grid-template-columns:minmax(0,.91fr) minmax(560px,1.09fr);align-items:center;gap:55px}.hero-copy h1{max-width:650px;margin:19px 0 24px;font-size:clamp(3.3rem,5.8vw,6.35rem);line-height:.89;letter-spacing:-.075em;text-shadow:0 5px 28px rgba(0,46,112,.17)}.hero-copy h1 em{display:block;color:var(--yellow);font-style:normal}.hero-copy>p{max-width:620px;color:#eef9ff;font-size:1.08rem;font-weight:650;line-height:1.75}.hero-checks{display:grid;gap:10px;margin:29px 0}.hero-checks span{display:flex;align-items:center;gap:10px;color:#fff;font-size:.9rem;font-weight:800}.hero-checks svg{width:21px;height:21px;padding:3px;border-radius:50%;background:#fff;color:#0b9b66}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:31px}.hero-note{font-size:.72rem!important;color:#d9effc!important}.hero-note strong{color:#fff}
.hero-product{position:relative}.flow-canvas{position:relative;min-height:590px;border:1px solid rgba(73,187,247,.34);border-radius:36px;background:linear-gradient(145deg,rgba(18,46,66,.98),rgba(5,17,29,.98));box-shadow:0 40px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.07);overflow:hidden}.flow-canvas:after{content:"AGENDA";position:absolute;left:30px;bottom:-37px;color:rgba(255,255,255,.025);font-size:8.5rem;font-weight:950;letter-spacing:-.08em}.canvas-top{display:flex;height:58px;align-items:center;gap:16px;padding:0 20px;border-bottom:1px solid rgba(103,193,239,.14);color:#dcebf2;font-size:.76rem}.canvas-top>span{display:flex;gap:5px}.canvas-top i{width:8px;height:8px;border-radius:50%;background:#466273}.canvas-top strong{margin-right:auto}.canvas-top em{padding:6px 9px;border-radius:999px;background:rgba(25,212,123,.1);color:#78e8b0;font-size:.62rem;font-style:normal;font-weight:900}.flow-lines{position:absolute;z-index:0;inset:50px 0 0;width:100%;height:72%}.flow-lines path{fill:none;stroke-width:4}.line-base{stroke:#284658}.line-live{stroke:var(--cyan);stroke-dasharray:850;stroke-dashoffset:850;filter:drop-shadow(0 0 5px rgba(34,184,246,.8))}.hero-product.is-playing .line-live{animation:drawFlow 4.4s .4s ease forwards}
.flow-node{position:absolute;z-index:2;display:grid;gap:5px;padding:13px 15px;border:1px solid #37596c;border-radius:15px;background:#0e2636;box-shadow:0 16px 30px rgba(0,0,0,.2);opacity:.55;transition:.45s ease}.flow-node span{color:#7394a5;font-size:.52rem;font-weight:950;letter-spacing:.1em}.flow-node strong{display:flex;align-items:center;gap:7px;font-size:.74rem}.flow-node strong svg{width:16px;height:16px}.flow-node small{color:#6f8b99;font-size:.58rem}.node-message{left:5%;top:104px}.node-booking{left:31%;top:220px;border-color:#149fdf;background:#0c3147}.node-confirm{right:5%;top:350px;border-color:#24975d;background:#0d2d21}.hero-product.is-playing .flow-node{animation:nodeWake 1s forwards}.hero-product.is-playing .node-message{animation-delay:.25s}.hero-product.is-playing .node-booking{animation-delay:1.7s}.hero-product.is-playing .node-confirm{animation-delay:3.2s}
.phone-mini{position:absolute;z-index:3;right:24px;top:80px;width:205px;border:6px solid #07131d;border-radius:27px;background:#eaf6f4;box-shadow:0 25px 40px rgba(0,0,0,.35);overflow:hidden;transform:rotate(2deg)}.phone-mini-head{display:flex;align-items:center;gap:8px;padding:11px;background:#0c6d5d}.phone-mini-head img{width:28px;height:28px;border-radius:8px}.phone-mini-head span{display:grid}.phone-mini-head strong{font-size:.67rem}.phone-mini-head small{color:#a8d8cd;font-size:.5rem}.phone-mini-body{display:grid;gap:7px;min-height:300px;padding:12px;background:linear-gradient(rgba(236,245,242,.92),rgba(236,245,242,.92)),radial-gradient(#8dad9f 1px,transparent 1px);background-size:auto,16px 16px}.chat{max-width:88%;padding:8px 9px;border-radius:8px;color:#17332d;font-size:.54rem;line-height:1.4;box-shadow:0 1px 3px rgba(0,0,0,.1)}.chat.incoming{justify-self:start;background:#fff}.chat.outgoing{justify-self:end;background:#d7ffc8}.chat.success{display:grid;gap:3px;border-left:3px solid #10b981}.chat.success small{color:#517168}.choice-row{display:flex;gap:4px;justify-content:flex-end}.choice-row span{padding:5px;border:1px solid #83c9ba;border-radius:6px;background:#fff;color:#167862;font-size:.45rem;font-weight:850}.hero-status-card{position:absolute;z-index:5;right:32px;bottom:24px;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(87,231,165,.2);border-radius:14px;background:rgba(8,42,31,.94);box-shadow:0 15px 30px rgba(0,0,0,.24)}.hero-status-card>i{width:10px;height:10px;border-radius:50%;background:#22d786;box-shadow:0 0 0 6px rgba(34,215,134,.12)}.hero-status-card span{display:grid;gap:2px}.hero-status-card small{color:#67a889;font-size:.48rem;font-weight:950;letter-spacing:.1em}.hero-status-card strong{font-size:.7rem}
.trust-strip{position:relative;z-index:4;margin-top:-1px;border-bottom:1px solid #c8ddea;background:#fff}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid article{display:flex;min-height:116px;align-items:center;gap:13px;padding:22px;border-right:1px solid #d8e7f0}.trust-grid article:first-child{border-left:1px solid #d8e7f0}.trust-grid svg{width:34px;height:34px;padding:7px;border-radius:11px;background:#e8f7ff;color:#078bda}.trust-grid span{display:grid;gap:3px}.trust-grid strong{font-size:.86rem}.trust-grid small{color:#718697;font-size:.68rem}
.section-heading{max-width:880px;margin:0 auto 56px;text-align:center}.section-heading h2,.build-copy h2,.control-copy h2,.reminders-copy h2,.response-copy h2,.sync-copy h2,.faq-copy h2{margin:15px 0 18px;font-size:clamp(2.5rem,4.7vw,5.1rem);line-height:.94;letter-spacing:-.065em}.section-heading p,.build-copy>p,.control-copy>p,.reminders-copy>p,.response-copy>p,.sync-copy>p,.faq-copy>p{color:var(--muted);font-size:1rem;font-weight:550;line-height:1.75}.section-heading.compact{margin-bottom:35px;text-align:left}
.pains{background:linear-gradient(180deg,#fff,#f3f9fd)}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pain-card{position:relative;min-height:320px;padding:29px;border:1px solid #cde0eb;border-radius:27px;background:#fff;box-shadow:0 14px 40px rgba(10,45,66,.07);overflow:hidden}.pain-card>span{position:absolute;right:20px;top:12px;color:#e6f1f6;font-size:4.5rem;font-weight:950}.pain-card svg{position:relative;width:54px;height:54px;padding:12px;border-radius:16px;background:#e7f6ff;color:#088ee0}.pain-card h3{position:relative;margin:62px 0 12px;font-size:1.25rem;letter-spacing:-.03em}.pain-card p{position:relative;margin:0;color:#6a7f8e;font-size:.88rem;line-height:1.7}
.journey{margin-top:58px;padding:28px;border-radius:31px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}.journey-head{display:flex;align-items:center;gap:15px;padding:0 3px 24px}.journey-head>span{color:#59cbff;font-size:.62rem;font-weight:950;letter-spacing:.12em}.journey-head>strong{font-size:1rem}.journey-head>em{display:flex;align-items:center;gap:7px;margin-left:auto;padding:7px 9px;border-radius:99px;background:rgba(25,212,123,.1);color:#82eab4;font-size:.62rem;font-style:normal;font-weight:900}.journey-head>em i{width:7px;height:7px;border-radius:50%;background:#20d47e}.journey-track{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.journey-line{position:absolute;z-index:0;left:6%;right:6%;top:46px;height:4px;border-radius:10px;background:#233d50;overflow:hidden}.journey-line i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 10px #18aff5}.journey.is-playing .journey-line i{animation:journeyLine 5.4s .2s ease forwards}.journey-track article{position:relative;z-index:1;display:grid;min-height:175px;align-content:start;justify-items:start;gap:6px;padding:17px;border:1px solid #29475a;border-radius:19px;background:#0c2232;opacity:.48;transform:translateY(8px);transition:.4s ease}.journey-track article>b{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:#17384d;color:#6b94ab;font-size:.68rem}.journey-track article svg{width:27px;height:27px;margin:22px 0 7px;color:#51caff}.journey-track article strong{font-size:.78rem}.journey-track article small{color:#7890a0;font-size:.6rem}.journey.is-playing article{animation:journeyStep .6s forwards}.journey.is-playing article:nth-of-type(1){animation-delay:.3s}.journey.is-playing article:nth-of-type(2){animation-delay:1.1s}.journey.is-playing article:nth-of-type(3){animation-delay:1.9s}.journey.is-playing article:nth-of-type(4){animation-delay:2.7s}.journey.is-playing article:nth-of-type(5){animation-delay:3.5s}.journey.is-playing article:nth-of-type(6){animation-delay:4.3s}
.build{background:linear-gradient(135deg,#087cf0 0%,#0a64d6 100%);color:#fff;overflow:hidden}.build:before{content:"FLOWS";position:absolute;right:-50px;top:10px;color:rgba(255,255,255,.07);font-size:18rem;font-weight:950;letter-spacing:-.1em}.build-layout{position:relative;display:grid;grid-template-columns:minmax(0,.76fr) minmax(610px,1.24fr);align-items:center;gap:60px}.build-copy>p{color:#e5f5ff}.build-tabs{display:flex;gap:8px;margin-top:28px}.build-tabs button{padding:9px 13px;border:1px solid rgba(255,255,255,.32);border-radius:11px;background:rgba(4,34,73,.2);color:#caeaff;font-size:.7rem;font-weight:900;cursor:pointer}.build-tabs button.is-active{border-color:#fff;background:#fff;color:#0876d9}.build-panel{display:none;min-height:132px;margin:13px 0 17px;padding:17px;border:1px solid rgba(255,255,255,.22);border-radius:17px;background:rgba(3,28,61,.54)}.build-panel.is-active{display:block;animation:panelIn .3s ease}.build-panel strong{font-size:.86rem}.build-panel p{margin:8px 0 0;color:#c7e5f7;font-size:.75rem;line-height:1.6}.text-link{display:inline-flex;align-items:center;gap:8px;color:#fff;font-size:.8rem;font-weight:900}.text-link span{font-size:1.3rem}
.editor-demo{position:relative;display:grid;min-height:620px;grid-template-columns:135px 1fr;border:1px solid #284c61;border-radius:29px;background:#071724;box-shadow:0 35px 80px rgba(0,0,0,.32);overflow:hidden}.editor-bar{grid-column:1/-1;display:flex;height:54px;align-items:center;gap:15px;padding:0 17px;border-bottom:1px solid #203c4d;background:#0c2231}.editor-bar>span{display:flex;gap:5px}.editor-bar i{width:8px;height:8px;border-radius:50%;background:#466273}.editor-bar strong{margin-right:auto;font-size:.72rem}.editor-bar em{padding:6px 9px;border-radius:8px;background:#102f23;color:#67daa0;font-size:.55rem;font-style:normal;font-weight:850}.editor-demo aside{display:grid;align-content:start;gap:8px;padding:17px 10px;border-right:1px solid #203c4d;background:#0b1f2d}.editor-demo aside>b{margin:0 6px 9px;color:#4e7186;font-size:.5rem;letter-spacing:.13em}.editor-demo aside>span{display:flex;align-items:center;gap:7px;padding:9px 7px;border:1px solid transparent;border-radius:10px;color:#7893a3;font-size:.57rem;font-weight:750}.editor-demo aside svg{width:16px;height:16px}.editor-demo aside .is-selected{border-color:#168ecb;background:#0e3850;color:#d8f4ff}.editor-stage{position:relative;min-height:420px;background-image:radial-gradient(#315065 1px,transparent 1px);background-size:18px 18px;overflow:hidden}.editor-stage>svg{position:absolute;inset:0;width:100%;height:100%}.editor-stage>svg path{fill:none;stroke:#246c91;stroke-width:4;stroke-dasharray:760;stroke-dashoffset:760}.editor-demo.is-playing .editor-stage>svg path{animation:drawFlow 3.8s .3s ease forwards}.editor-node{position:absolute;display:grid;gap:4px;min-width:145px;padding:12px;border:1px solid #35586b;border-radius:13px;background:#0c2838;box-shadow:0 12px 25px rgba(0,0,0,.24)}.editor-node small{color:#5daed6;font-size:.46rem;font-weight:950;letter-spacing:.1em}.editor-node strong{font-size:.62rem}.editor-node span{color:#6e8d9d;font-size:.48rem}.editor-node i{position:absolute;right:-5px;top:50%;width:10px;height:10px;border:2px solid #0d9ae7;border-radius:50%;background:#0a1d2b}.en-start{left:6%;top:55px}.en-booking{left:31%;top:165px;border-color:#159ddd;background:#0b344b}.en-success{right:6%;top:278px;border-color:#24995d;background:#0d2c21}.en-exit{left:12%;bottom:28px;border-color:#725861}.editor-inspector{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 17px;border-top:1px solid #203c4d;background:#0a1e2c}.editor-inspector>small,.editor-inspector>strong{grid-column:1/-1}.editor-inspector>small{color:#55bcea;font-size:.46rem;font-weight:950;letter-spacing:.11em}.editor-inspector>strong{font-size:.72rem}.editor-inspector label{display:grid;gap:4px;color:#628092;font-size:.49rem}.editor-inspector label span{padding:8px;border:1px solid #294759;border-radius:8px;background:#071722;color:#b6c7d1}.editor-inspector>div{grid-column:1/-1;display:flex;justify-content:flex-end;gap:7px}.editor-inspector button{padding:7px 9px;border:1px solid #2b4b5e;border-radius:8px;background:#102838;color:#9db0bb;font-size:.52rem;font-weight:850}.editor-inspector button:last-child{border-color:#159fe9;background:#0f91e5;color:#fff}
.howto{margin-top:105px}.howto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:0;list-style:none}.howto-grid li{display:flex;min-height:150px;gap:15px;padding:22px;border:1px solid #29495c;border-radius:20px;background:#0a1e2d}.howto-grid li>b{display:grid;flex:0 0 38px;height:38px;place-items:center;border-radius:11px;background:#0c8bd2;color:#fff;font-size:.7rem}.howto-grid h3{margin:3px 0 8px;font-size:.92rem}.howto-grid p{margin:0;color:#8098a8;font-size:.72rem;line-height:1.55}
.control{background:#f1f8fc}.control-layout{display:grid;grid-template-columns:minmax(600px,1.18fr) minmax(0,.82fr);align-items:center;gap:62px}.calendar-ui{position:relative;min-height:570px;padding:25px;border:1px solid #bfd7e5;border-radius:34px;background:#fff;box-shadow:0 32px 70px rgba(7,36,57,.13)}.calendar-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 21px;border-bottom:1px solid #d8e6ee}.calendar-head>div{display:grid;gap:5px}.calendar-head small{color:#0b8edb;font-size:.56rem;font-weight:950;letter-spacing:.12em}.calendar-head strong{font-size:1.2rem}.calendar-head>span{padding:7px 10px;border:1px solid #bed9e9;border-radius:9px;color:#36728e;font-size:.64rem;font-weight:850}.calendar-days,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-days b{padding:18px 4px 9px;color:#8da0ab;font-size:.56rem;text-align:center}.calendar-grid{border-left:1px solid #deebf1;border-top:1px solid #deebf1}.calendar-grid>span{position:relative;min-height:82px;padding:8px;border-right:1px solid #deebf1;border-bottom:1px solid #deebf1;color:#587080;font-size:.62rem}.calendar-grid .muted{color:#c0ccd3}.calendar-grid .today{font-weight:900}.calendar-grid .today:before{content:"";position:absolute;z-index:-0;left:5px;top:5px;width:24px;height:24px;border-radius:50%;background:#0f94ea}.calendar-grid .today{color:#fff}.calendar-grid .has-event{background:#eff9ff}.calendar-grid .has-event i{display:block;margin-top:12px;padding:5px;border-radius:5px;background:#148ed1;color:#fff;font-size:.42rem;font-style:normal;font-weight:800;line-height:1.25}.calendar-grid .has-event.green i{background:#159e62}.calendar-grid .has-event.yellow i{background:#d3a80c}.booking-float{position:absolute;right:-26px;bottom:23px;display:flex;align-items:center;gap:11px;padding:13px;border:1px solid #aad9c3;border-radius:16px;background:#f3fff8;box-shadow:0 18px 35px rgba(8,69,44,.18)}.booking-float>span{display:grid;width:48px;height:48px;place-items:center;border-radius:13px;background:#0d9a61;color:#fff;font-size:.7rem;font-weight:900}.booking-float>div{display:grid;gap:3px}.booking-float small{color:#62907a;font-size:.48rem;font-weight:950}.booking-float strong{font-size:.68rem}.booking-float>b{padding:6px 8px;border-radius:7px;background:#d9f8e7;color:#0e8b55;font-size:.5rem}.feature-list{display:grid;gap:9px;margin-top:27px}.feature-list article{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:13px 15px;border:1px solid #c6dce8;border-radius:15px;background:#fff}.feature-list article>span{display:grid;width:40px;height:40px;place-items:center;border-radius:11px;background:#e5f5ff;color:#0688da;font-size:.65rem;font-weight:950}.feature-list article>div{display:grid;gap:3px}.feature-list strong{font-size:.82rem}.feature-list small{color:#718695;font-size:.66rem}
.reminders{background:var(--navy);color:#fff;isolation:isolate;overflow:hidden}.reminders-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);align-items:center;gap:70px}.reminders-copy>p{color:#9eb5c4}.reminders-copy ul{display:grid;gap:10px;margin:27px 0 0;padding:0;list-style:none}.reminders-copy li{display:flex;align-items:center;gap:10px;color:#d6e3ea;font-size:.8rem;font-weight:750}.reminders-copy li svg{width:20px;height:20px;padding:3px;border-radius:50%;background:#113d2b;color:#54dc98}.trigger-demo{position:relative;min-height:500px;padding:25px;border:1px solid #2a5369;border-radius:32px;background:linear-gradient(145deg,#102c3d,#071925);box-shadow:0 36px 78px rgba(0,0,0,.34);overflow:hidden}.trigger-demo:after{content:"TRIGGERS";position:absolute;right:-25px;bottom:-28px;color:rgba(255,255,255,.025);font-size:6rem;font-weight:950}.trigger-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between}.trigger-top>div{display:grid;gap:5px}.trigger-top small{color:#55cafc;font-size:.56rem;font-weight:950;letter-spacing:.1em}.trigger-top strong{font-size:1.05rem}.trigger-top em{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:99px;background:#0d3a29;color:#72dfa5;font-size:.6rem;font-style:normal;font-weight:850}.trigger-top em i{width:7px;height:7px;border-radius:50%;background:#22d47f}.trigger-tabs{display:flex;gap:8px;margin:27px 0}.trigger-tabs span{padding:8px 11px;border:1px solid #315365;border-radius:10px;color:#7893a2;font-size:.62rem;font-weight:850}.trigger-tabs .active{border-color:#1faeee;background:#103b52;color:#fff}.trigger-flow{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.trigger-flow article{position:relative;z-index:2;display:grid;min-height:156px;align-content:start;gap:5px;padding:13px;border:1px solid #2d4d5e;border-radius:17px;background:#0a1f2d;opacity:.45;transform:translateY(6px)}.trigger-flow article b{display:grid;width:29px;height:29px;margin-bottom:21px;place-items:center;border-radius:9px;background:#183b4d;color:#6c93a8;font-size:.66rem}.trigger-flow small{color:#527386;font-size:.45rem;font-weight:950;letter-spacing:.1em}.trigger-flow strong{font-size:.7rem}.trigger-flow span{color:#698694;font-size:.55rem}.trigger-progress{position:absolute;z-index:0;left:8%;right:8%;top:44px;height:4px;background:#284758}.trigger-progress i{display:block;width:0;height:100%;background:#1bbaf5}.trigger-demo.is-playing .trigger-progress i{animation:triggerLine 4.6s .3s ease forwards}.trigger-demo.is-playing .trigger-flow article{animation:journeyStep .55s forwards}.trigger-demo.is-playing .trigger-flow article:nth-of-type(1){animation-delay:.4s}.trigger-demo.is-playing .trigger-flow article:nth-of-type(2){animation-delay:1.3s}.trigger-demo.is-playing .trigger-flow article:nth-of-type(3){animation-delay:2.2s}.trigger-demo.is-playing .trigger-flow article:nth-of-type(4){animation-delay:3.1s}.trigger-next{position:relative;z-index:2;display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:11px;margin-top:22px;padding:13px;border:1px solid rgba(255,213,47,.25);border-radius:16px;background:rgba(255,213,47,.07)}.trigger-next>svg{width:45px;height:45px;padding:10px;border-radius:12px;background:var(--yellow);color:#07152d}.trigger-next>div{display:grid;gap:3px}.trigger-next small{color:#bba95d;font-size:.5rem;font-weight:950;letter-spacing:.1em}.trigger-next strong{font-size:.75rem}.trigger-next>span{padding:7px 9px;border-radius:8px;background:#123c2b;color:#6ddd9e;font-size:.55rem;font-weight:850}
.response-section{background:#fff}.response-layout{display:grid;grid-template-columns:minmax(420px,.8fr) minmax(0,1.2fr);align-items:center;gap:100px}.response-phone{position:relative;width:360px;margin:auto}.rp-frame{border:9px solid #071726;border-radius:39px;background:#e7f1ed;box-shadow:0 38px 75px rgba(3,27,47,.25);overflow:hidden}.rp-head{display:flex;align-items:center;gap:10px;padding:20px;background:#0c6f5e;color:#fff}.rp-head img{width:38px;height:38px;border-radius:10px}.rp-head>div{display:grid}.rp-head strong{font-size:.8rem}.rp-head small{color:#aad9cf;font-size:.58rem}.rp-body{display:grid;gap:10px;min-height:550px;padding:18px 13px;background:linear-gradient(rgba(235,243,239,.92),rgba(235,243,239,.92)),radial-gradient(#95aea5 1px,transparent 1px);background-size:auto,18px 18px}.rp-date{justify-self:center;padding:5px 9px;border-radius:7px;background:#d9e7e2;color:#678078;font-size:.48rem;font-weight:850}.rp-message,.rp-reply{display:grid;max-width:88%;gap:8px;padding:11px;border-radius:10px;color:#173029;font-size:.68rem;line-height:1.5;box-shadow:0 2px 5px rgba(0,0,0,.09)}.rp-message{justify-self:start;background:#fff}.rp-reply{justify-self:end;background:#d7ffc8}.rp-message span,.rp-reply span{justify-self:end;color:#718c83;font-size:.45rem}.rp-options{display:grid;gap:5px;margin-left:0;max-width:88%}.rp-options b{padding:8px;border:1px solid #8bcabb;border-radius:8px;background:#fff;color:#0b7c63;font-size:.58rem;text-align:center}.rp-message.success{border-left:4px solid #13ac6b}.response-badge{position:absolute;right:-68px;bottom:55px;display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #a9dfc2;border-radius:15px;background:#f2fff8;box-shadow:0 19px 35px rgba(14,104,67,.18)}.response-badge>i{width:10px;height:10px;border-radius:50%;background:#18bd71;box-shadow:0 0 0 6px rgba(24,189,113,.12)}.response-badge span{display:grid;gap:3px}.response-badge small{color:#559174;font-size:.48rem;font-weight:950}.response-badge strong{font-size:.68rem}.status-grid{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.status-grid span{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #c9dde8;border-radius:999px;background:#f8fbfd;font-size:.67rem;font-weight:850}.status-grid i{width:8px;height:8px;border-radius:50%}.confirmed i{background:#16bd70}.declined i,.cancelled i{background:#f05262}.change i{background:#8a69f2}.waiting i{background:#d7aa0d}.response-note{padding:14px 16px;border-left:4px solid #13a3ec;border-radius:0 14px 14px 0;background:#eef8fe;color:#557282!important;font-size:.75rem!important}
.industries{background:#f1f8fc}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-grid article{min-height:240px;padding:25px;border:1px solid #c7dce8;border-radius:23px;background:#fff;transition:.25s ease}.industry-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(10,50,73,.1)}.industry-grid svg{width:46px;height:46px;padding:10px;border-radius:14px;background:#e7f6ff;color:#0b8dda}.industry-grid h3{margin:42px 0 9px;font-size:1.05rem}.industry-grid p{margin:0;color:#718592;font-size:.78rem;line-height:1.55}
.sync-section{background:var(--navy);color:#fff;overflow:hidden}.sync-section:after{content:"SYNC";position:absolute;right:-20px;bottom:-55px;color:rgba(255,255,255,.02);font-size:15rem;font-weight:950}.sync-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(550px,1.2fr);align-items:center;gap:70px}.sync-copy>p{color:#99b0bf}.sync-points{display:grid;gap:9px;margin-top:28px}.sync-points span{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #294859;border-radius:14px;background:#0b2130;color:#c5d5dd;font-size:.73rem;font-weight:750}.sync-points i{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;background:#0c83c5;color:#fff;font-size:.6rem;font-style:normal;font-weight:900}.sync-visual{position:relative;min-height:430px}.sync-core,.sync-google{position:absolute;z-index:3;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid #315469;border-radius:19px;background:#0c2637;box-shadow:0 20px 45px rgba(0,0,0,.3)}.sync-core{left:5%;top:80px}.sync-core img{width:52px;height:52px;border-radius:14px}.sync-core span,.sync-google>span{display:grid;gap:4px}.sync-core small,.sync-google small{color:#5fa6ca;font-size:.48rem;font-weight:950;letter-spacing:.1em}.sync-core strong,.sync-google strong{font-size:.78rem}.sync-google{right:2%;bottom:75px}.sync-google>b{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#fff;color:#4285f4;font-size:1.7rem}.sync-google em{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;background:#103c2b;color:#69d99c;font-size:.48rem;font-style:normal;font-weight:850}.sync-google em i{width:6px;height:6px;border-radius:50%;background:#20d27d}.sync-visual>svg{position:absolute;inset:0;width:100%;height:100%}.sync-visual>svg path{fill:none;stroke:#1c89bd;stroke-width:3;stroke-dasharray:9 8}.sync-pulse{position:absolute;z-index:2;left:48%;top:45%;width:80px;height:80px}.sync-pulse i{position:absolute;inset:0;border:1px solid rgba(43,187,247,.28);border-radius:50%;animation:syncPulse 2.4s infinite}.sync-pulse i:nth-child(2){animation-delay:.8s}.sync-pulse i:nth-child(3){animation-delay:1.6s}
.pricing-section{background:var(--yellow)}.pricing-section .section-heading p{color:#514c32}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.price-card{display:flex;min-height:540px;flex-direction:column;padding:30px;border:2px solid #b89d28;border-radius:29px;background:#fff;box-shadow:8px 9px 0 rgba(7,21,45,.85)}.price-card.trial{position:relative;background:#f1f8ff}.price-ribbon{position:absolute;right:18px;top:17px;padding:7px 9px;border-radius:8px;background:#e8c426;color:#352d08;font-size:.48rem;font-weight:950}.price-card>small{color:#0b83ce;font-size:.58rem;font-weight:950;letter-spacing:.11em}.price-card h3{margin:13px 0 19px;font-size:1.35rem}.price{display:grid;gap:0;margin-bottom:23px}.price b{font-size:3.6rem;letter-spacing:-.07em}.price span{color:#687e8b;font-size:.68rem;font-weight:800}.price-card ul{display:grid;gap:11px;margin:0 0 29px;padding:0;list-style:none}.price-card li{position:relative;padding-left:21px;color:#526a79;font-size:.76rem;font-weight:650}.price-card li:before{content:"✓";position:absolute;left:0;color:#0eb56c;font-weight:950}.price-card .btn{margin-top:auto}.pricing-note{display:grid;grid-template-columns:55px 1fr;gap:15px;align-items:center;margin-top:28px;padding:19px 22px;border:1px solid rgba(7,21,45,.2);border-radius:20px;background:rgba(255,255,255,.55)}.pricing-note svg{width:55px;height:55px;padding:13px;border-radius:16px;background:#07152d;color:#fff}.pricing-note strong{font-size:.84rem}.pricing-note p{margin:5px 0 0;color:#514a28;font-size:.68rem;line-height:1.55}
/* Visual system shared by the MiSender use-case microsites. */
.trial-after small{grid-column:1/-1}.trial-after strong{text-align:left}.trial-after strong:last-child{text-align:right}
.reminders{background:linear-gradient(135deg,#0b56bd 0%,#087cf0 55%,#18a7ed 100%)}.reminders-copy>p{color:#e3f4ff}.reminders-copy li{color:#fff;font-weight:800}.reminders-copy li svg{background:#fff;color:#0c9a63}.trigger-demo{border-color:rgba(255,255,255,.35);box-shadow:0 36px 78px rgba(0,41,97,.34)}
.sync-section{background:linear-gradient(180deg,#fff 0%,#eef8ff 100%);color:var(--ink)}.sync-section:after{color:rgba(15,145,245,.05)}.sync-section .eyebrow{color:#087bdd}.sync-copy>p{color:var(--muted)}.sync-points span{border-color:#c8deeb;background:#fff;color:#3f5d70;box-shadow:0 10px 25px rgba(7,54,86,.05)}.sync-core,.sync-google{border-color:#244a62;background:#0c2637;color:#fff}.sync-visual>svg path{stroke:#34aee8}.sync-pulse i{border-color:rgba(15,145,245,.42)}
.pricing-grid{gap:20px;align-items:stretch}.price-card{position:relative;min-height:690px;padding:31px 29px 27px;border:2px solid #07152d;border-radius:32px;box-shadow:10px 11px 0 #07152d;overflow:hidden}.price-card.trial{background:linear-gradient(160deg,#fff 0%,#eaf6ff 100%)}.price-card.mexico{border-color:#0875da;background:linear-gradient(155deg,#19a9ef 0%,#0b72ed 72%,#0a62db 100%);color:#fff;box-shadow:none}.price-card.international{border-color:#aeb3ff;background:#fff}.price-ribbon{position:static;align-self:flex-start;margin:0 0 19px;padding:9px 13px;border:2px solid #07152d;border-radius:999px;background:#fff1ad;color:#07152d;box-shadow:3px 4px 0 rgba(7,21,45,.85);font-size:.53rem}.price-corner{position:absolute;right:-43px;top:18px;width:170px;padding:8px 0;background:#9a58de;color:#fff;font-size:.51rem;font-weight:950;letter-spacing:.08em;text-align:center;transform:rotate(42deg)}.price-card.international .price-corner{background:#6f5af5}.price-card>small{display:flex;align-items:center;gap:8px}.price-card>small i{width:8px;height:8px;border-radius:50%;background:currentColor}.price-card.mexico>small{color:#e0f5ff}.price-card.international>small{color:#6254ec}.price-card h3{margin:13px 0 13px;font-size:1.45rem}.price{display:flex;align-items:flex-end;gap:9px;margin-bottom:15px}.price b{font-size:4.15rem;line-height:.95}.price span{padding-bottom:8px}.price-card.mexico .price span{color:#e2f4ff}.trial-after{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px;margin:0 0 30px;padding:12px;border:1px solid #bfdcf0;border-radius:14px;background:rgba(255,255,255,.76)}.trial-after small{color:#678092;font-size:.58rem;font-weight:800}.trial-after strong{font-size:.73rem;text-align:right}.plan-list-title{margin:4px 0 16px;color:#596b79;font-size:.65rem;font-weight:950;letter-spacing:.05em}.price-card.mexico .plan-list-title{color:#e4f4ff}.price-card ul{gap:13px}.price-card li{padding-left:19px;color:#314d60;font-size:.73rem;font-weight:750;line-height:1.35}.price-card.mexico li{color:#fff}.price-card.mexico li:before{color:var(--yellow)}.price-card .btn-yellow{background:var(--yellow);box-shadow:none}.btn-trial{background:linear-gradient(135deg,#6b55f5,#116df1);color:#fff}.price-foot{margin:13px 0 0;color:#526a79;font-size:.55rem;font-weight:900;letter-spacing:.08em;text-align:center}.price-card.mexico .price-foot{color:#d9efff}
.faq-section{background:#f5fafe}.faq-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(620px,1.3fr);align-items:start;gap:75px}.faq-copy{position:sticky;top:105px}.faq-copy .btn{margin-top:17px}.faq-list{display:grid;gap:9px}.faq-list details{border:1px solid #c9dde8;border-radius:17px;background:#fff;overflow:hidden}.faq-list summary{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;font-size:.8rem;font-weight:850;cursor:pointer;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{position:relative;flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#e7f5fd}.faq-list summary span:before,.faq-list summary span:after{content:"";position:absolute;left:8px;right:8px;top:13px;height:2px;background:#167fb7}.faq-list summary span:after{transform:rotate(90deg);transition:.2s ease}.faq-list details[open] summary span:after{transform:rotate(0)}.faq-list details>div{padding:0 20px 20px;color:#657c8b;font-size:.76rem;line-height:1.7}
.final-cta{position:relative;padding:105px 0;background:linear-gradient(135deg,#087cd9,#0f99ef);color:#fff;text-align:center;isolation:isolate;overflow:hidden}.final-cta:after{content:"";position:absolute;z-index:-1;width:450px;height:450px;right:-120px;top:-180px;border:80px solid rgba(255,255,255,.05);border-radius:50%}.final-cta .container{max-width:900px}.final-cta img{width:75px;height:75px;margin:0 auto 18px;border:7px solid rgba(255,255,255,.13);border-radius:20px}.final-cta span{font-size:.65rem;font-weight:950;letter-spacing:.15em}.final-cta h2{margin:16px 0 18px;font-size:clamp(3rem,6vw,6.5rem);line-height:.88;letter-spacing:-.075em}.final-cta p{max-width:690px;margin:0 auto;color:#d5ecfa;font-size:1rem;line-height:1.7}.hero-actions.centered{justify-content:center}.final-cta .btn-whatsapp{border-color:#076f5d;background:#078c70}
.site-footer{padding:70px 0 26px;background:#020b19;color:#d7e0e7}.footer-grid{display:grid;grid-template-columns:1.6fr .8fr .8fr;gap:70px}.footer-grid>div:first-child img{width:180px;filter:brightness(0) invert(1)}.footer-grid p{max-width:540px;color:#91a4b3;font-size:.78rem;line-height:1.75}.footer-grid h3{margin:5px 0 17px;color:#fff;font-size:.86rem}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:11px}.footer-grid a{color:#aab9c3;font-size:.73rem}.footer-grid a:hover{color:#fff}.footer-bottom{margin-top:45px;padding-top:21px;border-top:1px solid #192737;color:#6f8492;font-size:.66rem;line-height:1.6}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@keyframes drawFlow{to{stroke-dashoffset:0}}@keyframes nodeWake{to{opacity:1;transform:scale(1);box-shadow:0 16px 35px rgba(23,174,235,.16)}}@keyframes journeyLine{to{width:100%}}@keyframes journeyStep{to{opacity:1;transform:none;border-color:#249dd3}}@keyframes triggerLine{to{width:100%}}@keyframes syncPulse{0%{opacity:.8;transform:scale(.2)}100%{opacity:0;transform:scale(1.5)}}@keyframes panelIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.site-nav{gap:15px;font-size:.75rem}.hero-layout,.build-layout,.reminders-layout,.sync-layout{grid-template-columns:1fr}.hero-copy{max-width:800px}.hero-product{max-width:760px;width:100%;margin:auto}.build-copy,.reminders-copy,.sync-copy{max-width:780px}.editor-demo{max-width:880px;width:100%;margin:auto}.control-layout{grid-template-columns:1fr}.calendar-ui{max-width:780px;width:100%;margin:auto}.control-copy{max-width:760px}.response-layout{gap:55px}.faq-layout{grid-template-columns:1fr}.faq-copy{position:static;max-width:780px}.faq-list{max-width:900px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid article:nth-child(3){border-left:1px solid #d8e7f0}.trust-grid article:nth-child(-n+2){border-bottom:1px solid #d8e7f0}}
@media(max-width:900px){.nav-toggle{display:block}.site-nav{position:fixed;left:20px;right:20px;top:82px;display:none;max-height:calc(100vh - 105px);flex-direction:column;align-items:stretch;gap:0;padding:13px;border:1px solid #c9dce7;border-radius:20px;background:#fff;box-shadow:0 30px 65px rgba(3,25,42,.22);overflow:auto}.site-nav.is-open{display:flex}.site-nav>a{padding:13px 12px}.site-nav .btn{margin-top:6px}.pain-grid,.pricing-grid,.industry-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid .price-card:first-child{grid-column:1/-1}.howto-grid{grid-template-columns:repeat(2,1fr)}.journey-track{grid-template-columns:repeat(3,1fr)}.journey-line{display:none}.response-layout{grid-template-columns:1fr}.response-copy{order:-1;max-width:760px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:700px){html{scroll-padding-top:75px}.container{width:min(100% - 28px,1180px)}.section{padding:78px 0}.site-header{height:68px}.brand img{width:142px}.site-nav{top:75px}.btn-lg{min-height:52px;padding:0 18px}.hero{min-height:auto;padding:122px 0 72px}.hero-layout{gap:42px}.hero-copy h1{font-size:3.45rem}.hero-copy>p{font-size:.95rem}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.flow-canvas{min-height:540px;border-radius:26px}.phone-mini{right:12px;top:69px;width:182px}.flow-lines{display:none}.flow-node{max-width:185px}.node-message{left:4%;top:101px}.node-booking{left:8%;top:245px}.node-confirm{right:4%;top:385px}.hero-status-card{right:12px;bottom:15px}.trust-grid{grid-template-columns:1fr}.trust-grid article,.trust-grid article:nth-child(3){min-height:92px;border-left:1px solid #d8e7f0;border-bottom:1px solid #d8e7f0}.section-heading{margin-bottom:37px;text-align:left}.section-heading h2,.build-copy h2,.control-copy h2,.reminders-copy h2,.response-copy h2,.sync-copy h2,.faq-copy h2{font-size:2.8rem}.pain-grid,.industry-grid,.pricing-grid{grid-template-columns:1fr}.pricing-grid .price-card:first-child{grid-column:auto}.pain-card{min-height:260px}.pain-card h3{margin-top:42px}.journey{padding:18px;border-radius:23px}.journey-head{align-items:flex-start;flex-wrap:wrap}.journey-head>em{margin-left:0}.journey-track{grid-template-columns:repeat(2,1fr)}.journey-track article{min-height:145px}.journey-track article svg{margin-top:11px}.build:before{font-size:8rem}.build-tabs{overflow-x:auto}.editor-demo{min-height:570px;grid-template-columns:1fr;border-radius:23px}.editor-demo aside{display:none}.editor-stage{min-height:400px}.editor-inspector{grid-column:1}.en-start{left:4%}.en-booking{left:18%;top:160px}.en-success{right:4%;top:270px}.en-exit{left:5%}.howto{margin-top:75px}.howto-grid{grid-template-columns:1fr}.howto-grid li{min-height:auto}.calendar-ui{min-height:470px;padding:14px;border-radius:25px}.calendar-grid>span{min-height:58px;padding:5px}.calendar-grid .has-event i{padding:3px;font-size:.34rem;white-space:nowrap;overflow:hidden}.booking-float{position:relative;right:auto;bottom:auto;margin:15px 0 0}.booking-float>b{display:none}.trigger-demo{min-height:auto;padding:17px;border-radius:24px}.trigger-top{align-items:flex-start}.trigger-flow{grid-template-columns:repeat(2,1fr)}.trigger-progress{display:none}.trigger-next{grid-template-columns:40px 1fr}.trigger-next>svg{width:40px;height:40px}.trigger-next>span{grid-column:2}.response-phone{width:min(335px,100%)}.rp-body{min-height:520px}.response-badge{right:-10px;bottom:30px}.industry-grid article{min-height:200px}.industry-grid h3{margin-top:30px}.sync-visual{min-height:410px}.sync-core{left:0;top:45px}.sync-google{right:0;bottom:55px}.sync-google em{display:none}.price-card{min-height:510px;padding:25px}.price-ribbon{position:static;align-self:flex-start;margin-bottom:15px}.pricing-note{grid-template-columns:1fr}.faq-list summary{font-size:.74rem}.final-cta{padding:80px 0}.final-cta h2{font-size:3.6rem}.footer-grid{grid-template-columns:1fr;gap:38px}.footer-grid>div:first-child{grid-column:auto}}
@media(max-width:420px){.hero-copy h1{font-size:3.05rem}.hero-checks span{font-size:.78rem}.phone-mini{width:160px}.phone-mini-body{min-height:285px}.flow-node{max-width:160px;padding:10px}.node-confirm{top:400px}.hero-status-card{max-width:210px}.journey-track{grid-template-columns:1fr 1fr;gap:7px}.journey-track article{padding:12px}.editor-inspector{grid-template-columns:1fr}.editor-inspector label{grid-column:1}.calendar-days b{padding-top:13px}.calendar-grid>span{min-height:52px}.calendar-grid .has-event i{display:none}.trigger-flow{gap:6px}.trigger-flow article{min-height:135px;padding:10px}.trigger-flow article b{margin-bottom:10px}.sync-core,.sync-google{max-width:92%}.sync-google{bottom:45px}.final-cta h2{font-size:3.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.line-live,.editor-stage>svg path{stroke-dashoffset:0!important}.journey-line i,.trigger-progress i{width:100%!important}.flow-node,.journey-track article,.trigger-flow article{opacity:1;transform:none}.sync-pulse{display:none}.btn,.industry-grid article{transition:none}}
@media(max-width:700px){.trial-after{grid-template-columns:1fr}.trial-after strong,.trial-after strong:last-child{text-align:left}.price-card{min-height:auto}.price-card .btn{margin-top:18px}}

/* Reusable premium components for all MiSender use-case microsites. */
.reveal{transition-delay:calc(var(--reveal-order,0)*.07s)}
.phone-mini{transform:rotate(1.5deg);transform-origin:50% 85%}.hero-product.is-playing .phone-mini{animation:phoneFloat 5.5s 1.2s ease-in-out infinite}.phone-mini-body{gap:6px;padding:10px 9px 12px}.chat{position:relative;display:grid;gap:3px;padding:7px 8px}.chat small{justify-self:end;color:#658078;font-size:.39rem;font-weight:650}.chat.outgoing small{color:#648b72}.chat.selected{min-width:74px;font-weight:800}.chat.date-card span,.chat.success span{font-size:.46rem;line-height:1.35}.wa-options{display:grid;justify-self:end;width:88%;border-radius:8px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.12);overflow:hidden}.wa-options span{display:flex;min-height:27px;align-items:center;justify-content:center;gap:5px;border-bottom:1px solid #d8e4e0;color:#05866f;font-size:.45rem;font-weight:900}.wa-options span:last-child{border-bottom:0}.wa-options svg{width:12px;height:12px}.hero-product.is-playing .wa-options span{animation:waOptionIn .42s both}.hero-product.is-playing .wa-options span:first-child{animation-delay:2.35s}.hero-product.is-playing .wa-options span:last-child{animation-delay:2.58s}.hero-status-card>i{animation:statusPulse 2s ease-out infinite}

.industries{background:radial-gradient(circle at 12% 15%,rgba(34,184,246,.14),transparent 24%),linear-gradient(180deg,#f5fbff 0%,#eaf6ff 100%);overflow:hidden}.industries:before{content:"CASOS DE USO";position:absolute;left:-25px;top:55px;color:rgba(8,124,240,.045);font-size:9.5rem;font-weight:950;letter-spacing:-.07em;white-space:nowrap}.industry-grid{position:relative;gap:20px}.industry-grid article{--tone:#0f91f5;position:relative;min-height:300px;padding:29px 28px 25px;border:1px solid rgba(40,108,151,.18);background:linear-gradient(145deg,#fff 55%,color-mix(in srgb,var(--tone) 8%,#fff));box-shadow:0 18px 44px rgba(8,50,79,.08);isolation:isolate;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.industry-grid article:before{content:"";position:absolute;z-index:-1;right:-56px;top:-66px;width:165px;height:165px;border:32px solid color-mix(in srgb,var(--tone) 12%,transparent);border-radius:50%;transition:transform .5s ease}.industry-grid article:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--tone),transparent)}.industry-grid article:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--tone) 38%,#c7dce8);box-shadow:0 25px 55px rgba(8,50,79,.14)}.industry-grid article:hover:before{transform:scale(1.12) rotate(12deg)}.industry-grid article[data-tone="violet"]{--tone:#7659ef}.industry-grid article[data-tone="yellow"]{--tone:#eab817}.industry-grid article[data-tone="blue"]{--tone:#146fe8}.industry-grid article[data-tone="green"]{--tone:#10ad6b}.industry-grid article[data-tone="coral"]{--tone:#f0646e}.industry-number{position:absolute;right:22px;top:17px;color:color-mix(in srgb,var(--tone) 20%,#fff);font-size:3.4rem;font-weight:950;letter-spacing:-.08em}.industry-icon{display:grid;width:62px;height:62px;place-items:center;border:1px solid color-mix(in srgb,var(--tone) 24%,#dceaf3);border-radius:18px;background:color-mix(in srgb,var(--tone) 10%,#fff);color:var(--tone);box-shadow:0 12px 24px color-mix(in srgb,var(--tone) 12%,transparent)}.industry-grid svg{width:38px;height:38px;padding:4px;border-radius:0;background:transparent;color:inherit;stroke-width:1.6}.industry-grid article>small{display:block;margin-top:25px;color:var(--tone);font-size:.58rem;font-weight:950;letter-spacing:.13em}.industry-grid h3{margin:8px 0 9px;font-size:1.16rem;letter-spacing:-.025em}.industry-grid p{max-width:290px;font-size:.79rem}.industry-grid article>em{display:flex;align-items:center;gap:7px;margin-top:auto;padding-top:24px;color:#446274;font-size:.64rem;font-style:normal;font-weight:850}.industry-grid article>em i{width:8px;height:8px;border-radius:50%;background:var(--tone);box-shadow:0 0 0 5px color-mix(in srgb,var(--tone) 10%,transparent)}.industry-grid article{display:flex;flex-direction:column}.industry-grid article.is-visible .industry-icon path,.industry-grid article.is-visible .industry-icon rect,.industry-grid article.is-visible .industry-icon circle{stroke-dasharray:90;stroke-dashoffset:90;animation:iconDraw 1.15s calc(.15s + var(--reveal-order,0)*.08s) ease forwards}

.pricing-section>.container{width:min(1240px,calc(100% - 34px))}.pricing-section .section-heading{margin-bottom:48px}.pricing-grid{gap:22px}.price-card{min-height:760px;padding:32px 29px 28px;border-radius:33px}.price-card.trial{box-shadow:11px 12px 0 #07152d}.price-card.mexico{background:linear-gradient(150deg,#16a8ef 0%,#0878ee 48%,#1267e9 100%)}.price-ribbon{margin-bottom:21px;padding:10px 15px;font-size:.56rem}.price-corner{right:-41px;top:20px;width:174px;padding:9px 0}.price-card>small{font-size:.62rem}.price-card h3{margin:14px 0 18px;font-size:1.58rem}.price{gap:11px;margin-bottom:21px}.price b{font-size:4.8rem}.price-card.trial .price b{color:#1768ef;text-shadow:7px 9px 0 #ffd52f}.price span{padding-bottom:9px;font-size:.73rem}.trial-after{grid-template-columns:1fr auto auto;gap:4px 10px;margin-bottom:35px;padding:13px 14px}.trial-after small{grid-column:1;align-self:center}.trial-after strong{font-size:.73rem;white-space:nowrap}.trial-after strong:last-child{text-align:right}.trial-after strong i{color:#486576;font-size:.55rem}.plan-list-title{margin:5px 0 20px;font-size:.68rem}.price-card ul{gap:15px}.price-card li{font-size:.79rem;line-height:1.4}.price-card li:before{font-size:1rem}.price-card .btn{min-height:58px;border-radius:15px;font-size:.9rem}.btn-trial{border:2px solid #07152d;box-shadow:0 10px 0 rgba(7,21,45,.16)}.price-foot{margin-top:17px}.pricing-note{margin-top:38px}

.flow-lines .line-live,.editor-stage>svg path,.sync-visual>svg path{filter:drop-shadow(0 0 7px rgba(34,184,246,.65))}.hero-product.is-playing .line-live{animation:drawFlow 4.4s .4s ease forwards,flowGlow 2.8s 4.8s ease-in-out infinite}.sync-visual>svg path{stroke-dasharray:10 9;animation:dashTravel 3.2s linear infinite}.sync-core,.sync-google{animation:cardHover 4.8s ease-in-out infinite}.sync-google{animation-delay:-2.4s}.trigger-next>svg{animation:boltPulse 2.4s ease-in-out infinite}.journey.is-playing .journey-track article svg{animation:iconLift 2.8s ease-in-out infinite}.journey.is-playing .journey-track article:nth-of-type(even) svg{animation-delay:-1.4s}

@keyframes phoneFloat{0%,100%{transform:rotate(1.5deg) translateY(0)}50%{transform:rotate(.4deg) translateY(-8px)}}@keyframes waOptionIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes statusPulse{0%{box-shadow:0 0 0 0 rgba(34,215,134,.4)}70%{box-shadow:0 0 0 9px rgba(34,215,134,0)}100%{box-shadow:0 0 0 0 rgba(34,215,134,0)}}@keyframes iconDraw{to{stroke-dashoffset:0}}@keyframes flowGlow{0%,100%{filter:drop-shadow(0 0 4px rgba(34,184,246,.55))}50%{filter:drop-shadow(0 0 11px rgba(34,184,246,.95))}}@keyframes dashTravel{to{stroke-dashoffset:-38}}@keyframes cardHover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes boltPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07);filter:drop-shadow(0 0 8px rgba(255,213,47,.45))}}@keyframes iconLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

@media(max-width:900px){.price-card{min-height:720px}.pricing-section>.container{width:min(100% - 28px,1180px)}.industry-grid article{min-height:285px}}
@media(max-width:700px){.phone-mini-body{padding:9px 8px}.wa-options{width:92%}.industry-grid article{min-height:270px;padding:24px}.industries:before{font-size:5.5rem}.pricing-section .section-heading{text-align:center}.price-card{min-height:auto}.trial-after{grid-template-columns:1fr}.trial-after small{grid-column:1}.trial-after strong,.trial-after strong:last-child{text-align:left;white-space:normal}.price b{font-size:4.4rem}.price-card h3{font-size:1.42rem}.price-card li{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.phone-mini,.hero-product.is-playing .phone-mini,.hero-status-card>i,.sync-core,.sync-google,.trigger-next>svg,.journey.is-playing .journey-track article svg,.sync-visual>svg path{animation:none}.industry-grid article.is-visible .industry-icon path,.industry-grid article.is-visible .industry-icon rect,.industry-grid article.is-visible .industry-icon circle{stroke-dashoffset:0;animation:none}}
@keyframes waOptionIn{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}

/* Shared use-case pricing/footer alignment. Keep future minisites visually
   consistent with the main MiSender landing without duplicating layout rules. */
@media(min-width:701px){
  .price-card ul{
    flex:1;
    align-content:space-between;
    gap:12px;
    margin-bottom:26px;
  }
  .price-card li{
    font-size:.82rem;
    line-height:1.3;
  }
  .price-card.mexico ul,
  .price-card.international ul{
    min-height:355px;
  }
  .price-card.trial ul{
    min-height:280px;
  }
}

.footer-grid>div:first-child img{
  width:190px;
  height:auto;
  filter:none;
}

/* Trial card: preserve the original MiSender color treatment and keep both
   post-trial prices contained at every desktop width. */
.price-card.trial{
  background:
    radial-gradient(circle at 14% 8%,rgba(255,213,51,.66),transparent 25%),
    radial-gradient(circle at 95% 88%,rgba(45,197,255,.34),transparent 30%),
    linear-gradient(145deg,#fffdf1 0%,#f7fbff 45%,#e4f4ff 100%);
}
.trial-after{
  grid-template-columns:minmax(58px,.68fr) minmax(82px,.92fr) minmax(112px,1.35fr);
  width:100%;
  min-width:0;
}
.trial-after>*{min-width:0}
.trial-after strong{
  font-size:clamp(.59rem,.72vw,.71rem);
  line-height:1.25;
  white-space:normal;
}
.trial-after strong i{
  display:inline;
  font-size:clamp(.45rem,.52vw,.53rem);
  white-space:normal;
}

@media(max-width:1180px) and (min-width:701px){
  .trial-after{
    grid-template-columns:72px minmax(0,1fr);
    align-items:center;
  }
  .trial-after small{grid-row:1/3}
  .trial-after strong{
    grid-column:2;
    text-align:left;
  }
  .trial-after strong:last-child{text-align:left}
}
@media(max-width:700px){
  .trial-after{grid-template-columns:1fr}
  .trial-after small,.trial-after strong{grid-column:1;grid-row:auto;text-align:left}
  .trial-after strong:last-child{text-align:left}
}

/* Reusable brand mark for use-case heroes. */
.hero-layout{position:relative}
.hero-copy{position:relative;z-index:2}
.hero-isotype{
  position:absolute;
  z-index:4;
  left:38.5%;
  top:42px;
  width:132px;
  height:auto;
  pointer-events:none;
  filter:drop-shadow(0 18px 24px rgba(0,48,112,.24));
  transform:rotate(-7deg);
  animation:useCaseMarkFloat 5.2s ease-in-out infinite;
}
@keyframes useCaseMarkFloat{
  0%,100%{transform:translateY(0) rotate(-7deg)}
  50%{transform:translateY(-9px) rotate(-3deg)}
}
@media(max-width:1100px){
  .hero-isotype{left:auto;right:3%;top:18px;width:112px;z-index:0;opacity:.22}
}
@media(max-width:700px){
  .hero-isotype{right:1%;top:24px;width:82px;opacity:.18}
}
@media(prefers-reduced-motion:reduce){.hero-isotype{animation:none}}

/* Agenda has its own product cue: a live calendar, not the generic brand bubble. */
.agenda-hero-mark{position:absolute;z-index:5;left:39%;top:54px;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border:1px solid rgba(255,255,255,.45);border-radius:19px;background:rgba(255,255,255,.94);color:#087fe4;box-shadow:0 18px 38px rgba(0,48,112,.22);transform:rotate(-4deg);animation:agendaMarkFloat 5.2s ease-in-out infinite}.agenda-hero-mark svg{width:52px;height:52px;padding:9px;border-radius:14px;background:linear-gradient(135deg,#e4f7ff,#fff4b5);stroke-width:2.2}.agenda-hero-mark span{display:grid;gap:2px}.agenda-hero-mark small{font-size:.46rem;font-weight:950;letter-spacing:.13em}.agenda-hero-mark strong{color:#092039;font-size:.64rem;white-space:nowrap}@keyframes agendaMarkFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(-1deg)}}
.industry-icon{position:relative}.industry-icon:after{content:"";position:absolute;right:-5px;bottom:-5px;width:17px;height:17px;border:4px solid #fff;border-radius:50%;background:var(--tone);box-shadow:0 3px 10px color-mix(in srgb,var(--tone) 34%,transparent)}.industry-grid article:nth-child(3n+2) .industry-icon{border-radius:50%}.industry-grid article:nth-child(3n) .industry-icon{transform:rotate(-3deg)}.industry-grid article:hover .industry-icon{transform:translateY(-3px) rotate(2deg);transition:.3s ease}.industry-grid article:nth-child(3n) .industry-icon svg{transform:rotate(3deg)}
@media(max-width:1100px){.agenda-hero-mark{left:auto;right:3%;top:20px;opacity:.3}}
@media(max-width:700px){.agenda-hero-mark{right:0;top:16px;padding:8px;opacity:.24}.agenda-hero-mark svg{width:48px;height:48px}.agenda-hero-mark span{display:none}}
@media(prefers-reduced-motion:reduce){.agenda-hero-mark{animation:none}}

/* Shared case selector used by every use-case microsite. */
.case-switcher{position:relative}.case-switcher summary{list-style:none;cursor:pointer}.case-switcher summary::-webkit-details-marker{display:none}.case-switcher summary:after{content:"⌄";position:absolute;right:10px;top:50%;color:#078dde;font-size:.8rem;transform:translateY(-50%);transition:.2s}.case-switcher[open] summary:after{transform:translateY(-35%) rotate(180deg)}.case-switcher>div{position:absolute;z-index:130;left:50%;top:calc(100% + 10px);display:grid;width:250px;padding:8px;border:1px solid #c7dfed;border-radius:16px;background:#fff;box-shadow:0 20px 50px rgba(4,27,48,.2);transform:translateX(-50%)}.case-switcher>div a{padding:11px 12px;border-radius:10px;color:#19354a;font-size:.72rem;font-weight:850}.case-switcher>div a:hover{background:#eaf7ff;color:#087fd5}.case-switcher .use-case-link{min-width:190px;padding-right:28px}
@media(max-width:900px){.case-switcher{width:100%;margin-bottom:4px}.case-switcher .use-case-link{width:100%}.case-switcher>div{position:static;width:100%;margin-top:5px;transform:none;box-shadow:none}.case-switcher>div a{padding:10px 12px}}

/* Agenda-specific Google Calendar + Contacts story. */
.sync-guide{display:inline-flex;align-items:center;gap:9px;margin-top:22px;color:#087bdd;font-size:.72rem;font-weight:900}.sync-guide span{font-size:1rem;transition:transform .2s ease}.sync-guide:hover span{transform:translateX(4px)}
.sync-contacts{position:absolute;z-index:4;right:8%;top:27px;display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #c8deeb;border-radius:17px;background:#fff;color:#17374c;box-shadow:0 17px 36px rgba(7,54,86,.14);animation:cardHover 4.8s -1.2s ease-in-out infinite}.sync-contacts>b{display:grid;width:43px;height:43px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#4285f4 0 25%,#34a853 25% 50%,#fbbc05 50% 75%,#ea4335 75%);color:#fff;font-size:1.05rem;text-shadow:0 1px 3px rgba(0,0,0,.35)}.sync-contacts>span{display:grid;gap:3px}.sync-contacts small{color:#718da0;font-size:.44rem;font-weight:950;letter-spacing:.09em}.sync-contacts strong{font-size:.72rem}.sync-contacts em{color:#0c8a58;font-size:.48rem;font-style:normal;font-weight:850}.sync-google>b{font-size:1rem;font-weight:950}.sync-google{bottom:35px}
@media(max-width:700px){.sync-contacts{right:0;top:150px}.sync-google{bottom:25px}}
@media(prefers-reduced-motion:reduce){.sync-contacts{animation:none}}

/* Agenda refinement: WhatsApp is the hero, the flow editor lives later in the story. */
body[data-use-case-page="booking"] .hero-copy h1 em{color:#071b36;text-shadow:0 2px 0 rgba(255,255,255,.12)}
body[data-use-case-page="booking"] .hero .btn-yellow{background:#071b36;color:#fff;box-shadow:0 8px 0 #54cef8}
body[data-use-case-page="booking"] .hero .btn-yellow:hover{box-shadow:0 10px 0 #54cef8}
.booking-hero-scene{position:relative;display:grid;min-height:650px;place-items:center;isolation:isolate}.booking-hero-scene:before,.booking-hero-scene:after{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.booking-hero-scene:before{width:520px;height:520px;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle,rgba(5,52,101,.24),transparent 67%)}.booking-hero-scene:after{width:405px;height:405px;border:1px dashed rgba(255,255,255,.24);animation:bookingOrbit 22s linear infinite}.booking-hero-phone.phone-mini{position:relative;right:auto;top:auto;width:365px;border-width:10px;border-radius:46px;box-shadow:0 38px 75px rgba(1,34,75,.42);transform:rotate(1.2deg);overflow:hidden}.booking-hero-phone:before{content:"";position:absolute;z-index:8;left:50%;top:8px;width:78px;height:10px;border-radius:99px;background:#07131d;transform:translateX(-50%)}.booking-hero-phone .phone-mini-head{padding:20px 18px 15px}.booking-hero-phone .phone-mini-head img{width:40px;height:40px}.booking-hero-phone .phone-mini-head strong{font-size:.86rem}.booking-hero-phone .phone-mini-head small{font-size:.58rem}.booking-hero-phone .phone-mini-body{min-height:530px;gap:9px;padding:20px 17px}.booking-hero-phone .chat{padding:10px 12px;font-size:.68rem}.booking-hero-phone .chat small{font-size:.46rem}.booking-hero-phone .wa-options{width:90%;border-radius:11px}.booking-hero-phone .wa-options span{min-height:34px;font-size:.57rem}.booking-hero-phone .chat.date-card span,.booking-hero-phone .chat.success span{font-size:.57rem}.booking-times span{color:#086eab}.hero-product.is-playing .booking-hero-phone{animation:bookingPhoneFloat 5.8s ease-in-out infinite}

/* Agenda use cases: oversized moving pictograms intentionally break the card edge. */
body[data-use-case-page="booking"] .industries{padding-top:128px}body[data-use-case-page="booking"] .industry-grid{gap:66px 24px}body[data-use-case-page="booking"] .industry-grid article{min-height:325px;padding:118px 28px 26px;overflow:visible}body[data-use-case-page="booking"] .industry-grid article[data-tone="yellow"]{--tone:#ff7138}body[data-use-case-page="booking"] .industry-number{top:15px;color:color-mix(in srgb,var(--tone) 14%,#fff)}body[data-use-case-page="booking"] .industry-icon{position:absolute;z-index:3;left:26px;top:-44px;width:138px;height:138px;border-width:2px;border-radius:34px;background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--tone) 16%,#fff));box-shadow:0 25px 45px color-mix(in srgb,var(--tone) 24%,transparent);animation:agendaIconFloat 4.8s ease-in-out infinite}body[data-use-case-page="booking"] .industry-grid article:nth-child(even) .industry-icon{left:auto;right:26px;animation-delay:-2.4s}body[data-use-case-page="booking"] .industry-grid article:nth-child(3n+2) .industry-icon{border-radius:42% 58% 44% 56%}body[data-use-case-page="booking"] .industry-icon:after{width:25px;height:25px;right:-8px;bottom:-8px}body[data-use-case-page="booking"] .industry-icon svg{width:96px;height:96px;padding:8px;stroke-width:1.35}body[data-use-case-page="booking"] .industry-grid article>small{margin-top:0}body[data-use-case-page="booking"] .industry-grid h3{font-size:1.3rem}
body[data-use-case-page="booking"] .industry-grid article.is-visible .industry-icon path,body[data-use-case-page="booking"] .industry-grid article.is-visible .industry-icon rect,body[data-use-case-page="booking"] .industry-grid article.is-visible .industry-icon circle{stroke-dasharray:none;stroke-dashoffset:0;animation:none}

/* Clear one-way connections: MiSender on the left, two independent Google destinations on the right. */
.sync-map{display:grid;min-height:390px;grid-template-columns:minmax(190px,.9fr) 120px minmax(260px,1.25fr);align-items:center;gap:16px;padding:28px;border:1px solid #c8deeb;border-radius:34px;background:linear-gradient(145deg,#fff,#eaf7ff);box-shadow:0 28px 65px rgba(7,54,86,.11);overflow:hidden}.sync-map .sync-core,.sync-map .sync-google,.sync-map .sync-contacts{position:relative;inset:auto;right:auto;top:auto;bottom:auto;left:auto;max-width:none;animation:none}.sync-map .sync-core{display:grid;justify-items:center;gap:10px;padding:26px 18px;text-align:center;border-color:#0f5f8c;background:linear-gradient(145deg,#0b2940,#071c2d)}.sync-map .sync-core img{width:68px;height:68px}.sync-map .sync-core span{justify-items:center}.sync-map .sync-core small{color:#56c9fa}.sync-map .sync-core strong{font-size:1rem}.sync-map .sync-core em{color:#94b7c9;font-size:.58rem;font-style:normal}.sync-map-routes{display:grid;gap:92px}.sync-map-routes span{position:relative;display:grid;align-items:center;gap:5px;color:#078dde;font-size:.48rem;font-weight:950;letter-spacing:.12em}.sync-map-routes i{position:relative;display:block;height:4px;border-radius:99px;background:linear-gradient(90deg,#19b3ee,#087cf0);box-shadow:0 0 10px rgba(24,171,235,.35)}.sync-map-routes i:after{content:"";position:absolute;right:-2px;top:50%;width:11px;height:11px;border-top:4px solid #087cf0;border-right:4px solid #087cf0;transform:translateY(-50%) rotate(45deg)}.sync-map-routes b{text-align:center}.sync-map-targets{display:grid;gap:26px}.sync-map .sync-google,.sync-map .sync-contacts{display:flex;min-height:108px;align-items:center;gap:14px;padding:18px;border:1px solid #bad8e8;border-radius:22px;background:#fff;color:#173746;box-shadow:0 15px 32px rgba(7,54,86,.1)}.sync-map .sync-google>b,.sync-map .sync-contacts>b{flex:0 0 54px;width:54px;height:54px}.sync-map .sync-google>span,.sync-map .sync-contacts>span{display:grid;gap:4px}.sync-map .sync-google small,.sync-map .sync-contacts small{color:#6a8ba0}.sync-map .sync-google strong,.sync-map .sync-contacts strong{font-size:.88rem}.sync-map .sync-google em,.sync-map .sync-contacts em{display:flex;align-items:center;gap:6px;color:#0a8d5b;font-size:.52rem;font-style:normal;font-weight:800}.sync-map .sync-google em i{width:7px;height:7px;border-radius:50%;background:#17bf76}.sync-map-targets>*{transition:transform .25s ease,border-color .25s ease}.sync-map-targets>*:hover{transform:translateX(5px);border-color:#42afe4}

@keyframes bookingPhoneFloat{0%,100%{transform:translateY(0) rotate(1.2deg)}50%{transform:translateY(-10px) rotate(.2deg)}}@keyframes bookingOrbit{to{transform:rotate(360deg)}}@keyframes agendaIconFloat{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-11px) rotate(2deg)}}
@media(max-width:900px){.sync-map{grid-template-columns:1fr 90px 1.2fr}}
@media(max-width:700px){body[data-use-case-page="booking"] .hero-copy h1 em{color:#071b36}.booking-hero-scene{min-height:610px}.booking-hero-scene:before{width:390px;height:390px}.booking-hero-scene:after{width:320px;height:320px}.booking-hero-phone.phone-mini{width:min(350px,92vw)}.booking-hero-phone .phone-mini-body{min-height:500px}.sync-map{min-height:auto;grid-template-columns:1fr;gap:18px;padding:18px}.sync-map-routes{grid-template-columns:1fr 1fr;gap:12px}.sync-map-routes span{gap:7px}.sync-map-routes i{height:35px;width:4px;justify-self:center}.sync-map-routes i:after{right:50%;top:auto;bottom:-2px;transform:translateX(50%) rotate(135deg)}.sync-map-targets{gap:13px}body[data-use-case-page="booking"] .industries{padding-top:102px}body[data-use-case-page="booking"] .industry-grid{gap:58px}body[data-use-case-page="booking"] .industry-grid article{min-height:300px;padding-top:95px}body[data-use-case-page="booking"] .industry-icon{top:-35px;width:112px;height:112px}body[data-use-case-page="booking"] .industry-icon svg{width:78px;height:78px}}
@media(prefers-reduced-motion:reduce){.booking-hero-scene:after,.hero-product.is-playing .booking-hero-phone,body[data-use-case-page="booking"] .industry-icon{animation:none}}

/* The confirmation example keeps the same visual weight as its explanation. */
body[data-use-case-page="booking"] .response-section{background:radial-gradient(circle at 12% 46%,rgba(34,184,246,.11),transparent 28%),linear-gradient(180deg,#fff,#f3f9fd)}body[data-use-case-page="booking"] .response-layout{grid-template-columns:minmax(460px,1fr) minmax(0,1.05fr);gap:72px}body[data-use-case-page="booking"] .response-phone{width:430px}body[data-use-case-page="booking"] .response-phone:before{content:"";position:absolute;z-index:-1;inset:-42px;border:1px dashed rgba(15,145,245,.2);border-radius:48%;animation:bookingOrbit 28s linear infinite}body[data-use-case-page="booking"] .response-copy h2{font-size:clamp(2.8rem,4.1vw,4.45rem)}body[data-use-case-page="booking"] .rp-body{min-height:590px;padding:20px 16px}body[data-use-case-page="booking"] .rp-message,body[data-use-case-page="booking"] .rp-reply{padding:13px;font-size:.75rem}body[data-use-case-page="booking"] .rp-options b{padding:10px;font-size:.64rem}body[data-use-case-page="booking"] .response-badge{right:-32px;bottom:38px;padding:14px 17px}
@media(max-width:900px){body[data-use-case-page="booking"] .response-layout{grid-template-columns:1fr}body[data-use-case-page="booking"] .response-phone{width:min(430px,90vw)}}
@media(max-width:700px){body[data-use-case-page="booking"] .response-phone{width:min(370px,92vw)}body[data-use-case-page="booking"] .response-phone:before{inset:-20px}body[data-use-case-page="booking"] .response-badge{right:-6px}}
@media(prefers-reduced-motion:reduce){body[data-use-case-page="booking"] .response-phone:before{animation:none}}

/* Premium device finish shared by every Agenda phone. */
.phone-mini,.rp-frame{
  isolation:isolate;
  border-color:#050d16;
  background:#07131d;
  box-shadow:0 46px 82px rgba(1,19,38,.34),0 15px 28px rgba(1,14,28,.3),0 0 0 1px rgba(126,204,236,.22),inset 0 0 0 2px #142635,inset 0 0 0 4px rgba(255,255,255,.035);
}
.phone-mini:before,.rp-frame:before{
  content:"";
  position:absolute;
  z-index:25;
  left:50%;
  top:8px;
  width:78px;
  height:11px;
  border-radius:99px;
  background:linear-gradient(180deg,#02070c,#0b1720);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 6px rgba(0,0,0,.55);
  transform:translateX(-50%);
  pointer-events:none;
}
.phone-mini:after,.rp-frame:after{
  content:"";
  position:absolute;
  z-index:24;
  inset:2px;
  border:1px solid rgba(185,227,244,.11);
  border-radius:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -7px 16px rgba(0,17,29,.16);
  pointer-events:none;
}
.rp-frame{position:relative}
.phone-mini-head,.rp-head{
  position:relative;
  background:linear-gradient(145deg,#0d806d,#076052);
  border-bottom:1px solid rgba(3,42,36,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 5px 12px rgba(4,45,39,.13);
}
.phone-mini-head:after,.rp-head:after{
  content:"●  ▰";
  margin-left:auto;
  color:rgba(255,255,255,.68);
  font-size:.42rem;
  letter-spacing:.12em;
}
.phone-mini-head img,.rp-head img{
  border:1px solid rgba(255,255,255,.28);
  background:#1098e8;
  box-shadow:0 4px 10px rgba(0,37,66,.25),inset 0 1px 0 rgba(255,255,255,.3);
}
.phone-mini-body,.rp-body{
  position:relative;
  box-shadow:inset 0 8px 14px rgba(20,64,52,.06),inset 0 -10px 18px rgba(20,64,52,.04);
  background-color:#edf5f1;
  background-image:linear-gradient(rgba(239,247,243,.91),rgba(239,247,243,.91)),radial-gradient(circle at 1px 1px,rgba(74,122,105,.2) 1px,transparent 1.1px),linear-gradient(135deg,rgba(255,255,255,.45),transparent 45%);
  background-size:auto,16px 16px,auto;
}
.chat,.rp-message,.rp-reply{
  position:relative;
  border:1px solid rgba(41,91,75,.08);
  border-radius:12px;
  box-shadow:0 4px 11px rgba(21,62,48,.1),inset 0 1px 0 rgba(255,255,255,.72);
}
.chat.incoming:before,.rp-message:before{
  content:"";
  position:absolute;
  left:-5px;
  top:10px;
  width:10px;
  height:10px;
  background:inherit;
  border-left:1px solid rgba(41,91,75,.07);
  transform:rotate(45deg);
}
.chat.outgoing:after,.rp-reply:after{
  content:"";
  position:absolute;
  right:-5px;
  top:10px;
  width:10px;
  height:10px;
  background:inherit;
  transform:rotate(45deg);
}
.chat.outgoing,.rp-reply{background:linear-gradient(145deg,#ddffd2,#c8f9b8)}
.rp-message span,.rp-reply span,.chat small{font-variant-numeric:tabular-nums}
.booking-hero-phone.phone-mini{border-width:11px;box-shadow:0 48px 88px rgba(1,28,59,.44),0 16px 28px rgba(1,18,39,.28),0 0 0 1px rgba(144,216,246,.24),inset 0 0 0 2px #142635}
body[data-use-case-page="booking"] .rp-frame{border-width:11px;border-radius:47px}
@media(max-width:700px){.phone-mini:before,.rp-frame:before{top:7px;width:68px}.booking-hero-phone.phone-mini,body[data-use-case-page="booking"] .rp-frame{border-width:9px}}

/* MiSender hero language: electric blue, yellow commerce cue and a visible brand isotype. */
body[data-use-case-page] .hero{
  background:radial-gradient(circle at 15% 7%,rgba(255,255,255,.25),transparent 25%),radial-gradient(circle at 76% 62%,rgba(51,190,255,.18),transparent 34%),linear-gradient(135deg,#20afe9 0%,#0f72f5 47%,#0a3e9b 100%);
}
body[data-use-case-page] .hero:after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-125px;
  top:105px;
  width:340px;
  height:340px;
  border-radius:50%;
  background:#ffe047;
  box-shadow:0 0 54px rgba(255,213,47,.5),inset 0 0 42px rgba(255,255,255,.2);
  filter:blur(3px);
  opacity:.88;
  pointer-events:none;
}
body[data-use-case-page] .hero-grid{background-size:42px 42px;opacity:.92;mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),transparent 94%)}
body[data-use-case-page] .hero .eyebrow{
  padding:9px 14px;
  border:1px solid rgba(255,255,255,.32);
  border-radius:999px;
  background:rgba(255,255,255,.13);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13);
  backdrop-filter:blur(10px);
}
body[data-use-case-page] .hero-copy h1 em{
  color:var(--yellow)!important;
  text-shadow:0 9px 0 rgba(2,25,75,.18),0 22px 34px rgba(2,25,75,.18)!important;
}
body[data-use-case-page] .hero .btn-yellow{
  border-color:#e9bd14;
  background:var(--yellow)!important;
  color:#07152d!important;
  box-shadow:0 8px 0 #a88708,0 17px 30px rgba(5,39,102,.2)!important;
}
body[data-use-case-page] .hero .btn-yellow:hover{box-shadow:0 10px 0 #a88708,0 20px 34px rgba(5,39,102,.23)!important}
.hero-brand-isotype{
  position:absolute;
  z-index:30;
  left:-118px;
  top:-68px;
  width:152px;
  height:auto;
  pointer-events:none;
  filter:drop-shadow(0 18px 18px rgba(1,33,86,.34)) drop-shadow(0 0 1px rgba(255,255,255,.6));
  transform:rotate(-7deg);
  animation:heroBrandFloat 5.4s ease-in-out infinite;
}
body[data-use-case-page="booking"] .hero-brand-isotype{left:-66px}
@keyframes heroBrandFloat{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-11px) rotate(-2deg)}}
@media(max-width:1100px){.hero-brand-isotype,body[data-use-case-page="booking"] .hero-brand-isotype{left:-48px;top:-50px;width:125px}}
@media(max-width:700px){body[data-use-case-page] .hero:after{right:-120px;top:110px;width:270px;height:270px;opacity:.58}.hero-brand-isotype{left:auto;right:3px;top:-46px;width:108px}body[data-use-case-page] .hero .eyebrow{max-width:88%;line-height:1.35}}
@media(prefers-reduced-motion:reduce){.hero-brand-isotype{animation:none}}

/* Official MiSender social profiles in use-case footers. */
.footer-socials{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.footer-grid .footer-socials a{display:inline-flex;align-items:center;gap:8px;min-height:39px;padding:8px 13px;border:1px solid #26394b;border-radius:999px;background:#0a1726;color:#fff;font-size:.72rem;font-weight:850;line-height:1;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.footer-grid .footer-socials a:hover{transform:translateY(-2px);border-color:#23b7ff;background:#0c2940}.footer-socials a:focus-visible{outline:3px solid #ffd533;outline-offset:3px}.footer-socials svg{width:18px;height:18px;fill:currentColor;flex:none}