*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#172f29;font:16px/1.9 -apple-system,BlinkMacSystemFont,"Helvetica Neue","Noto Sans JP",sans-serif}a{color:inherit}header,main,footer{max-width:1120px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8ded3}.logo{font-size:21px;font-weight:800;text-decoration:none}nav{display:flex;gap:24px;font-size:13px}nav a{text-decoration:none}.hero{padding:72px 0 52px;max-width:900px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;color:#527a64}h1{font-size:clamp(34px,5.6vw,64px);line-height:1.4;letter-spacing:-.04em;margin:18px 0 24px}h2{font-size:26px;line-height:1.5}h3{font-size:20px;line-height:1.6}.lead{max-width:650px;color:#58685f}.button{display:inline-block;background:#214e3b;color:white;border-radius:7px;padding:11px 22px;text-decoration:none;font-size:14px}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:26px 0;border-top:1px solid #d8ded3;border-bottom:1px solid #d8ded3;font-size:14px}.strip b{display:block}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:54px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e1e5dc;border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card .body{padding:22px}.card p{font-size:14px;color:#58685f}.tag{font-size:11px;color:#447058;font-weight:800}.art{height:190px;display:flex;align-items:center;justify-content:center;background:#dce8d8}.art svg{width:180px;height:140px}.art.blue{background:#dce6e9}.art.yellow{background:#eee5cc}.note{padding:28px;background:#e8eddf;border-radius:12px;margin:48px 0}.note p{margin-bottom:0;font-size:14px}.muted,small{color:#657267;font-size:12px}footer{margin-top:40px;border-top:1px solid #d8ded3;display:flex;justify-content:space-between;font-size:12px;gap:20px}article{max-width:760px;margin:auto;padding-top:32px}article h1{font-size:clamp(30px,4vw,44px)}article h2{margin-top:40px}article li{margin:12px 0}.crumb{font-size:12px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}button{font:inherit;font-size:13px;padding:8px 16px;border:1px solid #b9c8b6;border-radius:30px;cursor:pointer;background:transparent;color:#214e3b}button[aria-pressed=true]{background:#214e3b;color:white}[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:3px solid #cb7f38;outline-offset:4px}@media(max-width:700px){header,main,footer{padding:20px}nav{gap:12px;font-size:11px}.hero{padding:40px 0}.grid{grid-template-columns:1fr}.strip{gap:14px;font-size:12px}.section-title{display:block}.art{height:160px}footer{flex-direction:column}}
.power-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:30px 0}.power-compare>div{background:#e3ecde;padding:24px;border-radius:12px}.power-compare strong{display:block;font-size:32px;color:#214e3b}.power-compare span{font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;background:#fff}caption{text-align:left;color:#657267;font-size:12px;padding-bottom:10px}td,th{border-bottom:1px solid #d8ded3;padding:14px;text-align:left;min-width:130px}thead{background:#e8eddf}.product-links{display:flex;gap:12px;flex-wrap:wrap}.feature{display:block;background:#214e3b;color:white;text-decoration:none;border-radius:12px;padding:30px;margin-top:30px}.feature p{color:#dce8d8}.feature .tag{color:#dce8d8}@media(max-width:600px){.power-compare{grid-template-columns:1fr}.feature{padding:22px}}