:root{--bg:#f7f7fb;--surface:#fff;--ink:#171923;--muted:#626778;--line:#e6e7ef;--accent:#6c5ce7;--accent2:#00a896;--soft:#efedff;--warn:#fff7e6;--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.8}a{color:#4d3dd0;text-decoration-thickness:.08em;text-underline-offset:.18em}a:hover{text-decoration-thickness:.14em}header{position:sticky;top:0;z-index:10;background:rgba(247,247,251,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{max-width:var(--max);margin:auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:white;font-size:16px}.nav-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--muted);text-decoration:none;font-size:.94rem}.hero{background:linear-gradient(180deg,#f0edff 0,#f7f7fb 100%);border-bottom:1px solid var(--line)}.hero-inner,.wrap{max-width:var(--max);margin:auto;padding:72px 22px}.hero-inner{padding-top:88px;padding-bottom:80px}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#5546ca;margin-bottom:10px}h1,h2,h3{line-height:1.35;letter-spacing:-.025em}h1{font-size:clamp(2rem,5vw,3.55rem);max-width:850px;margin:.15em 0 .45em}h2{font-size:clamp(1.45rem,3vw,2.2rem);margin:0 0 .55em}h3{font-size:1.15rem;margin:.3em 0}.lead{font-size:1.08rem;color:#44495a;max-width:820px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border-radius:12px;background:var(--accent);color:#fff;font-weight:750;text-decoration:none;border:1px solid var(--accent)}.button.secondary{background:#fff;color:#4436bd;border-color:#cec9ff}.wrap{padding-top:56px;padding-bottom:56px}.wrap+.wrap{border-top:1px solid var(--line)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 10px 35px rgba(26,30,50,.045)}a.card{color:inherit;text-decoration:none}a.card:hover{border-color:#bdb6ff;transform:translateY(-1px)}.kicker{font-size:.78rem;font-weight:800;color:#6556d5;text-transform:uppercase;letter-spacing:.08em}.note,.scope,.warning{border-radius:14px;padding:16px 18px;margin:22px 0}.note{background:var(--soft);border:1px solid #d8d3ff}.scope{background:#eefbf8;border:1px solid #c9eee7}.warning{background:var(--warn);border:1px solid #f0ddb5}.steps{counter-reset:step;display:grid;gap:14px;padding:0}.steps li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 18px 18px 60px;position:relative}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:28px;height:28px;border-radius:9px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800}.checklist{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px}.checklist ul{margin:.4em 0;padding-left:1.25em}.table-wrap{overflow-x:auto;margin:22px 0}table{border-collapse:collapse;width:100%;min-width:620px;background:#fff}th,td{border:1px solid var(--line);padding:12px 14px;vertical-align:top;text-align:left}th{background:#f0f1f7}.example{background:#171923;color:#f7f7fb;border-radius:16px;padding:20px 22px;margin:24px 0}.example strong{color:#bcb4ff}.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:inherit}.article-meta{font-size:.88rem;color:var(--muted);margin:0 0 24px}.toc{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:28px 0}.toc strong{display:block;margin-bottom:6px}.toc ul{margin:0;padding-left:1.2em}.source-list{font-size:.94rem}.source-list li{margin:.45em 0}.product-fit{background:linear-gradient(135deg,#f1efff,#eefbf8);border:1px solid #d9d4ff;border-radius:20px;padding:24px;margin:28px 0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.footer{border-top:1px solid var(--line);padding:32px 22px;color:var(--muted);font-size:.9rem}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#eeeff5;padding:.1em .35em;border-radius:5px}@media(max-width:780px){.nav{align-items:flex-start}.nav-links{justify-content:flex-end}.cards,.guide-grid{grid-template-columns:1fr}.hero-inner,.wrap{padding-left:18px;padding-right:18px}.hero-inner{padding-top:62px;padding-bottom:58px}h1{font-size:2.25rem}.card{padding:18px}.button{width:100%}.hero-actions{display:grid}.table-wrap{margin-left:-18px;margin-right:-18px;padding:0 18px}}@media(max-width:520px){.nav-links a:first-child{display:none}.brand-mark{width:29px;height:29px}.nav{padding:12px 16px}.hero-inner,.wrap{padding-left:16px;padding-right:16px}.wrap{padding-top:44px;padding-bottom:44px}h1{font-size:2rem}.lead{font-size:1rem}}