:root{--ink: #1f2a44;--coral: #ff6b5b;--paper: #fff8ef;--success: #2bb673;--bg: #fff8ef;--surface: #fffdf9;--surface-hi: #f7eee1;--text: #1f2a44;--text-2: #4a5470;--outline: #d8cbb8;--accent-text: #b23a2b;--coral-soft: #ffe3de;--success-soft: #d9f3e6;--success-text: #16774a;--on-coral: #1f2a44;--dots: #eadfcb;--shadow: 0 14px 34px -16px rgba(31,42,68,0.32);--shadow-sm: 0 4px 14px -8px rgba(31,42,68,0.3);--r-sm: 8px;--r-md: 12px;--r-lg: 20px;--r-xl: 28px;--ease: cubic-bezier(0.2,0,0,1);--t-fast: 160ms;--t-normal: 260ms;--t-draw: 900ms;--wrap: 1120px;--gutter: 16px}@media (prefers-color-scheme: dark){:root{--bg: #141a2b;--surface: #1e2740;--surface-hi: #2a3452;--text: #fff4e3;--text-2: #c9c4d6;--outline: #45507a;--accent-text: #ff8f82;--coral-soft: #3b2f4a;--success-soft: #1d4a3a;--success-text: #5ed79c;--dots: #1d2540;--shadow: 0 14px 34px -16px rgba(0,0,0,0.6);--shadow-sm: 0 4px 14px -8px rgba(0,0,0,0.6)}}@font-face{font-family: Inter;font-weight: 400;font-style: normal;font-display: swap;src: url(/assets/Inter-400.c0f5a3ca.woff2) format("woff2")}@font-face{font-family: Inter;font-weight: 600;font-style: normal;font-display: swap;src: url(/assets/Inter-600.5eb7fa87.woff2) format("woff2")}@font-face{font-family: Fraunces;font-weight: 700;font-style: normal;font-display: swap;src: url(/assets/Fraunces-700.8c0de42d.woff2) format("woff2")}@font-face{font-family: "Inter Fallback";src: local("Arial");size-adjust: 107%;ascent-override: 90%;descent-override: 22%;line-gap-override: 0%}@font-face{font-family: "Fraunces Fallback";src: local("Georgia");size-adjust: 103%;ascent-override: 92%;descent-override: 24%;line-gap-override: 0%}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 88px}body{margin: 0;background-color: var(--bg);background-image: radial-gradient(var(--dots) 1.4px,transparent 1.4px);background-size: 26px 26px;color: var(--text);font: 400 1.0625rem/1.65 Inter,"Inter Fallback",system-ui,-apple-system,"Segoe UI",sans-serif;text-rendering: optimizeLegibility}html[lang="ja"] body{font-family: Inter,"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height: 1.85}html[lang="ko"] body{font-family: Inter,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;line-height: 1.8;word-break: keep-all}h1,h2,h3{font-family: Fraunces,"Fraunces Fallback",Georgia,serif;font-weight: 700;line-height: 1.15;letter-spacing: -0.01em;margin: 0 0 0.5em;text-wrap: balance}html[lang="ja"] :is(h1,h2,h3){font-family: Fraunces,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;line-height: 1.35;letter-spacing: 0}html[lang="ko"] :is(h1,h2,h3){font-family: Fraunces,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;line-height: 1.35;letter-spacing: 0}h1{font-size: clamp(2.1rem,7.4vw,3.6rem)}h2{font-size: clamp(1.6rem,4.6vw,2.25rem)}h3{font-size: 1.25rem}p{margin: 0 0 1em}img,svg{max-width: 100%;height: auto}a{color: var(--accent-text);text-underline-offset: 3px;text-decoration-thickness: 1.5px}a:hover{text-decoration-thickness: 2.5px}:focus-visible{outline: 3px solid var(--text);outline-offset: 3px;border-radius: 6px}ul,ol{padding-left: 1.2em}main{display: block;min-height: 60vh}.wrap{width: 100%;max-width: var(--wrap);margin-inline: auto;padding-inline: var(--gutter)}.narrow{max-width: 760px}.center{text-align: center}.block{padding-block: 40px}.muted{color: var(--text-2)}.small{font-size: 0.9rem}.lead{font-size: 1.15rem;color: var(--text-2);max-width: 62ch}.center .lead{margin-inline: auto}.eyebrow{display: inline-block;margin: 0 0 14px;padding: 4px 12px;border-radius: 999px;background: var(--coral-soft);color: var(--text);font-weight: 600;font-size: 0.85rem}.skip{position: absolute;left: 12px;top: -60px;background: var(--ink);color: #fff4e3;padding: 10px 16px;border-radius: var(--r-md);z-index: 50}.skip:focus{top: 10px}@media (min-width: 720px){:root{--gutter: 28px}.block{padding-block: 64px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition: none !important}.ln{stroke-dashoffset: 0 !important}.js .reveal{opacity: 1 !important;transform: none !important}}.site-header{position: sticky;top: 0;z-index: 20;background: color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter: blur(10px);border-bottom: 1px solid var(--outline)}.bar{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 4px 12px;padding-block: 8px}.logo{display: inline-flex;align-items: center;gap: 10px;color: var(--text);text-decoration: none;font: 700 1.35rem/1 Fraunces,"Fraunces Fallback",Georgia,serif}.logo-mark{border-radius: 9px}.nav{display: flex;flex-wrap: wrap;gap: 2px 4px;order: 3;width: 100%}.nav a,.lang summary,.btn,.link-arrow{white-space: nowrap}.nav a{color: var(--text);text-decoration: none;padding: 8px 12px;border-radius: 999px;font-weight: 600;font-size: 0.95rem}.nav a:hover,.nav a[aria-current="page"]{background: var(--coral-soft)}.lang{position: relative}.lang summary{list-style: none;cursor: pointer;display: inline-flex;align-items: center;gap: 6px;padding: 8px 14px;border: 1.5px solid var(--outline);border-radius: 999px;font-weight: 600;font-size: 0.9rem;background: var(--surface)}.lang summary::-webkit-details-marker{display: none}.lang summary::after{content: "";width: 7px;height: 7px;border-right: 2px solid currentColor;border-bottom: 2px solid currentColor;transform: rotate(45deg) translateY(-2px)}.lang ul{position: absolute;right: 0;top: calc(100% + 8px);margin: 0;padding: 8px;list-style: none;min-width: 200px;background: var(--surface);border: 1px solid var(--outline);border-radius: var(--r-lg);box-shadow: var(--shadow)}.lang a{display: block;padding: 9px 12px;border-radius: var(--r-md);color: var(--text);text-decoration: none}.lang a:hover{background: var(--coral-soft)}.lang a[aria-current]{font-weight: 600;background: var(--surface-hi)}@media (min-width: 720px){.nav{order: 0;width: auto;margin-left: auto}}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;min-height: 48px;padding: 12px 24px;border-radius: 999px;background: var(--coral);color: var(--on-coral);font-weight: 600;text-decoration: none;border: 2px solid var(--coral);transition: transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);box-shadow: var(--shadow-sm)}.btn:hover{transform: translateY(-2px);box-shadow: var(--shadow)}.btn-ghost{background: transparent;border-color: var(--text);color: var(--text);box-shadow: none}.link-arrow{font-weight: 600;text-decoration: none}.link-arrow::after{content: " \2192"}.link-arrow:hover{text-decoration: underline}.badges{display: flex;flex-wrap: wrap;gap: 12px;margin: 22px 0 14px}.badge{display: inline-flex;flex-direction: column;justify-content: center;min-width: 170px;min-height: 56px;padding: 8px 20px;border-radius: 14px;background: var(--ink);color: #fff4e3;text-decoration: none;border: 1.5px solid var(--outline);line-height: 1.2;transition: transform var(--t-fast) var(--ease)}a.badge:hover{transform: translateY(-2px)}.badge-pre{font-size: 0.72rem;opacity: 0.9}.badge-name{font: 600 1.15rem/1.2 Inter,"Inter Fallback",sans-serif}.badge.is-soon{background: var(--surface-hi);color: var(--text);border-style: dashed;position: relative}.badge-soon{font-size: 0.75rem;font-weight: 600;color: var(--accent-text)}.cards{list-style: none;padding: 0;margin: 28px 0;display: grid;gap: 16px;grid-template-columns: repeat(auto-fit,minmax(260px,1fr))}.card{background: var(--surface);border: 1px solid var(--outline);border-radius: var(--r-xl);padding: 24px;box-shadow: var(--shadow-sm);transition: transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow)}.card h2,.card h3{margin-bottom: 8px;font-size: 1.2rem}.card p:last-child{margin-bottom: 0}.card-ic{display: inline-flex;align-items: center;justify-content: center;width: 44px;height: 44px;margin: 0 12px 12px 0;border-radius: 14px;background: var(--coral);color: var(--on-coral);flex: none;vertical-align: middle}.ic{display: block}.panel{background: var(--surface);border: 1px solid var(--outline);border-radius: var(--r-xl);padding: clamp(20px,4vw,40px);box-shadow: var(--shadow-sm)}.cols{display: grid;gap: 20px;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));margin-block: 16px}.ticks{list-style: none;padding: 0;margin: 0 0 1em}.ticks li{position: relative;padding-left: 30px;margin-bottom: 8px}.ticks li::before{content: "";position: absolute;left: 4px;top: 0.55em;width: 14px;height: 8px;border-left: 3px solid var(--success-text);border-bottom: 3px solid var(--success-text);transform: rotate(-45deg) translateY(-50%)}.steps{list-style: none;padding: 0;display: grid;gap: 16px;grid-template-columns: repeat(auto-fit,minmax(240px,1fr));counter-reset: s}.step{background: var(--surface);border: 1px solid var(--outline);border-radius: var(--r-xl);padding: 24px}.num{display: inline-grid;place-items: center;width: 40px;height: 40px;border-radius: 50%;background: var(--success-soft);color: var(--text);font: 700 1.2rem Fraunces,Georgia,serif;margin-bottom: 12px}.cta{text-align: center;padding: clamp(28px,6vw,56px) 20px;border-radius: var(--r-xl);background: var(--coral-soft);border: 1px solid var(--outline)}.cta .badges{justify-content: center}.cta p{max-width: 56ch;margin-inline: auto}.strip{padding-block: 8px}.trust{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px;grid-template-columns: repeat(auto-fit,minmax(230px,1fr))}.trust li{display: flex;gap: 12px;align-items: flex-start;padding: 14px 16px;background: var(--surface);border: 1px solid var(--outline);border-radius: var(--r-lg)}.trust strong,.trust span span{display: block}.trust div>span{display: block;color: var(--text-2);font-size: 0.92rem;line-height: 1.45}.tick{flex: none;display: grid;place-items: center;width: 30px;height: 30px;border-radius: 50%;background: var(--success-soft);color: var(--success-text)}.tick .ic{width: 18px;height: 18px}.qa{background: var(--surface);border: 1px solid var(--outline);border-radius: var(--r-lg);margin-bottom: 12px;padding: 0 20px}.qa summary{cursor: pointer;padding: 16px 0;font-weight: 600;list-style: none;display: flex;justify-content: space-between;gap: 16px;align-items: center}.qa summary::-webkit-details-marker{display: none}.qa summary::after{content: "+";font-size: 1.5rem;line-height: 1;color: var(--accent-text);flex: none;transition: transform var(--t-fast) var(--ease)}.qa[open] summary::after{transform: rotate(45deg)}.qa summary h2{margin: 0;font: inherit;font-size: 1.05rem;letter-spacing: 0}.qa p{color: var(--text-2)}.site-footer{margin-top: 56px;border-top: 1px solid var(--outline);background: var(--surface);padding-block: 40px 28px}.foot-grid{display: grid;gap: 28px;grid-template-columns: repeat(auto-fit,minmax(180px,1fr))}.foot-h{font: 600 0.8rem/1.2 Inter,"Inter Fallback",sans-serif;text-transform: uppercase;letter-spacing: 0.08em;color: var(--text-2);margin-bottom: 10px}.site-footer ul{list-style: none;padding: 0;margin: 0}.site-footer li{margin-bottom: 6px}.site-footer a:not(.logo){color: var(--text);text-decoration: none}.site-footer a:not(.logo):hover{text-decoration: underline}.fine{color: var(--text-2);font-size: 0.82rem;margin: 18px 0 0}.crumbs{padding-top: 20px;font-size: 0.9rem}.crumbs ol{display: flex;flex-wrap: wrap;gap: 6px;list-style: none;margin: 0;padding: 0}.crumbs li + li::before{content: "/";margin-right: 6px;color: var(--text-2)}.toc{background: var(--surface);border: 1px solid var(--outline);border-radius: var(--r-lg);padding: 16px 20px;margin-block: 24px}.toc ul,.toc ol{margin: 0;padding-left: 1.2em;columns: 1}.toc ul{list-style: none;padding: 0}.toc li{margin-bottom: 4px}@media (min-width: 720px){.toc ul,.toc ol{columns: 2;gap: 28px}}.hero{padding-block: 28px 12px;overflow: clip}.hero-grid{display: grid;gap: 28px;align-items: center}.hero-copy .lead{margin-bottom: 8px}.mark{position: relative;display: inline-block;color: var(--accent-text)}.scribble{position: absolute;left: 0;right: 0;bottom: -0.12em;width: 100%;height: 0.28em}.scribble path{stroke: var(--coral)}.hero-art{display: grid;place-items: center;padding: 8px 0 20px}@media (min-width: 860px){.hero{padding-block: 64px 24px}.hero-grid{grid-template-columns: 1.15fr 0.85fr;gap: 48px}}.phone{width: 270px;background: var(--surface);border: 7px solid var(--ink);border-radius: 40px;padding: 18px 16px 18px;box-shadow: var(--shadow);transform: rotate(3deg);outline: 1px solid var(--outline)}@media (prefers-color-scheme: dark){.phone{border-color: #3a4770}}.phone-top{display: flex;justify-content: space-between;align-items: center;gap: 8px;margin-bottom: 6px}.phone-title{font: 700 1rem Fraunces,"Fraunces Fallback",Georgia,serif}.pill{font-size: 0.72rem;font-weight: 600;padding: 3px 10px;border-radius: 999px;background: var(--success-soft);color: var(--text);white-space: nowrap}.phone-art{display: block;width: 100%;aspect-ratio: 200 / 190;background: var(--bg);border-radius: var(--r-lg)}.phone-art .old path{stroke: var(--text-2);opacity: 0.5}.phone-art .guide path{stroke: var(--text-2);opacity: 0.45;stroke-dasharray: 2 8}.phone-art .new path{stroke: var(--coral)}.phone-tip{margin: 12px 0 10px;padding: 10px 12px;font-size: 0.85rem;line-height: 1.4;background: var(--surface-hi);border-radius: var(--r-md)}.phone-modes{display: flex;gap: 6px}.chip{flex: 1;text-align: center;padding: 8px 6px;font-size: 0.78rem;font-weight: 600;border-radius: 999px;border: 1.5px solid var(--outline)}.chip.is-on{background: var(--coral);border-color: var(--coral);color: var(--on-coral)}.ln{fill: none;stroke-dasharray: 1 2;stroke-dashoffset: 1.04;animation: draw var(--t-draw) var(--ease) both}.phone-art .l1{animation-delay: 0.3s;animation-duration: 1.3s}.phone-art .l2{animation-delay: 1.5s}.phone-art .l3{animation-delay: 2s}.scribble .l1{animation-delay: 0.6s;animation-duration: 0.8s}@keyframes draw{to{stroke-dashoffset: 0}}.js .reveal:not(.in){opacity: 0;transform: translateY(14px)}.reveal{transition: opacity var(--t-normal) var(--ease),transform var(--t-normal) var(--ease),box-shadow var(--t-normal) var(--ease)}.page-head{padding-block: 20px 8px}.page-head h1{font-size: clamp(1.9rem,6vw,3rem)}.feat{display: grid;gap: 20px;padding-block: 28px;border-top: 1px solid var(--outline);scroll-margin-top: 80px}.feat h2{display: flex;align-items: center;gap: 12px;font-size: clamp(1.4rem,4vw,1.9rem)}.feat h2 .card-ic{margin: 0;width: 40px;height: 40px}.shot{margin: 0;justify-self: center}.shot img{border-radius: var(--r-xl);box-shadow: var(--shadow);width: 100%;max-width: 480px}@media (min-width: 860px){.has-shot{grid-template-columns: 1.1fr 0.9fr;align-items: center;gap: 48px}.has-shot:nth-of-type(even) .shot{order: -1}}.legal section{padding-top: 8px;scroll-margin-top: 80px}.legal h2{font-size: 1.4rem;margin-top: 1.4em}.contact-line{margin-top: 32px}.mail{display: grid;gap: 16px;align-items: center;margin-bottom: 20px}.mail-addr{font: 700 clamp(1.2rem,5vw,1.7rem) Fraunces,Georgia,serif;margin: 0;word-break: break-all}@media (min-width: 720px){.mail{grid-template-columns: auto 1fr auto}}.stack{display: grid;gap: 16px;margin-block: 24px}.lang-grid{list-style: none;padding: 0;display: grid;gap: 10px;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));text-align: left}.lang-grid a{display: block;padding: 14px 18px;border-radius: var(--r-lg);border: 1px solid var(--outline);background: var(--surface);text-decoration: none;color: var(--text);font-weight: 600}.lang-grid span{display: block;font-weight: 400;color: var(--text-2);font-size: 0.9rem}.lang-grid a:hover{border-color: var(--coral)}