:root{--color-ink: #172033;--color-muted: #5f6b7a;--color-line: #d9e1ec;--color-bg: #f7f9fc;--color-surface: #ffffff;--color-blue: #1f6feb;--color-blue-deep: #184f9c;--color-orange: #f58a2a;--color-teal: #1f9d8a;--shadow-soft: 0 20px 50px rgba(31, 59, 104, .12);font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--color-ink);background:var(--color-bg);letter-spacing:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--color-ink);background:linear-gradient(180deg,#1f6feb14,#f7f9fc00 360px),var(--color-bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{width:min(1120px,calc(100% - 32px));margin:0 auto}.site-header,.site-footer{width:min(1160px,calc(100% - 32px));margin:0 auto}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}.brand{display:inline-flex;align-items:center;min-width:180px}.brand-logo{width:auto;height:36px;object-fit:contain}.brand-fallback{display:none;align-items:center;min-height:36px;font-weight:800;color:var(--color-blue-deep)}.site-nav,.site-footer nav{display:flex;align-items:center;gap:18px;color:var(--color-muted);font-size:.95rem}.site-nav a,.site-footer a{min-height:36px;display:inline-flex;align-items:center}.site-nav a:hover,.site-footer a:hover{color:var(--color-blue)}.home-hero,.tool-hero,.page-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:34px;align-items:center;padding:58px 0 42px}.page-hero.narrow{display:block;max-width:820px}.hero-copy h1,.page-hero h1{margin:0;font-size:2.7rem;line-height:1.18}.hero-copy p,.page-hero p,.section-heading p,.seo-copy p,.legal-body p{color:var(--color-muted);line-height:1.85}.eyebrow{margin:0 0 10px;color:var(--color-orange);font-size:.82rem;font-weight:800;text-transform:uppercase}.hero-actions,.tool-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:800;line-height:1.25;overflow-wrap:anywhere}.button-primary{color:#fff;background:var(--color-blue)}.button-secondary{color:var(--color-blue-deep);border-color:#1f6feb3d;background:#fff}.button-accent{color:#111827;background:var(--color-orange)}.button-quiet{color:var(--color-muted);border-color:var(--color-line);background:#fff}.home-visual,.hero-preview{background:var(--color-surface);border:1px solid rgba(31,111,235,.12);border-radius:8px;box-shadow:var(--shadow-soft);overflow:hidden}.home-visual{padding:18px}.visual-header,.visual-row,.preview-table{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;align-items:center}.visual-header{color:var(--color-muted);font-size:.85rem;font-weight:800;border-bottom:1px solid var(--color-line);padding-bottom:12px}.visual-row{padding:16px 0 0}.status-chip,.keyword-row span{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 10px;border-radius:999px;color:#0f4d43;background:#1f9d8a24;font-weight:800;font-size:.84rem}.status-chip.muted{color:#81520f;background:#f58a2a29}.preview-bar{display:flex;gap:8px;padding:14px;background:#eef4ff;border-bottom:1px solid var(--color-line)}.preview-bar span{width:10px;height:10px;border-radius:50%;background:var(--color-blue)}.preview-bar span:nth-child(2){background:var(--color-orange)}.preview-bar span:nth-child(3){background:var(--color-teal)}.preview-table{padding:18px}.preview-table span{min-height:38px;padding:10px;border:1px solid var(--color-line);border-radius:6px;background:#fff;font-size:.9rem}.keyword-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.section-block,.tool-workspace,.legal-body{margin:32px 0;padding:32px;background:#ffffffd1;border:1px solid rgba(217,225,236,.9);border-radius:8px}.section-heading{max-width:760px;margin-bottom:22px}.section-heading h2,.seo-copy h2,.legal-body h2,.cta-band h2{margin:0 0 10px;font-size:1.35rem;line-height:1.35}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{display:grid;gap:10px;min-height:150px;padding:20px;border:1px solid var(--color-line);border-radius:8px;background:#fff}.tool-card:hover{border-color:#1f6feb73;box-shadow:0 14px 28px #1f3b681a}.tool-card span{font-weight:900;line-height:1.45}.tool-card small{color:var(--color-muted);line-height:1.7}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:28px}.plain-list{display:grid;gap:8px;margin:0;padding-left:20px}.privacy-note{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-bottom:22px;padding:14px 16px;border-radius:8px;color:#194c43;background:#1f9d8a1f}.privacy-note span{color:#315f58}.fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:grid;gap:8px}.field label,.tool-result label{font-weight:900}.field input,.field select,.field textarea,.tool-result textarea{width:100%;border:1px solid var(--color-line);border-radius:8px;background:#fff;color:var(--color-ink)}.field input,.field select{min-height:44px;padding:0 12px}.field textarea,.tool-result textarea{padding:12px;resize:vertical;line-height:1.7}.field textarea:focus,.field input:focus,.field select:focus,.tool-result textarea:focus{outline:3px solid rgba(31,111,235,.2);border-color:var(--color-blue)}.field small{color:var(--color-muted)}.field-checkboxes{grid-column:1 / -1}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--color-line);border-radius:999px;background:#fff;cursor:pointer;font-weight:700}.checkbox-pill input{width:16px;height:16px}.tool-result{display:grid;gap:8px;margin-top:22px}.result-status{min-height:24px;margin:0;color:var(--color-muted)}.seo-copy{display:grid;gap:22px}.seo-copy .lead{margin:0;font-weight:800;color:var(--color-ink)}.seo-copy article p,.legal-body p{margin:0}.disclaimer{padding:18px;border-left:4px solid var(--color-orange);background:#f58a2a1a}.disclaimer p{margin:8px 0 0}.faq-list{display:grid;gap:10px}.faq-list details{border:1px solid var(--color-line);border-radius:8px;background:#fff}.faq-list summary{cursor:pointer;padding:16px 18px;font-weight:900}.faq-list details p{margin:0;padding:0 18px 18px;color:var(--color-muted);line-height:1.8}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:36px 0 58px;padding:30px;border-radius:8px;color:#fff;background:#123f7a}.cta-band p{margin:0;color:#ffffffd1;line-height:1.7}.cta-band .eyebrow{color:#ffb56f}.placeholder-form{margin:0;padding:18px;border:1px dashed var(--color-line);border-radius:8px;color:var(--color-muted);background:#fff}.legal-body{display:grid;gap:18px;max-width:880px}.legal-body ul{margin:0;padding-left:22px;color:var(--color-muted);line-height:1.8}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:28px 0 42px;border-top:1px solid rgba(217,225,236,.9)}.site-footer p{margin:8px 0 0;color:var(--color-muted)}@media(max-width:900px){.home-hero,.tool-hero{grid-template-columns:1fr;padding-top:34px}.tool-grid,.tool-grid.compact,.two-column,.fields-grid{grid-template-columns:1fr}.hero-copy h1,.page-hero h1{font-size:2.1rem}}@media(max-width:640px){main,.site-header,.site-footer{width:min(100% - 24px,1120px)}.site-header,.site-footer,.cta-band{flex-direction:column;align-items:flex-start}.site-nav,.site-footer nav{flex-wrap:wrap;gap:10px 14px}.section-block,.tool-workspace,.legal-body{padding:22px}.visual-header,.visual-row,.preview-table{grid-template-columns:1fr 1fr}.hero-copy h1,.page-hero h1{font-size:1.8rem}}