.pt{overflow:hidden;background:radial-gradient(55% 85% at 74% 105%,color-mix(in oklab,var(--pt-color) 55%,transparent),transparent 70%),radial-gradient(70% 90% at 0 0,color-mix(in oklab,var(--pt-color) 16%,transparent),transparent 60%),var(--wc-tint,var(--ink-3))}.pt,.pt:before{position:absolute;inset:0}.pt:before{content:"";background:linear-gradient(rgb(255 255 255/.045) 1px,transparent 0) 0 0 /24px 24px,linear-gradient(90deg,rgb(255 255 255/.045) 1px,transparent 0) 0 0 /24px 24px;mask-image:radial-gradient(75% 75% at 40% 50%,#000,transparent);pointer-events:none}.pt__logo{max-height:24%;height:auto;object-fit:contain;object-position:left center;-webkit-user-drag:none}.pt__logo,.pt__logos{position:absolute;left:9%;top:50%;width:var(--pt-logo-w,20%);translate:0 -50%}.pt__logos{height:60%;display:flex;flex-direction:column;justify-content:center;gap:14px}.pt__logos .pt__logo{position:static;width:100%;max-height:18%;translate:none}.pt__logo.is-mono{filter:brightness(0) invert(1);opacity:.92}.pt__phone{position:absolute;left:56%;top:13%;width:29%;aspect-ratio:9/19.5;padding:.85%;border-radius:17.2%/7.95%;background:#0b0b0d;box-shadow:inset 0 0 0 1px rgb(255 255 255/.14),0 0 0 1px rgb(0 0 0/.6),0 14px 36px rgb(0 0 0/.55);rotate:4deg;transition:translate 1.2s var(--ease-out),rotate 1.2s var(--ease-out)}.pt__screen{position:relative;display:block;height:100%;border-radius:15.2%/6.8%;overflow:hidden;background:var(--pt-bar,#fff)}.pt__view{position:absolute;inset:0}.pt__screen.has-bar .pt__view{top:6.2%}.pt__img{object-fit:cover;object-position:top;-webkit-user-drag:none}.pt__screen.is-fit-w .pt__img{object-fit:contain}.pt__island{position:absolute;top:1.8%;left:50%;width:30.8%;aspect-ratio:8.4/2.3;translate:-50% 0;border-radius:999px;background:#000}.pt--browser .pt__logo{max-width:30%}.pt__browser{position:absolute;left:44%;top:17%;width:74%;display:flex;flex-direction:column;border-radius:8px;overflow:hidden;background:#16171d;box-shadow:inset 0 0 0 1px rgb(255 255 255/.12),0 14px 36px rgb(0 0 0/.55);transition:translate 1.2s var(--ease-out)}.pt__chrome{display:flex;align-items:center;gap:.95%;aspect-ratio:74/3.4;padding-inline:1.9%;border-bottom:1px solid rgb(255 255 255/.06)}.pt__chrome i{width:1.2%;aspect-ratio:1;border-radius:50%;background:rgb(255 255 255/.2)}.pt__page{position:relative;display:block;aspect-ratio:16/10}.pt__page .pt__img{object-position:left top}.pc__card:focus-visible .pt__phone,.pc__item.is-active .pc__card:hover .pt__phone,.wc:focus-visible .pt__phone,.wc:hover .pt__phone{rotate:0deg;translate:0 -3%}.pc__card:focus-visible .pt__browser,.pc__item.is-active .pc__card:hover .pt__browser,.wc:focus-visible .pt__browser,.wc:hover .pt__browser{translate:-2.7% -2.5%}@media (hover:hover){.hc-card:hover .pt__phone{rotate:0deg;translate:0 -3%}.hc-card:hover .pt__browser{translate:-2.7% -2.5%}}@media (prefers-reduced-motion:reduce){.pt__browser,.pt__phone{transition:none}}.pt--portrait .pt__logo{left:50%;top:15%;width:calc(var(--pt-logo-w, 20%) * 1.7);max-width:70%;max-height:13%;object-position:center;translate:-50% -50%}.pt--portrait .pt__logos{left:50%;top:15%;width:80%;height:12%;translate:-50% -50%;flex-direction:row;align-items:center}.pt--portrait .pt__logos .pt__logo{width:auto;height:100%;max-height:none;max-width:30%;translate:none}.pt--portrait[data-align=end] .pt__logo,.pt--portrait[data-align=start] .pt__logo{width:var(--pt-logo-w,20%);max-width:36%;max-height:12%;translate:0 -50%}.pt--portrait[data-align=start] .pt__logo{left:10%;object-position:left center}.pt--portrait[data-align=end] .pt__logo{left:auto;right:10%;object-position:right center}.pt--portrait .pt__phone{left:21%;top:29%;width:58%;padding:1.7%;rotate:3deg}.pt--portrait .pt__browser{left:12%;top:32%;width:130%}