body{margin:0;font-family:Inter,"Noto Sans JP",system-ui,sans-serif;background:#f7f8fc;color:#16181d;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}.container{max-width:1120px;margin:0 auto;padding:0 20px}.nav{position:sticky;top:0;background:#fff;border-bottom:1px solid #e7e9ef;z-index:20}.navin{height:66px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.logoMark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#4f46e5,#7c3aed);display:grid;place-items:center;color:#fff}.navlinks{display:flex;gap:20px;align-items:center}.navlinks a{text-decoration:none;color:#4c5360}.navCta,.primary,.btnPrimary{background:#4f46e5;color:#fff!important}.navCta{padding:9px 14px;border-radius:10px;font-weight:700}.hero{padding:88px 0 58px;background:radial-gradient(circle at 50% 0,#eef2ff 0,rgba(238,242,255,0) 45%)}.heroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{display:inline-block;background:#eef2ff;color:#4f46e5;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}h1{font-size:clamp(38px,5vw,64px);line-height:1.08;margin:18px 0}.grad{background:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;color:#69707d}.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;padding:13px 18px;border-radius:12px;text-decoration:none;font-weight:800;border:1px solid #e7e9ef}.btnSecondary{background:#fff}.trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#59606c;font-size:13px}.heroCard{background:#fff;border:1px solid #e7e9ef;border-radius:22px;padding:18px;box-shadow:0 24px 70px rgba(39,42,63,.12)}.heroCardTop{display:flex;justify-content:space-between}.dotset{display:flex;gap:6px}.dot{width:9px;height:9px;border-radius:999px;background:#d9dce4}.fakeDrop,.drop{border:2px dashed #ccd0dc;border-radius:16px;padding:42px 18px;text-align:center;background:#fafbff}.miniStat,.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.mini,.stat{padding:12px;background:#f8f9fc;border:1px solid #e7e9ef;border-radius:12px}.mini strong,.stat b{display:block;font-size:18px}.section{padding:72px 0}.section.alt{background:#fff}.center{text-align:center}.section h2{font-size:34px;margin:0 0 12px}.lead{color:#69707d;max-width:720px;margin:0 auto 36px}.steps,.features,.pricing{display:grid;gap:16px}.steps,.features{grid-template-columns:repeat(3,1fr)}.step,.feature,.priceCard,.card{background:#fff;border:1px solid #e7e9ef;border-radius:18px;padding:22px}.num{width:32px;height:32px;border-radius:9px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-weight:900}.toolWrap{background:#fff;border:1px solid #e7e9ef;border-radius:22px;padding:24px}.toolGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.sub{color:#69707d;font-size:13px}.drop.drag{border-color:#4f46e5;background:#f3f2ff}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{border:0;border-radius:10px;padding:11px 15px;font-weight:800;cursor:pointer}.secondary{background:#eef0f5}.danger{background:#fff0f0;color:#c63e3e}button:disabled{opacity:.45}.notice{font-size:13px;padding:11px 12px;border-radius:10px;margin-top:12px}.info{background:#eef4ff;color:#274472}.ok{background:#eaf8f2;color:#176a4b}.warn{background:#fff8e8;color:#805d16}.bad{background:#fff0f0;color:#8e2f2f}.mapping{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}label{font-size:12px;color:#69707d;display:block}select{width:100%;margin-top:5px;padding:9px;border:1px solid #d5d8e0;border-radius:9px}.scroll{overflow:auto;max-height:420px;border:1px solid #e7e9ef;border-radius:12px}table{width:100%;border-collapse:collapse;font-size:12px;min-width:900px}th,td{border-bottom:1px solid #e7e9ef;padding:9px;text-align:left}.hidden{display:none!important}.progressWrap{margin-top:12px}.progressHead{display:flex;justify-content:space-between;font-size:12px;color:#69707d}.progressTrack{height:8px;background:#eceef4;border-radius:999px;overflow:hidden}.progressBar{height:100%;width:0;background:linear-gradient(90deg,#4f46e5,#7c3aed)}.pricing{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}.reco{border:2px solid #4f46e5;position:relative}.ribbon{position:absolute;right:16px;top:14px;font-size:11px;background:#4f46e5;color:#fff;border-radius:999px;padding:5px 8px}.price{font-size:34px;font-weight:900}.checks{list-style:none;padding:0}.faq{max-width:820px;margin:auto}details{background:#fff;border:1px solid #e7e9ef;border-radius:14px;padding:16px 18px;margin:10px 0}footer{background:#171923;color:#dfe2ea;padding:42px 0}.footerGrid{display:flex;justify-content:space-between;gap:28px;flex-wrap:wrap}footer a{color:#cfd3dc;text-decoration:none;margin-right:16px;font-size:13px}.small{font-size:12px;color:#969dab;margin-top:14px}@media(max-width:900px){.heroGrid,.toolGrid{grid-template-columns:1fr}.steps,.features,.pricing{grid-template-columns:1fr}.navlinks a:not(.navCta){display:none}}
.issueSummary{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pill{font-size:12px;font-weight:800;border-radius:999px;padding:5px 9px}
.pillError{background:#fff0f0;color:#a52f2f}
.pillWarning{background:#fff8e8;color:#805d16}
.pillFixed{background:#eaf8f2;color:#176a4b}
.pillInfo{background:#eef4ff;color:#274472}
.issue{padding:10px 12px;border-radius:10px;margin:8px 0;border:1px solid transparent}
.issueError{background:#fff0f0;color:#8e2f2f;border-color:#ffd8d8}
.issueWarning{background:#fff8e8;color:#805d16;border-color:#f5e4b8}
.issueFixed{background:#eaf8f2;color:#176a4b;border-color:#cfeee1}
.issueInfo{background:#eef4ff;color:#274472;border-color:#d9e7ff}

.previewHead{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:12px}
.previewHead h3{margin:0}
.previewBadge{display:inline-flex;align-items:center;justify-content:center;background:#eef2ff;color:#4f46e5;border:1px solid #dfe3ff;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;white-space:nowrap}
#reviewCard{border:2px solid #dfe3ff;background:linear-gradient(180deg,#fff,#fafaff)}
#reviewCard .primary{font-size:14px;padding:12px 16px}

.priceNote{font-size:13px;color:#69707d;margin-top:-4px}.upgradeBtn{width:100%;margin-top:8px;background:#eef0f5;color:#69707d;border:1px solid #e1e4eb;cursor:not-allowed}

.license-card{margin-top:24px}
.license-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.license-head h3{margin:4px 0 6px}
.license-row{display:flex;gap:10px;align-items:center;margin-top:14px;flex-wrap:wrap}
.license-row input{flex:1;min-width:260px;padding:12px 14px;border:1px solid #dfe3ea;border-radius:10px;font-size:14px}
.license-message{margin:10px 0 12px;color:#667085;font-size:13px}
.plan-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800}
.plan-badge.free{background:#eef2ff;color:#4f46e5}
.plan-badge.standard{background:#eaf8f2;color:#176a4b}
.secondary{border:1px solid #d9dee8;background:#fff;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer}
.secondary:disabled{opacity:.55;cursor:not-allowed}