/* Home hero: a native, responsive device scene. All chat content is illustrative. */
.fc-public .hero.fc-home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);gap:30px}
.wa-showcase{--wa-green:#16775a;--wa-ink:#20382c;--wa-cycle:14s;--wa-tilt-x:0deg;--wa-tilt-y:0deg;width:100%;min-width:0;margin:0;color:var(--wa-ink);container-type:inline-size;font-family:Inter,system-ui,-apple-system,sans-serif}
.wa-showcase *{box-sizing:border-box}.wa-symbols{position:absolute;width:0;height:0;overflow:hidden}.wa-showcase svg:not(.wa-symbols){width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.wa-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:1.19;perspective:1100px}
.wa-atmosphere{position:absolute;inset:0;overflow:clip;z-index:-1;pointer-events:none}
.wa-stage:before{content:"";position:absolute;inset:5% 0 0;background-image:radial-gradient(#718b7426 .8px,transparent .8px);background-size:16px 16px;mask-image:radial-gradient(ellipse,#000 25%,transparent 70%);z-index:-2}
.wa-ambient{position:absolute;border-radius:50%;filter:blur(32px);z-index:-2;pointer-events:none}.wa-ambient-green{width:70%;height:70%;right:1%;top:15%;background:radial-gradient(ellipse,#b8d6bba8,transparent 72%)}.wa-ambient-gold{width:50%;height:55%;left:-6%;bottom:8%;background:radial-gradient(ellipse,#f2d86673,transparent 73%)}
.wa-orbit{position:absolute;z-index:-1;border:1px solid #97b79e35;border-radius:50%;width:83%;height:72%;top:17%;left:7%;transform:rotate(-27deg)}.wa-orbit-two{width:67%;height:93%;left:21%;top:1%;border-style:dashed;border-color:#97b79e40;transform:rotate(34deg)}
.wa-scene-label{position:absolute;left:4%;top:1%;display:flex;align-items:center;gap:7px;color:#627c66;font-size:clamp(8px,1.55cqw,10px);font-weight:700;letter-spacing:1.7px}.wa-scene-label>span{width:6px;height:6px;background:#479a69;border-radius:50%;box-shadow:0 0 0 4px #4f9b6812}
.wa-laptop{position:absolute;left:0;top:21%;width:88%;transform:rotate(-4deg) rotateX(var(--wa-tilt-x)) rotateY(var(--wa-tilt-y));transform-origin:50% 60%;transition:transform .3s ease-out;z-index:1}
.wa-laptop-lid{position:relative;padding:9px 5px 5px;border:1px solid #737872;border-radius:12px 12px 3px 3px;background:linear-gradient(145deg,#535b54,#18231d 30%,#2d3730);box-shadow:0 2px 0 #fff5 inset,0 20px 35px #263f2920}
.wa-laptop-camera{position:absolute;width:3px;height:3px;border-radius:50%;background:#101c14;box-shadow:0 0 0 1px #566059;top:3px;left:50%}
.wa-desktop-window{overflow:hidden;border-radius:5px 5px 1px 1px;background:#fff}.wa-window-bar{height:23px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;background:#f1f3f1;color:#647368;border-bottom:1px solid #dce2dc;font-size:8px}.wa-window-bar>span:nth-child(2){display:flex;align-items:center;gap:5px}.wa-window-bar svg{width:11px!important;height:11px!important;color:#258f69}.wa-window-dots{display:flex;gap:4px}.wa-window-dots i{width:5px;height:5px;border-radius:50%;background:#c2ccc3}.wa-window-dots i:first-child{background:#e6a694}.wa-window-dots i:nth-child(2){background:#e3c479}.wa-window-dots i:last-child{background:#8ebe9a}.wa-window-secure{font-size:12px}
.wa-desktop-app{display:grid;grid-template-columns:7.5% 29% minmax(0,1fr);height:clamp(215px,47cqw,275px)}.wa-desktop-rail{display:flex;align-items:center;flex-direction:column;gap:18px;padding:13px 0 9px;background:#edf2ed;color:#79877c}.wa-desktop-rail>svg{width:14px!important;height:14px!important}.wa-rail-active{color:#278461;background:#d8e8dc;box-shadow:0 0 0 6px #d8e8dc;border-radius:50%}.wa-rail-ring{width:12px;height:12px;border:1.5px dashed currentColor;border-radius:50%}.wa-store-avatar{position:relative;display:grid;place-items:center;margin-top:auto;background:#345640;color:#e8ecd4;border-radius:50%;width:21px;height:21px;font-size:9px}.wa-store-avatar>span{position:absolute;bottom:-2px;right:-2px;font-size:8px;color:#d9b931;background:#fff;border-radius:50%;width:10px;height:10px;line-height:10px}
.wa-conversations{min-width:0;background:#fff;border-right:1px solid #e3e8e2;padding:10px 6px;position:relative}.wa-conversations>b{font-size:clamp(9px,1.9cqw,11px);display:flex;justify-content:space-between;align-items:center}.wa-conversations>b>span{font-size:13px;color:#849487}.wa-search{display:flex;align-items:center;gap:4px;background:#f1f4f0;border-radius:4px;padding:5px;margin-top:10px;font-size:7px;color:#8a968a}.wa-search svg{width:9px!important;height:9px!important}.wa-chat-filter{font-size:7px;color:#39825d;margin-top:8px}.wa-chat-filter>span{color:#8a948b;margin-left:8px}.wa-contact{display:flex;align-items:center;gap:5px;padding:9px 3px;border-bottom:1px solid #edf0ea;min-width:0}.wa-contact-selected{background:#edf4ea;border-radius:5px;margin-top:7px;border:0}.wa-person{display:grid;place-items:center;flex-shrink:0;width:23px;height:23px;border-radius:50%;font-weight:650;font-size:9px;border:2px solid #fff8;background:linear-gradient(135deg,#e5c5a9,#c49c7f);color:#6a4d3a}.wa-person-lucas{background:linear-gradient(135deg,#bfd8db,#a6bccb);color:#496679}.wa-person-maria{background:linear-gradient(135deg,#e3c3d9,#c89bb9);color:#754c70}.wa-person-pedro{background:linear-gradient(135deg,#d1d9b4,#b4c59f);color:#5e7747}.wa-contact>div{min-width:0}.wa-contact strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(6px,1.6cqw,9px);font-weight:650}.wa-contact small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:clamp(5px,1.3cqw,7px);color:#82917f;margin-top:2px}.wa-contact>i{width:5px;height:5px;border-radius:50%;background:#61b878;flex-shrink:0;margin-left:auto}.wa-chat-list-note{position:absolute;bottom:9px;left:8px;right:5px;font-size:6px;color:#859c87}.wa-chat-list-note>span{display:inline-block;background:#62a67c;width:4px;height:4px;border-radius:50%;margin-right:3px}
.wa-desktop-conversation{display:flex;flex-direction:column;min-width:0;background:#eeeae0}.wa-desktop-header{display:flex;align-items:center;gap:6px;padding:7px 8px;background:#f5f7f3;min-height:39px;border-bottom:1px solid #e1e7df}.wa-desktop-header>div{min-width:0;flex:1}.wa-desktop-header strong{font-size:9px;display:block}.wa-desktop-header small{display:block;font-size:6px;color:#8b958a;margin-top:1px}.wa-desktop-header>svg{width:12px!important;height:12px!important;margin-left:3px;color:#6d8673}
.wa-wallpaper{background-color:#eeeae2;background-image:radial-gradient(#a8b9a22c .7px,transparent .7px),linear-gradient(135deg,#f2f0e800,#d7e0ce35);background-size:12px 12px,100% 100%}.wa-desktop-messages{position:relative;flex:1;min-height:0;display:flex;flex-direction:column;padding:8px 10px;gap:8px;overflow:hidden}.wa-day{align-self:center;background:#ffffffb8;box-shadow:0 1px 3px #25382b08;border-radius:4px;padding:3px 7px;font-size:6px;line-height:1.3;color:#829080;letter-spacing:.2px}
.wa-message{position:relative;background:#fff;padding:8px 9px 5px;border-radius:0 8px 8px 8px;box-shadow:0 1px 1px #183b2815;font-size:clamp(8px,1.85cqw,11px);line-height:1.45;max-width:93%;transform-origin:bottom left}.wa-message p{margin:0 0 5px}.wa-message small{display:flex;align-items:center;justify-content:flex-end;gap:3px;font-size:6px;color:#8a9686;line-height:1}.wa-message small svg{width:10px!important;height:9px!important;color:#60b7d3}.wa-message-sent{background:#def7cd;align-self:flex-end;border-radius:8px 0 8px 8px;transform-origin:bottom right}.wa-desktop-message{width:94%;font-size:clamp(7px,1.65cqw,9px);padding:7px 8px 5px}.wa-desktop-reply{max-width:84%;font-size:clamp(7px,1.6cqw,9px);padding:6px 8px 4px}.wa-typing{display:flex;align-items:center;gap:3px;background:#fff;border-radius:8px;padding:9px 10px;width:max-content;box-shadow:0 1px 2px #1e3c2914;opacity:0}.wa-typing i{width:3px;height:3px;border-radius:50%;background:#8b9d87}.wa-desktop-typing{position:absolute;bottom:16px;left:10px}
.wa-composer{display:flex;align-items:center;gap:7px;min-height:29px;padding:5px 8px;background:#f6f7f3;color:#7c9180}.wa-composer>svg{width:12px!important;height:12px!important}.wa-composer>span{font-size:16px;line-height:1}.wa-composer>div{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0;background:#fff;border-radius:14px;color:#9da79a;font-size:7px;padding:5px 8px;white-space:nowrap}
.wa-laptop-base{position:relative;height:8px;margin:0 -4%;border-radius:1px 1px 50% 50%/1px 1px 80% 80%;background:linear-gradient(#d1d6d0,#a3aba3 45%,#737f75 60%,#8a968b);box-shadow:0 3px 2px #223c3112}.wa-laptop-base>span{position:absolute;left:40%;width:20%;height:3px;background:#7a867d;border-radius:0 0 7px 7px}.wa-laptop-shadow{position:absolute;bottom:-12px;left:2%;width:96%;height:13px;background:#354a3340;filter:blur(10px);border-radius:50%;z-index:-1}
.wa-phone{position:absolute;width:35%;right:0;top:9%;padding:4px;border-radius:clamp(19px,4.6cqw,28px);background:linear-gradient(135deg,#778274,#1f2b23 30%,#53604f 85%,#9ba691);box-shadow:0 1px 0 #fff8 inset,0 0 0 1px #3c4b38,5px 18px 25px #243d3229,0 3px 6px #263c3233;transform:translateY(0) rotate(7deg) rotateX(var(--wa-tilt-x)) rotateY(var(--wa-tilt-y));transition:transform .3s ease-out;z-index:3}.wa-phone-screen{overflow:hidden;border-radius:clamp(16px,3.9cqw,23px);border:2px solid #1e2a22;background:#f8faf6}.wa-phone-button{position:absolute;width:2px;background:#63715e;box-shadow:0 0 0 .5px #37482f;border-radius:2px}.wa-phone-button-left{left:-2px;top:21%;height:24px}.wa-phone-button-right{right:-2px;top:28%;height:31px}.wa-phone-status{position:relative;display:flex;align-items:center;padding:0 10px;height:27px;gap:4px;color:#30412e}.wa-phone-status>b{font-size:7px;margin-right:auto}.wa-dynamic-island{position:absolute;left:50%;top:5px;transform:translateX(-50%);width:31%;height:13px;border-radius:10px;background:#182219}.wa-signal{display:flex;align-items:end;gap:1px;height:7px}.wa-signal i{width:2px;background:#53634d;border-radius:1px}.wa-signal i:nth-child(1){height:3px}.wa-signal i:nth-child(2){height:4px}.wa-signal i:nth-child(3){height:6px}.wa-signal i:nth-child(4){height:7px}.wa-battery{width:11px;height:6px;border-radius:2px;border:1px solid #77836e;box-shadow:1px 0 #a7b29f;background:linear-gradient(90deg,#627655 77%,transparent 77%);padding:1px;background-clip:content-box}
.wa-phone-header{display:flex;align-items:center;gap:5px;padding:5px 7px 8px;border-bottom:1px solid #dfe6d9;background:#f8faf6}.wa-back{font-size:23px;color:#4a8b63;line-height:1}.wa-shop-avatar{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;color:#716c27;background:linear-gradient(140deg,#f1e4a7,#d7d79c);font-size:20px}.wa-phone-header>div{min-width:0;flex:1}.wa-phone-header strong{font-size:clamp(8px,1.9cqw,11px);display:block;white-space:nowrap}.wa-phone-header small{display:block;font-size:clamp(6px,1.3cqw,7px);color:#93a18b;white-space:nowrap}.wa-phone-header>svg{width:12px!important;height:12px!important;color:#528766}
.wa-phone-messages{position:relative;display:flex;flex-direction:column;gap:8px;height:clamp(235px,52cqw,293px);padding:9px 8px 12px;overflow:hidden}.wa-encryption{font-size:5.5px;text-align:center;color:#a5a893}.wa-phone-message{width:100%;max-width:96%;font-size:clamp(8px,1.9cqw,11px);padding:8px 8px 5px}.wa-phone-reply{max-width:94%;font-size:clamp(8px,1.8cqw,10px);padding:7px 8px 5px}.wa-phone-typing{position:absolute;left:9px;top:48px;z-index:2}.wa-phone-composer{gap:6px;padding:6px;min-height:33px}.wa-phone-composer>div{padding:5px 7px;font-size:8px;border:1px solid #e3e8dd}.wa-phone-composer>div>svg{width:10px!important;height:10px!important;margin-left:4px}.wa-phone-home{height:3px;width:33%;border-radius:3px;background:#263d2a;margin:4px auto 5px}
.wa-float{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #fff;background:#fffffff2;border-radius:11px;padding:10px 13px;box-shadow:0 8px 25px #2b482416,0 1px 4px #3d4b2a08;z-index:4;backdrop-filter:blur(8px)}.wa-float small{display:block;font-size:clamp(7px,1.6cqw,9px);color:#849079}.wa-float strong{font-size:clamp(10px,2.2cqw,13px);font-weight:650;display:flex;align-items:center;gap:9px;line-height:1.5}.wa-float strong svg{width:12px!important;height:12px!important;color:#63a079}.wa-float-icon{display:grid;place-items:center;width:30px;height:32px;border-radius:9px;background:#f7f0cf;color:#9c892e}.wa-float-dot{height:5px;width:5px;border-radius:50%;background:#87ac78;align-self:start;margin-top:4px;margin-left:5px}.wa-delivered{left:8%;gap:8px;transform:rotate(-2deg);padding:9px 12px;top:4%;bottom:auto;}.wa-delivered-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9f3e1;color:#4a8852}.wa-delivered-icon svg{width:20px!important;height:20px!important}.wa-delivered strong{font-size:clamp(8px,1.9cqw,11px)}.wa-delivered strong>span{color:#86a478}.wa-connection{position:absolute;left:48%;top:12%;width:19%;display:flex;align-items:center;gap:5px;color:#679577;z-index:2;transform:rotate(10deg)}.wa-connection>span{position:absolute;border-top:1px dashed #8daf7e;top:50%;width:100%;z-index:-1}.wa-connection i{width:5px;height:5px;flex-shrink:0;border:1px solid #f4f7ee;border-radius:50%;background:#7ba16e;box-shadow:0 0 0 3px #e2ebd99c}.wa-connection i:nth-of-type(2){opacity:.7}.wa-connection i:nth-of-type(3){opacity:.4}.wa-connection svg{margin-left:auto;width:13px!important;height:13px!important;background:#edf2e5}.wa-spark{position:absolute;color:#98b284;font-size:22px}.wa-spark-one{top:1%;right:9%}.wa-spark-two{bottom:10%;left:0;font-size:28px;color:#cabf75}
.wa-story{display:flex;align-items:center;justify-content:center;gap:11px;margin-top:15px;padding:0 8%;font-size:10px;font-weight:550;letter-spacing:.1px;white-space:nowrap;color:#7b8975}.wa-story-step{display:flex;align-items:center;gap:6px}.wa-story-step i{font-style:normal;font-size:8px;border:1px solid #dce5d5;border-radius:50%;width:22px;height:22px;display:grid;place-items:center;background:#fcfdf8;color:#7b9571}.wa-story-line{height:1px;max-width:35px;flex:1;background:#d8e2d2}
.wa-showcase figcaption{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:15px;padding:0 3%;font-size:10px;font-weight:550;color:#5f745c;text-align:left;line-height:1.6}.wa-showcase figcaption small{display:block;font-size:9px;font-weight:400;color:#8c9984;margin-top:2px}.wa-motion-toggle{display:flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;font:inherit;font-size:9px;border:1px solid #dbe4d3;border-radius:30px;color:#6c8261;background:#ffffff80;padding:6px 10px;min-height:32px;cursor:pointer}.wa-motion-toggle:hover{background:#fff;border-color:#9daf8f}.wa-motion-toggle:focus-visible{outline:2px solid #507b46;outline-offset:3px}.wa-motion-toggle[hidden]{display:none}.wa-motion-icon{font-size:11px;min-width:8px}
/* One shared clock keeps the two conversations and the three steps in sync. */
.wa-showcase[data-animate="true"] .wa-laptop{animation:wa-laptop-float 7s ease-in-out infinite}.wa-showcase[data-animate="true"] .wa-phone{animation:wa-phone-float 7s ease-in-out infinite}.wa-showcase[data-animate="true"] .wa-delivered{animation:wa-delivered var(--wa-cycle) infinite;}.wa-showcase[data-animate="true"] .wa-desktop-message{animation:wa-send var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] .wa-phone-message{animation:wa-receive var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] :is(.wa-phone-reply,.wa-desktop-reply){animation:wa-reply var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] .wa-phone-typing{animation:wa-phone-typing var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] .wa-desktop-typing{animation:wa-desktop-typing var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] .wa-typing i{animation:wa-dot .7s ease-in-out infinite alternate}.wa-showcase[data-animate="true"] .wa-typing i:nth-child(2){animation-delay:.15s}.wa-showcase[data-animate="true"] .wa-typing i:nth-child(3){animation-delay:.3s}.wa-showcase[data-animate="true"] .wa-connection{animation:wa-connect var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] .wa-ambient-green{animation:wa-glow 7s ease-in-out infinite alternate}.wa-showcase[data-animate="true"] .wa-step-one i{animation:wa-step-one var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] .wa-step-two i{animation:wa-step-two var(--wa-cycle) infinite}.wa-showcase[data-animate="true"] .wa-step-three i{animation:wa-step-three var(--wa-cycle) infinite}
.wa-showcase[data-running="false"] *{animation-play-state:paused!important}
@keyframes wa-laptop-float{0%,100%{transform:translateY(0) rotate(-4deg) rotateX(var(--wa-tilt-x)) rotateY(var(--wa-tilt-y))}50%{transform:translateY(-5px) rotate(-3deg) rotateX(var(--wa-tilt-x)) rotateY(var(--wa-tilt-y))}}
@keyframes wa-phone-float{0%,100%{transform:translateY(0) rotate(7deg) rotateX(var(--wa-tilt-x)) rotateY(var(--wa-tilt-y))}50%{transform:translateY(-9px) rotate(5deg) rotateX(var(--wa-tilt-x)) rotateY(var(--wa-tilt-y))}}

@keyframes wa-send{0%,13%{opacity:0;transform:translateY(9px) scale(.94)}18%,90%{opacity:1;transform:translateY(0) scale(1)}97%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes wa-receive{0%,27%{opacity:0;transform:translateY(10px) scale(.94)}32%,90%{opacity:1;transform:translateY(0) scale(1)}97%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes wa-reply{0%,49%{opacity:0;transform:translateY(9px) scale(.94)}54%,90%{opacity:1;transform:translateY(0) scale(1)}97%,100%{opacity:0;transform:translateY(-3px)}}
@keyframes wa-delivered{0%,55%{opacity:0;transform:translateY(10px) rotate(-2deg) scale(.96)}61%,90%{opacity:1;transform:translateY(0) rotate(-2deg) scale(1)}97%,100%{opacity:0;transform:translateY(-4px) rotate(-2deg)}}
@keyframes wa-phone-typing{0%,17%,28%,100%{opacity:0}20%,26%{opacity:1}}@keyframes wa-desktop-typing{0%,38%,50%,100%{opacity:0}41%,48%{opacity:1}}@keyframes wa-dot{to{transform:translateY(-3px);opacity:.4}}@keyframes wa-connect{0%,14%,38%,100%{opacity:.35;transform:translateX(0) rotate(10deg)}22%,30%{opacity:1;transform:translateX(5px) rotate(10deg)}}@keyframes wa-glow{to{opacity:.6;transform:scale(1.08)}}
@keyframes wa-step-one{0%,25%{background:#e7eecf;border-color:#c9d6a5;color:#537443}30%,100%{background:#fcfdf8;border-color:#dce5d5;color:#7b9571}}@keyframes wa-step-two{0%,25%,55%,100%{background:#fcfdf8;border-color:#dce5d5;color:#7b9571}30%,50%{background:#e7eecf;border-color:#c9d6a5;color:#537443}}@keyframes wa-step-three{0%,50%,97%,100%{background:#fcfdf8;border-color:#dce5d5;color:#7b9571}55%,92%{background:#e7eecf;border-color:#c9d6a5;color:#537443}}
@media(min-width:801px) and (max-width:1100px){.fc-public .hero.fc-home-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:22px}.wa-stage{aspect-ratio:1.02}.wa-phone{width:39%;top:9%}.wa-laptop{top:23%;width:91%}.wa-desktop-app{height:225px}.wa-phone-messages{height:245px}.wa-delivered{left:4%;top:4%;bottom:auto;}.wa-story{padding:0;gap:8px}}
@media(max-width:800px){.fc-public .hero.fc-home-hero{grid-template-columns:minmax(0,1fr);gap:22px}.wa-showcase{max-width:560px;justify-self:center}.wa-stage{aspect-ratio:1.15}.wa-laptop{top:22%;width:89%}.wa-phone{width:36%;top:10%}.wa-story{margin-top:16px}.wa-motion-toggle{min-height:44px;min-width:44px}.wa-showcase figcaption{font-size:11px}.wa-showcase figcaption small{font-size:10px}}
@media(max-width:480px){.wa-stage{aspect-ratio:.98}.wa-phone{width:42%;right:1%;top:10%;padding:3px;transform:rotate(5deg)}.wa-laptop{width:89%;top:25%}.wa-desktop-app{height:215px;grid-template-columns:8% 26% minmax(0,1fr)}.wa-phone-messages{height:236px;padding:7px 6px;gap:7px}.wa-phone-message{font-size:9px;padding:7px 6px 5px}.wa-phone-reply{font-size:9px;padding:6px}.wa-phone-header{padding-inline:5px;gap:3px}.wa-phone-header strong{font-size:8px}.wa-phone-header small{font-size:6px}.wa-shop-avatar{width:21px;height:21px;font-size:17px}.wa-back{font-size:19px}.wa-phone-header>svg{width:10px!important;height:10px!important}.wa-phone-status{padding-inline:8px;height:24px}.wa-dynamic-island{height:11px}.wa-float-icon{width:26px;height:28px}.wa-float-dot{display:none}.wa-float strong{font-size:11px}.wa-float small{font-size:8px}.wa-delivered{left:4%;padding:8px;gap:6px;top:4%;bottom:auto;}.wa-delivered strong{font-size:9px}.wa-delivered small{font-size:7px}.wa-connection{left:43%;width:16%;top:15%}.wa-connection i{width:4px;height:4px}.wa-connection i:nth-of-type(3){display:none}.wa-story{margin-top:20px;gap:8px;padding:0;font-size:9px}.wa-showcase figcaption{padding:0;gap:9px;font-size:9px}.wa-showcase figcaption small{font-size:8px}.wa-motion-toggle{padding:6px 8px;font-size:9px}.wa-contact{padding:8px 2px;gap:3px}.wa-contact>.wa-person{width:17px;height:17px;font-size:7px}.wa-contact strong{font-size:6px}.wa-contact small{font-size:5px}.wa-desktop-header .wa-person{width:20px;height:20px;font-size:8px}.wa-desktop-header strong{font-size:7px}.wa-desktop-header small{font-size:5px}.wa-desktop-header>svg:last-child{display:none}.wa-desktop-messages{padding:7px;gap:6px}.wa-desktop-message{font-size:7px;padding:6px}.wa-desktop-reply{font-size:7px}.wa-conversations{padding:8px 4px}.wa-conversations>b{font-size:7px}.wa-chat-filter{font-size:6px}.wa-chat-filter>span{margin-left:4px}.wa-chat-list-note{display:none}.wa-spark-two{bottom:3%;left:-1%}}
@media(max-width:360px){.wa-stage{aspect-ratio:.86}.wa-phone{width:44%;top:10%}.wa-laptop{top:27%;width:91%}.wa-phone-message{font-size:8px}.wa-phone-reply{font-size:8px}.wa-phone-messages{height:228px}.wa-phone-header>svg{display:none}.wa-delivered{left:2%;top:4%;bottom:auto;}.wa-desktop-app{height:206px}.wa-scene-label{font-size:7px;letter-spacing:1.3px}.wa-story{gap:6px}.wa-story-line{max-width:22px}.wa-showcase figcaption>span{max-width:210px}}
@media(prefers-reduced-motion:reduce){.wa-showcase *{animation:none!important;transition:none!important}.wa-laptop{transform:rotate(-3deg)}.wa-phone{transform:rotate(5deg)}.wa-motion-toggle{display:none}}

/* Compact scene: cards overlap the devices rather than adding empty space. */
.fc-public .hero.fc-home-hero {
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:30px;
  padding-block:28px;
}
.wa-stage { height:330px; aspect-ratio:auto; }
.wa-laptop { left:3%; width:83%; top:12%; }
.wa-desktop-app { height:212px; }
.wa-desktop-conversation { min-height:0; }
.wa-desktop-header { min-height:33px; padding:5px 7px; }
.wa-desktop-messages { padding:7px 9px; gap:6px; }
.wa-desktop-message { font-size:8px; line-height:1.3; padding:6px 7px 4px; }



.wa-desktop-reply { font-size:8px; line-height:1.3; padding:5px 7px 4px; }
.wa-desktop-conversation>.wa-composer { min-height:25px; height:25px; padding:3px 7px; }
/* Keep the hardware proportional; the conversation fills the remaining screen. */
.wa-phone { right:4%; width:clamp(130px,40cqw,154px); height:auto; aspect-ratio:1 / 2.08; top:1%; }
.wa-phone-screen { height:100%; display:flex; flex-direction:column; min-height:0; }
.wa-phone-screen>:not(.wa-phone-messages) { flex-shrink:0; }
.wa-phone-status { height:20px; }
.wa-dynamic-island { height:11px; top:3px; }
.wa-phone-header { height:33px; padding:3px 6px 5px; gap:4px; }
.wa-phone-header strong { font-size:8px; line-height:1.3; }
.wa-phone-header small { font-size:6px; line-height:1.3; }
.wa-phone-messages { height:auto; flex:1; min-height:0; padding:7px 7px 8px; gap:5px; }
.wa-phone-messages .wa-message p { margin-bottom:4px; }
.wa-phone-messages>* { flex-shrink:0; }
.wa-phone-message { font-size:8px; line-height:1.35; padding:6px 7px 4px; }





.wa-phone-reply { font-size:8px; line-height:1.35; padding:5px 7px 4px; }
.wa-phone-composer { height:28px; min-height:28px; padding:3px 6px; }
.wa-phone-composer>div { padding:3px 6px; font-size:7px; }
.wa-phone-home { margin:3px auto 4px; }
.wa-delivered { left:5%; top:10%; bottom:auto; }
.wa-connection { top:8%; left:43%; width:18%; }
.wa-scene-label { top:0; font-size:7px; }
.wa-story { margin-top:7px; gap:9px; font-size:9px; }
.wa-story-step i { width:18px; height:18px; font-size:7px; }
.wa-showcase figcaption { margin-top:7px; font-size:9px; line-height:1.4; }
.wa-showcase figcaption small { font-size:8px; margin-top:1px; }
.wa-return-card {
  left:5%; top:auto; bottom:1%; gap:10px; padding:9px 12px;
  transform:rotate(-3deg); border-color:#ffffffd9;
  background:linear-gradient(125deg,#fff,#fafcf3); min-width:150px;
  box-shadow:0 10px 30px #2b482416,0 1px 4px #3d4b2a08;
}
.wa-return-card small { font-size:9px; font-weight:550; color:#78896d; }
.wa-return-value { display:flex; align-items:center; gap:9px; margin-top:2px; }
.wa-return-value strong { font-size:30px; line-height:1.05; letter-spacing:-1.2px; font-weight:600; font-variant-numeric:tabular-nums; color:#345e3c; min-width:36px; }
.wa-return-value>span { display:grid; place-items:center; width:20px; height:20px; border-radius:50%; color:#6c9956; background:#eaf3e0; }
.wa-return-value>span>svg { transform:rotate(-45deg); width:12px!important; height:12px!important; }
.wa-return-note { display:block; font-size:6px; color:#a4af9b; letter-spacing:.3px; margin-top:4px; }
.wa-return-people { display:flex; padding-left:5px; align-self:flex-end; margin-bottom:12px; }
.wa-return-people>span { display:grid; place-items:center; width:21px; height:21px; border:2px solid #fff; border-radius:50%; background:#e4d2bd; color:#987954; font-size:7px; font-weight:600; margin-left:-7px; }
.wa-return-people>span:nth-child(2) { background:#cadae2;color:#698a9b; }
.wa-return-people>span:nth-child(3) { background:#d8e3c5;color:#7e925e; }
.wa-showcase[data-animate="true"] .wa-return-card { animation:wa-return-float 7s ease-in-out infinite; }
@keyframes wa-return-float { 0%,100% { transform:translateY(0) rotate(-3deg); } 50% { transform:translateY(-4px) rotate(-1deg); } }
@media(min-width:801px) and (max-width:1100px) {
  .fc-public .hero.fc-home-hero { gap:22px; }
  .wa-stage { height:335px; }
  .wa-phone { top:1%; }
  .wa-laptop { width:85%; top:17%; }
  .wa-delivered { left:3%; top:14%; }
  .wa-delivered strong { font-size:9px; }
  .wa-delivered small { font-size:7px; }
  .wa-return-card { left:3%; min-width:135px; padding:8px 10px; }
  .wa-return-card small { font-size:8px; }
}
@media(max-width:800px) {
  .fc-public .hero.fc-home-hero { grid-template-columns:minmax(0,1fr); gap:18px; padding-block:24px 28px; }
  .wa-stage { height:335px; }
  .wa-phone { top:1%; }
  .wa-laptop { width:84%; top:13%; }
  .wa-delivered { left:5%; top:10%; }
  .wa-showcase figcaption { gap:10px; }
}
@media(max-width:480px) {
  .wa-stage { height:330px; }
  .wa-laptop { width:87%; top:19%; }
  .wa-phone { top:1%; }
  .wa-phone-header { gap:3px; padding-inline:5px; }
  .wa-phone-header strong { font-size:7px; }
  .wa-phone-header small { font-size:5px; }
  .wa-phone-message,.wa-phone-reply { font-size:8px; padding-inline:6px; }
  
  .wa-phone-header>svg { width:10px!important; height:10px!important; }
  .wa-desktop-message,.wa-desktop-reply { font-size:7px; }
  .wa-delivered { top:17%; left:3%; padding:7px 8px; gap:6px; }
  .wa-delivered strong { font-size:8px; }
  .wa-delivered small { font-size:6px; }
  .wa-delivered-icon { width:25px; height:25px; }
  .wa-return-card { left:3%; gap:8px; min-width:132px; padding:8px 10px; }
  .wa-return-card small { font-size:8px; }
  .wa-return-value strong { font-size:28px; min-width:33px; }
  .wa-return-people>span { width:18px; height:18px; font-size:6px; }
  .wa-connection { left:43%; top:8%; width:14%; }
  .wa-story { gap:7px; }
  .wa-showcase figcaption { padding:0; font-size:9px; }
  .wa-showcase figcaption>span { max-width:260px; }
}
@media(max-width:360px) {
  .wa-stage { height:330px; }
  .wa-phone { top:1%; }
  .wa-laptop { top:20%; }
  .wa-phone-message,.wa-phone-reply { font-size:7.5px; }
  .wa-phone-messages { padding-inline:6px; }
  
  
  .wa-return-card { min-width:120px; gap:6px; padding:7px 9px; }
  .wa-return-card small { font-size:7px; }
  .wa-return-value strong { font-size:26px; min-width:31px; }
  .wa-return-people>span { width:16px; height:16px; font-size:5px; }
  .wa-delivered { top:18%; left:2%; padding:6px 7px; }
  .wa-delivered strong { font-size:7px; }
  .wa-delivered small { font-size:5.5px; }
  .wa-delivered-icon { width:22px; height:22px; }
  .wa-showcase figcaption>span { max-width:190px; }
}