*{box-sizing:border-box}body{margin:0;color:#282827;background:#fff;font-family:Inter,Arial,sans-serif}.page-head{max-width:1160px;margin:auto;padding:25px 30px;display:flex;align-items:center;gap:25px;border-bottom:1px solid #eee}.page-head img{width:100px}.page-head span,.page-head a{font-size:11px;color:#97918c}.page-head a{margin-left:auto;text-decoration:none}.layout{max-width:1080px;padding:45px 30px 70px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:75px;align-items:start}.kicker{font-size:10px;letter-spacing:1px;color:#a4968d}.article h1{font:500 39px/1.15 Archivo,sans-serif;letter-spacing:-1.3px;max-width:570px;margin:18px 0}.article p{font-size:15px;line-height:1.9;color:#7c7772}.article .intro{font-size:18px;line-height:1.65}.article h2{font:500 26px/1.2 Archivo,sans-serif;margin-top:65px;letter-spacing:-.6px}.editor-note,.end-note{padding:20px;border:1px solid #eee6e0;font-size:12px;line-height:1.7;color:#96867a;background:#fcfaf8;margin:30px 0}.rail{position:sticky;top:24px}.b3{width:280px;border:1px solid #ecdfd8;border-radius:9px;background:linear-gradient(155deg,#fffdfb,#fdf5f0);padding:19px 18px 0;box-shadow:0 12px 30px -23px #84563d40;overflow:hidden}.b3-brand{display:flex;align-items:center;justify-content:space-between}.b3-brand img{width:84px}.b3-brand>span{font-size:6px;letter-spacing:.75px;color:#b1a49b}.b3-event{font-size:8px;line-height:1.5;color:#aa6d59;margin-top:17px;min-height:24px}.b3 h2{font:500 25px/1.09 Archivo,sans-serif;letter-spacing:-.7px;margin:5px 0 10px}.b3-summary{font-size:10px;line-height:1.6;color:#96867d;margin:0}.visual{position:relative;height:176px;margin:10px -4px 5px;background:radial-gradient(ellipse at center,#f4e2d480,transparent 70%)}.scene{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(5px);transition:opacity .35s,transform .5s;pointer-events:none}.scene.active{opacity:1;visibility:visible;transform:none}.capture .device{position:absolute;left:73px;top:0;transform:scale(.195);transform-origin:top left;z-index:1}.tiny-app{background:white;height:100%;padding:78px 24px 15px}.tiny-app>img{width:205px;margin:auto}.tiny-app>small{font-size:20px;color:#aaa;text-align:center;margin:20px 0}.mini-badge{background:#fff;border:1px solid #eaded4;box-shadow:0 7px 15px #0001;text-align:center;margin:0 auto;width:275px;padding-bottom:12px}.mini-badge>span{background:#354b51;color:#fff;padding:25px 5px;font-size:22px}.mini-badge>b{font-size:27px;margin:24px 0 10px}.mini-badge>small{font-size:17px;color:#999}.mini-badge img{width:145px;height:145px;margin:18px auto}.mini-badge em{font-size:18px;font-style:normal;letter-spacing:2px;color:#ae8b56}.scan-light{position:absolute;top:260px;left:40px;right:40px;height:3px;background:#ee7e64;animation:scan 3s ease-in-out infinite}.paper{position:absolute;left:12px;top:85px;background:white;border:1px solid #e5d9cf;border-left:15px solid #a7755f;width:100px;height:57px;transform:rotate(-9deg);padding:8px 5px;box-shadow:0 7px 10px #5b351519;z-index:2}.paper span{display:block;font-size:4px;color:#a07761}.paper b{display:block;font-size:7px;margin-top:6px}.paper small,.paper i{display:block;font-size:4px;font-style:normal;color:#b19a8c;margin-top:3px}.float-tag{position:absolute;bottom:11px;right:2px;font-size:8px;border:1px solid #e4e9df;background:#fff;padding:8px 9px;border-radius:5px;color:#749173;box-shadow:0 7px 15px #6746240d;z-index:3}.enrich-source{display:flex;align-items:center;gap:8px;padding:14px 17px}.enrich-source>span{background:#f0d8c9;color:#a2684c;border-radius:50%;padding:9px;font-size:9px}.enrich-source b{display:block;font-size:10px}.enrich-source small{display:block;font-size:7px;color:#a5978c;margin-top:4px}.enrich-source i{font-style:normal;color:#c39061;font-size:24px;margin-left:auto}.data-sheet{margin:0 12px;background:#fff;border:1px solid #eadfd7;border-radius:6px;padding:8px 13px;box-shadow:0 10px 18px #563b2410}.data-sheet>div{position:relative;border-bottom:1px solid #f3eeea;padding:6px 0}.data-sheet>div:last-child{border:0}.data-sheet small{font-size:5px;color:#b09f92;display:block;letter-spacing:.6px}.data-sheet b{font-size:8px;font-weight:500;display:block;margin-top:3px}.data-sheet span{position:absolute;right:0;top:14px;color:#83a080;font-size:8px}.active .data-sheet>div{animation:reveal 1s both}.active .data-sheet>div:nth-child(2){animation-delay:.4s}.active .data-sheet>div:nth-child(3){animation-delay:.8s}.voice{margin:17px 9px 0;padding:13px 10px;border:1px solid #eedbd0;background:#fff;border-radius:6px;display:flex;align-items:center;gap:6px;box-shadow:0 7px 15px #5336210a}.voice>span{font-size:8px;color:#e5785e}.voice b{font-size:8px;font-weight:500}.voice>small{font-size:6px;color:#baaa9e}.wave{display:flex;gap:2px;align-items:center;margin-left:auto;height:20px}.wave i{height:calc(5px + mod(var(--i),4)*4px);min-height:8px;width:2px;background:#d99779;animation:wave 1s calc(var(--i)*.08s) infinite alternate}.note-sheet{margin:9px 19px;background:#fff;border:1px solid #ece4de;border-radius:5px;padding:12px;box-shadow:0 8px 18px #74432610}.note-sheet>span{font-size:5px;letter-spacing:.7px;color:#baaa9c}.note-sheet p{font-size:10px;line-height:1.5;color:#75685f;margin:7px 0}.note-sheet div{display:flex;gap:5px}.note-sheet div b{font-size:5px;font-weight:400;background:#f5e9df;color:#ab795d;padding:4px;border-radius:3px}.calendar-card{margin:17px 12px;background:#fff;border:1px solid #eadfd6;border-radius:7px;padding:14px;box-shadow:0 12px 22px #62402010}.calendar-card>span{font-size:6px;letter-spacing:.8px;color:#ac9280}.day{display:flex;align-items:center;gap:13px;margin:12px 0}.day>b{font:500 27px Archivo;color:#c98764}.day>b small{display:block;font:6px Inter;letter-spacing:1px}.day strong{font-size:10px;display:block}.day div small{font-size:6px;color:#ac9b8d;display:block;margin-top:4px}.slots{display:flex;gap:6px}.slots i{font-style:normal;font-size:8px;background:#f8f6f3;color:#aaa;padding:6px 12px;border-radius:3px}.slots .chosen{background:#fbe6da;color:#b77657}.meeting .float-tag{bottom:1px;right:18px}.from-app{position:absolute;left:17px;top:21px;background:#fff;border:1px solid #ebdfd6;padding:10px;border-radius:6px}.from-app img{width:65px}.from-app small{display:block;font-size:6px;color:#a79a90;margin-top:7px}.sync-arrow{position:absolute;left:104px;top:34px;width:48px;height:20px}.active .sync-arrow path{stroke-dasharray:90;animation:draw 2s infinite}.hub{position:absolute;left:165px;top:23px;display:flex;align-items:center;gap:5px}.hub img{width:18px;height:20px}.hub b{font-size:13px;color:#33475b;letter-spacing:-.5px}.crm-record{position:absolute;left:69px;right:8px;top:84px;background:#fff;border:1px solid #dfe6e8;border-top:3px solid #ee9877;border-radius:5px;padding:10px;box-shadow:0 9px 15px #43321c0e}.crm-record>span{font-size:5px;color:#a6a1a0;letter-spacing:.7px}.crm-record>b{display:block;font-size:11px;margin-top:7px}.crm-record>small{font-size:7px;color:#98a0a6;display:block;margin-top:3px}.crm-record>div{font-size:6px;color:#7d9989;margin-top:8px}.offline-label{display:block;text-align:center;font-size:8px;color:#ad9180;margin-top:14px}.queue{margin:12px;background:#fff;border:1px solid #e6dfd9;padding:12px;border-radius:6px;box-shadow:0 10px 19px #58391e0d}.queue>strong{display:block;font-size:10px;margin-bottom:10px}.queue>div{display:flex;gap:8px;align-items:center;margin-top:9px}.queue>div>span{font-size:7px;background:#f3e9e1;color:#aa8d76;padding:7px;border-radius:50%}.queue b{font-size:8px;font-weight:500}.queue small{font-size:6px;color:#ad9e93;display:block;margin-top:3px}.queue i{font-style:normal;font-size:8px;margin-left:auto;color:#91a587}.reconnect{font-size:7px;color:#9caa91;display:block;text-align:center}.feature-copy{height:67px;margin:0 0 8px}.feature-copy h3{font:500 15px/1.2 Archivo;margin:0 0 7px;letter-spacing:-.15px}.feature-copy p{font-size:10px;line-height:1.55;color:#9a897d;margin:0}.feature-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px}.feature-tabs button{font:8px Inter;background:#fff9;border:1px solid #ede3dc;border-radius:4px;color:#a28d7d;padding:7px 3px;cursor:pointer;white-space:nowrap}.feature-tabs button span{font-size:6px;margin-right:3px;color:#c4b3a7}.feature-tabs button[aria-pressed=true]{background:#f9e5da;border-color:#e9c4b0;color:#a85e42}.demo{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border-radius:4px;background:linear-gradient(#ec6550,#d94b3b);border:1px solid #d15440;color:white;text-decoration:none;font-size:11px;font-weight:500;box-shadow:0 4px 8px #a8412120}.demo span{font-size:16px}.demo:hover{background:#d14735}.card-foot{display:flex;justify-content:space-between;align-items:center;margin:7px 0 5px;font-size:7px;color:#b4a296}.card-foot button{background:none;border:0;color:#a48c7d;padding:5px;cursor:pointer}.progress{height:2px;background:#f0e4db;margin:0 -18px}.progress i{display:block;background:#d99b7d;height:100%;width:var(--progress,0%)}.rail-note{font-size:8px;color:#b9aaa0;text-align:center;margin:8px 0}.page-foot{border-top:1px solid #eee;padding:30px;text-align:center;color:#afa39a;font-size:11px}.b3.paused *{animation-play-state:paused!important}button:focus-visible,a:focus-visible{outline:2px solid #c97558;outline-offset:3px}.isolated .article,.isolated .page-foot{display:none}.isolated .layout{display:block;max-width:340px}.isolated .rail{position:static}@keyframes scan{0%,100%{transform:translateY(0)}60%{transform:translateY(280px)}}@keyframes reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes wave{to{transform:scaleY(.35)}}@keyframes draw{from{stroke-dashoffset:90}to{stroke-dashoffset:0}}@media(max-width:850px){.layout{gap:30px;padding:35px 22px;grid-template-columns:minmax(0,1fr) 280px}.article h1{font-size:30px}.article p{font-size:13px}}@media(max-width:650px){.layout{display:block}.rail{position:static;margin:35px auto 0;max-width:280px}.page-head{padding:20px;gap:12px}.page-head span{display:none}.article h1{font-size:32px}}@media(max-height:660px){.rail{position:static}}@media(prefers-reduced-motion:reduce){.b3 *{animation:none!important;transition:none!important}}
.capture .device-screen{overflow:hidden}.scene:not(.active) *{animation-play-state:paused!important}

/* CTA3 v2: visual-first, higher contrast, faster feature tour. */
.b3{background:#fff;border:1px solid #e8d9d2;border-radius:14px;padding:20px 18px 0;box-shadow:0 16px 34px -22px #662c2140;width:280px}
.b3-brand img{width:94px}.b3-brand>span{font-size:6px;color:#7f7772;letter-spacing:.5px}
.b3-event{font-size:9px;line-height:1.35;color:#b74e39;margin:15px 0 9px;min-height:0;font-weight:500}
.b3 h2{font-size:27px;line-height:1.05;letter-spacing:-.9px;margin:0;color:#242323}
.b3-summary,#feature-body{display:none}
.visual{height:213px;margin:15px -18px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#f0ad9070,transparent 70%),linear-gradient(145deg,#fff4eb,#f8e5d9);border-top:1px solid #f4e3d8;border-bottom:1px solid #eddbd0}
.visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ba6a3e09 1px,transparent 1px),linear-gradient(90deg,#ba6a3e09 1px,transparent 1px);background-size:20px 20px;mask-image:linear-gradient(transparent,#000)}
.scene{inset:15px 15px 10px;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .45s cubic-bezier(.2,.9,.3,1.15)}
.scene.active{transform:translateY(0) scale(1)}
.capture .device{left:78px;top:-4px;transform:scale(.225);filter:drop-shadow(0 18px 14px #6d362345)}
.paper{left:3px;top:104px;width:117px;height:68px;padding:10px 7px;border-left:17px solid #963f32;box-shadow:0 10px 20px #5b351525}
.paper span{font-size:5px;color:#794633}.paper b{font-size:8px}.paper small,.paper i{font-size:5px;color:#8b6b58}
.float-tag{bottom:3px;right:0;background:#fff;border-color:#c6dccd;color:#366e4d;font-size:9px;padding:9px 10px;box-shadow:0 8px 16px #664b2e20;font-weight:500}
.active .float-tag{animation:tag-arrive .5s .5s both cubic-bezier(.2,1.5,.4,1)}
.scan-light{animation-duration:1.8s;background:#f04430;box-shadow:0 -10px 25px #f0543840}
.enrich-source{padding:13px 12px}.enrich-source>span{background:#edb496;color:#743a27}.enrich-source b{font-size:12px}.enrich-source small{font-size:8px;color:#796658}.enrich-source i{color:#cb603c}
.data-sheet{margin:0 7px;padding:9px 14px;border-color:#dfc3b0;box-shadow:0 12px 22px #623e2420}
.data-sheet>div{padding:7px 0}.data-sheet small{font-size:6px;color:#8c7666}.data-sheet b{font-size:10px;color:#3e3935}.data-sheet span{color:#407650;font-size:10px}
.voice{margin:16px 0 0;padding:14px 11px;border-color:#e7baa4;box-shadow:0 7px 18px #58351c15}.voice b{font-size:9px}.voice>small{font-size:7px;color:#91715a}.wave i{background:#d76743}
.note-sheet{margin:10px 9px;padding:14px;border-color:#e0cbbd;box-shadow:0 10px 21px #6c36211a}.note-sheet>span{font-size:6px;color:#987059}.note-sheet p{font-size:12px;line-height:1.45;color:#574337}.note-sheet div b{font-size:7px;background:#f6ddd0;color:#9f4f31}
.calendar-card{margin:15px 5px;padding:16px;border-color:#ddc5b4;box-shadow:0 14px 26px #75462b1d}.calendar-card>span{font-size:7px;color:#98725a}.day>b{font-size:34px;color:#c25737}.day strong{font-size:12px}.day div small{font-size:7px;color:#8c7665}.slots{margin-top:15px}.slots i{font-size:9px;color:#8d7b6c;padding:8px 13px}.slots .chosen{background:#df6847;color:white}.active .slots .chosen{animation:slot-select .45s .45s both}
.meeting .float-tag{bottom:5px;right:10px}.from-app{left:5px;top:21px;padding:12px;border-color:#e0c4b4;box-shadow:0 6px 16px #62331b14}.from-app img{width:75px}.from-app small{font-size:8px;color:#98705a}.sync-arrow{left:105px;top:38px;width:48px}.hub{left:165px;top:33px}.hub b{font-size:14px}.hub img{width:20px;height:22px}.crm-record{top:96px;left:47px;right:3px;padding:12px;border-top-color:#f37b53;box-shadow:0 10px 20px #4831241a}.crm-record>span{font-size:6px;color:#8b979d}.crm-record>b{font-size:13px;color:#34495b}.crm-record>small{font-size:8px;color:#82919c}.crm-record>div{font-size:7px;color:#478166}.active .crm-record{animation:tag-arrive .5s .6s both}
.offline-label{font-size:9px;color:#98664b;margin-top:8px}.queue{margin:12px 5px;padding:15px;border-color:#dfc9b9;box-shadow:0 9px 20px #65371816}.queue>strong{font-size:12px}.queue b{font-size:10px}.queue small{font-size:7px;color:#907c6b}.queue>div>span{background:#f1d6c5;color:#9c573a;font-size:8px}.queue i{color:#467955}.reconnect{font-size:9px;color:#567b54}
.feature-copy{height:39px;margin:0;display:flex;align-items:center;justify-content:center}.feature-copy h3{font-size:15px;line-height:1.2;letter-spacing:-.2px;margin:0;color:#4d3429}
.feature-tabs{gap:5px;margin:2px 0 14px}.feature-tabs button{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 3px;font-size:8px;color:#8b7666;background:#faf7f5;border-color:#ede3dc;border-radius:5px}
.feature-tabs button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.feature-tabs button[aria-pressed=true]{background:#fce2d5;color:#af472d;border-color:#e9ad91;box-shadow:0 1px 4px #a1452420}
.demo{font-size:13px;padding:14px;background:linear-gradient(#ed533d,#d93928);border-color:#d53827;box-shadow:0 5px 12px #b83d2833;border-radius:5px}.demo span{font-size:21px}.demo:hover{background:#ca3021;transform:translateY(-1px)}
.card-foot{margin:8px 0 7px;color:#9d8979;font-size:8px}.card-foot button{color:#8e624a;border:1px solid #ecdfd4;border-radius:3px;padding:3px 6px}
.progress{height:3px}.progress i{background:#e65938}.rail-note{color:#a69385}
@keyframes tag-arrive{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}@keyframes slot-select{from{opacity:.5;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.scene{transform:none!important}}

/* CTA3 v3: multiple CRM destinations and proportionate button. */
.demo{padding:10px 13px;font-size:12px;min-height:38px;box-shadow:0 3px 7px #b83d2820}.demo span{font-size:16px;line-height:16px}
.crm-source{position:absolute;top:4px;left:47px;right:47px;background:white;border:1px solid #ead7c9;border-radius:6px;padding:10px;text-align:center;box-shadow:0 5px 12px #62351e0c}
.crm-source img{width:89px;display:block;margin:auto}.crm-source small{display:block;font-size:7px;color:#8e7260;margin-top:7px}
.crm-branches{position:absolute;top:61px;left:4px;width:240px;height:39px}
.active .crm-branches path{stroke-dasharray:180;animation:draw 1.6s both}
.crm-options{position:absolute;top:96px;left:8px;right:8px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.crm-options>div{height:64px;background:#fff;border:1px solid #e1d8d2;border-radius:7px;display:grid;grid-template-columns:23px auto;grid-template-rows:27px 15px;align-items:center;justify-content:center;gap:0 3px;padding:9px 5px;box-shadow:0 8px 15px #613b2310}
.crm-options b{font-size:11px;font-weight:600;letter-spacing:-.3px;color:#34495b}
.crm-options img{width:20px;height:21px;object-fit:contain}
.cloud-icon{font-size:25px;color:#149ed9;line-height:25px}
.crm-options small{grid-column:1 / -1;text-align:center;font-size:7px;color:#72977e}
.other-crm{position:absolute;top:172px;left:0;right:0;text-align:center;font-size:9px;color:#946b56}