@font-face{font-family:Outfit;font-weight:800;src:url(fonts/outfit-latin-800-normal.woff2)}
@font-face{font-family:Outfit;font-weight:600;src:url(fonts/outfit-latin-600-normal.woff2)}
@font-face{font-family:Outfit;font-weight:400;src:url(fonts/outfit-latin-400-normal.woff2)}
:root{
  --ink:#1D1D1F; --ink2:#6E6E73; --paper:#F5F5F7; --white:#FFFFFF;
  --night:#0C0E12; --night2:#15181E;
  --cyan:#3EE6F0; --pink:#E91E8C;
  --jp:"Noto Sans CJK JP","Noto Sans JP",sans-serif;
  --en:Outfit,"Noto Sans CJK JP",sans-serif;
}
*{box-sizing:border-box;margin:0}
body{font-family:var(--jp);-webkit-font-smoothing:antialiased}
.nav{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,56px)}
.logo{font-family:var(--en);font-weight:800;font-size:26px;letter-spacing:-.02em}
.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;font-weight:700;font-size:15px;border:0}
.btn.line{background:#06C755;color:#fff}
.btn.ghost{background:transparent;border:1px solid currentColor}
.btn.sm{height:38px;padding:0 16px;font-size:13px}
.phone{position:relative;width:var(--pw,300px);aspect-ratio:9/19.5;border-radius:calc(var(--pw,300px)*.16);background:#0b0b0d;padding:calc(var(--pw,300px)*.035);box-shadow:0 40px 80px -20px rgba(0,0,0,.45),inset 0 0 0 2px #2a2a2e}
.phone .scr{position:relative;width:100%;height:100%;clip-path:inset(0 round calc(var(--pw,300px)*.13));border-radius:calc(var(--pw,300px)*.13);overflow:hidden;background:#000}
.phone .scr>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phone .island{position:absolute;top:calc(var(--pw,300px)*.06);left:50%;transform:translateX(-50%);width:32%;height:calc(var(--pw,300px)*.085);background:#000;border-radius:99px;z-index:5}
.dim{position:absolute;inset:0;background:rgba(0,0,0,.35)}
.ui-top{position:absolute;top:13%;left:6%;right:6%;display:flex;gap:6px;z-index:4}
.chip{font-size:10px;font-weight:700;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(8px)}
.chip.on{background:#fff;color:#000}
.ui-bot{position:absolute;bottom:5%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:4}
.card{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-radius:20px;padding:16px 18px;box-shadow:0 20px 50px -12px rgba(0,0,0,.25);color:var(--ink)}
.card .k{font-size:12px;color:var(--ink2);font-weight:700}
.card .v{font-family:var(--en);font-weight:800;font-size:40px;letter-spacing:-.03em;line-height:1.05}
.card .v small{font-size:16px;font-weight:600;margin-left:2px}
.card .n{font-size:12px;margin-top:4px;color:var(--ink)}