.phone-mock[data-astro-cid-u5sq4hwj]{--frame-w: clamp(220px, 26vw, 300px);width:var(--frame-w);aspect-ratio:9 / 19;margin:0 auto;position:relative;perspective:1200px}.phone-mock__frame[data-astro-cid-u5sq4hwj]{position:absolute;inset:0;border-radius:12%/5.6%;background:#0d0d0e;box-shadow:0 0 0 1px #ffffff0a inset,0 1px #ffffff2e inset,0 28px 60px -20px #0f101473,0 8px 16px -8px #0f10142e;padding:5%}.phone-mock__notch[data-astro-cid-u5sq4hwj]{position:absolute;top:2.4%;left:50%;transform:translate(-50%);width:30%;height:2.6%;background:#0d0d0e;border-radius:999px;z-index:2}.phone-mock__screen[data-astro-cid-u5sq4hwj]{position:relative;height:100%;border-radius:9%/4.4%;background:radial-gradient(120% 60% at 50% 0%,color-mix(in oklab,var(--mock-accent) 30%,#ffffff),#fff 70%),#fff;overflow:hidden;color:#181615;padding:11% 7% 9%;display:flex;flex-direction:column}.phone-mock__statusbar[data-astro-cid-u5sq4hwj]{display:flex;justify-content:space-between;align-items:center;font:600 11px/1 Bricolage Grotesque,system-ui,sans-serif;color:#181615;padding-bottom:6%}.phone-mock__signal[data-astro-cid-u5sq4hwj]{display:inline-flex;gap:2px;align-items:flex-end}.phone-mock__signal[data-astro-cid-u5sq4hwj] i[data-astro-cid-u5sq4hwj]{display:inline-block;width:3px;background:#181615}.phone-mock__signal[data-astro-cid-u5sq4hwj] i[data-astro-cid-u5sq4hwj]:nth-child(1){height:4px}.phone-mock__signal[data-astro-cid-u5sq4hwj] i[data-astro-cid-u5sq4hwj]:nth-child(2){height:6px}.phone-mock__signal[data-astro-cid-u5sq4hwj] i[data-astro-cid-u5sq4hwj]:nth-child(3){height:8px}.phone-mock__signal[data-astro-cid-u5sq4hwj] i[data-astro-cid-u5sq4hwj]:nth-child(4){height:10px}.phone-mock__signal[data-astro-cid-u5sq4hwj] b[data-astro-cid-u5sq4hwj]{margin-left:4px;font:700 9px/1 Bricolage Grotesque,system-ui,sans-serif}.phone-mock__title[data-astro-cid-u5sq4hwj]{font:800 1.05rem/1.1 Zen Kaku Gothic New,Noto Sans JP,sans-serif;letter-spacing:-.01em;margin-bottom:6%}.phone-mock__rows[data-astro-cid-u5sq4hwj]{display:flex;flex-direction:column;gap:8px;flex:1}.phone-mock__card[data-astro-cid-u5sq4hwj]{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffffeb;border:1px solid rgba(15,16,20,.06);border-radius:14px;box-shadow:0 1px #0f10140a;font:500 .74rem/1.25 Noto Sans JP,system-ui,sans-serif;color:#2a2622;opacity:0;transform:translateY(6px);animation:pmRow .6s cubic-bezier(.2,.7,.2,1) forwards}.phone-mock__row-text[data-astro-cid-u5sq4hwj]{line-height:1.35}.phone-mock__dot[data-astro-cid-u5sq4hwj]{width:22px;height:22px;border-radius:7px;flex:0 0 auto;background:color-mix(in oklab,var(--mock-accent) 24%,#ffffff);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--mock-accent) 50%,#ffffff);position:relative}.phone-mock__dot[data-astro-cid-u5sq4hwj]:after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--mock-accent)}.phone-mock__cta[data-astro-cid-u5sq4hwj]{margin-top:8%;padding:10px;text-align:center;background:var(--mock-accent);color:#fff;border-radius:14px;font:700 .82rem/1 Zen Kaku Gothic New,Noto Sans JP,sans-serif;letter-spacing:.01em;box-shadow:0 6px 16px -6px color-mix(in oklab,var(--mock-accent) 80%,#000000)}.phone-mock__home[data-astro-cid-u5sq4hwj]{margin:6% auto 0;width:32%;height:4px;border-radius:2px;background:#0f1014b3}@keyframes pmRow{to{opacity:1;transform:translateY(0)}}@keyframes pmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.phone-mock--float[data-astro-cid-u5sq4hwj] .phone-mock__frame[data-astro-cid-u5sq4hwj]{animation:pmFloat 6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.phone-mock--float[data-astro-cid-u5sq4hwj] .phone-mock__frame[data-astro-cid-u5sq4hwj]{animation:none}.phone-mock__card[data-astro-cid-u5sq4hwj]{animation:none;opacity:1;transform:none}}.phone-mock__screen--shots[data-astro-cid-u5sq4hwj]{padding:0;background:#000;position:relative}.phone-mock__shot[data-astro-cid-u5sq4hwj]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;opacity:0;transition:opacity .6s ease}.phone-mock__shot[data-astro-cid-u5sq4hwj].is-active{opacity:1}