.hero-phone-panel{height:480px;display:flex;justify-content:center;align-items:flex-start;padding-top:48px;overflow:hidden;border-radius:28px;background-color:var(--coral-500);background-image:var(--brand-dot-grid);background-size:var(--brand-dot-grid-size)}.hero-phone-scale{transform:scale(.84);transform-origin:top center}@media (min-width:768px){.hero-phone-panel{height:600px;padding-top:64px;border-radius:36px}.hero-phone-scale{transform:none}}@media (min-width:1100px){.hero-phone-panel{height:680px;padding-top:74px}}.hero-ip{width:340px;height:700px;flex:none;position:relative;padding:10px;border-radius:56px;background:#141414;box-shadow:inset 0 0 0 1.5px #3a3a3a,0 50px 100px -40px rgba(59,13,17,.65)}.hero-ip-screen{position:relative;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:46px;background:#efe7de;color:#111b21;font-family:var(--font-sans)}.hero-ip-island{position:absolute;z-index:3;top:11px;left:50%;width:98px;height:29px;margin-left:-49px;border-radius:20px;background:#000}.hero-ip-status{height:50px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 28px 0 34px;background:#f6f6f6;font-size:15px;font-weight:600;letter-spacing:-.01em}.hero-ip-status-icons{display:flex;align-items:center;gap:6px}.hero-wa-head{height:50px;flex:none;display:flex;align-items:center;gap:8px;padding:0 14px 0 6px;border-bottom:.5px solid rgba(0,0,0,.12);background:#f6f6f6}.hero-wa-back{color:#007aff}.hero-wa-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--coral-500);color:var(--cream-100)}.hero-wa-avatar svg{width:20px;height:auto}.hero-wa-name{font-size:15px;font-weight:600;line-height:18px}.hero-wa-presence{font-size:11.5px;line-height:14px;color:#667781}.hero-wa-head-icons{margin-left:auto;display:flex;gap:20px}.hero-wa-body{flex:1;position:relative;overflow:hidden;background-color:#efe7de;background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1.2px);background-size:16px 16px}.hero-wa-feed{display:flex;flex-direction:column;gap:4px;margin:0;padding:10px 12px 12px;list-style:none}.hero-wa-day{align-self:center;margin-bottom:6px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.92);box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:11.5px;font-weight:500;color:#54656f}.hero-wa-cell{position:relative;display:flex;flex-direction:column}.hero-wa-cell+.hero-wa-cell{margin-top:8px}.hero-bb{position:relative;align-self:flex-start;max-width:252px;padding:6px 8px 7px 9px;border-radius:8px;border-top-left-radius:0;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);font-size:14px;line-height:19px;transform-origin:0 100%}.hero-bb:before{content:"";position:absolute;top:0;left:-7px;width:8px;height:13px;background:inherit;clip-path:polygon(100% 0,0 0,100% 100%)}.hero-bb--out{align-self:flex-end;border-top-left-radius:8px;border-top-right-radius:0;background:#d9fdd3;transform-origin:100% 100%}.hero-bb--out:before{left:auto;right:-7px;clip-path:polygon(0 0,100% 0,0 100%)}.hero-bb-time{float:right;display:inline-flex;align-items:center;gap:3px;margin:6px 0 -4px 10px;font-size:10.5px;line-height:14px;color:#667781}.hero-bb-time svg{color:#53bdeb}.hero-wa-mini{display:flex;flex-direction:column;gap:3px;margin:7px 0 2px;padding:8px 10px;border-radius:6px;background:rgba(11,20,26,.045);font-size:13px;line-height:17px}.hero-wa-mini>div{display:flex;justify-content:space-between;gap:16px}.hero-wa-mini b{font-weight:600;font-variant-numeric:tabular-nums}.hero-wa-mini .hero-wa-mini-head{justify-content:flex-start;align-items:center;gap:6px;margin-bottom:2px;font-size:11.5px;font-weight:500;color:#54656f}.hero-wa-mini-sub{font-size:11.5px;color:#667781}.hero-wa-typing{position:absolute;top:0;left:0;display:flex;gap:4px;padding:10px 12px;border-radius:8px;border-top-left-radius:0;background:#fff;box-shadow:0 1px .5px rgba(11,20,26,.13);transform-origin:0 100%;opacity:0}.hero-wa-typing i{width:7px;height:7px;display:block;border-radius:999px;background:#8696a0}.hero-wa-input{height:52px;flex:none;display:flex;align-items:center;gap:12px;padding:0 14px;border-top:.5px solid rgba(0,0,0,.1);background:#f6f6f6}.hero-wa-field{flex:1;height:34px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 .5px rgba(0,0,0,.12)}.hero-ip-home{height:30px;flex:none;display:flex;justify-content:center;align-items:flex-end;padding-bottom:8px;background:#f6f6f6}.hero-ip-home i{width:126px;height:5px;display:block;border-radius:3px;background:#111}@media (prefers-reduced-motion:no-preference){.hero-wa-request{animation:hero-wa-request 19s linear infinite}.hero-wa-result{animation:hero-wa-result 19s linear infinite}.hero-wa-search{animation:hero-wa-search 19s linear infinite}.hero-wa-request,.hero-wa-result{opacity:0}.hero-wa-typing i{animation:hero-wa-dot 1.2s ease-in-out infinite}.hero-wa-typing i:nth-child(2){animation-delay:.15s}.hero-wa-typing i:nth-child(3){animation-delay:.3s}}@media (prefers-reduced-motion:reduce){.hero-wa-typing{display:none}}@keyframes hero-wa-dot{0%,60%,to{opacity:.35}30%{opacity:1}}@keyframes hero-wa-request{0%,10%{opacity:0;transform:translateY(8px) scale(.97);animation-timing-function:var(--ease-brand-out)}11.84%{opacity:1;transform:none}92.63%{opacity:1;transform:none;animation-timing-function:ease}95.26%,to{opacity:0;transform:none}}@keyframes hero-wa-result{0%,30%{opacity:0;transform:translateY(8px) scale(.97);animation-timing-function:var(--ease-brand-out)}31.84%{opacity:1;transform:none}92.63%{opacity:1;transform:none;animation-timing-function:ease}95.26%,to{opacity:0;transform:none}}@keyframes hero-wa-search{0%,16%{opacity:0;transform:translateY(6px) scale(.97);animation-timing-function:var(--ease-brand-out)}17.58%{opacity:1;transform:none}29.73%{opacity:1;transform:none}30.63%,to{opacity:0;transform:none}}