.phone-showcase{color:#111214;font-family:Arial,sans-serif;container-type:inline-size}.phone-showcase .wdp-stage{aspect-ratio:1.3;background:#f7f7f5;border-radius:18px;height:auto;position:relative;overflow:hidden}.phone-showcase .wdp-backdrop{background:#dce4ff;border-radius:30px;position:absolute;inset:23% 3% 10%}.phone-showcase .wdp-phone{aspect-ratio:9/19.5;box-sizing:border-box;background:#b8bbc1;border:1px solid #73777e;border-radius:clamp(18px,4.2cqw,34px);padding:2px;position:absolute}.phone-showcase .wdp-phone:before{content:"";background:#757980;border-radius:1px;width:2px;height:7%;position:absolute;top:24%;left:-3px;box-shadow:0 29px #757980}.phone-showcase .wdp-phone:after{content:"";background:#757980;border-radius:1px;width:2px;height:12%;position:absolute;top:29%;right:-3px}.phone-showcase .wdp-screen{box-sizing:border-box;background:#08090a;border:4px solid #08090a;border-radius:clamp(15px,3.8cqw,31px);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone-showcase .wdp-status{color:#fff;letter-spacing:-.03em;box-sizing:border-box;background:#08090a;flex-shrink:0;justify-content:space-between;align-items:center;height:9%;min-height:19px;padding:0 7%;font-size:clamp(5px,1.25cqw,10px);font-weight:600;display:flex;position:relative}.phone-showcase .wdp-island{background:#18191c;border-radius:30px;width:31%;height:45%;position:absolute;top:23%;left:35%}.phone-showcase .wdp-island:after{content:"";aspect-ratio:1;background:#252b36;border-radius:50%;height:50%;position:absolute;top:25%;right:10%}.phone-showcase .wdp-signals{align-items:center;gap:3px;display:flex}.phone-showcase .wdp-bars{clip-path:polygon(0 70%,25% 70%,25% 45%,50% 45%,50% 20%,75% 20%,75% 0,100% 0,100% 100%,0 100%);background:linear-gradient(90deg,#fff 0 15%,#0000 15% 27%,#fff 27% 43%,#0000 43% 55%,#fff 55% 72%,#0000 72% 84%,#fff 84%);width:8px;height:6px}.phone-showcase .wdp-battery{box-sizing:border-box;border:1px solid #ddd;border-radius:2px;width:10px;height:5px;position:relative}.phone-showcase .wdp-battery:before{content:"";background:#fff;border-radius:1px;position:absolute;inset:1px}.phone-showcase .wdp-battery:after{content:"";background:#aaa;width:1px;height:2px;position:absolute;top:1px;right:-2px}.phone-showcase .wdp-screen video{object-fit:contain;background:#08090a;flex:1;width:100%;height:0;min-height:0;display:block}.phone-showcase .wdp-home{background:#08090a;flex-shrink:0;height:5%;min-height:10px;position:relative}.phone-showcase .wdp-home:after{content:"";background:#f4f4f5;border-radius:5px;width:34%;height:3px;position:absolute;bottom:28%;left:33%}.phone-showcase .wdp-phone:nth-of-type(2){z-index:1;width:25%;top:24%;left:6%}.phone-showcase .wdp-phone:nth-of-type(3){z-index:2;width:31%;top:8%;left:35%}.phone-showcase .wdp-phone:nth-of-type(4){z-index:1;width:27%;top:20%;right:4%}@media (max-width:500px){.phone-showcase .wdp-screen{border-width:3px}.phone-showcase .wdp-phone{padding:1px}.phone-showcase .wdp-backdrop{border-radius:22px}.phone-showcase .wdp-home:after{height:2px}}.hero-visual.hero-phone-visual{width:100%;min-width:0;max-width:650px;padding:0 0 96px;translate:none}.hero-visual.hero-phone-visual:before{display:none}.hero-phone-visual .availability-card{width:auto;max-width:85%;box-shadow:none;padding:13px 20px;bottom:0;right:6%}.hero-phone-visual .availability-card strong{font-family:Georgia,serif;font-size:25px;line-height:1.15}.hero-phone-visual .availability-card span,.hero-phone-visual .availability-card small{font-size:12px}.phone-showcase .wdp-playback{border:1px solid var(--line);background:var(--paper);min-height:36px;color:var(--muted);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin:8px auto 0;padding:5px 10px;font-size:11px;display:flex;position:relative}.phone-showcase .wdp-playback:hover{color:var(--ink);border-color:var(--ink)}.phone-showcase .wdp-playback:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (max-width:900px){.hero-visual.hero-phone-visual{margin-inline:auto}.hero:has(.hero-phone-visual){gap:28px}}@media (max-width:600px){.hero-visual.hero-phone-visual{padding-bottom:90px}.phone-showcase .wdp-playback{min-height:44px}.hero-phone-visual .availability-card{padding:10px 16px;right:4%}}.phone-showcase .wdp-credit{text-align:center;letter-spacing:.04em;color:var(--muted);margin:8px 0 0;font-size:12px}.signature-finish{color:#111214;text-align:center;flex-direction:column;align-items:center;gap:3px;margin:14px auto 8px;display:flex}.signature-writing{width:min(85%,270px);height:auto;display:block;overflow:visible}.signature-writing g path{fill:currentColor;stroke:currentColor;stroke-width:8px;stroke-linecap:round;stroke-linejoin:round}.signature-underline{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round}.signature-brand{object-fit:contain;width:146px;height:auto;margin:1px auto 8px;display:block}.signature-credit{letter-spacing:.035em;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.signature-ready:not(.signature-signed) .signature-writing g path{fill:#0000;stroke-dasharray:1;stroke-dashoffset:1px}.signature-ready:not(.signature-signed) .signature-underline{stroke-dasharray:1;stroke-dashoffset:1px}.signature-ready .signature-brand{opacity:0;filter:blur(1.5px);transform:translateY(5px)}.signature-signed .signature-writing g path{stroke-dasharray:1;animation:1.5s cubic-bezier(.37,0,.3,1) both wd-signature-write}.signature-signed .signature-underline{stroke-dasharray:1;animation:1.5s cubic-bezier(.37,0,.3,1) 6.15s both wd-signature-line}.signature-signed .signature-brand{animation:.5s cubic-bezier(.22,1,.36,1) 7.5s both wd-signature-brand}@keyframes wd-signature-write{0%{stroke-dashoffset:1px;fill:#0000}75%{stroke-dashoffset:0;fill:#0000}to{stroke-dashoffset:0;fill:currentColor}}@keyframes wd-signature-line{0%{stroke-dashoffset:1px;opacity:0}to{stroke-dashoffset:0;opacity:.65}}@keyframes wd-signature-brand{0%{opacity:0;filter:blur(1.5px);transform:translateY(5px)}to{opacity:1;filter:blur();transform:none}}@media (max-width:600px){.signature-writing{width:230px;max-width:85%}.signature-brand{width:132px}.signature-finish{margin-top:12px}}@media (prefers-reduced-motion:reduce){.signature-writing path{fill:currentColor;stroke-dashoffset:0!important;animation:none!important}.signature-writing .signature-underline{fill:none}.signature-brand{opacity:1!important;filter:none!important;animation:none!important;transform:none!important}}
