:root{--bg:#f5f7fb;--surface:#fff;--ink:#0d1b38;--ink-soft:#4a5672;--line:#dfe5ef;--accent:#1e6ff0;--accent-deep:#1352c2;--accent-soft:#e6efff;--key:#3b3f44;--key-edge:#24272b;--key-face:#f0f2f6;--key-face-edge:#c9d0dc;--radius:18px;--wrap:1120px;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0d1118;--surface:#161c26;--ink:#eef2f9;--ink-soft:#a5b0c4;--line:#283142;--accent:#4c8dff;--accent-deep:#2f6fe0;--accent-soft:#17264a;--key-face:#232b38;--key-face-edge:#0b0f15;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);overflow-wrap:anywhere;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans,Noto Sans JP,PingFang SC,Apple SD Gothic Neo,Microsoft YaHei,Meiryo,system-ui,sans-serif;line-height:1.85}img{max-width:100%;height:auto}a{color:var(--accent)}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.4}h2{word-break:auto-phrase;text-wrap:balance;margin-block-end:1.6rem;font-size:clamp(1.6rem,1.1rem + 2vw,2.4rem)}.wrap{width:min(100% - 32px, var(--wrap));margin-inline:auto}.narrow{max-width:760px}section{padding-block:clamp(56px,8vw,104px)}.key{background:var(--key-face);box-shadow:0 4px 0 var(--key-face-edge), 0 8px 18px #0d1b3814;color:var(--ink);border-radius:12px;place-items:center;display:inline-grid}.key-num{width:52px;height:52px;font-size:1.35rem;font-weight:800}.key-icon{width:52px;height:52px}.key svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:26px}.key-dark{background:var(--key);color:#fff;box-shadow:0 4px 0 var(--key-edge), 0 8px 18px #0003}.keycap-cta{background:var(--accent);color:#fff;box-shadow:0 5px 0 var(--accent-deep), 0 12px 24px #1e6ff047;border-radius:14px;align-items:center;gap:10px;padding:15px 26px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.keycap-cta:hover{transform:translateY(1px)}.keycap-cta:active{box-shadow:0 0 0 var(--accent-deep), 0 4px 10px #1e6ff040;transform:translateY(5px)}.keycap-cta svg{fill:currentColor;width:22px;height:22px}.cta-note{color:var(--ink-soft);margin:14px 0 0;font-size:.9rem}.topbar{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(14px);border-block-end:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky;top:0}.topbar-inner{align-items:center;gap:20px;height:60px;display:flex}.brand{color:var(--ink);align-items:center;gap:9px;font-size:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.brand img{border-radius:8px}.topnav{gap:22px;margin-inline-start:auto;display:flex}.topnav a{color:var(--ink-soft);font-size:.95rem;font-weight:600;text-decoration:none}.topnav a:hover{color:var(--ink)}.lang{position:relative}.lang summary{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:.9rem;list-style:none;display:inline-flex}.lang summary::-webkit-details-marker{display:none}.lang summary svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:18px;height:18px}.lang ul{inset-inline-end:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:repeat(2,1fr);width:min(86vw,460px);max-height:70vh;margin:0;padding:8px;list-style:none;display:grid;position:absolute;top:calc(100% + 8px);overflow:auto;box-shadow:0 18px 40px #0d1b3829}.lang a{color:var(--ink);border-radius:8px;padding:7px 10px;font-size:.92rem;text-decoration:none;display:block}.lang a:hover{background:var(--accent-soft)}.lang a[aria-current=page]{color:var(--accent);font-weight:700}.hero{background:radial-gradient(60% 70% at 85% 30%,#1e6ff029,#0000 70%),radial-gradient(40% 50% at 10% 90%,#1e6ff014,#0000 70%);padding-block:clamp(40px,6vw,80px) clamp(48px,7vw,96px);position:relative;overflow:hidden}.hero-inner{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.eyebrow{background:var(--accent-soft);color:var(--accent);border-radius:999px;margin:0 0 18px;padding:4px 12px;font-size:.88rem;font-weight:700;display:inline-block}.hero h1{word-break:auto-phrase;letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.2rem,1.2rem + 3.4vw,4rem);font-weight:850;line-height:1.22}.lead{color:var(--ink-soft);max-width:34em;margin:22px 0 32px;font-size:clamp(1.05rem,1rem + .3vw,1.2rem)}.hero-visual{place-items:center;padding-block:12px;display:grid;position:relative}.hero-glow{background:linear-gradient(160deg,#dbe7ff 0%,#b9d0ff 55%,#8fb3ff 100%);border-radius:48px;position:absolute;inset:8% 6% 4%;box-shadow:inset 0 -10px #1352c21f}@media (prefers-color-scheme:dark){.hero-glow{background:linear-gradient(160deg,#1a2a4d 0%,#1d3a78 60%,#24489a 100%)}}.phone{filter:drop-shadow(0 24px 40px #0d1b3847);width:100%;height:auto;display:block}.hero-visual{container-type:inline-size}.hero-phone{width:min(300px,66vw);position:relative}.hero-pills{justify-content:center;gap:8px;margin-block-start:18px;display:flex}.key-pill{z-index:1;white-space:nowrap;background:var(--surface);padding:7px 12px;font-size:.85rem;font-weight:800}.pill-a{color:#d6336c}.pill-b{color:var(--accent)}.pill-c{color:#12a150}@container (width>=500px){.hero-phone{width:280px}.hero-pills{display:contents}.key-pill{padding:8px 14px;font-size:.92rem;position:absolute}.pill-a{top:18%;inset-inline-end:calc(100% + 18px)}.pill-b{top:42%;inset-inline-start:calc(100% + 18px)}.pill-c{top:70%;inset-inline-end:calc(100% + 18px)}}.apps{border-block:1px solid var(--line);background:var(--surface);text-align:center;padding-block:28px}.apps-title{margin:0;font-weight:700}.apps-list{color:var(--ink-soft);letter-spacing:.02em;margin:4px 0 0}.steps h2,.features h2,.gallery h2,.pricing h2,.faq h2{text-align:center}.step-list{grid-template-columns:repeat(3,1fr);gap:28px;margin:0;padding:0;list-style:none;display:grid}.step-list li{text-align:center;padding:8px 12px}.step-list h3{margin-block:22px 8px;font-size:1.15rem}.step-list p{color:var(--ink-soft);margin:0}.features{background:var(--surface)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.feature{border-radius:var(--radius);background:var(--bg);border:1px solid var(--line);padding:26px}.feature h3{margin-block:20px 6px;font-size:1.12rem}.feature p{color:var(--ink-soft);margin:0}.feature .key{color:var(--accent)}.gallery-track{width:min(100% - 32px, var(--wrap));grid-template-columns:repeat(4,1fr);gap:28px;margin:0 auto;padding:0;list-style:none;display:grid}.shot-card{text-align:center}.shot-card .phone{width:min(100%,240px);margin:0 auto 22px}.shot-card h3{margin-block-end:6px;font-size:1.1rem}.shot-card p{color:var(--ink-soft);margin:0;font-size:.95rem}.privacy{background:var(--ink);color:#eef2f9}@media (prefers-color-scheme:dark){.privacy{background:#05080d}}.privacy-inner{align-items:flex-start;gap:28px;max-width:860px;display:flex}.privacy h2{margin-block-end:14px}.privacy p{color:#c4cde0;margin:0 0 16px}.privacy a{color:#8fb6ff;font-weight:700}.pricing{background:radial-gradient(60% 50% at 50% 0%, #1e6ff01a, transparent 70%), var(--bg)}.pricing h2{margin-block-end:2.6rem}.plan-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:22px;margin:0;padding:0;list-style:none;display:grid}.plan{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px 28px 32px;position:relative;box-shadow:0 10px 30px #0d1b380f}.plan-icon{color:var(--accent);margin-block-end:22px}.plan h3{margin-block-end:10px;font-size:1.3rem}.plan p{color:var(--ink-soft);margin:0}.plan-featured{color:#fff;background:linear-gradient(155deg,#1e6ff0 0%,#185fd6 50%,#1352c2 100%);border:0;transform:translateY(-10px);box-shadow:0 6px #0f43a3,0 22px 44px #1e6ff059}.plan-featured h3,.plan-featured p{color:#fff}.plan-featured .plan-icon{color:var(--accent-deep);background:#fff;box-shadow:0 4px #0f43a38c,0 8px 18px #00000026}.plan-chip{top:22px;color:#1352c2;background:#fff;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:800;line-height:1.6;position:absolute;inset-inline-end:22px}.fine{background:color-mix(in srgb, var(--surface) 70%, transparent);border:1px solid var(--line);max-width:760px;color:var(--ink-soft);border-radius:14px;align-items:flex-start;gap:10px;margin:34px auto 0;padding:14px 18px;font-size:.85rem;line-height:1.75;display:flex}.fine svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;flex:none;width:18px;height:18px;margin-block-start:3px}.faq{background:var(--surface)}.faq details{border-block-end:1px solid var(--line);padding-block:4px}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 0;font-size:1.05rem;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:1.4rem;line-height:1;transition:transform .15s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--ink-soft);margin:0 0 18px}.final{text-align:center;background:radial-gradient(50% 80% at 50% 100%,#1e6ff024,#0000 70%)}.final-icon{border-radius:18px;box-shadow:0 12px 28px #0003}.final h2{margin-block:22px 28px}.site-footer{border-block-start:1px solid var(--line);padding-block:36px;font-size:.9rem}.footer-inner{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.footer-inner nav{flex-wrap:wrap;gap:8px 20px;display:flex}.footer-inner nav a{color:var(--ink-soft);text-decoration:none}.footer-inner nav a:hover{color:var(--ink);text-decoration:underline}.copy{color:var(--ink-soft);margin:0;margin-inline-start:auto}.doc{padding-block:40px 80px}.doc-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,5vw,48px)}.doc-body h1{margin-block-end:8px;font-size:clamp(1.6rem,1.2rem + 1.6vw,2.2rem)}.doc-body h2{text-align:start;margin-block:2.2em .6em;font-size:1.35rem}.doc-body h3{margin-block:1.8em .4em;font-size:1.1rem}.doc-body .updated{color:var(--ink-soft);margin:0 0 1.5em;font-size:.88rem}.doc-body hr{border:0;border-block-start:1px solid var(--line);margin-block:2.5em}.doc-body table{border-collapse:collapse;width:100%}.doc-body th,.doc-body td{border:1px solid var(--line);text-align:start;vertical-align:top;padding:8px 12px}.callout{color:#5a1a14;background:#fff1f0;border:1px solid #ffd0cb;border-radius:12px;padding:16px 20px}@media (prefers-color-scheme:dark){.callout{color:#ffd9d4;background:#3a1714;border-color:#5e2620}}.form-frame{background:#fff;border:0;border-radius:12px;width:100%;height:1150px}.notfound{text-align:center;padding-block:120px}@media (width<=900px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-copy{text-align:center}.lead{margin-inline:auto}.hero-visual{width:100%;max-width:440px;margin-inline:auto}.gallery-track{scroll-snap-type:x mandatory;gap:20px;width:100%;padding:4px 16px 20px;display:flex;overflow-x:auto}.shot-card{scroll-snap-align:center;flex:0 0 min(72vw,260px)}.feature-grid{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}.plan-featured{transform:none}.topnav{display:none}.lang{margin-inline-start:auto}}@media (width<=600px){.step-list,.feature-grid,.plan-grid{grid-template-columns:1fr}.step-list{gap:18px}.step-list li{text-align:start;grid-template-columns:52px 1fr;column-gap:18px;padding:0;display:grid}.step-list .key{grid-row:span 2}.step-list h3{margin-block:2px 4px}.privacy-inner{flex-direction:column}.copy{margin-inline-start:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.keycap-cta{transition:none}}.callout-app{align-items:flex-start;gap:18px;display:flex}.callout-icon{border-radius:15px;flex:none;width:64px;height:64px;margin-block-start:1em;box-shadow:0 4px 10px #0000002e}.callout-app p:last-child{margin-block-end:0}@media (width<=600px){.callout-app{flex-direction:column;gap:0}}.store-badge{border-radius:10px;line-height:0;display:inline-block}.store-badge img{width:auto;height:54px}.store-badge:focus-visible{outline:2px solid var(--accent);outline-offset:3px}