/* WhatsApp's actual application screenshots, scoped to this product page. */
.wa-intro{position:relative;overflow:hidden;padding:58px 0 54px}
.wa-intro-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);align-items:center;gap:40px}
.wa-intro-copy{position:relative;z-index:1}
.wa-intro-kicker{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#c4ceda;font-size:11px;font-weight:600;letter-spacing:.04em}
.wa-intro-kicker img{width:22px;height:22px;flex:none}
.wa-intro-kicker>span:last-child{color:#738093}
.wa-intro-divider{height:13px;width:1px;background:#394250}
.wa-intro h1{margin:0;color:#f2f5f9;font-size:clamp(34px,3.7vw,56px);font-weight:700;line-height:1.16;letter-spacing:-.045em}
.wa-intro h1>span{display:block}
.wa-intro-accent{color:#55e4b3}
.wa-intro-copy>p{margin:22px 0 0;max-width:530px;font-size:14px;line-height:1.85;color:#a4b1c2}
.wa-intro-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px}
.wa-intro-links a{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:600;color:#d4dce7;padding:12px 0}
.wa-intro-links a:first-child{padding:13px 20px;border:1px solid #25d4a0;border-radius:8px;background:#20c997;color:#100a0e;box-shadow:0 4px 24px #20c99718}
.wa-intro-links a:hover{color:#85f1cf}
.wa-intro-links a:first-child:hover{background:#55e4b3;color:#100a0e}
.wa-intro-links a:focus-visible{outline:2px solid #9cf2db;outline-offset:4px}
.wa-intro-art{position:relative;display:grid;place-items:center;justify-self:center;width:min(100%,320px);aspect-ratio:1;isolation:isolate}
.wa-intro-art:before{content:"";position:absolute;inset:6%;z-index:-1;background:radial-gradient(ellipse at 68% 35%,#20c99720,transparent 65%),radial-gradient(ellipse at 28% 75%,#27d6cf13,transparent 65%);filter:blur(14px)}
.wa-intro-art>img{width:116px;height:116px;transform:none;filter:drop-shadow(9px 14px 30px #20c9972b)}
.wa-orbit{position:absolute;inset:2%;border:1px solid #35404b88;border-radius:50%;transform:rotate(-28deg)}
.wa-orbit-outer{border-right-color:#20c99777;border-bottom-color:#28404755}
.wa-orbit-inner{inset:16%;border-color:#28354188;border-left-color:#60cfcb66;transform:rotate(35deg)}
.wa-orbit-point{position:absolute;width:7px;height:7px;border-radius:50%;background:#50e7b6;top:13%;right:16%;box-shadow:0 0 14px #20c99780}
@media(max-width:1000px){.wa-intro-layout{grid-template-columns:minmax(0,1fr) 220px;gap:24px}.wa-intro-art>img{width:86px;height:86px}}
@media(max-width:700px){.wa-intro{padding:38px 0 42px}.wa-intro-layout{display:block}.wa-intro-art{display:none}.wa-intro-kicker{margin-bottom:22px}.wa-intro h1{font-size:clamp(30px,6.5vw,42px);letter-spacing:-.035em}.wa-intro-copy>p{margin-top:18px;font-size:13px}.wa-intro-links{margin-top:24px}}
.wa-figure{margin:0;min-width:0}
.wa-screenshot{display:block;position:relative;width:100%;padding:0;background:#0a0e12;overflow:hidden;border:1px solid var(--line);border-radius:10px;cursor:zoom-in}
.wa-screenshot img{display:block;width:100%;height:auto}
.wa-gallery .wa-screenshot{aspect-ratio:2296/1354;display:grid;place-items:center}
.wa-gallery .wa-screenshot img{width:100%;height:100%;object-fit:contain}
.wa-enlarge{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;background:#10151bef;border:1px solid #526074;color:#eef1f6;border-radius:7px;padding:8px 12px;font-size:11px;opacity:0;transform:translateY(4px);transition:opacity .18s,transform .18s}
.wa-screenshot:hover .wa-enlarge,.wa-screenshot:focus-visible .wa-enlarge{opacity:1;transform:none}
.wa-story{padding:0 0 80px}
.wa-feature{position:relative;isolation:isolate;margin:0;padding:0;scroll-margin-top:calc(var(--wa-header-height,76px) + 16px)}
.wa-feature+.wa-feature{margin-top:88px}
.wa-feature-bar{position:sticky;top:calc(var(--wa-header-height,76px) + 8px);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:66px;padding:14px 0;border-top:2px solid #208c71;border-bottom:1px solid #2d3744;background:#0b0f14f5;backdrop-filter:blur(16px)}
.wa-feature-name{display:flex;align-items:center;gap:14px;min-width:0}
.wa-feature-name strong{font-size:19px;font-weight:700;line-height:1.35;color:#f2f5f9}
.wa-feature-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:start;margin:0;padding:32px 0}
.wa-feature-heading .eyebrow{color:#25d4a0;font-size:10px}
.wa-feature-heading h2{font-size:clamp(28px,3.3vw,43px);margin:0;max-width:520px;line-height:1.16}
.wa-feature-heading p{font-size:14px;line-height:1.8}
.wa-feature-heading ul{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}
.wa-feature-heading li{color:#c1cbd6;font-size:12px;line-height:1.75;padding-left:17px;position:relative}
.wa-feature-heading li:before{content:"";width:4px;height:4px;background:#25d4a0;border-radius:50%;position:absolute;left:0;top:.78em}
.wa-gallery{min-width:0}
.wa-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:2px 2px 14px}
.wa-gallery-hint{margin:0;color:#c4ceda;font-size:12px;line-height:1.6}
.wa-gallery-controls{display:flex;align-items:center;gap:8px;flex:none}
.wa-gallery-controls button{display:grid;place-items:center;width:44px;height:40px;padding:0;border:1px solid #596576;border-radius:8px;background:#222d3a;color:#f1f5fa;font-size:22px;cursor:pointer;transition:background .15s,border-color .15s}
.wa-gallery-controls button:hover:not(:disabled){background:#183f36;border-color:#25d4a0}
.wa-gallery-controls button:disabled{background:#151c24;border-color:#2f3946;color:#586373;cursor:default}
.wa-gallery-controls [data-gallery-count]{min-width:40px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:#e6edf5}
.wa-gallery-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#455162 transparent}
.wa-gallery-tabs button{padding:11px 15px;border:1px solid #4a5667;border-radius:8px;background:#1e2834;box-shadow:0 2px 0 #070b10;color:#d5dfea;white-space:nowrap;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;transition:background .15s,border-color .15s}
.wa-gallery-tabs button:hover{background:#303444;border-color:#77eaca;color:#fff}
.wa-gallery-tabs button[aria-selected=true]{color:#fff;background:#175a49;border-color:#25d4a0;box-shadow:inset 0 -2px 0 #25d4a0}
.wa-gallery-tabs button:focus-visible,.wa-gallery-controls button:focus-visible{outline:2px solid #9cf2db;outline-offset:2px}
.wa-gallery [role=tabpanel]{min-width:0}
.wa-lightbox{background:#0c1117;border:1px solid #354152;color:var(--text);padding:0;border-radius:12px;width:min(1900px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);overflow:hidden;box-shadow:0 24px 100px #0009}
.wa-lightbox::backdrop{background:#020509e8;backdrop-filter:blur(8px)}
.wa-lightbox[open]{display:flex;flex-direction:column}
.wa-lightbox-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 20px;border-bottom:1px solid var(--line);flex:none}
.wa-lightbox-bar p{color:#e0e6ed;font-size:13px}
.wa-lightbox-bar p{margin-right:auto}
.wa-lightbox button{background:#17202b;border:1px solid #364251;border-radius:6px;padding:8px 14px;font-size:12px;flex:none}
.wa-lightbox button:hover{border-color:#25d4a0}
.wa-lightbox button:disabled{opacity:.4;cursor:default}
.wa-lightbox-image{overflow:auto;display:grid;place-items:center;min-height:0;padding:10px}
.wa-lightbox-image img{width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 178px);object-fit:contain}
.wa-lightbox-image img{cursor:zoom-in}
.wa-lightbox.wa-actual-size .wa-lightbox-image{display:block}
.wa-lightbox.wa-actual-size .wa-lightbox-image img{width:auto;max-width:none;max-height:none;cursor:zoom-out}
.wa-lightbox-controls{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 16px;border-top:1px solid var(--line);font-size:11px;flex:none}
body.wa-lightbox-open{overflow:hidden}

@media(max-width:900px){.wa-feature-heading{gap:28px}.wa-feature-heading h2{font-size:32px}.wa-feature+.wa-feature{margin-top:64px}}
@media(max-width:600px){.wa-enlarge{display:none}.wa-story{padding:0 0 48px}.wa-feature-heading{grid-template-columns:1fr}.wa-feature-heading p{font-size:13px}.wa-feature-heading li{font-size:12px}.wa-gallery-tabs{padding-bottom:8px}.wa-gallery-tabs button{font-size:11px;padding:9px 10px}.wa-screenshot{border-radius:6px}.wa-lightbox{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.wa-lightbox-bar{padding:10px;gap:10px}.wa-lightbox-bar p{font-size:11px}.wa-lightbox-controls{gap:8px}.wa-lightbox button{font-size:10px;padding:8px}.wa-lightbox-image{display:block;overflow:auto;padding:4px}.wa-lightbox-image img{width:1100px;max-width:none;max-height:none}.wa-lightbox-controls [data-lightbox-count]{min-width:35px;text-align:center}}
@media(prefers-reduced-motion:reduce){.wa-enlarge,.wa-gallery-tabs button,.wa-gallery-controls button{transition:none}}
@media(max-width:600px){.wa-gallery-toolbar{gap:10px;padding:4px 3px 12px}.wa-gallery-hint{font-size:11px}.wa-gallery-controls{gap:4px}.wa-gallery-controls button{width:38px;height:42px}.wa-gallery-controls [data-gallery-count]{min-width:34px;font-size:11px}.wa-gallery-tabs{gap:6px}}
@media(max-width:600px){.wa-feature+.wa-feature{margin-top:48px}.wa-feature-bar{top:var(--wa-header-height,67px);min-height:58px;padding:12px 0;gap:10px}.wa-feature-name{gap:9px}.wa-feature-name strong{font-size:14px}.wa-feature-heading{padding:24px 0;margin:0;gap:18px}.wa-feature-heading h2{font-size:27px;margin:0}.wa-gallery-tabs{padding-top:2px}.wa-feature-heading ul{margin-top:14px}}
@media(max-width:600px){.wa-lightbox-image img{width:auto;max-width:100%;max-height:calc(100dvh - 160px)}.wa-lightbox-bar{flex-wrap:wrap}.wa-lightbox-bar p{flex-basis:100%;margin:0}}
@media(max-width:600px){.wa-enlarge{display:flex;opacity:1;transform:none;font-size:10px;right:8px;bottom:8px;padding:6px 8px}}