:root{--bg:#0b1c29;--mint:#65e8c2;--text:#eff5f7;--muted:#a7bac7;--line:#29414f;--ink:#173343}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Inter,Arial,sans-serif}button,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default;opacity:.75}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #23b997;outline-offset:4px}.wrap{max-width:1180px;margin:auto;padding-inline:32px}header{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 max(32px,calc((100vw - 1116px)/2));position:sticky;top:0;z-index:10;background:#0b1c29f5;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff08}.logo{font-size:31px;font-weight:750;letter-spacing:-1.7px;display:flex;align-items:center;gap:8px}.logo span{color:var(--mint);font-size:25px;font-weight:400;line-height:1}nav{display:flex;gap:30px;font-size:14px;color:#b7c8d2}.button{border:0;border-radius:7px;padding:14px 22px;background:var(--mint);color:#123c32;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:25px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#92f5d6}.nav-cta{padding:9px 18px;font-size:13px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:68px;align-items:center;padding-top:75px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:1.9px;font-weight:700;color:var(--mint)}h1{font-size:clamp(49px,5.3vw,72px);font-weight:500;line-height:1.07;letter-spacing:-3.5px;margin:23px 0}em{font-style:normal;color:var(--mint)}.hero-text>p{font-size:17px;color:var(--muted);max-width:420px;margin:0 0 27px;line-height:1.8}.under-link{display:block;font-size:12px;color:#acc1cf;margin-top:18px}.hero-visual{border:1px solid #3a5562;border-radius:15px;background:radial-gradient(ellipse at 70% 80%,#2d5f5950,transparent 80%),#122b3a;padding:21px;box-shadow:0 25px 70px #0003;transform:none}.visual-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:1.5px;margin-bottom:18px;color:#b1c8d3}.demo-tag{font-size:9px;letter-spacing:0;border:1px solid #597477;border-radius:4px;padding:2px 7px}.preview-chat{background:#f3f7f4;color:var(--ink);border-radius:9px;padding:17px}.preview-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dce6e0;padding-bottom:13px;margin-bottom:15px}.channel-icon{width:32px;height:32px;border-radius:50%;background:#ddf5e8;color:#208458;display:grid;place-items:center;font-size:22px}.preview-title strong{font-size:12px;display:block}.preview-title small{font-size:9px;display:block;color:#789083}.mini-star{margin-left:auto;color:#249c77;font-size:25px}.bubble{font-size:12px;line-height:1.6;padding:10px 12px;border-radius:9px;margin:9px 0;max-width:86%}.incoming{background:#fff;border:1px solid #e5ede7;width:fit-content;border-bottom-left-radius:1px}.outgoing{background:#d5f2e2;margin-left:auto;border-bottom-right-radius:1px}.outgoing>span{font-size:10px;float:right;color:#42a28d;margin-left:7px}.short{margin-bottom:0}.flow-label{display:flex;align-items:center;gap:10px;justify-content:center;font-size:9px;color:#a9cbbf;margin:15px 0}.flow-label>span{flex:1;height:1px;background:linear-gradient(90deg,transparent,#65e8c2)}.flow-label>span:last-child{transform:rotate(180deg)}.preview-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:11px}.preview-calendar,.preview-report{background:#fff;color:var(--ink);padding:15px;border-radius:8px}.mini-label{font-size:8px;letter-spacing:1px;color:#708b99}.appointment{display:flex;gap:11px;align-items:center;margin:18px 0}.appointment>b{color:#4f6781;font-size:17px;font-weight:500}.appointment strong{font-size:11px;display:block}.appointment small{font-size:9px;color:#8a9bab;display:block}.confirmed{font-size:9px;color:#228763;background:#e9f5ee;padding:4px 6px;border-radius:3px}.report-number{font-size:30px;letter-spacing:-1px;margin-top:7px;line-height:1.3}.report-number span{font-size:9px;color:#748a99;letter-spacing:0;display:block}.tiny-bars{height:42px;display:flex;align-items:flex-end;gap:7px;margin-top:9px}.tiny-bars i{flex:1;background:#5cae9a;border-radius:2px 2px 0 0;transform-origin:bottom;animation:grow 1.2s ease both}.tiny-bars i:nth-child(even){background:#2c6075}.visual-footer{text-align:center;font-size:10px;color:#a8bdca;margin-top:17px}.visual-footer span{color:var(--mint);margin:0 8px}.promise{display:flex;justify-content:center;gap:45px;padding-bottom:40px;font-size:12px;color:#92aabb}.promise strong{color:#d2e8df;font-weight:500}.light{background:#f3f6f6;color:var(--ink)}.light .eyebrow{color:#368574}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:35px}h2{font-size:39px;font-weight:500;line-height:1.18;letter-spacing:-1.5px;margin:14px 0 0}.section-heading>p{max-width:320px;font-size:14px;line-height:1.8;color:#a6bdcb;margin:0}.light .section-heading>p{color:#677f8e}.solutions,.examples,.experience{padding-top:72px;padding-bottom:72px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution{padding:23px 20px;background:#fff;border:1px solid #dde7e8;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s,box-shadow .2s}.solution:hover{transform:translateY(-4px);box-shadow:0 10px 25px #1634440b}.solution.featured{border-color:#a7cfc2;background:#fafffc}.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;font-size:23px}.green{background:#e0f4e9;color:#258660}.violet{background:#eeebfa;color:#7f67ad}.blue{background:#e5effa;color:#487999}.gold{background:#fbf0cf;color:#af8823}.solution h3{font-size:18px;letter-spacing:-.5px;font-weight:600;line-height:1.3;margin:19px 0 10px}.solution p{font-size:13px;line-height:1.8;color:#6f8491;margin:0 0 23px}.solution a{font-size:11px;font-weight:700;color:#307b6c;margin-top:auto}.more-services{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:23px}.more-services details{border-bottom:1px solid #d8e3e5;padding:13px 0}.more-services summary{display:flex;align-items:center;gap:12px;font-size:13px;cursor:pointer;list-style:none}.more-services summary>span{color:#57968a;font-size:18px}.more-services b{font-weight:400;margin-left:auto;color:#83a49c}.more-services details p{font-size:13px;color:#718491;padding-left:30px}.scenario-picker{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.scenario-picker button{background:#132d3d;border:1px solid #345060;color:#adc5d3;font-size:13px;padding:10px 17px;border-radius:6px}.scenario-picker button.active{background:#65e8c2;color:#164b3b;border-color:#65e8c2}.example-layout{display:grid;grid-template-columns:.8fr 1.35fr;gap:55px;align-items:center}.example-number{color:#79b9a6;font-size:10px;letter-spacing:1.5px}.example-story h3{font-size:30px;font-weight:500;line-height:1.2;letter-spacing:-.8px;margin:17px 0}.example-story p{font-size:14px;color:#9fb7c7;line-height:1.8}.example-story ul{list-style:none;padding:0;margin:23px 0}.example-story li{font-size:12px;color:#c4d8e2;margin-bottom:9px}.example-story li:before{content:'✓';margin-right:10px;color:var(--mint)}.text-cta{font-size:12px;font-weight:700;color:var(--mint)}.example-stage{min-width:0;background:#f6f8fa;border-radius:11px;color:var(--ink);box-shadow:0 20px 50px #0002;overflow:hidden;border:1px solid #d5e1e7;min-height:355px}.stage-header{background:#fff;display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid #e0e8ee;gap:10px}.stage-header strong{font-size:13px;display:flex;gap:9px;align-items:center}.stage-header small{font-size:9px;color:#879aa8}.stage-body{padding:22px}.stage-body .bubble{font-size:13px}.stage-body .outgoing{max-width:87%}.demo-action{border:1px solid #a4c5bb;background:#e6f3ed;color:#286753;border-radius:6px;padding:9px 13px;font-size:12px;display:block;margin-top:20px}.action-result{font-size:11px;color:#618170;margin:14px 0 0;min-height:18px}.demo-status{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #dae6e3;padding:12px;margin-top:18px;border-radius:6px;font-size:11px;color:#688272}.demo-status b{color:#258565;font-weight:500}.date-label{font-size:12px;color:#647f90;margin-bottom:15px}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.slot{background:#fff;border:1px solid #d4e1e7;border-radius:6px;padding:12px 7px;font-size:13px;color:#536f83}.slot.selected{border-color:#378b74;background:#e3f4ec;color:#267359}.booking{background:#fff;border:1px solid #dce6eb;border-radius:7px;padding:16px;margin-top:20px;display:flex;justify-content:space-between;align-items:center}.booking strong{display:block;font-size:14px}.booking small{font-size:11px;color:#8395a3}.booking>span{font-size:11px;color:#4f8b77}.mail-subject{font-size:17px;line-height:1.4;margin:10px 0;color:#274657}.email-meta{font-size:10px;color:#7b92a0;border-bottom:1px solid #dce6ec;padding-bottom:12px}.email-content{font-size:13px;line-height:1.8;color:#66808e;background:#fff;padding:15px;border-radius:6px;margin-top:15px}.classification{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.classification span{font-size:10px;background:#e5eef5;padding:5px 9px;color:#4e7088;border-radius:4px}.classification span:first-child{background:#e5f4eb;color:#328161}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metrics>div{border:1px solid #e0e8ed;background:#fff;border-radius:6px;padding:12px}.metrics small{font-size:10px;color:#7a92a1;display:block}.metrics strong{font-size:23px;letter-spacing:-.7px;font-weight:500;display:block;margin-top:4px}.metrics strong span{font-size:12px}.report-controls{display:flex;gap:6px}.report-controls button{border:1px solid #dce6e8;border-radius:4px;background:#fff;color:#617e8d;font-size:10px;padding:5px 8px}.report-controls button.selected{background:#e4f2ec;border-color:#a8cdbf;color:#367a64}.large-chart{background:#fff;border:1px solid #e0e8ed;border-radius:6px;padding:15px;margin-top:12px}.chart-top{display:flex;justify-content:space-between;font-size:11px;color:#527187}.chart-top small{font-size:9px;color:#8298a5}.bars{display:flex;gap:17px;align-items:flex-end;height:127px;margin-top:14px;padding-top:16px;background:repeating-linear-gradient(to top,#e8edf1 0,#e8edf1 1px,transparent 1px,transparent 32px)}.bars>div{flex:1;height:var(--h);background:#5dad99;border-radius:3px 3px 0 0;position:relative}.bars>div:last-child{background:#2d6074}.bars span{position:absolute;bottom:100%;text-align:center;width:100%;font-size:9px;color:#708d9c;padding-bottom:3px}.months{display:flex;gap:17px;color:#8ba0ac;font-size:9px;margin-top:7px}.months span{flex:1;text-align:center}.disclaimer{font-size:10px;color:#7b99ad;text-align:right;margin-top:20px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.case-grid article{border-top:1px solid #cbdcdf;padding-top:20px}.case-grid article>span{font-size:9px;color:#509080;letter-spacing:1px}.case-grid h3{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.6px;margin:14px 0}.case-grid p{font-size:13px;color:#6e8592;line-height:1.8}.case-grid small{font-size:10px;color:#7e97a4}.experience-note{font-size:10px;color:#8da0aa;margin-top:25px}.tech-details{border-top:1px solid #d1dfe3;margin-top:30px;padding-top:18px}.tech-details summary{font-size:12px;color:#577b83;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.tech-details p{font-size:13px;color:#6b828e;max-width:850px}.contact{text-align:center;padding-top:75px;padding-bottom:65px}.contact h2{font-size:51px;margin-top:20px}.contact p{color:#a7bfce;font-size:15px;margin:22px 0}.contact>small{font-size:10px;color:#7a9aae;display:block;margin-top:15px}footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #263f4e;padding-top:22px;padding-bottom:40px}footer p,footer small{font-size:11px;color:#7f9baa}.floating{position:fixed;bottom:20px;right:22px;background:var(--mint);border:1px solid #3d9f85;color:#164b3c;border-radius:30px;padding:11px 18px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;z-index:15;box-shadow:0 8px 25px #0003}dialog{background:#102c3d;color:var(--text);border:1px solid #3b6470;border-radius:12px;padding:35px;max-width:500px;width:calc(100% - 32px)}dialog::backdrop{background:#04111ce0;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p{font-size:14px;color:var(--muted)}dialog label{display:block;font-size:12px;margin:20px 0 7px}textarea{width:100%;background:#091c29;color:var(--text);border:1px solid #3c5d6b;border-radius:5px;font-size:14px;padding:12px;resize:vertical;margin-bottom:20px}.close{position:absolute;right:15px;top:10px;color:var(--muted);border:0;background:none;font-size:27px}@keyframes grow{from{transform:scaleY(.2)}to{transform:scaleY(1)}}@media(max-width:1000px){.hero{gap:30px}.hero h1{font-size:57px}.preview-bottom{grid-template-columns:1fr 1fr}.preview-calendar,.preview-report{padding:12px}.appointment{gap:6px}.appointment>b{font-size:15px}.solution-grid{grid-template-columns:repeat(2,1fr)}.solution h3{font-size:20px}.solution p{font-size:14px}.example-layout{gap:30px;grid-template-columns:1fr 1.4fr}.metrics strong{font-size:20px}}@media(max-width:700px){.wrap{padding-inline:22px}header{height:72px;padding-inline:22px}nav{display:none}.logo{font-size:28px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:32px;gap:33px}.hero h1{font-size:clamp(51px,12vw,72px);letter-spacing:-2.8px;margin:18px 0}.hero .eyebrow{font-size:9px}.hero-text>p{font-size:16px;max-width:100%}.hero-visual{transform:none;padding:17px}.preview-chat{padding:14px}.bubble{font-size:12px}.preview-calendar,.preview-report{padding:12px}.visual-heading{font-size:8px;letter-spacing:1px}.preview-title strong{font-size:11px}.flow-label{font-size:8px;gap:6px}.mini-label{font-size:7px}.appointment{gap:6px;flex-wrap:wrap;margin:12px 0}.appointment strong{font-size:10px}.confirmed{font-size:8px}.visual-footer{font-size:9px}.promise{gap:10px;flex-wrap:wrap;font-size:10px;padding-bottom:28px}.promise strong{width:100%;text-align:center}.solutions,.examples,.experience{padding-top:45px;padding-bottom:45px}.section-heading{display:block;margin-bottom:26px}h2{font-size:31px;letter-spacing:-1px}.section-heading .eyebrow{font-size:9px}.section-heading>p{font-size:14px;max-width:100%;margin-top:16px}.solution-grid{gap:10px}.solution{padding:18px 14px}.solution h3{font-size:17px;margin-top:15px}.solution p{font-size:12px;line-height:1.8;margin-bottom:19px}.solution a{font-size:10px}.icon{width:34px;height:34px;font-size:21px}.more-services{grid-template-columns:1fr;gap:0}.more-services summary{font-size:13px}.scenario-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:23px}.scenario-picker button{font-size:12px;padding:10px 6px}.example-layout{grid-template-columns:1fr;gap:25px}.example-story h3{font-size:26px;max-width:340px}.example-story p{font-size:14px}.example-story ul{margin:15px 0}.example-stage{min-height:340px}.stage-body{padding:17px}.stage-header{padding:13px 15px}.stage-header strong{font-size:12px}.stage-header small{font-size:8px}.metrics{gap:6px}.metrics>div{padding:10px 8px}.metrics strong{font-size:20px}.metrics small{font-size:9px}.report-controls button{font-size:9px;padding:4px 6px}.large-chart{padding:12px}.bars,.months{gap:12px}.disclaimer{text-align:left;font-size:9px}.case-grid{grid-template-columns:1fr;gap:24px}.case-grid h3{font-size:21px}.case-grid p{font-size:14px}.experience-note{font-size:9px}.contact{padding-block:50px}.contact .eyebrow{font-size:9px}.contact h2{font-size:39px}.contact p{font-size:14px}.contact>small{font-size:9px}footer{padding-bottom:90px}footer p{display:none}.floating{right:16px;bottom:16px;font-size:12px}.slot-grid{gap:8px}.slot{font-size:12px}}@media(max-width:360px){.solution-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.metrics strong{font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Jaflow Flujo identity and consistent vector icons */
.about{padding-block:76px;border-bottom:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}.about-heading h2{font-size:44px}.about-lead{font-size:21px;line-height:1.65;color:var(--text);max-width:410px;margin:25px 0}.about-focus{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px}.about-focus li{border:1px solid #65e8c236;border-radius:5px;padding:6px 10px;font-size:11px;color:var(--mint);background:#65e8c208}.about-copy{padding:30px 32px;border:1px solid var(--line);border-radius:12px;background:#102c3d80}.about-copy p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 22px}.about-copy p:last-child{margin-bottom:0}.whatsapp-contact{max-width:650px;margin:38px auto 0;padding:26px;border:1px solid var(--line);border-radius:12px;background:#102c3d80}.whatsapp-contact h3{font-size:23px;font-weight:500;line-height:1.3;letter-spacing:-.5px;margin:0}.whatsapp-contact p{font-size:14px;line-height:1.8;margin:14px 0 20px}.button.whatsapp-link{gap:9px}.whatsapp-floating{bottom:max(20px,env(safe-area-inset-bottom));gap:8px}@media(min-width:701px) and (max-width:950px){nav{gap:18px;font-size:13px}}@media(max-width:700px){.about{padding-block:48px}.about-layout{grid-template-columns:1fr;gap:25px}.about-heading h2{font-size:33px}.about-lead{font-size:19px;max-width:none;margin:20px 0}.about-copy{padding:24px 22px}.about-copy p{font-size:14px}.about-focus{margin-top:20px}.whatsapp-contact{padding:24px 20px;margin-top:28px}.whatsapp-contact h3{font-size:21px}.whatsapp-floating{bottom:max(16px,env(safe-area-inset-bottom))}}
.logo{gap:10px;letter-spacing:-1.4px}.logo .brand-name{color:var(--text);font-size:30px;font-weight:650;line-height:1;letter-spacing:-1.5px}.brand-mark{width:29px;height:42px;object-fit:contain;flex-shrink:0}.line-icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0}.icon .line-icon{width:22px;height:22px}.channel-icon .line-icon{width:20px;height:20px}.mini-star .line-icon{width:23px;height:23px}.scenario-picker button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.scenario-picker .line-icon{width:17px;height:17px}.floating .line-icon{width:19px;height:19px}.more-services summary>span{display:flex;align-items:center}.more-services .line-icon{width:19px;height:19px}.stage-header strong .line-icon{width:18px;height:18px}.button{gap:0}.under-link:hover,.text-cta:hover,.solution a:hover{text-decoration:underline;text-underline-offset:4px}.example-story li{position:relative;padding-left:20px}.example-story li:before{content:'';position:absolute;left:2px;top:7px;width:7px;height:4px;border-left:1.6px solid var(--mint);border-bottom:1.6px solid var(--mint);transform:rotate(-45deg);margin:0}.close{width:32px;height:32px;display:grid;place-items:center}.close .line-icon{width:21px;height:21px}@media(max-width:700px){.brand-mark{width:25px;height:36px}.logo .brand-name{font-size:27px}.scenario-picker .line-icon{width:16px;height:16px}.scenario-picker button{gap:6px}}