.hero-phone.hp25{max-width:380px;perspective:1400px}
.hp25 .sample-badge{top:4px;right:18px;z-index:6}
.ip{position:relative;width:300px;max-width:100%;margin:0 auto;aspect-ratio:300/616;border-radius:54px;padding:11px;background:linear-gradient(145deg,#4a4d55,#1b1d22 28%,#2c2f36 55%,#111317 80%,#3b3e45);box-shadow:0 0 0 1.5px #6b6e76 inset,0 0 0 3px #0c0d10 inset,0 50px 80px -30px rgba(11,15,25,.55),0 22px 34px -18px rgba(11,15,25,.45),0 2px 6px rgba(11,15,25,.2);transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.7,.2,1);will-change:transform}
.ip:before,.ip:after{content:"";position:absolute;width:3px;border-radius:2px;background:#2a2c31;left:-3px}
.ip:before{top:120px;height:30px;box-shadow:0 48px 0 #2a2c31,0 100px 0 #2a2c31}.ip:after{left:auto;right:-3px;top:170px;height:70px}
.ip-scr{position:relative;width:100%;height:100%;border-radius:44px;overflow:hidden;background:#efeae2;display:flex;flex-direction:column;font-family:-apple-system,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#111b21;isolation:isolate}
.ip-gl{position:absolute;inset:0;border-radius:44px;pointer-events:none;z-index:5;background:linear-gradient(115deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,.04) 22%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 70%,rgba(255,255,255,.06) 100%)}
.ip-di{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:92px;height:27px;border-radius:20px;background:#000;z-index:6}
.ip-di:after{content:"";position:absolute;right:12px;top:9px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#2b3a55,#0a0d14 60%)}
.ip-sb{height:44px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:6px 26px 0 30px;background:#008069;color:#fff;font-size:14px;font-weight:600;letter-spacing:-.2px}
.ip-sb .ic{display:flex;gap:5px;align-items:center}.ip-sb svg{display:block}
.wh{flex:none;background:#008069;color:#fff;display:flex;align-items:center;gap:7px;padding:4px 10px 9px 6px}
.wh svg{flex:none}
.wh-av{width:34px;height:34px;border-radius:50%;flex:none;background:#cfd8dc url(assets/samples/hair_styling-640.webp) 55% 30%/260% auto no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.wh-n{flex:1;min-width:0;line-height:1.15}.wh-n b{display:flex;align-items:center;gap:3px;font-size:15px;font-weight:600;white-space:nowrap}
.wh-n span{display:block;font-size:11.5px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s}
.wh-i{display:flex;gap:16px;margin-left:2px}
.wb{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;padding:8px 9px 8px;background-color:#efeae2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' fill='none' stroke='%23000' stroke-opacity='.07' stroke-width='1.3' stroke-linecap='round'%3E%3Ccircle cx='18' cy='20' r='7'/%3E%3Cpath d='M60 12l3 6 6 1-4.5 4 1 6-5.5-3-5.5 3 1-6L51 19l6-1z'/%3E%3Cpath d='M96 26c4-8 14-2 8 6l-8 7-8-7c-6-8 4-14 8-6z'/%3E%3Crect x='12' y='62' width='20' height='14' rx='3'/%3E%3Cpath d='M16 62v-4a6 6 0 0 1 12 0v4'/%3E%3Cpath d='M58 70c6-10 18-10 24 0'/%3E%3Ccircle cx='70' cy='60' r='3'/%3E%3Cpath d='M98 64l10 10M108 64L98 74'/%3E%3Cpath d='M20 104q8-10 16 0t16 0'/%3E%3Cpath d='M74 98h18v14H74zM78 98l5-6 5 6'/%3E%3Ccircle cx='108' cy='108' r='4'/%3E%3C/svg%3E");background-size:120px}
.wb>*{flex:none}
.w-sys{align-self:center;background:#ffeecd;color:#54656f;font-size:10.5px;line-height:1.35;text-align:center;border-radius:7px;padding:4px 10px;margin:2px 14px 6px;box-shadow:0 1px .5px rgba(11,20,26,.1)}
.w-day{align-self:center;background:#fff;color:#54656f;font-size:10.5px;border-radius:7px;padding:3px 10px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
.wm{position:relative;max-width:80%;font-size:13px;line-height:1.36;padding:6px 8px 7px 9px;border-radius:8px;box-shadow:0 1px .5px rgba(11,20,26,.13);word-wrap:break-word}
.wm.i{align-self:flex-start;background:#fff;border-top-left-radius:0;margin-left:7px}
.wm.o{align-self:flex-end;background:#d9fdd3;border-top-right-radius:0;margin-right:7px}
.wm.i:before,.wm.o:before{content:"";position:absolute;top:0;width:8px;height:13px}
.wm.i:before{left:-8px;background:#fff;clip-path:polygon(100% 0,0 0,100% 100%)}
.wm.o:before{right:-8px;background:#d9fdd3;clip-path:polygon(0 0,100% 0,0 100%)}
.wm .t{float:right;display:inline-flex;align-items:center;gap:3px;font-size:10.5px;color:#667781;margin:6px 0 -4px 10px;line-height:1}
.wm .tk{width:16px;height:11px}.wm .tk path{stroke:#8696a0;transition:stroke .3s}.wm .tk.r path{stroke:#53bdeb}
.wm.qr{padding-bottom:0;max-width:82%}
.wm.qr .qb{display:flex;border-top:1px solid #e9edef;margin:8px -8px 0 -9px}
.wm.qr .qb span{flex:1;text-align:center;color:#027eb5;font-size:13px;font-weight:500;padding:9px 0;position:relative;overflow:hidden;cursor:default;transition:background .2s}
.wm.qr .qb span+span{border-left:1px solid #e9edef}
.wm.qr .qb span.tap{background:#e9f4fb}
.wm.qr .qb span.tap:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;margin:-5px;border-radius:50%;background:rgba(2,126,181,.25);animation:rip .5s ease-out forwards}
@keyframes rip{to{transform:scale(9);opacity:0}}
.wm.ty{padding:10px 12px}.wm.ty i{display:inline-block;width:7px;height:7px;margin:0 1.5px;border-radius:50%;background:#8696a0;animation:wty 1.1s infinite}.wm.ty i:nth-child(2){animation-delay:.15s}.wm.ty i:nth-child(3){animation-delay:.3s}
@keyframes wty{0%,60%,100%{transform:translateY(0);opacity:.55}30%{transform:translateY(-3px);opacity:1}}
.wm.pop{animation:wpop .32s cubic-bezier(.2,.9,.3,1.2) both}@keyframes wpop{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}
.wi{flex:none;display:flex;align-items:center;gap:6px;padding:6px 7px 22px;background:#f0f2f5}
.wi-f{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border-radius:22px;padding:8px 11px;color:#8696a0;font-size:14px;min-width:0}
.wi-f span{flex:1}.wi-m{width:40px;height:40px;border-radius:50%;background:#00a884;display:grid;place-items:center;flex:none}
.ip-home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:110px;height:4px;border-radius:3px;background:#111;z-index:6;opacity:.85}
.hp-n{position:absolute;z-index:7;left:-34px;bottom:118px;display:flex;flex-direction:column;gap:8px;pointer-events:none;opacity:0;transform:translateX(18px) scale(.96);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}
.hp-n.show{opacity:1;transform:none}
.hp-c{display:flex;align-items:center;gap:9px;padding:9px 13px 9px 9px;border-radius:14px;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);border:1px solid rgba(255,255,255,.8);box-shadow:0 14px 30px -12px rgba(11,15,25,.35),0 1px 0 rgba(255,255,255,.6) inset;font-size:12.5px;color:#0B0F19;white-space:nowrap}
.hp-c+.hp-c{margin-left:26px}
.hp-c i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;flex:none;font-style:normal}
.hp-c b{display:block;font-weight:600}.hp-c small{display:block;color:#6B7280;font-size:11px}
.hp-c .g{background:#d7f5e5;color:#11734b}.hp-c .a{background:#f5ead6;color:#8a6420}
.hero-phone.hp25 figcaption{margin-top:16px}
@media (max-width:600px){.ip{width:272px;border-radius:50px}.ip-scr,.ip-gl{border-radius:40px}.hp-n{left:-4px;bottom:96px}.hp-c{font-size:11.5px}.hp-c+.hp-c{margin-left:16px}}
@media (prefers-reduced-motion:reduce){.hp25 *{animation:none!important;transition:none!important}}
.wh-n b{overflow:hidden;text-overflow:ellipsis}.hp-n{left:-118px;bottom:62px}
@media (max-width:600px){.wh-i{gap:12px}.wh-i svg:first-child{display:none}.wh-n b{font-size:14px}.hp-n{left:-6px;bottom:50px}}