:root{--ink:#183c34;--muted:#829083;--paper:#f5f6ef;--line:#dfe5d9;--lime:#e6efb6;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #7b9461;outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em}header{height:78px;padding:0 4%;display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line)}.brand{font-size:40px;letter-spacing:-3px;font-weight:700;text-decoration:none}.brand span{color:#87975f}.sector{border-left:1px solid #cdd6c4;padding-left:22px;font-size:9px;letter-spacing:2px}.head-end{margin-left:auto;display:flex;align-items:center;gap:25px}.demo{font-size:9px;letter-spacing:1px;color:#71875c}.languages{display:flex;align-items:center;gap:7px;font-size:10px;color:#91a085}.languages button{font-size:11px;padding:10px 3px}.languages button[aria-pressed=true]{font-weight:700;color:var(--ink)}.reset{font-size:25px}.skip{position:fixed;top:10px;left:10px;background:var(--ink);color:white;padding:12px;z-index:99}.skip:not(:focus){clip-path:inset(100%);width:1px;height:1px;padding:0;overflow:hidden}main{max-width:1440px;padding:0 4%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:38px 0 28px}.eyebrow{font-size:8px;font-weight:600;letter-spacing:1.6px;color:#7e936c;display:block;line-height:1.6}.intro h1{font-size:clamp(30px,3vw,44px);line-height:1.2;margin-top:10px}.intro em{font-weight:400;color:#7e916c}.intro>p{max-width:290px;font-size:11px;line-height:1.9;color:#819078}.presenter{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:#e9edde;border:1px solid #e1e6d7;border-radius:12px;margin-bottom:28px}.play-controls{display:flex;align-items:center;gap:20px}.play{background:var(--ink);color:#f0f6d8;border-radius:7px;padding:11px 17px;font-size:11px;min-height:40px}.next{font-size:11px;padding:10px}.progress{display:flex;align-items:center;gap:15px;font-size:9px;color:#819073}.progress>div{display:flex;gap:4px}.progress i{display:block;width:16px;height:4px;border-radius:2px;background:#d0d9c4}.progress i.done{background:#6f8754}.stage{display:grid;grid-template-columns:415px minmax(0,1fr);gap:55px;align-items:start;max-width:1220px;margin:auto}.phone-area{display:flex;flex-direction:column;align-items:center}.phone-caption{font-size:7px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px;color:#839276;margin:0 0 13px}.dot{width:5px;height:5px;background:#90a775;border-radius:50%}.phone{width:390px;height:754px;display:flex;flex-direction:column;border:7px solid #202522;border-radius:49px;overflow:hidden;background:#f4f4f4;box-shadow:0 24px 55px #24392b20,0 0 0 1px #70756b, inset 0 0 0 1px #fff;position:relative;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#152c20}.status-bar{height:47px;flex:none;display:flex;align-items:center;justify-content:space-between;position:relative;padding:4px 25px 0;background:#fafafa;font-size:12px}.status-bar strong{font-size:13px}.status-bar>span{font-size:11px;letter-spacing:1px}.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#141615;width:104px;height:27px;border-radius:18px}.wa-header{height:64px;background:#fafafa;display:flex;align-items:center;padding:0 15px 0 8px;gap:10px;border-bottom:1px solid #d9ddd6;flex:none}.wa-header svg{width:23px;height:23px}.back{color:#078966;display:flex}.back svg{width:20px}.wa-avatar{width:39px;height:39px;flex:none;background:#d9e6b9;color:#355d3f;border-radius:50%;display:grid;place-items:center;font-size:28px;letter-spacing:-2px;font-weight:600}.contact{flex:1}.contact strong{display:block;font-size:16px;font-weight:600}.contact small{display:block;font-size:10px;margin-top:3px;color:#7b827c}.call-icon{color:#058a63;margin-left:8px;display:flex}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 12px 20px;background-color:#eee7dd;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none' stroke='%239b9d8826' stroke-width='1'%3E%3Cpath d='m12 8 7 12-14 0Z M62 15c12-13 20 10 5 11s-9-6-5-11Z M24 65l8-4 8 8-8 4Z M78 77l-6 7m1-13 11 11 M44 35c-6 0-6 8 0 8s6-8 0-8Z'/%3E%3C/svg%3E");scrollbar-width:thin;scrollbar-color:#babfa8 transparent}.day{display:table;margin:0 auto 12px;background:#fffdf2e6;box-shadow:0 1px 1px #0001;font-size:10px;padding:5px 10px;border-radius:6px;color:#626d65}.privacy{font-size:8px;line-height:1.6;background:#fff2c8;border-radius:7px;text-align:center;padding:8px 10px;margin:0 14px 19px;color:#8b8057}.privacy svg{width:10px;height:10px;vertical-align:middle;margin-right:3px}.bubble{position:relative;padding:9px 10px 6px;max-width:88%;border-radius:8px;box-shadow:0 1px 1px #0002;margin-bottom:10px;font-size:12px;line-height:1.45;animation:appear .22s ease}.bubble p{white-space:pre-line;overflow-wrap:anywhere}.bubble.out{margin-left:auto;background:#d9fdd3;border-top-right-radius:1px}.bubble.in{margin-right:auto;background:#fff;border-top-left-radius:1px}.stamp{display:flex;align-items:center;justify-content:flex-end;color:#8a958c;font-size:8px;margin-top:4px;gap:3px;height:12px}.stamp svg{height:15px;width:17px;color:#46aadc}.composer{display:flex;align-items:flex-end;gap:9px;padding:10px 10px 4px;background:#f7f7f7;flex:none;border-top:1px solid #e2e5df}.composer-plus{display:flex;align-self:center;color:#078c69}.composer-plus svg{width:24px;height:24px}.compose-text{flex:1;background:white;border:1px solid #e2e5df;border-radius:17px;font-size:11px;line-height:1.4;padding:9px 12px;max-height:96px;overflow-y:auto;color:#506156}.send{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#008b6b;color:white;margin-bottom:3px}.send svg{width:20px;height:20px}.home-indicator{height:21px;background:#f7f7f7;position:relative;flex:none}.home-indicator:after{content:'';position:absolute;width:122px;height:4px;background:#191d19;left:50%;transform:translateX(-50%);bottom:5px;border-radius:3px}.phone-help{font-size:9px;color:#87947c;margin-top:15px}.start-hint{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:230px;margin:110px auto 0;color:#899980}.start-hint>span{font-size:50px;font-weight:600;letter-spacing:-4px;color:#a2b28c}.start-hint p{font-size:11px;line-height:1.7;margin-top:12px}.typing{display:flex;gap:4px;background:#fff;padding:13px;width:55px;border-radius:7px}.typing i{width:5px;height:5px;border-radius:50%;background:#85967c;animation:pulse 1s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.data-heading{display:flex;align-items:flex-start;gap:20px;justify-content:space-between;padding:0 0 20px}.data-heading h2{font-size:34px;margin:9px 0 6px}.data-heading p{font-size:10px;color:#86947d;line-height:1.7}.sync{display:flex;align-items:center;gap:7px;font-size:8px;color:#8c9a80;white-space:nowrap;margin-top:28px}.sync i{width:5px;height:5px;border-radius:50%;background:#829962}.last-event{min-height:68px;padding:15px 18px;border-radius:10px;background:#e9efd9;display:flex;align-items:center;gap:13px;margin-bottom:18px;border:1px solid #dfe7ce}.event-icon{width:28px;height:28px;background:#dae7bc;display:grid;place-items:center;border-radius:50%;flex:none;font-size:15px;color:#5a7744}.last-event small{font-size:8px;display:block;color:#8a9c73;margin-bottom:5px}.last-event p{font-size:11px;line-height:1.5}.data-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.record{min-height:152px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px;transition:border-color .3s,box-shadow .3s}.record.highlight{border-color:#a9bc87;box-shadow:0 0 0 3px #dbe7c838}.record.wide{grid-column:1/-1;min-height:130px}.record-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:19px}.record-head>span:first-child{font-size:17px;color:#8fa278}.record h3{font-size:11px;font-weight:500}.pill{display:inline-block;font-size:7px;line-height:1.5;padding:4px 7px;border-radius:5px;background:#f0f2eb;color:#87937e}.record-head .pill{margin-left:auto}.pill.green{color:#537742;background:#ecf4df}.pill.amber{color:#a0854c;background:#fff4dc}.record-name{display:block;font-size:11px;font-weight:500}.empty{color:#a7b09b;font-size:10px;line-height:1.7;margin:27px 0 15px}dl{margin:16px 0 0}dl>div{display:flex;align-items:flex-start;gap:10px;justify-content:space-between;margin-top:10px;font-size:9px}dt{color:#96a08c}dd{margin:0;text-align:right;max-width:150px}.source{display:block;color:#9aa78c;font-size:8px;line-height:1.6;margin-top:16px}.reminder{position:relative;padding-left:13px;margin:15px 0}.reminder i{position:absolute;left:0;top:4px;width:4px;height:4px;border-radius:50%;background:#9bb77a}.reminder strong{display:block;font-size:11px;font-weight:500}.reminder small{display:block;margin-top:5px;color:#a0ac93;font-size:8px}blockquote{font-size:11px;line-height:1.8;color:#718368;margin:15px 0 0;padding:12px 15px;border-left:2px solid #c8d7ae;background:#f7f9f1}.money{font-size:31px;font-weight:500;letter-spacing:-1px;display:block}.invoice{display:block;font-size:9px;margin:7px 0 14px;color:#91a084}.count{margin-left:auto;font-size:10px!important}.task{display:flex;gap:10px;align-items:flex-start;margin-top:23px}.checkbox{border:1px solid #bac9a7;width:14px;height:14px;border-radius:3px;flex:none}.task p{font-size:10px;line-height:1.6}.finish{display:flex;gap:14px;align-items:center;background:var(--ink);color:var(--lime);padding:20px;border-radius:12px;margin-top:17px}.finish>span{font-size:23px}.finish h3{font-weight:500;font-size:13px}.finish p{font-size:10px;line-height:1.7;margin-top:5px;color:#b6c6a4}.bottom-note{display:flex;align-items:center;gap:30px;border-top:1px solid var(--line);margin-top:35px;padding:26px 0}.bottom-note>span{font-weight:700;font-size:28px;letter-spacing:-2px}.bottom-note>span>span{color:#8ca16e}.bottom-note p{font-size:8px;color:#91a084;line-height:1.8;max-width:580px}.bottom-note a{font-size:10px;text-decoration:none;margin-left:auto;white-space:nowrap}.mobile-tabs{display:none}dialog{border:1px solid #dce4d3;border-radius:18px;padding:30px;color:var(--ink);max-width:420px;width:calc(100% - 30px);background:var(--paper)}dialog::backdrop{background:#13352bba;backdrop-filter:blur(5px)}dialog h2{font-size:30px}dialog p{font-size:12px;line-height:1.8;color:#8c9a80;margin-top:15px}dialog>div{display:flex;gap:15px;margin-top:25px}dialog button{padding:13px 17px;background:#e8eddc;border-radius:7px;font-size:11px;flex:1}dialog button:last-child{background:var(--ink);color:white}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes pulse{50%{opacity:.3;transform:translateY(-2px)}}@media(min-width:1450px){.stage{gap:65px}.phone{height:780px}}@media(max-width:1150px){.stage{grid-template-columns:380px minmax(0,1fr);gap:25px}.phone{width:365px;height:740px}.intro h1{font-size:34px}.intro em{display:block}.data-heading h2{font-size:29px}.sync{display:none}.record{padding:15px}.record-head .pill{margin-left:0}.record-head{gap:7px}.data-grid{gap:12px}.record h3{font-size:10px}.bottom-note a{white-space:normal;max-width:180px}}@media(max-width:800px){header{height:65px;padding:0 20px;gap:14px}.brand{font-size:34px}.sector{font-size:8px;letter-spacing:1.3px;padding-left:14px}.head-end{gap:14px}.demo{font-size:8px}.languages button{font-size:10px}.reset{font-size:22px}main{padding:0 18px}.intro{padding:25px 0 20px;display:block}.intro h1{font-size:34px;margin-top:9px}.intro em{display:inline}.intro>p{font-size:11px;max-width:480px;margin-top:14px}.presenter{padding:12px;gap:12px;margin-bottom:8px;flex-wrap:wrap}.play-controls{gap:8px;flex:1}.play{font-size:10px;padding:10px 12px;flex:1}.next{font-size:10px;padding:10px 5px}.progress{flex-basis:100%;justify-content:space-between;font-size:8px;padding:2px 3px}.progress i{width:19px;height:3px}.mobile-tabs{display:flex;gap:6px;margin:13px 0 18px}.mobile-tabs button{flex:1;background:#e9eedf;border-radius:7px;font-size:11px;padding:13px 8px}.mobile-tabs button.active{background:var(--ink);color:var(--lime)}.mobile-tabs b{font-size:8px;display:inline-block;background:#d9e7bf;color:var(--ink);padding:2px 5px;border-radius:4px;margin-left:7px}.stage{display:block}.internals{display:none}.stage.show-data .internals{display:block}.stage.show-data .phone-area{display:none}.phone{width:390px;max-width:100%;height:730px}.phone-caption{font-size:7px;letter-spacing:.8px}.data-grid{gap:12px}.record{padding:19px}.record h3{font-size:11px}.record-head .pill{margin-left:auto}.data-heading h2{font-size:33px}.record-name{font-size:12px}.record-head{margin-bottom:20px}.empty{font-size:11px}.data-heading p{font-size:11px}.record.wide{min-height:135px}blockquote{font-size:12px}.last-event p{font-size:12px}.bottom-note{flex-wrap:wrap;gap:18px;padding-bottom:30px;margin-top:27px}.bottom-note p{flex:1;font-size:8px;min-width:220px}.bottom-note a{margin:0;font-size:10px;max-width:none}.phone-help{font-size:9px}}@media(max-width:440px){main{padding:0 12px}header{padding:0 16px;gap:11px}.sector{font-size:7px;letter-spacing:1px;padding-left:11px}.head-end{gap:10px}.intro{padding:22px 7px 19px}.intro h1{font-size:34px;line-height:1.12;max-width:340px}.intro em{display:block}.eyebrow{font-size:7px;letter-spacing:1.3px}.intro>p{font-size:10px;margin-top:12px;max-width:310px}.phone{border-width:0;border-radius:22px;width:100%;height:min(740px,calc(100svh - 30px));min-height:550px;box-shadow:0 0 0 1px #cfd6c6,0 15px 35px #213a2410}.status-bar{display:none}.wa-header{height:64px;padding-top:3px}.chat-scroll{padding:14px 10px 20px}.bubble{font-size:13px;max-width:88%;line-height:1.45}.compose-text{font-size:12px;max-height:110px}.phone-caption{font-size:6px;margin-bottom:10px}.phone-help{font-size:8px}.home-indicator{height:17px}.composer{padding:9px 9px 5px}.internals{padding:0 5px}.record{padding:15px}.record-head{gap:7px}.record h3{font-size:10px}.record-head .pill{margin-left:0}.pill{font-size:7px}.record-name{font-size:10px}.money{font-size:28px}.source{font-size:7px}.record dl>div{flex-direction:column;gap:5px}.record dd{text-align:left}.task p{font-size:10px}.reminder strong{font-size:10px}.data-heading{padding-bottom:17px}.data-heading h2{font-size:30px}.data-heading p{font-size:10px}.last-event{padding:13px 14px}.last-event p{font-size:10px}.empty{font-size:10px}.play{font-size:9px}.next{font-size:9px}.bottom-note{padding:20px 6px}.start-hint{margin-top:90px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.bubble{animation:none}@media(min-width:801px){header{height:70px}.intro{padding:24px 0 20px}.intro h1{font-size:36px}.presenter{margin-bottom:20px}.phone{height:clamp(570px,calc(100svh - 285px),754px)}.data-heading{padding-bottom:15px}.record{min-height:140px}.record.wide{min-height:115px}.record-head{margin-bottom:15px}.empty{margin:20px 0 10px}}