html{-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;background:#f5f7fa;color:#222;font-family:Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic Medium","Yu Gothic",sans-serif;font-size:16px;line-height:1.8}.wrap{max-width:960px;margin:0 auto;padding:0 20px}a{color:inherit;text-decoration:none}header{border-bottom:1px solid #ededed;background:#e5e5e5}.header-inner{max-width:960px;margin:0 auto;padding:5px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand-block{display:flex;align-items:center;gap:10px}.brand-link{display:inline-flex;align-items:center;gap:6px}.brand-logo{height:20px;width:20px;display:block;flex-shrink:0}.brand-name{font-size:14px;font-weight:bold;white-space:nowrap}.brand-copy{font-size:12px;color:#666;line-height:110%}nav{display:flex;gap:14px;font-size:14px}nav a:hover{text-decoration:underline}section{padding:0 0 40px}.section-title{font-size:16px;font-weight:bold;margin:0 0 16px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(220px, 1fr));gap:14px}.tool-card{padding:18px;display:flex;flex-direction:column;gap:8px;border-radius:12px;border:1px solid #ededed;background-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.05)}a.tool-card:hover{border:1px solid #ddd;background-color:#efeeea}.tool-card h3{font-size:15px;margin:0;font-weight:bold}.tool-card p{font-size:14px;color:#555;margin:0}@media(max-width: 640px){.brand-copy{font-size:10px !important}nav{font-size:10px !important}}.sp-only{display:none}@media(max-width: 420px){.sp-only{display:inline}}.hero{padding:10px 0 24px}.hero h1{font-size:14px;margin:0 0 10px}.hero p{font-size:12px;color:#555;margin:0}.about{padding:8px 0 40px;border-top:1px solid #ededed}.about h2{font-size:16px;margin:32px 0 10px;font-weight:bold}.about p{font-size:14px;color:#555;max-width:44em}.about a{text-decoration:underline}footer{border-top:1px solid #ededed}.footer-inner{max-width:960px;margin:0 auto;padding:28px 20px 16px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.footer-inner h4{font-size:14px;margin:0 0 10px;font-weight:bold}.footer-brand p{font-size:14px;color:#555;max-width:28em;margin-top:8px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.footer-links a:hover{text-decoration:underline}.footer-bottom{max-width:960px;margin:0 auto;padding:12px 20px 20px;border-top:1px solid #ededed;font-size:13px;color:#777;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media(max-width: 640px){.footer-inner{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media(max-width: 420px){.footer-inner{grid-template-columns:1fr}}