/* Homepage composition inspired by the reference site's task-first comparison flow. */
.hero{padding:84px 0 76px;background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)}
.hero-grid{gap:62px}.hero h1{font-size:clamp(42px,5.2vw,64px);letter-spacing:-.07em}.lead{max-width:620px;font-size:16px;line-height:1.9}.actions .button{min-height:48px}.hero-products-panel{padding:27px 28px 20px}.hero-products-panel .panel-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;color:#566273}.hero-products-panel .panel-label strong{color:#d93a2b;font:800 16px Inter,"Noto Sans JP",sans-serif}.hero-products-panel h2{margin:0;font-size:25px;line-height:1.45;letter-spacing:-.04em}.hero-panel-lead{margin:8px 0 16px;color:#566273;font-size:12px;line-height:1.65}.hero-product-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hero-product-item{display:flex;min-height:65px;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 5px;border:1px solid #dce3ea;border-radius:8px;background:#fff;text-decoration:none;transition:.16s ease}.hero-product-item:hover{border-color:#c9a39e;box-shadow:0 5px 13px rgba(24,48,73,.08);transform:translateY(-2px)}.hero-product-item img{width:25px;height:25px;border-radius:5px;object-fit:contain}.hero-product-item span{max-width:100%;overflow:hidden;color:#566273;font-size:9px;font-weight:700;line-height:1.2;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hero-products-link{display:inline-flex;gap:7px;margin-top:15px;color:#b72e22;font-size:12px;font-weight:800;text-decoration:none}.hero-products-link:hover{text-decoration:underline}.hero-products-panel .panel-foot{padding-top:11px;margin-top:11px;border-top:1px solid #dce3ea}
.selection-basics,.finder-section{padding:82px 0;background:#fff}.finder-section{padding-top:0}.section-title.compact{max-width:800px;margin-bottom:34px}.section-title.compact h2{font-size:clamp(29px,3.7vw,43px);line-height:1.35}.section-title.compact>p:last-child{margin:13px 0 0;color:#566273;font-size:14px;line-height:1.85}.basics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.basics-grid article{padding:23px;background:#fff;border:1px solid #dce3ea;border-radius:14px;transition:border-color .16s ease}.basics-grid article:hover{border-color:#bfcad4}.basics-grid span,.finder-card>span{color:#d93a2b;font:800 11px Inter,"Noto Sans JP",sans-serif;letter-spacing:.03em}.basics-grid h3{margin:10px 0 7px;font-size:17px;letter-spacing:-.03em}.basics-grid p{margin:0;color:#566273;font-size:12px;line-height:1.75}.finder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.finder-card{display:flex;min-height:218px;flex-direction:column;padding:23px;color:#18212f;background:#fff;border:1px solid #dce3ea;border-radius:14px;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.finder-card:hover{border-color:#9babb9;box-shadow:0 12px 28px rgba(24,33,47,.08);transform:translateY(-2px)}.finder-card h3{margin:11px 0 7px;font-size:19px;line-height:1.45;letter-spacing:-.03em}.finder-card p{margin:0;color:#566273;font-size:13px;line-height:1.75}.finder-card b{margin-top:auto;padding-top:16px;color:#b72e22;font-size:12px}.products-section{padding-top:88px}.product-card{min-height:100%}.product-card-actions{margin-top:auto}
.workflow-compare{padding:0 0 82px;background:#fff}.workflow-compare-wrap{overflow:auto;border:1px solid #dce3ea;border-radius:14px;background:#fff}.workflow-compare-table{min-width:880px;font-size:12px}.workflow-compare-table th,.workflow-compare-table td{padding:16px;vertical-align:top;border-right:1px solid #dce3ea;line-height:1.7}.workflow-compare-table thead th{background:#f1f4f7;text-align:center}.workflow-compare-table th:first-child{width:180px;text-align:left}.workflow-compare-table tbody th{background:#fafbfc;font-size:12px}.workflow-compare-table td{color:#566273}.workflow-compare-table td b{color:#b72e22;font-size:14px}.workflow-compare-note{margin:11px 0 0;color:#566273;font-size:11px;line-height:1.7}
@media(max-width:760px){.hero{padding:54px 0}.hero-grid{gap:34px}.hero-products-panel{padding:22px 20px 17px}.selection-basics{padding:64px 0}.workflow-compare{padding:0 0 64px}.finder-section{padding:0 0 64px}.basics-grid,.finder-grid{grid-template-columns:1fr}.section-title.compact{margin-bottom:25px}.basics-grid article{padding:19px}.finder-card{min-height:0}.hero-product-list{grid-template-columns:repeat(3,1fr)}.workflow-compare-table th:first-child{position:sticky;left:0;z-index:1;min-width:132px;box-shadow:1px 0 0 #dce3ea}.workflow-compare-table thead th:first-child{z-index:2}.workflow-compare-table th,.workflow-compare-table td{padding:13px;min-width:180px}}