/* Jazbee voice journey — extends the recovered, approved website. */
:root{--journey-ink:#08393c;--journey-muted:#547071}
[hidden]{display:none!important}:focus-visible{outline:3px solid #009ba3;outline-offset:5px}.skip-link{position:fixed;top:-70px;left:20px;z-index:100;background:white;padding:14px;border-radius:8px}.skip-link:focus{top:10px}body{overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48}.hero{min-height:790px;max-height:1000px}.hero-grid{grid-template-columns:53% 47%;padding-top:40px}.hero-copy h1{font-size:clamp(65px,6.8vw,104px);line-height:1.01;letter-spacing:-.075em;margin:27px 0}.hero-description{font-size:17px;max-width:540px;line-height:1.75}.hero-description strong{font-weight:700;color:#24585b}.hero-actions{margin-top:27px}.hero-recipients{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;font-size:12px;font-weight:600;color:#446668}.hero-recipients span{display:flex;gap:7px;align-items:center}.hero-recipients b{font-size:11px;font-weight:500;background:#e1f0f1;border:1px solid #c6dfe0;border-radius:20px;padding:5px 9px}.hero-footnote{margin-top:28px}.hero-art{height:580px}.hero-sphere{width:520px;height:520px}.orbit{width:470px;height:470px}.orbit-b{width:550px;height:550px}.whisper-top{top:9%}.whisper-bottom{left:21%;bottom:14%;font-size:14px;letter-spacing:0}.bee-tap{bottom:4%;right:23%;font-size:14px;padding:12px 25px}.hero-art .wing-back-left,.hero-art .wing-front-left{animation:flutterL 2.2s ease-in-out infinite alternate!important}.hero-art .wing-back-right,.hero-art .wing-front-right{animation:flutterR 2s ease-in-out infinite alternate!important}.hero-bottom{font-size:9px;letter-spacing:.1em}.hero-bottom>span{color:#4d7577}.journey{background:#072f30;color:#f7fbfb;position:relative;padding:0 0 95px;isolation:isolate}.journey:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 90% 32%,#125c6060,transparent 45%),radial-gradient(ellipse at 10% 75%,#11636750,transparent 45%);pointer-events:none}.journey-heading{padding-top:100px;padding-bottom:65px;position:relative}.journey .section-kicker{color:#8ce2e6}.journey h2{font-size:clamp(42px,4.5vw,72px);letter-spacing:-.055em;line-height:1.08;font-weight:600;margin:24px 0}.journey h2 em{color:#8de3e8;font-style:normal;font-weight:500}.journey-heading p{font-size:18px;line-height:1.7;color:#b8d1d2;max-width:650px}.motion-control{background:transparent;color:#c9e5e7;border:1px solid #477072;padding:10px 16px;border-radius:40px;font-size:12px;position:absolute;right:5.2vw;bottom:70px;min-height:44px}.journey-nav{position:sticky;top:72px;z-index:20;display:flex;justify-content:center;background:#082e2ef0;backdrop-filter:blur(20px);border-top:1px solid #80b6b92c;border-bottom:1px solid #80b6b92c;gap:5vw;padding:0 5vw;min-height:70px}.journey-nav a{padding:24px 4px;font-size:13px;color:#b4cbcc;display:flex;gap:12px;align-items:center;position:relative;font-weight:600}.journey-nav a span{font-size:11px;color:#8bafb1}.journey-nav a[aria-current="step"]{color:#9df4f9}.journey-nav a[aria-current="step"]:after{content:"";height:2px;background:#9df4f9;position:absolute;bottom:0;left:0;right:0}.journey-scene{display:grid;grid-template-columns:34% 60%;gap:6%;align-items:center;min-height:850px;padding-top:100px;padding-bottom:100px;scroll-margin-top:150px;perspective:1400px}.scene-number{font-size:12px;letter-spacing:.15em;color:#8cd6da;font-weight:700}.scene-copy h2{font-size:clamp(38px,3.9vw,61px)}.scene-copy p{font-size:17px;line-height:1.85;color:#b8d1d2;margin-bottom:35px}.scene-note{border-top:1px solid #496e70;padding-top:20px;font-size:13px;line-height:1.9;color:#edf8f9}.scene-note strong{font-weight:400;color:#9cb9bb;font-size:12px}.scene-note span{margin:0 12px;color:#91eaef}.scene-canvas{transform:perspective(1400px) rotateY(var(--scene-tilt,0deg)) scale(var(--scene-scale,1));transform-origin:center;transition:transform .2s ease;will-change:transform}.voice-canvas{background:#f0f8f8;color:#183c3e;border:1px solid #d5f1f2;border-radius:28px;padding:33px;box-shadow:0 38px 70px #001b1c55;position:relative}.canvas-top{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:.08em}.example-label{margin-left:auto;color:#6c8283;font-size:9px}.record-dot{height:8px;width:8px;background:#0698a0;border-radius:50%;box-shadow:0 0 0 5px #16b0b818;flex-shrink:0}.voice-canvas blockquote{font-size:clamp(20px,2.03vw,29px);line-height:1.68;margin:30px 0;letter-spacing:-.035em;font-weight:500}.person-mark{color:#087176;font-weight:700}.person-mark.aisha{color:#956037}.person-mark.michael{color:#69638d}.voice-bottom{border-top:1px solid #ccdadb;padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:14px}.listen-button{background:#084b4f;color:#fff;border:0;border-radius:40px;padding:13px 17px;white-space:nowrap;font-size:12px;min-height:46px}.listen-button span{margin-right:8px}.waveform{display:flex;height:36px;gap:3px;align-items:center;overflow:hidden;max-width:190px}.waveform i{height:var(--h);width:3px;flex:0 0 3px;background:#67a6a9;border-radius:3px}.audio-caption{font-size:10px;line-height:1.6;color:#526e6f;margin:17px 0 0}.bundle-stack{display:flex;flex-direction:column;gap:15px}.task-bundle{padding:24px 26px;background:#113c3e;border:1px solid #467679;border-radius:20px;box-shadow:0 14px 30px #001c1d30}.task-bundle:nth-child(2){margin-left:26px}.task-bundle:nth-child(3){margin-left:52px}.task-bundle header{display:flex;align-items:center;gap:12px}.task-bundle h3{font-size:19px;letter-spacing:-.03em;margin:0}.person-avatar{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:#ccecee;color:#175a5e;border-radius:50%;font-size:13px;font-weight:700}.person-avatar.peach{background:#f6e1ca;color:#885734}.person-avatar.lilac{background:#e5def2;color:#6b5688}.language-pill{margin-left:auto;color:#b7e2e4;font-size:10px;border:1px solid #517a7c;border-radius:20px;padding:5px 10px}.task-bundle ul{padding-left:18px;font-size:14px;line-height:1.8;margin:15px 0;color:#dae9ea}.task-bundle li+li{margin-top:6px}.task-bundle mark{background:#efc98520;color:#f5daab;border-radius:4px;padding:1px 4px}.bundle-foot{border-top:1px solid #45696b;padding-top:12px;font-size:11px;color:#a7c2c3}.review-canvas{border-radius:26px;background:#faf9f5;color:#244446;padding:28px;box-shadow:0 35px 65px #001b1b50}.draft-pill{margin-left:auto;background:#f4e5ca;color:#7a5d2f;border-radius:20px;padding:6px 12px;letter-spacing:0}.clarification{display:flex;gap:13px;background:#f3ead9;border:1px solid #dfcba8;border-radius:15px;padding:18px;margin-top:23px}.clarify-symbol{width:25px;height:25px;flex-shrink:0;border:1px solid #a18048;border-radius:50%;text-align:center;line-height:23px;font-size:14px;color:#80602b}.clarification h3{font-size:16px;margin:0 0 7px}.clarification p{font-size:12px;line-height:1.7;margin:0;color:#6b5c42}.example-answer{font-size:12px;line-height:1.7;margin:17px 0}.example-answer summary{cursor:pointer;font-weight:600;padding:8px 0}.example-answer p{margin:12px 0}.clarify-button{display:flex;justify-content:space-between;align-items:center;width:100%;border:1px solid #80b3b6;background:#e3f1f2;color:#175a5e;font-size:12px;font-weight:700;border-radius:10px;padding:13px 15px;min-height:46px}.recap-list{margin:17px 0 21px}.recap-list p{display:grid;grid-template-columns:72px 1fr;gap:12px;font-size:12px;line-height:1.7;margin:0;padding:14px 0;border-bottom:1px solid #dbe3e3}.recap-list strong{font-size:13px}.recap-list b{font-weight:500;color:#6e6c4d;font-size:11px}.review-canvas.confirmed .recap-list b{color:#08757b}.approval-row{display:flex;justify-content:space-between;gap:12px}.approve-button{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#085e63;color:white;border:0;border-radius:40px;padding:14px 19px;min-height:48px;font-weight:700;font-size:13px}.reset-button{background:transparent;border:0;border-bottom:1px solid #93a9aa;color:#486566;font-size:11px;padding:7px 0;align-self:center}.approval-status{font-size:11px;line-height:1.7;margin:15px 0 0;color:#586c6d;min-height:38px}.review-canvas.approved .draft-pill{background:#d8eeef;color:#216569}.delivery-section{padding-top:100px;padding-bottom:20px;scroll-margin-top:155px}.delivery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}.delivery-heading h2{font-size:clamp(38px,4.2vw,65px);margin-bottom:0}.delivery-heading>p{font-size:14px;line-height:1.9;color:#bdd8d9;margin-bottom:4px;max-width:330px}.delivery-state{display:flex;align-items:center;gap:10px;font-size:12px;color:#c3dcdd;border:1px solid #56797b;border-radius:12px;padding:15px 19px;margin:35px 0 30px}.delivery-state a{margin-left:auto;border-bottom:1px solid #749c9e;white-space:nowrap;font-size:11px}.status-dot{width:6px;height:6px;border-radius:50%;background:#dfbb78;flex-shrink:0}.delivery-state.approved{background:#144c4f;border-color:#65abaf}.delivery-state.approved .status-dot{background:#9cf0f4}.messages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;align-items:start;perspective:1400px}.wa-phone{min-width:0;transition:transform .7s var(--ease);transform:translateY(var(--card-lift,0))}.wa-phone:nth-child(2){--card-lift:25px}.wa-phone:nth-child(3){--card-lift:50px}.wa-recipient{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding:0 3px}.wa-recipient h3{font-size:19px;letter-spacing:-.03em;margin:0 0 4px}.wa-recipient div>span{font-size:10px;color:#c0d4d5}.wa-screen{background:#eae5dc;border:6px solid #1a4648;border-radius:30px;min-height:505px;overflow:hidden;box-shadow:0 22px 45px #001c1d65;position:relative;padding-bottom:16px;background-image:radial-gradient(#809c9e1f 1px,transparent 1px);background-size:17px 17px}.wa-header{display:flex;align-items:center;gap:8px;padding:18px 12px;background:#f8f8f3;border-bottom:1px solid #d7dfdf;color:#244a4c;font-weight:700;font-size:14px}.wa-header>span:first-child{font-size:29px;font-weight:400;line-height:1}.wa-header>span:last-child{margin-left:auto}.wa-header img{border-radius:50%}.wa-header small{display:block;color:#698081;font-size:9px;font-weight:400;margin-top:3px}.wa-day{display:table;margin:18px auto;padding:5px 9px;border-radius:5px;background:#f6fafa;color:#6b796e;box-shadow:0 1px 3px #27393a11;font-size:7px;letter-spacing:.06em}.wa-bubble{margin:0 15px 10px 12px;padding:17px 15px 10px;background:#fffefb;border-radius:3px 13px 13px;box-shadow:0 1px 2px #132e2f20;color:#213c3d;font-size:13px;line-height:1.8;min-height:200px}.wa-bubble ul{padding-inline-start:17px;margin:10px 0 8px}.wa-bubble li+li{margin-top:7px}.wa-bubble[lang="ar"]{font-family:Tahoma,Arial,sans-serif;font-size:15px;line-height:1.9}.wa-stamp{display:block;text-align:end;font-size:9px;color:#6a7b6e;margin-top:8px}.wa-voice{margin:0 24px 0 12px;padding:13px 12px;background:#fffefb;border-radius:3px 13px 13px;box-shadow:0 1px 2px #132e2f20;display:flex;align-items:center;gap:10px}.wa-voice button{border:0;border-radius:50%;background:#dcebec;color:#30696c;width:36px;height:36px;flex-shrink:0;font-size:12px}.wa-voice>div{min-width:0}.wa-voice .waveform{height:28px;gap:2px}.wa-voice .waveform i{width:2px;flex-basis:2px;height:calc(var(--h)*.7);background:#859d9e}.wa-voice>div>span{font-size:8px;color:#657c7d;display:block;margin-top:4px}.voice-icon{font-size:20px;color:#418b8f}.wa-caption{margin:15px 15px 0;font-size:9px;text-align:center;color:#5f7374}.voice-feedback{margin-top:90px;font-size:12px;line-height:1.8;color:#c3dedf;text-align:center;min-height:22px}.platform-note{max-width:820px;margin:24px auto 0;text-align:center;color:#b0c9ca;font-size:11px;line-height:1.9}.no-script{padding:20px;border:1px solid #709a9c;font-size:13px;line-height:1.7}.detail-promise{padding-top:100px;padding-bottom:100px;border-bottom:1px solid var(--border)}.detail-promise>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:30px}.detail-promise h2{font-size:clamp(34px,4vw,58px);line-height:1.1;font-weight:600;letter-spacing:-.05em;margin:0}.detail-promise h2 em{font-style:normal;color:#087278}.detail-promise p{font-size:17px;line-height:1.9;color:#597273;margin:0}.early-note{font-size:12px!important;margin-top:26px!important}.product-tabs button{min-height:48px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .scene-canvas{transform:none!important}.motion-paused .bee-wrap{transform:none!important}.motion-paused .wa-phone{transform:none!important}.motion-paused .hero-sphere{transform:none!important}.motion-paused [data-reveal]{opacity:1!important;transform:none!important}html.motion-paused{scroll-behavior:auto}.playing .waveform i{animation:voicebar .65s ease-in-out infinite alternate}.playing .waveform i:nth-child(3n){animation-delay:.2s}.playing .waveform i:nth-child(3n+1){animation-delay:.4s}@keyframes voicebar{to{transform:scaleY(.35)}}
@media(min-width:1450px){.journey-scene{min-height:900px}.hero-grid{padding-top:15px}}
@media(max-width:1100px){.hero-copy h1{font-size:clamp(60px,6.7vw,80px)}.hero-art{height:500px}.hero-sphere{width:440px;height:440px}.orbit{width:420px;height:420px}.orbit-b{width:490px;height:490px}.hero-description{font-size:15px}.hero-recipients{gap:12px}.journey-scene{grid-template-columns:33% 62%;gap:5%;min-height:800px}.scene-copy p{font-size:15px}.voice-canvas{padding:26px}.voice-canvas blockquote{font-size:23px}.voice-bottom .waveform{max-width:120px}.task-bundle{padding:20px}.messages-grid{gap:13px}.wa-bubble{font-size:12px;margin-inline:9px;padding:14px 12px;min-height:240px}.wa-bubble[lang="ar"]{font-size:14px}.wa-screen{border-width:4px;min-height:540px}.wa-voice{margin-inline:9px;gap:7px;padding:12px 9px}.wa-voice .waveform{max-width:115px}.voice-icon{display:none}.wa-recipient div>span{font-size:9px}}
@media(max-width:760px){.site-header{height:70px}.site-header.scrolled{height:66px}.site-header .btn-nav{display:none}.hero{height:auto;max-height:none;min-height:0;padding-top:85px}.hero-grid{display:flex;flex-direction:column;padding-top:30px;gap:0;height:auto}.hero-copy{width:100%;padding-bottom:0}.eyebrow{font-size:9px;letter-spacing:.12em}.hero-copy h1{font-size:clamp(52px,10.7vw,80px);margin:23px 0;letter-spacing:-.065em}.hero-description{font-size:16px;line-height:1.75;max-width:600px}.hero-actions{margin-top:23px}.hero-actions .btn{font-size:12px;min-height:53px;gap:20px;padding-inline:20px}.hero-recipients{gap:10px 15px;font-size:11px}.hero-recipients b{font-size:10px;padding:4px 7px}.hero-footnote{font-size:10px;margin-top:22px}.hero-art{width:100%;height:360px;max-width:480px;margin:5px auto 15px}.hero-sphere{width:340px;height:340px}.bee-wrap{width:320px}.orbit{width:300px;height:300px}.orbit-b{width:360px;height:360px}.whisper-top{top:9%;right:8%;font-size:9px}.whisper-bottom{bottom:13%;left:15%;font-size:13px}.bee-tap{bottom:0%;right:13%;font-size:12px}.hero-bottom{position:relative;height:auto;min-height:65px;font-size:8px;line-height:1.7;gap:15px;padding-bottom:15px}.hero-bottom>a{display:none}.journey{padding-bottom:55px}.journey-heading{padding-top:65px;padding-bottom:35px}.journey-heading p{font-size:16px}.journey h2{font-size:43px}.motion-control{position:static;margin-top:5px}.journey-nav{top:66px;gap:0;justify-content:space-between;min-height:57px;padding-inline:4vw}.journey-nav a{gap:6px;font-size:11px;padding:20px 0}.journey-nav a span{font-size:9px}.journey-scene{display:flex;flex-direction:column;gap:34px;align-items:stretch;min-height:0;padding-top:60px;padding-bottom:55px;scroll-margin-top:123px}.scene-copy h2{font-size:39px;line-height:1.12;margin:18px 0}.scene-copy p{font-size:16px;line-height:1.8;margin-bottom:20px;max-width:520px}.scene-note{font-size:12px;padding-top:14px}.scene-note strong{font-size:11px}.scene-canvas{transform:none!important}.voice-canvas{padding:24px 21px;border-radius:22px}.canvas-top{font-size:8px;gap:8px}.example-label{font-size:7px}.voice-canvas blockquote{font-size:23px;line-height:1.65;margin:25px 0}.voice-bottom{padding-top:20px}.voice-bottom .waveform{max-width:110px}.listen-button{font-size:11px;padding-inline:14px}.audio-caption{font-size:10px}.task-bundle{padding:22px 20px;border-radius:17px}.task-bundle:nth-child(2){margin-left:10px}.task-bundle:nth-child(3){margin-left:20px}.task-bundle ul{font-size:14px}.task-bundle h3{font-size:18px}.bundle-foot{font-size:10px;line-height:1.7}.review-canvas{padding:23px 20px;border-radius:22px}.clarification{padding:15px;gap:11px}.clarification p{font-size:12px}.example-answer{font-size:12px}.recap-list p{grid-template-columns:63px 1fr;font-size:12px;gap:10px}.recap-list strong{font-size:12px}.approval-row{gap:10px}.approve-button{font-size:12px;gap:10px;padding:13px 15px}.approval-status{font-size:11px}.delivery-section{padding-top:60px;scroll-margin-top:123px}.delivery-heading{display:block}.delivery-heading h2{font-size:40px;margin-top:22px;margin-bottom:23px}.delivery-heading p{font-size:16px;max-width:100%;line-height:1.8}.delivery-state{font-size:11px;flex-wrap:wrap;line-height:1.7;padding:15px;gap:8px}.delivery-state a{margin-left:14px}.messages-grid{grid-template-columns:1fr;gap:34px;max-width:420px;margin-inline:auto}.wa-phone{transform:none!important}.wa-recipient h3{font-size:20px}.wa-recipient div>span{font-size:11px}.wa-recipient{margin-bottom:15px}.wa-screen{min-height:0;padding-bottom:25px;border-width:6px}.wa-header{padding:19px 16px;font-size:16px;gap:11px}.wa-header small{font-size:10px}.wa-day{font-size:8px;margin-block:22px}.wa-bubble{font-size:15px;padding:18px;margin-inline:14px;min-height:0}.wa-bubble[lang="ar"]{font-size:17px}.wa-voice{margin:0 38px 0 14px;padding:14px;gap:12px}.wa-voice button{width:40px;height:40px}.wa-voice .waveform{max-width:180px}.wa-voice>div>span{font-size:10px}.voice-icon{display:block}.wa-caption{font-size:10px;margin-top:20px}.voice-feedback{margin-top:30px;font-size:11px}.platform-note{font-size:11px;text-align:left}.detail-promise{padding-block:65px}.detail-promise>div:last-child{grid-template-columns:1fr;gap:25px}.detail-promise p{font-size:16px}.detail-promise h2{font-size:38px}.waitlist-form-card h3{line-height:1.15}.footer-bottom{line-height:1.8}}
@media(max-width:380px){.hero-copy h1{font-size:49px}.hero-recipients{gap:8px}.hero-art{height:320px}.hero-sphere{width:290px;height:290px}.bee-wrap{width:290px}.orbit-b{width:320px;height:320px}.journey h2{font-size:36px}.voice-canvas blockquote{font-size:21px}.voice-bottom .waveform{max-width:80px}.hero-bottom{font-size:7px}.task-bundle:nth-child(n){margin-left:0}.recap-list p{grid-template-columns:1fr;gap:3px}.approve-button{font-size:11px}.wa-voice .waveform{max-width:140px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.scene-canvas,.bee-wrap,.wa-phone,.hero-sphere{transform:none!important}[data-reveal]{opacity:1!important;transform:none!important}}

[data-reveal]{opacity:1;transform:none}
/* One local sprite, six fictional portraits; no remote avatar service. */
.mock-face.profile-photo{background-image:url('assets/fictional-team-portraits.png');background-size:300% 200%;background-repeat:no-repeat;width:39px;height:39px;min-width:39px;border:2px solid #fff;box-shadow:0 1px 6px #0c424524}.profile-0{background-position:0 0}.profile-1{background-position:50% 0}.profile-2{background-position:100% 0}.profile-3{background-position:0 100%}.profile-4{background-position:50% 100%}.profile-5{background-position:100% 100%}
.staff-app{height:100%;min-height:0;padding:28px 14px 56px}.staff-app .mock-logo{margin-bottom:20px}.staff-app .mock-head h4{font-size:24px}.staff-app .mock-sub{font-size:13px;margin:7px 0 13px}.staff-app .mock-staff-row{padding:7px;margin-bottom:7px;font-size:14px;gap:11px}.staff-app .profile-photo{width:36px;height:36px;min-width:36px}.journey-scene,.delivery-section{scroll-margin-top:70px}
@media(max-width:760px){.journey-scene,.delivery-section{scroll-margin-top:52px}}
.staff-person-copy{display:flex;flex-direction:column;gap:3px}.staff-person-copy b{font-size:13px;font-weight:700}.staff-person-copy small{font-size:10px;color:#667e7f;font-weight:400}
/* Compact voice-to-message diagram. White, turquoise, one consistent type scale. */
:root{--cream:#fff;--paper:#f7fbfc;--ink:#123d42;--green:#007d87;--teal:#00a9b5;--mint:#7ee6ed;--muted:#647b80;--border:#dcebef}
body{background:#fff}.site-header.scrolled{background:#ffffffed}.brand{color:#006b76}.hero{background:#fff}.hero-glow{background:radial-gradient(circle,#61deeb24,transparent 65%)}.hero-sphere{background:radial-gradient(circle at 45% 43%,#d5f8fb 0,#f1fbfc 55%,#fff 77%)}.hero-description,.hero-description strong{color:#3e6269}.hero-recipients b{background:#effbfc;border-color:#ccecf0;color:#087784}.underlined{color:#008d9d}.underlined:after{background:#79dfe9}.btn-primary,.btn-dark{background:#007f8c}.hero{min-height:650px;height:85svh;max-height:850px}.hero-art{height:470px}.hero-copy h1{font-size:clamp(60px,6.5vw,92px)}.inside{background:#f6fbfc}.product-backdrop-ring{background:radial-gradient(circle,#b9f2f766,transparent 68%)}.waitlist-section{background:#effbfc;color:#123d42}.waitlist-left h2,.waitlist-left p{color:#123d42}.waitlist-form-card{background:#fff;border:1px solid #cdebf0}.waitlist-left h2 em{color:#008c99}.detail-promise{padding-block:60px}.audiences{padding-bottom:65px}.inside{padding-block:65px}
.compact-demo{background:#f7fcfd;color:#143e44;padding:48px 3.2vw 30px;scroll-margin-top:72px;border-block:1px solid #dceef0}.compact-demo:before{display:none}.journey-heading{max-width:1660px;margin:auto;padding:0 0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.journey .section-kicker{color:#007e8d}.journey h2{font-size:clamp(30px,3vw,46px);margin:12px 0;letter-spacing:-.045em}.journey h2 em{color:#008e9d}.journey-heading p{font-size:14px;line-height:1.6;color:#507079;max-width:none;margin:0}.motion-control{position:static;flex-shrink:0;margin:0;border-color:#b9dce2;color:#42666d;background:#fff}.flow-diagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.55fr);gap:24px;max-width:1660px;margin:auto;align-items:start}.flow-diagram section{min-width:0;scroll-margin-top:90px}.flow-label{display:flex;gap:8px;align-items:center;font-size:12px;font-weight:700;min-height:30px;margin:0 0 15px;line-height:1.4;color:#255862}.flow-label b{font-size:10px;color:#008b9b;background:#e0f7fa;padding:6px;border-radius:6px}.flow-label>span{margin-left:auto;font-size:24px;color:#00a6b5}.voice-canvas,.review-canvas{border:1px solid #cde7eb;box-shadow:0 8px 25px #06607208;background:#fff;color:#183e46;border-radius:18px;padding:20px}.canvas-top{font-size:9px;letter-spacing:.04em;gap:8px;flex-wrap:wrap}.example-label{display:none}.record-dot{background:#00a8b8;box-shadow:0 0 0 4px #00a8b814}.voice-canvas blockquote{font-size:17px;line-height:1.65;letter-spacing:-.02em;margin:22px 0}.person-mark,.person-mark.aisha,.person-mark.michael{color:#008796}.voice-bottom{padding-top:17px;flex-wrap:wrap;border-color:#d8ebee}.voice-bottom .waveform{max-width:100%;height:22px}.listen-button{background:#007f8b;font-size:11px;padding:11px 13px;min-height:40px}.audio-caption{font-size:10px;color:#56757c}.draft-pill{background:#edf8fa;color:#37727c;padding:5px 8px;font-size:9px}.recap-list{margin:10px 0}.recap-list p{display:block;padding:14px 0;font-size:12px;line-height:1.6;border-color:#e3eff1}.recap-list strong{display:block;font-size:13px;color:#007e8c;margin-bottom:4px}.recap-list b{font-size:10px;color:#617e84}.clarify-details{margin:16px 0;font-size:11px;border-block:1px solid #dceef0;padding:12px 0}.clarify-details>summary{cursor:pointer;display:flex;justify-content:space-between;color:#007f8d;font-weight:700}.clarification{background:#f1fafc;border:1px solid #d4ebef;padding:12px;margin-top:12px;gap:8px}.clarify-symbol{border-color:#80b5bf;color:#117b8a;flex-shrink:0}.clarification h3{font-size:12px}.clarification p,.example-answer{font-size:11px;color:#4b6b73}.clarify-button{background:#e6f9fb;border-color:#9bd6df;color:#007a89;font-size:11px;padding:10px}.approve-button{background:#008591;font-size:11px;border-radius:9px;padding:12px;min-height:42px;gap:8px}.reset-button{font-size:10px;color:#657d83}.approval-row{flex-direction:column-reverse;gap:9px}.approval-status{font-size:10px;color:#607980;line-height:1.55;min-height:0;margin:12px 0 0}.review-canvas.confirmed .recap-list b{color:#008392}.review-canvas.approved .draft-pill{background:#dcf7fa;color:#007785}
.delivery-state{padding:9px 12px;margin:0 0 12px;border-color:#cce5e9;background:#fff;color:#52737c;font-size:10px;gap:7px;min-height:39px}.delivery-state a{font-size:10px;border-color:#8fbfc8}.delivery-state.approved{background:#e2f8fb;border-color:#9ddce4;color:#007586}.status-dot,.delivery-state.approved .status-dot{background:#00a9ba}.messages-grid{gap:12px;align-items:stretch;perspective:none}.wa-phone,.wa-phone:nth-child(n){transform:none;--card-lift:0;display:flex;flex-direction:column;min-width:0}.wa-recipient{margin:0 0 10px;gap:7px;padding:0}.wa-recipient h3{font-size:14px;margin:0 0 2px}.wa-recipient div>span{font-size:9px;color:#5c7b83}.person-avatar,.person-avatar.peach,.person-avatar.lilac{width:28px;height:28px;font-size:11px;background:#dff7fa;color:#00828f}.wa-screen{border:1px solid #c6e3e8;border-radius:15px;background:#eef8fa;background-image:none;box-shadow:0 7px 20px #0060770a;padding:0 0 16px;min-height:460px;display:flex;flex-direction:column;flex:1}.wa-header{padding:12px 9px;background:#fff;color:#1c535d;font-size:12px;border-color:#d7e9ed;gap:6px}.wa-header img{width:25px;height:25px}.wa-header small{font-size:8px;color:#66858c}.wa-header>span:first-child{font-size:23px}.wa-day{font-size:6px;letter-spacing:.02em;padding:4px 5px;margin:13px auto;background:#fff;color:#68878f}.wa-bubble,.wa-bubble[lang="ar"]{font-family:Arial,Tahoma,sans-serif;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;margin:0 9px 10px;padding:12px 10px 9px;min-height:0;background:#fff;color:#23434b;border-radius:3px 10px 10px;display:flex;flex-direction:column;flex:1}.wa-bubble strong{font-weight:700;min-height:45px}.wa-bubble ul{padding-inline-start:17px;margin:10px 0;line-height:1.6}.wa-bubble li+li{margin-top:8px}.wa-stamp{margin-top:auto;padding-top:10px;font-size:9px;color:#6b878d}.wa-voice{margin:0 9px;padding:10px 8px;gap:7px;background:#fff;border-radius:3px 10px 10px;min-height:65px}.wa-voice button{width:29px;height:29px;background:#dff6fa;color:#007b8b}.wa-voice>div{flex:1}.wa-voice .waveform{gap:2px;max-width:100%;height:23px}.wa-voice .waveform i{background:#74b6c1}.wa-voice>div>span{font-family:Arial,Tahoma,sans-serif;font-size:9px;line-height:1.4;color:#557b84}.voice-icon{display:none}.wa-caption{font-size:9px;margin:12px 0 0;color:#537881}.voice-feedback{margin:20px auto 0;font-size:11px;color:#5d7b82;min-height:0}.platform-note{font-size:10px;line-height:1.6;max-width:1000px;color:#69858b;margin:10px auto 0}.recipient-views{display:none}
@media(max-width:1150px) and (min-width:761px){.flow-diagram{grid-template-columns:1fr 1fr;gap:22px}.flow-output{grid-column:1/-1}.voice-canvas blockquote{font-size:18px}.voice-canvas,.review-canvas{height:calc(100% - 45px)}.wa-screen{min-height:360px}.wa-bubble strong{min-height:0}.wa-bubble{min-height:150px}.flow-process .recap-list p{padding:9px 0}.approval-row{flex-direction:row}.wa-bubble,.wa-bubble[lang="ar"]{font-size:15px}}
@media(max-width:760px){.hero{height:auto;min-height:0;max-height:none}.hero-art{height:310px}.hero-copy h1{font-size:clamp(51px,10.7vw,75px)}.compact-demo{padding:32px 5vw 25px;scroll-margin-top:65px}.journey-heading{display:block;padding-bottom:22px}.journey h2{font-size:32px;line-height:1.13}.journey-heading p{font-size:13px}.motion-control{margin-top:14px;font-size:10px;padding:8px 12px;min-height:36px}.flow-diagram{grid-template-columns:1fr;gap:20px}.flow-label{font-size:12px;margin-bottom:10px}.voice-canvas{padding:16px}.voice-canvas blockquote{font-size:16px;line-height:1.6;margin:15px 0}.voice-bottom{padding-top:12px;flex-wrap:nowrap}.voice-bottom .waveform{max-width:100px}.audio-caption{margin-top:12px}.review-canvas{padding:16px}.recap-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0}.recap-list p{font-size:11px;padding:6px 0 10px}.recap-list strong{font-size:12px}.recap-list b{font-size:9px}.clarify-details{margin:8px 0 12px;padding:10px 0}.approval-row{flex-direction:row;align-items:center}.approve-button{padding:10px 14px}.approval-status{margin-top:8px}.recipient-views{display:flex;gap:6px;margin:0 0 12px}.recipient-views button{flex:1;padding:10px 5px;min-height:43px;font-family:Arial,Tahoma,sans-serif;font-size:11px;border:1px solid #c3e5eb;border-radius:8px;background:#fff;color:#4a727c}.recipient-views button[aria-pressed="true"]{background:#007f8e;color:#fff;border-color:#007f8e}.messages-grid{grid-template-columns:1fr;max-width:none;gap:16px}.demo-enhanced .wa-phone{display:none}.demo-enhanced .wa-phone.recipient-active{display:flex}.wa-recipient{display:none}.wa-screen{min-height:380px;max-width:100%;border-radius:15px}.wa-header{font-size:14px;padding:12px}.wa-header img{width:29px;height:29px}.wa-day{font-size:8px}.wa-bubble,.wa-bubble[lang="ar"]{font-size:15px;line-height:1.6;margin-inline:12px;padding:14px;min-height:180px}.wa-bubble strong{min-height:0}.wa-voice{margin-inline:12px;padding:10px 14px}.wa-voice .waveform{max-width:190px}.wa-voice button{width:34px;height:34px}.wa-caption{font-size:10px}.platform-note{text-align:left}.delivery-state{margin-top:0;flex-wrap:wrap}.voice-feedback{text-align:left}}
.compact-demo{padding-top:32px}.journey-heading{padding-bottom:24px}.wa-screen{min-height:420px}.wa-bubble,.wa-bubble[lang="ar"],.wa-voice>div>span{font-family:Arial,'Noto Sans Arabic',sans-serif}.speaker-visual{display:flex;align-items:center;gap:9px;margin-bottom:18px}.speaker-visual svg{width:67px;height:46px}.speaker-visual>span{font-size:16px;font-weight:700;color:#007f8d}.speaker-visual small{display:block;font-size:10px;font-weight:400;color:#66838a;margin-top:3px}.flow-output{position:relative}.messages-grid{position:relative;padding-top:12px}.messages-grid:before{content:"";position:absolute;left:16%;right:16%;top:0;height:10px;border:1px solid #9bd8e1;border-bottom:0;border-radius:5px 5px 0 0}.wa-recipient{position:relative}.wa-recipient:before{content:"";position:absolute;width:1px;height:12px;background:#9bd8e1;left:50%;top:-12px}.recap-list br{line-height:1.7}
@media(max-width:760px){.speaker-visual{margin-bottom:12px}.speaker-visual svg{width:51px;height:36px}.speaker-visual>span{font-size:14px}.messages-grid{padding-top:0}.messages-grid:before,.wa-recipient:before{display:none}.wa-screen{min-height:380px}}
.wa-bubble,.wa-bubble[lang="ar"],.wa-voice>div>span{font-family:'Noto Sans Arabic',Arial,sans-serif}
/* Visual story: a speaker, Jazbee, and two connected conversations. */
.visual-demo{background:#fff;color:#173e45;padding:55px 4vw 32px;scroll-margin-top:72px;border-block:1px solid #e6f1f3}.visual-demo:before{display:none}.visual-heading{max-width:1480px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.visual-heading h2{font-size:clamp(32px,3.2vw,49px);margin:13px 0 0}.visual-stage{position:relative;display:grid;grid-template-columns:30% 22% 48%;max-width:1480px;margin:24px auto 0;min-height:560px;align-items:center}.flow-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.flow-lines>path{fill:none;stroke:#60c4d0;stroke-width:2;stroke-dasharray:5 7;marker-end:url(#flowArrow);animation:voiceFlow 2s linear infinite}@keyframes voiceFlow{to{stroke-dashoffset:-24}}.speaking-scene,.sorting-scene,.receiving-scene{position:relative;z-index:1;min-width:0;scroll-margin-top:90px}.speaking-scene.voice-canvas{padding:0;border:0;background:none;box-shadow:none;border-radius:0;height:560px;display:flex;flex-direction:column;align-items:center;overflow:visible}.speech-screen{position:absolute;z-index:3;top:0;left:0;width:94%;max-width:345px;padding:15px 18px;border:1px solid #a9e1e8;background:#ffffffed;backdrop-filter:blur(8px);border-radius:20px;box-shadow:0 10px 35px #007e9410;transform:rotate(-2deg)}.speech-screen:after{content:"";position:absolute;bottom:-9px;left:57%;width:16px;height:16px;background:#fff;border-right:1px solid #a9e1e8;border-bottom:1px solid #a9e1e8;transform:rotate(45deg)}.speech-screen>div:first-child{display:flex;gap:8px;align-items:center;font-size:12px;color:#006b7c}.live-caption{margin-left:auto;font-size:10px;color:#66919b}.speech-screen p{font-size:16px;line-height:1.55;margin:13px 0 10px;color:#214c55;font-weight:500;letter-spacing:-.02em}.mini-wave{display:flex;gap:3px;height:20px;align-items:center;justify-content:center}.mini-wave i{width:3px;height:calc(var(--h)*.65);background:#22adbe;border-radius:3px;animation:voicebar .8s infinite alternate}.mini-wave i:nth-child(3n){animation-delay:.3s}.speaker-person{position:absolute;left:-5%;bottom:40px;width:100%;height:410px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 25px #124e5310)}.speaking-scene>.listen-button{position:absolute;bottom:15px;left:22%;font-size:11px;box-shadow:0 5px 15px #007e8c13}.speaking-scene .audio-caption{position:absolute;bottom:-12px;margin:0;font-size:10px;color:#6b8991}.sorting-scene{padding:45px 14px 0;display:flex;flex-direction:column;align-items:center}.bee-hub{width:220px;height:220px;position:relative;border-radius:50%;background:radial-gradient(circle,#e0faff 0,#f4fdfe 58%,transparent 70%)}.sorting-bee{width:220px;height:220px;position:relative;z-index:1;animation:float 5s ease-in-out infinite}.hub-orbit{position:absolute;inset:18px;border:1px solid #9adee9;border-radius:50%;box-shadow:0 0 0 12px #e9fbfe60}.sorted-chips{display:flex;flex-direction:column;gap:8px;align-self:stretch;max-width:205px;width:100%;margin:-15px auto 17px;position:relative;z-index:2}.sorted-chips>span{display:grid;grid-template-columns:28px 1fr;gap:1px 8px;background:#fff;border:1px solid #c7e8ee;padding:9px 12px;border-radius:12px;box-shadow:0 5px 18px #00758709;font-size:12px;color:#1c5865;font-weight:700}.sorted-chips b{grid-row:span 2;align-self:center;display:grid;place-items:center;font-size:18px;font-weight:400;background:#e6f9fc;width:28px;height:28px;border-radius:8px;color:#008da0}.sorted-chips small{font-size:10px;font-weight:400;color:#688992}.visual-approval{border:1px solid #42b3c3;background:#fff;border-radius:30px;color:#007b8d;padding:12px 18px;font-size:12px;font-weight:700;box-shadow:0 5px 20px #039cb80a;min-height:44px}.visual-approval span{padding-left:10px}.hub-caption{font-size:10px;color:#6c8a92;margin:12px 0 0;text-align:center;max-width:200px}.receiving-scene{padding:80px 0 0 28px}.receiving-scene .messages-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;padding-top:0}.receiving-scene .messages-grid:before,.receiving-scene .wa-recipient:before{display:none}.receiving-scene .wa-recipient{margin-bottom:12px}.receiving-scene .wa-recipient h3{font-size:16px}.receiving-scene .wa-recipient div>span{font-size:10px}.receiving-scene .person-avatar{width:32px;height:32px}.receiving-scene .wa-screen{min-height:330px;height:330px;border-radius:18px;box-shadow:0 13px 30px #006a8410;background:#f0fafc}.receiving-scene .wa-day{display:none}.receiving-scene .wa-header{padding:12px;font-size:14px}.receiving-scene .wa-bubble,.receiving-scene .wa-bubble[lang="ar"]{font-size:14px;line-height:1.65;padding:12px;margin:12px 10px 9px;min-height:0;box-shadow:0 1px 4px #104d5610}.receiving-scene .wa-bubble strong{min-height:0;font-size:13px}.receiving-scene .wa-bubble ul{margin:10px 0 5px}.receiving-scene .wa-stamp{font-size:8px}.receiving-scene .wa-voice{min-height:54px;margin:0 10px;padding:9px}.receiving-scene .wa-caption{margin:10px 0 0;font-size:9px}.receiving-scene .delivery-state{position:absolute;top:34px;left:28px;right:0;border:0;padding:0;background:transparent;margin:0;min-height:0;font-size:10px;flex-wrap:wrap}.delivery-state a{font-size:10px}.visual-captions{max-width:1480px;margin:17px auto 0;display:grid;grid-template-columns:30% 22% 48%;font-size:13px;font-weight:700;color:#2e626e;text-align:center}.visual-captions b{display:inline-grid;place-items:center;background:#e7f9fc;color:#0093a6;font-size:10px;width:22px;height:22px;border-radius:50%;margin-right:6px}.visual-demo .voice-feedback{font-size:10px;margin:24px auto 0}.visual-demo .platform-note{font-size:10px;max-width:950px;margin-top:8px}.visual-demo dialog{border:1px solid #c5e7ed;border-radius:24px;padding:0;width:min(500px,92vw);max-height:90svh;box-shadow:0 25px 100px #153a4b44;background:#fff;color:#214954}.visual-demo dialog::backdrop{background:#14384155;backdrop-filter:blur(6px)}.visual-demo dialog .review-canvas{border:0;padding:28px;box-shadow:none}.visual-demo dialog .canvas-top{padding-right:20px}.close-review{position:absolute;right:13px;top:10px;background:none;border:0;font-size:28px;color:#467b86;z-index:2;width:34px;height:34px}.visual-demo dialog .recap-list{display:block}.visual-demo dialog .recap-list p{font-size:14px;padding-block:16px}.visual-demo dialog .recap-list strong{font-size:15px}.visual-demo dialog .recap-list b{font-size:11px}.visual-demo dialog .approval-row{flex-direction:row}.visual-demo dialog .approval-status{font-size:11px}.visual-demo dialog .clarify-details{font-size:13px}.visual-demo dialog .clarification p,.visual-demo dialog .example-answer{font-size:12px}.visual-demo dialog .approve-button{font-size:13px}
@media(max-width:1100px) and (min-width:761px){.visual-stage{grid-template-columns:29% 22% 49%}.speech-screen{padding:13px}.speech-screen p{font-size:14px}.speaker-person{height:350px;bottom:60px}.bee-hub,.sorting-bee{width:180px;height:180px}.receiving-scene{padding-left:14px}.receiving-scene .messages-grid{gap:10px}.receiving-scene .wa-screen{height:365px;min-height:365px}.receiving-scene .wa-bubble,.receiving-scene .wa-bubble[lang="ar"]{font-size:13px}.receiving-scene .wa-bubble strong{font-size:12px}.receiving-scene .wa-recipient div>span{font-size:8px}.hub-caption{font-size:9px}.visual-captions{font-size:11px}.sorted-chips{max-width:175px}}
@media(max-width:760px){.visual-demo{padding:28px 5vw;scroll-margin-top:65px}.visual-heading{align-items:flex-start;gap:12px}.visual-heading h2{font-size:31px;max-width:260px}.visual-heading .section-kicker{font-size:9px}.visual-heading .motion-control{font-size:9px;min-height:34px;padding:7px 9px;white-space:nowrap;margin-top:0}.visual-stage{grid-template-columns:58% 42%;min-height:0;margin-top:24px}.speaking-scene.voice-canvas{height:370px}.speech-screen{width:120%;max-width:260px;padding:12px;left:0;top:0;border-radius:15px}.speech-screen p{font-size:12px;line-height:1.5;margin:10px 0}.speech-screen>div:first-child{font-size:10px}.live-caption{font-size:8px}.mini-wave{height:13px}.speaker-person{width:115%;height:240px;left:-10%;bottom:34px}.speaking-scene>.listen-button{left:13%;bottom:9px;font-size:9px;padding:8px 11px;min-height:33px}.speaking-scene .audio-caption{font-size:8px;bottom:-8px}.sorting-scene{padding:80px 0 0}.bee-hub,.sorting-bee{width:155px;height:155px}.hub-orbit{inset:20px}.sorted-chips{max-width:142px;gap:6px;margin-top:-13px;margin-bottom:10px}.sorted-chips>span{font-size:10px;padding:7px 8px;grid-template-columns:23px 1fr;gap:1px 5px}.sorted-chips b{width:23px;height:23px;font-size:15px}.sorted-chips small{font-size:8px}.visual-approval{font-size:10px;padding:9px 10px;min-height:36px}.visual-approval span{padding-left:4px}.hub-caption{font-size:8px;line-height:1.5;margin:8px 0}.flow-lines{display:none}.sorting-scene:before{content:"→";position:absolute;left:-8px;top:159px;font-size:23px;color:#39b3c4}.receiving-scene{grid-column:1/-1;padding:50px 0 0;max-width:420px;width:100%;margin:auto}.receiving-scene:before{content:"↓";position:absolute;top:3px;left:70%;font-size:26px;color:#35b0c2}.receiving-scene .delivery-state{top:34px;left:0;font-size:9px}.receiving-scene .recipient-views{margin:19px 0 10px}.receiving-scene .messages-grid{grid-template-columns:1fr}.receiving-scene .wa-screen{height:310px;min-height:310px}.receiving-scene .wa-bubble,.receiving-scene .wa-bubble[lang="ar"]{font-size:14px;min-height:0}.receiving-scene .wa-bubble strong{font-size:13px}.receiving-scene .wa-recipient{display:none}.visual-captions{display:flex;justify-content:center;margin-top:18px}.visual-captions>span:nth-child(-n+2){display:none}.visual-captions>span{font-size:12px}.visual-demo .voice-feedback{margin-top:18px;font-size:9px}.visual-demo .platform-note{font-size:9px}.visual-demo dialog .recap-list{display:block}.visual-demo dialog .review-canvas{padding:23px}}
@media(min-width:1101px){.speaker-person{height:370px;bottom:48px}}
/* Spacious composition and a warm, distinctive listening gesture. */
.visual-stage{margin-top:36px;min-height:580px;grid-template-columns:30% 23% 47%}
.speaking-scene.voice-canvas{height:580px}
.speech-screen{top:0;left:2%;width:88%;max-width:330px;padding:14px 17px;transform:none;box-shadow:0 8px 28px #007e940b}
.speech-screen p{font-size:15px;line-height:1.5;margin:12px 0 8px}
.speech-screen:after{left:64%}
.speaker-person{height:350px;bottom:38px;left:-3%;width:94%}
.speaking-scene>.listen-button{left:24%;bottom:0}
.speaking-scene .audio-caption{display:none}
.sorting-scene{padding-top:30px;padding-inline:22px}
.sorted-chips{margin-top:0;gap:10px;margin-bottom:22px}
.hub-caption{display:none}
.receiving-scene{padding-top:100px;padding-left:32px}
.receiving-scene .messages-grid{gap:24px}
.receiving-scene .delivery-state{top:auto;bottom:-30px;left:32px;font-size:10px}
.receiving-scene .wa-screen{height:320px;min-height:320px;box-shadow:0 9px 25px #006a840b}
.visual-captions{grid-template-columns:30% 23% 47%;margin-top:25px}
.visual-demo .voice-feedback{margin-top:28px}
.flow-lines>path{animation:none;stroke-dasharray:none;marker-end:none;fill:none;stroke-linecap:round;stroke-linejoin:round}
.flow-lines .route-glow{stroke:#e7f7fa;stroke-width:12}
.flow-lines .route-main{stroke:#3cb0c0;stroke-width:2.5}
.flow-lines .voice-route.route-main,.flow-lines .recipient-route.route-main{marker-end:url(#flowArrow)}
.split-node{fill:#fff;stroke:#20a4b7;stroke-width:2}
.voice-packet rect{fill:#fff;stroke:#93d8e3;stroke-width:1}
.voice-packet path{fill:none;stroke:#129bae;stroke-width:2;stroke-linecap:round}
.listening-bee .wing{transform-box:view-box;will-change:transform}
.hero-art .listening-bee .wing-back-left,.hero-art .listening-bee .wing-front-left,.listening-bee .wing-back-left,.listening-bee .wing-front-left{animation:jazListenLeft 2.8s ease-in-out infinite!important}
.hero-art .listening-bee .wing-back-right,.hero-art .listening-bee .wing-front-right,.listening-bee .wing-back-right,.listening-bee .wing-front-right{animation:jazListenRight 2.8s ease-in-out infinite!important}
.listening-bee .wing-back-left,.listening-bee .wing-back-right{animation-delay:-.1s!important}
@keyframes jazListenLeft{0%,48%,100%{transform:rotate(0) scaleX(1)}7%,21%,35%{transform:rotate(-20deg) scaleX(.72)}14%,28%,42%{transform:rotate(7deg) scaleX(1.05)}65%{transform:rotate(-9deg) scaleX(.9)}78%{transform:rotate(3deg) scaleX(1.02)}}
@keyframes jazListenRight{0%,48%,100%{transform:rotate(0) scaleX(1)}7%,21%,35%{transform:rotate(20deg) scaleX(.72)}14%,28%,42%{transform:rotate(-7deg) scaleX(1.05)}65%{transform:rotate(9deg) scaleX(.9)}78%{transform:rotate(-3deg) scaleX(1.02)}}
.motion-paused .listening-bee .wing{animation:none!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.listening-bee .wing,.hero-art .listening-bee .wing{animation:none!important;transform:none!important}}
@media(max-width:1100px) and (min-width:761px){.visual-stage{grid-template-columns:29% 23% 48%}.speech-screen{width:96%;padding:12px}.speech-screen p{font-size:13px}.speaker-person{height:320px;bottom:55px}.sorting-scene{padding-inline:12px}.receiving-scene{padding-left:24px}.receiving-scene .messages-grid{gap:12px}.receiving-scene .wa-screen{height:350px;min-height:350px}.receiving-scene .delivery-state{left:24px}}
@media(max-width:760px){.visual-stage{grid-template-columns:58% 42%;min-height:0;margin-top:24px}.speaking-scene.voice-canvas{height:410px}.speech-screen{top:0;left:0;width:133%;max-width:270px;padding:12px}.speech-screen p{font-size:12px;line-height:1.5}.speaker-person{height:235px;bottom:30px;left:-9%;width:112%}.speaking-scene>.listen-button{bottom:0;left:12%}.sorting-scene{padding:118px 0 0}.sorted-chips{gap:8px;margin-top:-8px;margin-bottom:14px}.sorting-scene:before{top:203px;left:-12px}.receiving-scene{padding:48px 0 0}.receiving-scene:before{top:5px}.receiving-scene .recipient-views{margin-top:0}.receiving-scene .delivery-state{position:static;order:2;margin-top:16px;min-height:15px}.receiving-scene{display:flex;flex-direction:column}.receiving-scene .messages-grid{gap:14px}.receiving-scene .wa-screen{height:310px;min-height:310px}.visual-captions{margin-top:16px}.visual-demo .voice-feedback{margin-top:16px}}
/* Explanatory flow animation; the approved bee movement is unchanged. */
.flow-controls{display:flex;gap:12px;align-items:center}.replay-flow{border:0;background:transparent;color:#007e90;font-size:12px;padding:12px 4px;min-height:44px;white-space:nowrap}
.spoken-request{border-radius:4px;transition:background .35s,color .35s}.spoken-request.is-spoken{background:#d9f6fb;color:#00788c}
.voice-packet,.delivery-packet{opacity:0;pointer-events:none}.delivery-packet circle{fill:#008fa5;stroke:#fff;stroke-width:3;filter:drop-shadow(0 3px 6px #008fa533)}.delivery-packet path{fill:none;stroke:#fff;stroke-width:1.3;stroke-linejoin:round}
.sorted-chips>span{transition:box-shadow .35s,border-color .35s,transform .35s}
[data-flow="sorting"] .sorted-chips>span{animation:taskSeparate .45s cubic-bezier(.2,.8,.2,1) both;border-color:#42bccd;box-shadow:0 0 0 4px #b9edf52b}
[data-flow="sorting"] .sorted-chips>span:nth-child(2){animation-delay:.12s}
@keyframes taskSeparate{from{opacity:.2;transform:translateY(-15px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
[data-flow="waiting"] .visual-approval{animation:approvalInvite 2.4s ease-in-out infinite}
@keyframes approvalInvite{0%,100%{box-shadow:0 0 0 0 #08a5bc10}50%{box-shadow:0 0 0 7px #08a5bc15}}
.visual-stage .wa-screen{transition:box-shadow .5s,border-color .5s}
.message-arrived .wa-screen{border-color:#70cbd9;box-shadow:0 12px 32px #008fa519}
.message-arrived .wa-bubble{animation:messageArrive .6s cubic-bezier(.16,1,.3,1) both}
.message-arrived .wa-voice{animation:messageArrive .6s .2s cubic-bezier(.16,1,.3,1) both}
@keyframes messageArrive{from{opacity:.35;transform:translateY(13px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
[data-flow="travelling"] .voice-route.route-main{stroke:#009bb2;stroke-width:3.5}
[data-flow="delivering"] .delivery-trunk.route-main,[data-flow="delivering"] .recipient-route.route-main{stroke:#009bb2;stroke-width:3.5}
[data-flow="reading"] .speech-screen{border-color:#63c8d8;box-shadow:0 8px 32px #008fa512}
@media(max-width:760px){.flow-controls{flex-direction:column-reverse;gap:0;align-items:flex-end}.replay-flow{font-size:10px;padding:6px;min-height:32px}.visual-heading .motion-control{margin:0}.visual-stage[data-flow="travelling"] .sorting-scene:before{animation:mobileVoice .8s ease-in-out infinite}.visual-stage[data-flow="delivering"] .receiving-scene:before{animation:mobileDelivery .8s ease-in-out infinite}@keyframes mobileVoice{50%{transform:translateX(5px);color:#00788e}}@keyframes mobileDelivery{50%{transform:translateY(5px);color:#00788e}}}
.motion-paused .voice-packet,.motion-paused .delivery-packet{opacity:0!important}
@media(prefers-reduced-motion:reduce){.voice-packet,.delivery-packet{opacity:0!important}.spoken-request.is-spoken{background:transparent}.visual-stage *{animation:none!important;transition:none!important}}

/* The whole story repeats automatically; audible samples are intentionally absent. */
.flow-story{max-width:1480px;margin:20px auto 0;display:flex;align-items:center;gap:14px;min-height:30px;font-size:14px;color:#007f94;font-weight:600;flex-wrap:wrap}
.story-badge{font-size:9px;letter-spacing:.08em;background:#e8fafd;border-radius:20px;padding:8px 11px;white-space:nowrap}
.story-progress{display:flex;gap:5px;margin-left:auto}.story-progress i{width:25px;height:4px;border-radius:3px;background:#dfedf0;transition:background .3s}.story-progress i.active{background:#00a8bd}
.silent-example{position:absolute;bottom:12px;font-size:9px;letter-spacing:.12em;color:#58828d}.speaking-scene .audio-caption{display:none}
.voice-note-symbol{display:grid;place-items:center;border-radius:50%;background:#e0f6fa;width:31px;height:31px;flex-shrink:0;color:#008da3;font-size:25px}
.flow-lines{z-index:4}.flow-lines .voice-packet rect,.flow-lines .delivery-packet rect{fill:#008fa5;stroke:#fff;stroke-width:3;filter:drop-shadow(0 4px 7px #008fa530)}
.flow-lines .voice-packet text,.flow-lines .delivery-packet text{font:600 14px Arial,sans-serif;fill:#fff}
.visual-stage .sorted-chips>span{transition:opacity .45s,transform .5s}.visual-stage[data-flow="reading"] .sorted-chips>span,.visual-stage[data-flow="travelling"] .sorted-chips>span{opacity:.12;transform:translateY(-25px) scale(.85)}
.visual-stage[data-flow="reading"] .spoken-request:not(.is-spoken){opacity:.25}.spoken-request.is-spoken{background:#b8f0fa;color:#005c72;box-shadow:0 0 0 3px #b8f0fa}
.visual-stage .wa-bubble,.visual-stage .wa-voice{transition:opacity .35s,transform .5s}
.visual-stage:not([data-flow="static"]) .wa-phone:not(.message-arrived) .wa-bubble,.visual-stage:not([data-flow="static"]) .wa-phone:not(.message-arrived) .wa-voice{opacity:.06;transform:translateY(28px) scale(.94);animation:none}
.visual-stage .message-arrived .wa-bubble{animation:clearArrival .45s cubic-bezier(.22,1,.36,1) both}.visual-stage .message-arrived .wa-voice{animation:clearArrival .45s .1s cubic-bezier(.22,1,.36,1) both}
@keyframes clearArrival{from{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.demo-decision{position:absolute;top:100%;margin-top:7px;display:flex;gap:7px;align-items:center;justify-content:center;font-size:11px;background:#e7fafd;border:1px solid #8ad7e4;border-radius:12px;padding:10px;width:230px;max-width:110%;min-height:44px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s;pointer-events:none}
.decision-icon{font-size:19px;font-weight:700;color:#008ea4}.hub-caption{display:none}
[data-flow="clarifying"] .demo-decision,[data-flow="confirmed"] .demo-decision,[data-flow="approving"] .demo-decision,[data-flow="delivering"] .demo-decision,[data-flow="arrived"] .demo-decision{opacity:1;transform:none}
[data-flow="approving"] .demo-decision{background:#0095ab;color:white;box-shadow:0 0 0 8px #e2f8fc;animation:approvalInvite 1s ease-in-out infinite}[data-flow="approving"] .decision-icon{color:white}
.visual-stage[data-flow="travelling"] .voice-route.route-main,.visual-stage[data-flow="delivering"] .delivery-trunk.route-main,.visual-stage[data-flow="delivering"] .recipient-route.route-main{stroke-width:5;stroke:#00a9c2}
.visual-stage[data-flow="reading"] .speech-screen{box-shadow:0 0 0 6px #dbf8fc;border-color:#00a8bd}
.visual-captions{margin-top:55px}
@media(max-width:760px){.flow-story{font-size:12px;gap:8px;margin-top:15px;min-height:65px;align-content:center}.flow-story #voiceFeedback{flex:1;min-width:210px}.story-progress{margin-left:0}.story-badge{font-size:8px;padding:5px 8px}.demo-decision{font-size:9px;padding:7px;min-height:43px}.silent-example{bottom:5px;font-size:8px}.receiving-scene{padding-top:78px}.receiving-scene:before{top:41px}.visual-captions{margin-top:18px}}
.motion-paused .visual-stage .wa-bubble,.motion-paused .visual-stage .wa-voice,.motion-paused .visual-stage .sorted-chips>span{opacity:1!important;transform:none!important;animation:none!important}
@media(prefers-reduced-motion:reduce){.visual-stage .wa-bubble,.visual-stage .wa-voice,.visual-stage .sorted-chips>span{opacity:1!important;transform:none!important;animation:none!important}}

/* Soft starts and finishes, with less movement around the readable content. */
.flow-lines .route-main{transition:stroke .3s ease,stroke-width .3s ease}.speech-screen{transition:box-shadow .3s ease,border-color .3s ease}.spoken-request{transition:opacity .25s ease,background .25s ease,color .25s ease}.visual-stage .sorted-chips>span{transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}