:root{--brand:#1d3557;--brand-strong:#142640;--brand-soft:#dce6ef;--on-brand:#fff;--accent:#d62839;--accent-strong:#c1121f;--red:#e63946;--high:#457b9d;--band:#1d3557;--on-band:#f1faee;--on-band-muted:#f1faeec7;--bg:#f0f5f1;--surface:#fff;--text:#1a2229;--muted:#5b6a72;--border:#dce4df;--danger:#c1121f;--ok:#2e7d32;--code-bg:#e9f0ec;--radius:20px;--shadow:0 1px 2px #0000000a, 0 8px 24px #1d35570f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--brand:#a8dadc;--brand-strong:#c9ecee;--brand-soft:#23465a;--on-brand:#0b2a31;--high:#8ec5e0;--bg:#141b24;--surface:#1c2530;--text:#ecf2f4;--muted:#a6b2bd;--border:#303b48;--danger:#ff8a8f;--ok:#7bd389;--code-bg:#232d39;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:LINE Seed JP,system-ui,-apple-system,Hiragino Sans,Noto Sans JP,Yu Gothic UI,sans-serif;font-size:16px;line-height:1.7}a{color:var(--brand-strong)}.wrap{max-width:1040px;margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 28px}}header.site{z-index:10;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);backdrop-filter:saturate(1.4)blur(12px);position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.logo{flex:none;align-items:center;display:inline-flex}.logo img{width:auto;height:30px;display:block}nav.site{align-items:center;gap:18px;font-size:14px;font-weight:600;display:flex}nav.site a:not(.btn){color:var(--muted);white-space:nowrap;text-decoration:none}nav.site a:not(.btn).active,nav.site a:not(.btn):hover{color:var(--text)}#root{flex-direction:column;min-height:100vh;display:flex}.lang-select{color:var(--muted);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:600;display:inline-flex;position:relative}.lang-select select{appearance:none;width:auto;min-height:34px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0 10px 0 0}.lang-select:hover{color:var(--text)}.lang-select.on-band{color:var(--on-band-muted)}.lang-select.on-band select option{color:#1a2229}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main{flex:1;padding:40px 0 72px}main.top{padding:0}footer.site{color:var(--on-band-muted);background:#142640;padding:48px 0 40px;font-size:13px}.footer-brand img{width:auto;height:30px;display:block}.footer-brand p{color:var(--on-band);margin:12px 0 24px;font-size:14px}footer.site .links{flex-wrap:wrap;gap:8px 20px;margin-bottom:20px;display:flex}footer.site a{color:var(--on-band-muted);text-decoration:none}footer.site a:hover{color:var(--on-band);text-decoration:underline}footer.site .operator{border-top:1px solid #f1faee29;padding-top:16px}h1{letter-spacing:.01em;margin:0 0 12px;font-size:clamp(28px,5vw,40px);font-weight:800;line-height:1.3}h2{margin:0 0 12px;font-size:20px;font-weight:700}h3{margin:0 0 8px;font-size:16px;font-weight:700}p{margin:0 0 12px}h1,h2,h3{word-break:auto-phrase;text-wrap:balance}.phrase{display:inline-block}.lead{color:var(--muted);margin-bottom:24px;font-size:17px}.muted{color:var(--muted)}.small{font-size:13px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 12px;font-size:12px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--red);border-radius:50%;width:10px;height:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);min-height:42px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 18px;font-size:15px;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.btn:hover{border-color:var(--muted)}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.btn.primary:hover{background:var(--brand-strong);border-color:var(--brand-strong)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn.ghost{color:var(--on-band);background:0 0;border-color:#f1faee73}.btn.ghost:hover{border-color:var(--on-band)}.btn.large{min-height:54px;padding:0 28px;font-size:16px;font-weight:700}.btn.danger{color:var(--danger)}.btn.small{min-height:34px;padding:0 14px;font-size:13px}.btn:disabled{opacity:.5;cursor:default}.btn.block{width:100%}input[type=text],input[type=email],input[type=password],textarea,select{border:1px solid var(--border);background:var(--bg);width:100%;min-height:44px;color:var(--text);font:inherit;border-radius:12px;padding:8px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--brand);outline-offset:1px}textarea{resize:vertical;min-height:84px}label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.field{margin-bottom:12px}pre.code,code.inline{background:var(--code-bg);border-radius:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre.code{white-space:pre-wrap;word-break:break-all;margin:0 0 8px;padding:14px 16px;font-size:13.5px;line-height:1.6;overflow-x:auto}code.inline{padding:1px 6px;font-size:.9em}.tag{background:var(--brand-soft);color:var(--brand-strong);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.tag.urgent{background:color-mix(in srgb, var(--danger) 14%, transparent);color:var(--danger)}.list{margin:0;padding:0;list-style:none}.list li{border-top:1px solid var(--border);padding:12px 0}.list li:first-child{border-top:0}.notice{border-radius:12px;margin:8px 0 12px;padding:10px 14px;font-size:14px}.notice.error{background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger)}.notice.ok{background:color-mix(in srgb, var(--ok) 12%, transparent);color:var(--ok)}.notice.warn{background:var(--brand-soft);color:var(--brand-strong)}.qr{border:1px solid var(--border);background:#fff;border-radius:12px;width:200px;height:200px;padding:8px}table.kv{border-collapse:collapse;width:100%;font-size:14px}table.kv th,table.kv td{text-align:left;border-top:1px solid var(--border);vertical-align:top;padding:8px 6px}.ai-guide{margin:4px 0 8px}.ai-guide details{margin-top:6px}.ai-guide summary{cursor:pointer;padding:6px 0}@media (width<=560px){main{padding-top:24px}.card{padding:18px}nav.site{gap:12px}.nav-try{display:none}}.band{background:var(--band);color:var(--on-band);position:relative;overflow:hidden}.band .wrap{z-index:1;position:relative}.hero{padding:72px 0 96px}.hero-grid{align-items:center;gap:48px;display:grid}@media (width>=880px){.hero-grid{grid-template-columns:1.25fr .75fr}}.hero .eyebrow,.cta .eyebrow{color:var(--on-band-muted)}.hero h1{letter-spacing:-.01em;color:#fff;margin-bottom:20px;font-size:clamp(30px,7.4vw,52px);font-weight:800;line-height:1.2}.hero .lead{color:var(--on-band-muted);max-width:34em;margin-bottom:32px}.hero-note{color:var(--on-band-muted);margin:16px 0 0;font-size:13px}.shape{pointer-events:none;position:absolute}.shape.circle{background:var(--red);border-radius:50%;width:440px;height:440px;bottom:-200px;right:-120px}.shape.triangle{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 104'%3E%3Cpolygon points='60,3 117,101 3,101' fill='none' stroke='%23F1FAEE' stroke-opacity='0.35' stroke-width='3'/%3E%3C/svg%3E") 50%/contain no-repeat;width:120px;height:104px;bottom:36px;left:44%}.shape.square{background:var(--on-band);opacity:.9;width:44px;height:44px;top:44px;right:7%}@media (width<=879px){.hero{padding:48px 0 72px}.shape.circle{width:300px;height:300px;bottom:-120px;right:-110px}.shape.triangle{display:none}.shape.square{width:28px;height:28px;top:24px;right:20px}}.notif-stack{gap:12px;max-width:440px;display:grid}.notif{color:#1a2229;background:#fff;border-radius:22px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex;box-shadow:0 12px 32px #08122147}.notif:nth-child(2){margin-left:28px}.notif:nth-child(3){margin-left:56px}.notif img{flex:none;width:40px;height:40px}.notif strong{margin:1px 0 2px;font-size:15px;display:block}.notif-meta{color:#5b6a72;font-size:12px}.notif-body{color:#3d4a52;font-size:14px;line-height:1.55}.notif .tag.high{color:#2f5f7e;vertical-align:1px;background:#457b9d24;margin-right:6px}@media (width<=879px){.notif:nth-child(2){margin-left:16px}.notif:nth-child(3){display:none}}.section{padding:88px 0}.section.alt{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-title{margin:0 0 36px;font-size:clamp(26px,4vw,36px);font-weight:800;line-height:1.3}@media (width<=719px){.section{padding:56px 0}.section-title{margin-bottom:24px}}.steps{gap:16px;margin:0;padding:0;list-style:none;display:grid}@media (width>=760px){.steps{grid-template-columns:repeat(3,1fr)}}.steps li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:8px;padding:28px 24px;display:flex}.step-no{font-variant-numeric:tabular-nums;color:var(--brand);font-size:44px;font-weight:100;line-height:1}.step-no:after{content:"";background:var(--red);width:24px;height:3px;margin:14px 0 6px;display:block}.steps strong{font-size:17px;line-height:1.5}.features{gap:32px;display:grid}@media (width>=760px){.features{grid-template-columns:repeat(3,1fr)}}.feature h3{margin:16px 0 8px;font-size:18px;line-height:1.5}.mark{width:28px;height:28px;display:block}.mark.circle{background:var(--red);border-radius:50%}.mark.triangle{clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--high)}.mark.square{background:var(--text);transform:scale(.86)}.plans{gap:16px;display:grid}@media (width>=760px){.plans{grid-template-columns:1fr 1fr}}.plan{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px;position:relative;overflow:hidden}.plan h3{color:var(--muted);margin:0;font-size:15px}.price{margin:4px 0 14px;font-size:36px;font-weight:800;line-height:1.3}.plan.paid{background:var(--band);border-color:var(--band);color:var(--on-band)}.plan.paid:after{content:"";background:var(--red);border-radius:50%;width:112px;height:112px;position:absolute;top:-48px;right:-48px}.plan.paid h3,.plan.paid p{color:var(--on-band-muted)}.plan.paid h3,.plan.paid .price{z-index:1;position:relative}.cta{padding:80px 0}.cta h2{color:#fff;margin:0 0 12px;font-size:clamp(28px,4.4vw,40px);font-weight:800;line-height:1.3}.cta p{color:var(--on-band-muted);margin-bottom:28px}.cta .shape.circle{width:360px;height:360px;top:-150px;bottom:auto;right:-90px}@media (width<=719px){.cta{padding:56px 0 64px}.cta .shape.circle{width:200px;height:200px;top:-90px;right:-80px}}