:root{--bg: #f6faff;--bg2: #eaf3fe;--panel: #ffffff;--line: rgba(28, 74, 140, .12);--text: #122c4e;--sub: #54719a;--blue: #3b8def;--blue2: #2470de;--blue-soft: #d9e9fc;--orange: #f97316;--orange2: #fb923c;--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Apple SD Gothic Neo,PingFang SC,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);line-height:1.8;overflow-wrap:anywhere}img{max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:1080px;margin:0 auto;padding:0 24px}section{padding:88px 0}header{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:22px;height:64px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px}.brand img{width:32px;height:32px;border-radius:7px}.nav-links{display:flex;gap:22px;margin-left:auto;font-size:14px;color:var(--sub)}.nav-links a:hover{color:var(--text)}.lang{display:inline-flex;align-items:center;gap:5px;color:var(--sub);cursor:pointer}.lang select{appearance:none;background:transparent;border:none;font:inherit;font-size:13px;font-weight:700;color:var(--sub);cursor:pointer}.lang select:focus{outline:none}.nav .cta-s{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-size:13px;font-weight:700;padding:9px 18px;border-radius:999px;white-space:nowrap}@media(max-width:860px){.nav-links{display:none}}@media(max-width:560px){.nav .cta-s{display:none}}.hero{padding:96px 0 72px;background:radial-gradient(800px 420px at 82% -10%,rgba(59,141,239,.2),transparent),radial-gradient(700px 400px at 8% 0%,rgba(96,165,250,.18),transparent),linear-gradient(180deg,#eaf3fe,var(--bg))}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}@media(max-width:860px){.hero-grid{grid-template-columns:1fr}}.badge{display:inline-block;font-size:12.5px;font-weight:700;color:#1d6bd8;background:#3b8def1f;border:1px solid rgba(59,141,239,.35);border-radius:999px;padding:5px 14px;margin-bottom:18px}h1{font-size:clamp(30px,4.6vw,46px);font-weight:800;line-height:1.35;letter-spacing:.01em}h1 em{font-style:normal;background:linear-gradient(90deg,#3b8def,#2470de);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p.lead{color:var(--sub);font-size:16.5px;margin:20px 0 30px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.cta{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-weight:800;font-size:15.5px;padding:15px 30px;border-radius:14px;box-shadow:0 10px 30px #f973164d;transition:transform .15s}.cta:hover{transform:translateY(-2px)}.cta-note{font-size:12.5px;color:var(--sub)}.appstore-badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:12px;padding:10px 18px;font-size:13px;color:var(--sub);background:#fff}.appstore-badge b{color:var(--text);font-size:14.5px}.apple-mark{font-size:22px;line-height:1}.mock{position:relative;border-radius:26px;aspect-ratio:830/750;background:url(/assets/hero_mock.png) center/cover no-repeat;box-shadow:0 30px 70px #2470de59;overflow:hidden}.mock .hint{position:absolute;top:14px;right:16px;font-size:11px;color:#fff;background:#122c4e66;padding:4px 10px;border-radius:999px}h2{font-size:clamp(24px,3.4vw,34px);font-weight:800;text-align:center;line-height:1.5}.sec-lead{color:var(--sub);text-align:center;max-width:620px;margin:16px auto 0;font-size:15px}.features{background:var(--bg2)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}@media(max-width:860px){.grid3{grid-template-columns:1fr}}.fcard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;box-shadow:0 4px 18px #2470de0f}.fcard .ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;background:linear-gradient(135deg,#3b8def29,#2470de29);margin-bottom:16px}.fcard h3{font-size:17px;margin-bottom:8px}.fcard p{color:var(--sub);font-size:13.8px}.shot-wrap{max-width:900px;margin:48px auto 0;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px #2470de38;border:1px solid var(--line);background:#fff}.shot-wrap img{display:block;width:100%}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:48px;align-items:center}@media(max-width:860px){.guide-grid{grid-template-columns:1fr}}.guide-shot{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:0 18px 44px #2470de29;background:#fff}.guide-shot img{display:block;width:100%}.guide-steps{display:flex;flex-direction:column;gap:16px}.guide-steps .step .num{width:26px;height:26px;border-radius:50%;background:var(--blue2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px}.samples-title{text-align:center;font-size:18px;font-weight:800;margin-top:56px}.card-samples{display:flex;gap:28px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:24px}.card-samples img{filter:drop-shadow(0 12px 28px rgba(18,44,78,.22))}.card-samples .sample-h{width:min(480px,90%)}.card-samples .sample-v{width:min(240px,60%)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}@media(max-width:860px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-radius:var(--radius);padding:28px 26px;background:#fff;box-shadow:0 4px 18px #2470de0f}.step .num{font-size:13px;font-weight:800;color:var(--blue2);margin-bottom:10px}.step h3{font-size:16.5px;margin-bottom:8px}.step p{color:var(--sub);font-size:13.8px}.usecases{background:var(--bg2)}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}@media(max-width:860px){.grid4{grid-template-columns:repeat(2,1fr)}}.ucard{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 20px;text-align:center;box-shadow:0 4px 18px #2470de0f}.ucard .emoji{font-size:30px;margin-bottom:12px}.ucard h3{font-size:15.5px;margin-bottom:6px}.ucard p{color:var(--sub);font-size:12.8px}.price-card{max-width:460px;margin:48px auto 0;background:linear-gradient(180deg,#fff,#f0f7ff);border:1px solid rgba(59,141,239,.4);border-radius:22px;padding:44px 40px;text-align:center;box-shadow:0 18px 44px #2470de24}.price-card .trial{display:inline-block;background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;font-weight:800;font-size:13.5px;border-radius:999px;padding:7px 18px;margin-bottom:20px}.price-card .price{font-size:38px;font-weight:800;line-height:1.3}.price-card .yearly{margin-top:8px;font-size:15px;font-weight:700;color:var(--blue2)}.price-card .yearly span{font-weight:600;font-size:12.5px;color:var(--sub)}.price-card .tax{color:var(--sub);font-size:12.5px;margin-top:4px}.price-card ul{list-style:none;margin:26px 0;text-align:left}.price-card li{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px;color:#2c4a73}.price-card li:before{content:"✓";color:#16a34a;font-weight:800;margin-right:10px}.price-card .cta{width:100%;justify-content:center}.price-note{color:var(--sub);font-size:12px;text-align:center;max-width:560px;margin:22px auto 0}.faq-list{max-width:760px;margin:48px auto 0}details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px;padding:0 22px;box-shadow:0 3px 12px #2470de0d}summary{cursor:pointer;font-weight:700;font-size:15px;padding:18px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}summary:after{content:"＋";color:var(--sub);font-weight:400}details[open] summary:after{content:"−"}details p{color:var(--sub);font-size:14px;padding:0 0 18px}.final{background:linear-gradient(135deg,#4c9ef3,#2470de);text-align:center;color:#fff}.final h2{color:#fff}.final .sec-lead{color:#ffffffd9}.final .cta{background:#fff;color:var(--blue2);box-shadow:0 10px 30px #0f2a5440}footer{border-top:1px solid var(--line);padding:44px 0;color:var(--sub);font-size:12.5px;background:#fff}.foot-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-start}.foot-brand{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--text);font-size:15px}.foot-brand img{width:26px;height:26px;border-radius:6px}.foot-links{display:flex;gap:18px;flex-wrap:wrap}.foot-links a:hover{color:var(--text)}.legal{margin-top:26px;font-size:11px;color:#8095b3;line-height:1.9}