:root{--bg:#f7f8fa;--card:#ffffff;--text:#1a202c;--muted:#64748b;--border:#e2e8f0;--green:#16a34a;--yellow:#d97706;--red:#dc2626;--accent:#2563eb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Hiragino Sans,Yu Gothic,Noto Sans JP;background:var(--bg);color:var(--text);line-height:1.6;display:flex;flex-direction:column;min-height:100vh}.site-header{background:var(--card);border-bottom:1px solid var(--border);padding:14px 24px}.brand{font-weight:700;font-size:18px;color:var(--text);text-decoration:none}.container{max-width:860px;width:100%;margin:0 auto;padding:32px 20px 64px;flex:1 1}.hero{text-align:center;padding:48px 0 24px}.hero h1{font-size:32px;margin:0 0 8px}.hero .tagline{color:var(--muted);margin:0 0 28px}.scan-form{display:flex;gap:8px;max-width:560px;margin:0 auto}.hero .error-banner{background:#fef2f2;color:var(--red);border:1px solid #fecaca;border-radius:8px;padding:10px 16px;max-width:560px;margin:0 auto 20px}.scan-form input{flex:1 1;padding:12px 14px;font-size:16px;border:1px solid var(--border);border-radius:8px}.scan-form button{padding:12px 28px;font-size:16px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer}.scanning-card{max-width:560px;margin:0 auto;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:32px 24px;text-align:center}.spinner{width:40px;height:40px;margin:0 auto 16px;border:4px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:gc-spin .9s linear infinite}@keyframes gc-spin{to{transform:rotate(1turn)}}.scanning-title{font-size:18px;font-weight:700;margin:0 0 6px}.scanning-step{color:var(--text);margin:0 0 4px;min-height:1.6em}.scanning-elapsed{color:var(--muted);font-size:13px;margin:0}.social-proof{color:var(--muted);font-size:14px;max-width:560px;margin:16px auto 0}.lp-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin:40px 0}@media (max-width:720px){.lp-features{grid-template-columns:1fr}}.lp-feature{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.lp-feature h2{font-size:17px;margin:0 0 8px}.lp-feature p{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.lp-demo{margin:24px 0 40px}.lp-demo img{display:block;width:100%;border:1px solid var(--border);border-radius:12px}.lp-demo figcaption{margin-top:10px;font-size:14px;color:var(--muted)}.score-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;align-items:center;gap:28px;margin-bottom:28px}.score-number{font-size:64px;font-weight:800;line-height:1}.score-green{color:var(--green)}.score-yellow{color:var(--yellow)}.score-red{color:var(--red)}.score-meta .band-label{font-size:20px;font-weight:700;margin:0 0 4px}.score-meta .counts,.score-meta .scanned-url{color:var(--muted);font-size:14px;margin:0;overflow-wrap:anywhere}.result-section{margin-top:36px}.result-section h2{margin-bottom:4px}.section-sub{margin:0 0 16px;color:var(--muted);font-size:14px}.reproduce-banner{background:var(--card);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;padding:14px 18px;margin-bottom:18px}.reproduce-headline{margin:0 0 6px;font-weight:700;font-size:15px}.reproduce-body{margin:0;font-size:14px;color:var(--muted)}.your-font{margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--border);font-size:14px}.your-font-bad{color:var(--red,#dc2626);font-weight:600}.finding{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:16px}.finding-head{display:flex;align-items:center;gap:10px;margin-bottom:6px}.badge{font-size:12px;font-weight:700;text-transform:uppercase;padding:2px 10px;border-radius:999px;color:#fff}.badge-critical{background:var(--red)}.badge-warning{background:var(--yellow)}.badge-info{background:var(--muted)}.finding h3{margin:0;font-size:17px}.finding .detail{margin:4px 0 0;color:var(--text)}.fix-block{margin-top:12px}.fix-label{font-size:13px;font-weight:600;color:var(--muted);margin-bottom:4px}.fix-code{display:flex;align-items:flex-start;gap:8px;background:#0f172a;color:#e2e8f0;border-radius:8px;padding:12px 14px}.fix-code code{flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.copy-btn{flex-shrink:0;font-size:12px;padding:4px 10px;border-radius:6px;border:1px solid #334155;background:#1e293b;color:#e2e8f0;cursor:pointer}.glyph-strip{margin-top:14px;border:1px solid var(--border);border-radius:8px;padding:12px 16px;background:#fff}.glyph-strip-title{font-weight:600;margin-bottom:4px}.crop-legend,.glyph-strip-title{font-size:13px;color:var(--muted)}.crop-legend{margin:14px 0 6px}.glyph-subtitle{font-size:12px;color:var(--muted);margin:0 0 10px}.glyph-pairs{display:flex;flex-wrap:wrap;gap:20px}.glyph-pair{display:flex;flex-direction:column;gap:4px;max-width:240px}.glyph-pair-row{display:flex;align-items:center;gap:8px}.glyph-context{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.glyph-context code{display:block;font-size:11px;color:var(--muted);opacity:.8}.glyph-char{font-size:20px;font-weight:700;color:var(--muted)}.glyph-cell{text-align:center}.glyph-cell img{display:block;width:72px;height:72px;border:1px solid var(--border);border-radius:6px;background:#fff}.glyph-cell figcaption{font-size:11px;font-weight:600;margin-top:2px}.glyph-ok{color:var(--green)}.glyph-bad{color:var(--red)}.glyph-more{margin:10px 0 0;font-size:14px;color:var(--text)}.crop-pair{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-top:14px}@media (max-width:640px){.crop-pair{grid-template-columns:1fr}}.crop{border:1px solid var(--border);border-radius:8px;overflow:hidden}.crop-label{font-size:13px;font-weight:600;padding:6px 10px}.crop-label.ok{background:#f0fdf4;color:var(--green)}.crop-label.bad{background:#fef2f2;color:var(--red)}.crop-body{background:#fff;display:flex;justify-content:center;align-items:center;min-height:48px;padding:8px}.crop img{display:block;width:auto;max-width:100%;height:auto;max-height:200px;object-fit:contain}.crop-font{font-size:12px;color:var(--muted);padding:4px 10px;border-top:1px solid var(--border)}.blog-article{max-width:720px;margin:0 auto}.blog-article h1{font-size:30px;line-height:1.35}.blog-article pre{background:#0f172a;color:#e2e8f0;border-radius:8px;padding:14px 16px;overflow-x:auto;font-size:14px}.blog-article pre code.hljs{background:transparent;color:inherit;padding:0}.blog-article img{max-width:100%;border:1px solid var(--border);border-radius:8px}.blog-article blockquote{border-left:4px solid var(--border);margin:0;padding:4px 16px;color:var(--muted)}.blog-date{color:var(--muted);font-size:14px}.blog-list{list-style:none;padding:0}.blog-list li{margin-bottom:16px}.blog-desc{margin:4px 0 0;color:var(--muted);font-size:14px}.demand-signal{margin-top:32px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px 24px;text-align:center}.ds-question{font-weight:600;margin:0 0 12px}.ds-buttons{display:flex;gap:10px;justify-content:center}.ds-buttons button{padding:8px 28px;font-size:15px;font-weight:600;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer}.ds-buttons .ds-no{background:var(--card);color:var(--muted);border:1px solid var(--border)}.ds-email{display:flex;gap:8px;justify-content:center;max-width:420px;margin:0 auto}.ds-email input{flex:1 1;padding:9px 12px;font-size:15px;border:1px solid var(--border);border-radius:8px}.ds-email button{padding:9px 18px;font-weight:600;border:none;border-radius:8px;background:var(--accent);color:#fff;cursor:pointer}.ds-thanks{margin:0;color:var(--green);font-weight:600}.notice{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;margin:24px 0}.verify-method{margin-bottom:22px}.verify-method h3{font-size:15px;margin:0 0 6px}.verify-method p{margin:0 0 8px;font-size:14px;color:var(--muted)}.verify-note{font-size:13px;color:var(--muted);margin-top:8px}.verify-row{display:flex;gap:8px;flex-wrap:wrap}.verify-row input{flex:1 1;min-width:220px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:15px;font-family:inherit}.verify-row button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-weight:700;font-size:15px;cursor:pointer}.verify-error{margin:10px 0 0;color:var(--red,#dc2626);font-size:14px}.rerun button{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:12px 22px;font-weight:700;font-size:15px;cursor:pointer}.rerun button:disabled{opacity:.6;cursor:default}.rerun-note{margin:10px 0 0;font-size:13px;color:var(--muted)}.site-summary{margin:0;padding-left:20px;line-height:1.9}.page-table{width:100%;border-collapse:collapse;font-size:14px}.page-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-bottom:8px}.page-table td:last-child,.page-table th:last-child{text-align:right;width:80px;font-weight:700}.page-table td{border-top:1px solid var(--border);padding:9px 0;word-break:break-all}.page-table .muted{color:var(--muted)}.pricing{margin:64px 0 8px}.pricing h2{margin-bottom:4px}.pricing-sub{margin:0 0 26px;color:var(--muted)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:16px;gap:16px}.plan{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:22px 20px}.plan.featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-name{font-weight:700;font-size:15px}.plan-price{font-size:32px;font-weight:700;margin:6px 0 12px}.plan-note{font-size:13px;font-weight:400;color:var(--muted);margin-left:6px}.plan-body{margin:0 0 18px;font-size:14px;color:var(--muted);flex:1 1}.plan-cta{display:block;text-align:center;background:var(--accent);color:#fff;text-decoration:none;border-radius:8px;padding:10px 14px;font-weight:700;font-size:14px}.plan-cta.ghost{background:transparent;color:var(--accent);border:1px solid var(--border)}.plan-pending,.plan-thanks{margin:10px 0 0;font-size:13px;color:var(--muted)}.plan-waitlist{display:flex;gap:6px}.plan-waitlist input{flex:1 1;min-width:0;padding:9px 10px;font-family:inherit}.plan-waitlist button,.plan-waitlist input{border:1px solid var(--border);border-radius:8px;font-size:13px}.plan-waitlist button{background:transparent;color:var(--accent);padding:9px 12px;font-weight:700;cursor:pointer;white-space:nowrap}.pricing-foot{margin:20px 0 0}.pricing-foot,.site-footer{font-size:14px;color:var(--muted)}.site-footer{border-top:1px solid var(--border);background:var(--card);text-align:center;padding:20px 16px 24px;margin-top:40px}.site-footer p{margin:0 0 4px}.site-footer a{color:var(--accent);text-decoration:none}.footer-privacy{font-size:12px}.share-footer{margin-top:36px;text-align:center;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.share-footer a{display:inline-block;padding:10px 24px;border-radius:8px;background:#000;color:#fff;font-weight:600;text-decoration:none}.share-footer a.scan-another{background:var(--accent)}