:root{--ink:#163a32;--muted:#84928d;--mint:#0b8b75;--line:#e6efea;--bg:#f6f9f7;--navy:#062a26;--card:#fff;--shadow:0 15px 43px #1037290d}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.48 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible{outline:3px solid #83d4bb;outline-offset:2px}.container{max-width:1160px;margin:auto;padding:0 30px}.sitebar{background:#fff;border-bottom:1px solid #eaf0ed}.barinner{min-height:77px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1}.brand-mark{height:41px;width:41px;padding-bottom:4px;border-radius:11px;background:#0b2e29;color:#fff;display:grid;place-items:center;font-size:29px}.brand-dot,.brand-green{color:#24b995}.brand small{display:block;margin-top:7px;font-size:9px;letter-spacing:1.2px;color:#8a9a93}.bar-right{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:650;color:#71857d;letter-spacing:.3px}.online-dot,.mini-online{display:inline-block;background:#22bd87;height:7px;width:7px;border-radius:50%;box-shadow:0 0 0 3px #e7f7f0}.bar-divider{height:15px;width:1px;background:#dce6e1;margin:0 9px}.hero{color:#fff;background:radial-gradient(circle at 80% 30%,#14574c 0,transparent 37%),radial-gradient(circle at 23% -40%,#147861 0,transparent 39%),linear-gradient(120deg,#092f29,#081d1d);overflow:hidden;position:relative}.hero::after{content:"";position:absolute;bottom:-174px;left:-7%;height:190px;width:114%;border:1px solid #2ad2a743;border-radius:50%;box-shadow:0 -17px 55px #05ae8421}.hero-grid{min-height:318px;display:grid;grid-template-columns:57% 43%;align-items:center;gap:18px;padding-top:44px;padding-bottom:45px}.eyebrow,.overline{font-size:10px;letter-spacing:1.8px;font-weight:800;color:#87d5bf}.eyebrow i{display:inline-block;width:8px;height:8px;background:#38daab;border-radius:50%;margin-right:10px}.hero h1{font-weight:780;font-size:clamp(32px,3.4vw,46px);line-height:1.12;letter-spacing:-1.9px;margin:19px 0}.hero h1 span{color:#5de5b6}.hero p{color:#c9e1d9;font-size:14px;line-height:1.72;max-width:520px;margin:0}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.hero-pills span{border:1px solid #438777;background:#14524578;border-radius:30px;padding:7px 11px;color:#c9f1e1;font-size:11px}.hero-art{height:245px;position:relative}.float-card{width:262px;display:flex;align-items:center;gap:12px;background:#0a4237dd;border:1px solid #408d79;border-radius:14px;padding:14px 17px;position:absolute;box-shadow:0 12px 30px #0003}.float-card.one{top:24px;left:8px;transform:rotate(-3deg)}.float-card.two{top:115px;right:0;transform:rotate(3deg)}.app-ic,.sel-icon{height:37px;width:37px;display:grid;place-items:center;border-radius:11px;background:#228de4;color:#fff;font-weight:900;font-size:23px}.app-ic.max,.sel-icon.max{background:#6750e5}.float-card b,.float-card small{display:block}.float-card b{font-size:14px}.float-card small{font-size:11px;color:#afcec2}.verified{color:#52e8b4;margin-left:auto;font-size:21px}.flow-connector{position:absolute;border:2px dashed #2ed6ad6f;border-radius:50%;width:240px;height:120px;left:100px;top:72px;transform:rotate(-18deg)}.float-result{position:absolute;bottom:3px;left:20px;font-size:11px;color:#b6e3d2}.float-result b{display:inline-block;margin-left:10px;color:#64e3b8;font-size:9px;letter-spacing:1px}.workspace{padding-top:49px;padding-bottom:48px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px}.section-head h2{font-size:28px;letter-spacing:-1px;margin:6px 0 4px}.section-head p{color:var(--muted);font-size:12px;margin:0}.section-head .overline,.info-card .overline,.workflow .overline{color:#119b80}.clear-btn{border:1px solid #cfe4d9;background:#fff;padding:11px 14px;border-radius:11px;color:#30725f;font-size:11px;font-weight:750}.clear-btn:hover{background:#eef8f1}.workspace-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:25px}.selector{display:flex;gap:6px;padding:5px;border-radius:13px;background:#e7f1eb;margin-bottom:13px}.sel{display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:transparent;padding:9px 12px;width:50%;font-weight:800;color:#78908a;border-radius:10px}.sel.active{color:#245d51;background:white;box-shadow:0 2px 10px #1d503b0d}.sel-icon{height:24px;width:24px;border-radius:7px;font-size:14px}.phone{height:555px;border:1px solid #dce9e3;background:#ecf6f1;box-shadow:var(--shadow);border-radius:18px;display:flex;flex-direction:column;overflow:hidden}.phone-top{height:71px;background:white;padding:12px 19px;display:flex;align-items:center;gap:11px;border-bottom:1px solid #e8eee9}.avatar{height:39px;width:39px;border-radius:12px;background:#2e9bed;color:#fff;display:grid;place-items:center;font-size:21px}.avatar.max{background:#674bea}.phone-top strong{display:block;font-size:13px}.phone-top small{display:block;color:#85978d;font-size:10px;margin-top:3px}.mini-online{height:5px;width:5px;box-shadow:none;margin-right:4px}.phone-dots{margin-left:auto;letter-spacing:2px;color:#8a9c94}.messages{flex:1;overflow-y:auto;padding:22px 15px;display:flex;flex-direction:column;gap:10px;background-image:radial-gradient(#d7e9df99 .8px,transparent .8px);background-size:17px 17px}.bubble{padding:12px 14px;border-radius:13px;white-space:pre-line;font-size:12px;line-height:1.65;box-shadow:0 2px 8px #15563710;max-width:95%;overflow-wrap:anywhere}.bubble.bot{background:#fff;border-bottom-left-radius:3px;align-self:flex-start}.bubble.user{background:#cff5df;border-bottom-right-radius:3px;align-self:flex-end;color:#1c634c}.bubble small{font-size:9px;color:#97a99d;display:block;text-align:right;margin-top:7px}.choices{display:flex;flex-wrap:wrap;gap:6px;align-self:stretch}.choices button{background:#fff;border:1px solid #c9e8d6;border-radius:9px;color:#0d775d;padding:9px 10px;font-size:11px;font-weight:750;max-width:100%;transition:.12s}.choices button:hover{background:#dff9e9;border-color:#71c59f}.phone-bottom{background:#fff;border-top:1px solid #e0eae4;padding:13px 18px;display:flex;justify-content:space-between;align-items:center;color:#a0b1a8;font-size:11px}.dummy-attach{font-size:22px}.dummy-send{font-size:20px;color:#0ca384}.foot-hint{font-size:11px;color:#7d9489;line-height:1.6;margin:13px 4px 0}.right-stack{display:flex;flex-direction:column;gap:16px}.info-card,.workflow{border-radius:18px;border:1px solid #edf2ef;background:#fff;padding:24px;box-shadow:var(--shadow)}.info-card h3,.workflow h3{font-size:20px;letter-spacing:-.5px;margin:9px 0 4px}.info-card p,.workflow p{font-size:12px;color:#869890;line-height:1.65;margin:0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.mini-stats>div{background:#f4faf6;padding:15px 14px;border:1px solid #e3f1e9;border-radius:12px}.mini-stats strong{font-size:26px;display:block;color:#0c816a}.mini-stats small{font-size:10px;color:#8da298}.table-area{overflow:auto;margin-top:18px;min-height:150px}table{border-collapse:collapse;width:100%;min-width:460px;text-align:left}th{color:#9dad9f;font-size:9px;letter-spacing:.6px;padding:11px 7px}td{border-top:1px solid #edf3ef;font-size:11px;color:#46756b;padding:13px 7px}td strong{color:#29564d}td .pill{padding:5px 7px;border-radius:7px;background:#e6f8ec;color:#0b8158;font-size:9px;font-weight:800}.no-data{text-align:center;color:#a0ada5;padding:34px 7px}.workflow-track{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin:23px 0}.workflow-track>div:not(.arrow){background:#f7faf8;border:1px solid #e8efe9;border-radius:12px;padding:13px 9px;min-width:0}.workflow-track span{display:block;color:#21a886;font-size:9px;font-weight:900;margin-bottom:7px}.workflow-track b{display:block;font-size:11px;line-height:1.3}.workflow-track small{display:block;font-size:9px;color:#8b9e96;margin-top:5px}.workflow-track .arrow{color:#61bfa0}.footer-note{padding:13px 30px 48px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e6eee9}.footer-note strong{font-size:13px}.footer-note p{font-size:11px;color:#97a89f;margin:5px 0}.footer-brand{font-size:21px;font-weight:800;letter-spacing:-1px}.footer-brand span{color:#29b390}footer{background:#eaf1ed;padding:18px 0}.footer-inner{display:flex;justify-content:space-between;font-size:10px;color:#91a196}.toast{position:fixed;bottom:22px;right:22px;background:#163d33;color:white;border-radius:13px;padding:12px 18px;box-shadow:0 15px 36px #0003;font-size:12px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1000px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.workspace-grid{grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:14px}.container{padding-left:18px;padding-right:18px}.info-card,.workflow{padding:17px}.workflow-track{grid-template-columns:1fr}.workflow-track .arrow{display:none}}@media(max-width:760px){.workspace-grid{grid-template-columns:1fr}.left-stack{max-width:520px;width:100%;margin:auto}.right-stack{max-width:700px;width:100%;margin:auto}.hero-grid{min-height:300px}.hero h1{font-size:35px}.section-head{align-items:stretch;flex-direction:column}.clear-btn{align-self:flex-start}.phone{height:540px}.workflow-track{grid-template-columns:1fr auto 1fr auto 1fr}.workflow-track .arrow{display:block}.bar-right{font-size:9px}}@media(max-width:480px){.bar-right{display:none}.hero{min-height:300px}.hero h1{font-size:32px}.hero p{font-size:12px}.hero-pills{gap:5px}.hero-pills span{font-size:10px}.mini-stats strong{font-size:22px}.section-head h2{font-size:24px}.phone{height:520px}.workflow-track{grid-template-columns:1fr}.workflow-track .arrow{display:none}.footer-note .footer-brand{display:none}.footer-inner{display:block}.footer-inner span{display:block;margin-top:6px}}
.bar-right a{color:#136e59;text-decoration:none;font-weight:750}.bar-right a:hover{text-decoration:underline}.sitebar a{text-decoration:none;color:inherit}.disclaimer{font-weight:700;background:#dff8e8;color:#205e49;border-radius:9px;padding:9px 12px;font-size:11px;display:inline-block;margin-top:15px}
/* Prevent wide data tables from stretching the whole mobile layout. */
.workspace-grid,.left-stack,.right-stack,.info-card,.workflow{min-width:0}
.table-area{max-width:100%;overflow-x:auto}
@media(max-width:760px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.left-stack,.right-stack{max-width:100%;min-width:0}.selector,.phone{max-width:100%}}