/* Homepage rhythm refinement — 2026-10-15.
 * Preserve approved content, brand tokens and native block structure.
 * Shared spacing values keep desktop, tablet and mobile in one system.
 */
:root{--kopus-section-space:72px;--kopus-grid-gap:44px;--kopus-card-gap:16px}
.kopus-section{padding-block:var(--kopus-section-space)}
.kopus-section.hero{padding:52px 0 60px}
.header-row{min-height:74px}
.hero-grid{gap:38px}
.hero-copy{padding:6px 0}
.hero h1{font-size:58px;margin:18px 0 22px;line-height:1.065}
.hero h1 span{margin-top:6px}
.hero .lead{line-height:1.6;margin-bottom:0}
.hero-copy .wp-block-buttons{margin:24px 0}
.hero-audience{padding-top:16px}
.hero-media,.hero-media .wp-block-image img{height:480px}
.hero-badge{bottom:36px;right:22px;padding:15px 17px}
.kopus-section.compact{padding-block:28px}
.compact h2{font-size:24px;line-height:1.2}
.facts-grid{margin-top:22px;gap:24px}
.fact .number{margin-bottom:7px}
.fact h3{margin-bottom:9px}
.kopus-section:not(.hero):not(.compact) h2{font-size:clamp(34px,3.1vw,44px);line-height:1.12;margin-bottom:18px}
.eyebrow{margin-bottom:14px}
.section-intro-row{margin-bottom:28px;gap:30px}
.section-intro-row h2{margin-bottom:0!important}
.five-product-grid{gap:var(--kopus-card-gap)}
.simple-product-grid .category-visual img{height:230px}
.simple-product-grid .category-info{padding:17px 20px;min-height:94px}
.simple-product-grid .category-title h3{margin-bottom:5px}
.editorial-grid{gap:var(--kopus-grid-gap)}
.editorial-copy h2{margin-top:14px}
.editorial-copy .lead{line-height:1.6}
.ways-list{margin:22px 0}
.ways-list .way-row{padding:13px 0;gap:15px}
.way-text h3{font-size:18px;line-height:1.3;margin-bottom:6px}
.way-text p{line-height:1.55}
.editorial-copy>.wp-block-buttons{margin:24px 0 0}
.oem-media img{height:420px;min-height:0;object-fit:contain}
.oem-badge{bottom:18px;right:18px;padding:14px 17px}
.factory-media img{height:380px;min-height:0;object-fit:contain}
.factory-media .support{margin-top:12px}
.factory-copy .evidence-copy{margin-top:20px;padding-top:20px}
.factory-copy h3{margin-bottom:10px}
.factory-copy p{margin-bottom:0;line-height:1.6}
.steps-grid{margin-top:28px;gap:14px}
.steps-grid .step{min-height:0;padding:21px 18px}
.step .number{margin-bottom:0}
.step h3{font-size:18px;min-height:46px;margin:24px 0 10px;line-height:1.3}
.step p:last-child{font-size:16px;line-height:1.55}
.steps-grid+.support{margin-top:18px}
.faq{margin-top:44px;max-width:900px}
.faq h2{font-size:30px!important;margin-bottom:18px!important}
.wp-block-details{padding-block:16px}
.wp-block-details summary{min-height:28px;align-items:center;line-height:1.45}
.wp-block-details p{margin-top:14px}
.inquiry-grid{gap:var(--kopus-grid-gap);align-items:center}
.inquiry-copy{padding-top:0}
.inquiry-copy h2{font-size:clamp(38px,3.6vw,48px)!important;margin-bottom:18px}
.inquiry-copy p{margin-bottom:14px}
.inquiry-facts{margin-top:26px}
.inquiry-fact{padding:13px 0}
.inquiry-fact p{margin:0}
.inquiry-preview{padding:28px}
.inquiry-preview h3{font-size:25px;margin-bottom:8px}
.inquiry-preview>.support{margin-bottom:20px}
.form-grid{gap:15px 18px}
.form-grid>.form-field:nth-child(4) .field-placeholder{min-height:100px}
.submit-disabled{margin-top:20px}
.form-status{margin-top:10px}
.kopus-footer{padding:48px 0 22px}
.footer-grid{gap:36px}
.footer-grid .footer-brand-desc{margin:18px 0!important}
.footer-column h4{margin-bottom:17px}
.footer-column p{margin-bottom:10px}
.footer-bottom{margin-top:32px;padding-top:18px}
@media(max-width:1080px){
 .hero h1{font-size:52px}
 .hero-media,.hero-media .wp-block-image img{height:440px}
 .hero-grid{gap:30px}
 .editorial-grid,.inquiry-grid{gap:34px}
 .footer-grid{gap:26px}
}
@media(max-width:850px){
 :root{--kopus-section-space:56px;--kopus-grid-gap:30px}
 .header-row{min-height:68px}
 .kopus-section.hero{padding:40px 0 48px}
 .hero h1{font-size:54px;max-width:none}
 .hero h1 span{max-width:none}
 .hero-grid{gap:28px}
 .hero-media,.hero-media .wp-block-image img{height:400px}
 .hero-copy{max-width:680px}
 .editorial-grid{gap:30px}
 .oem-media img{height:370px}
 .factory-media img{height:350px}
 .inquiry-grid{align-items:start;gap:28px}
 .steps-grid .step{padding:22px}
 .step h3{min-height:0;margin-top:22px}
 .kopus-section.compact{padding-block:26px}
 .footer-grid{gap:28px}
}
@media(max-width:560px){
 :root{--kopus-section-space:44px;--kopus-card-gap:14px}
 .kopus-section.hero{padding:32px 0 40px}
 .hero h1{font-size:42px;margin:16px 0 20px}
 .hero .lead{font-size:16px;line-height:1.6}
 .hero-copy .wp-block-buttons{margin:22px 0}
 .hero-audience{padding-top:14px}
 .hero-media,.hero-media .wp-block-image img{height:320px}
 .hero-badge{bottom:26px;right:14px;transform:scale(.86);transform-origin:bottom right}
 .kopus-section:not(.hero):not(.compact) h2{font-size:34px;margin-bottom:16px}
 .compact h2{font-size:23px}
 .facts-grid{margin-top:20px;gap:20px 18px}
 .fact h3{font-size:16px}
 .section-intro-row{margin-bottom:24px;gap:20px}
 .section-intro-row>p{margin-top:16px}
 .simple-product-grid .category-visual img{height:210px}
 .simple-product-grid .category-info{min-height:92px;padding:16px 18px}
 .simple-product-grid .category-title h3{font-size:17px}
 .oem-media img{height:310px}
 .factory-media img{height:300px}
 .oem-badge{bottom:14px;right:14px;padding:12px 14px}
 .editorial-copy h2{margin-top:10px}
 .ways-list{margin:18px 0}
 .ways-list .way-row{padding:13px 0}
 .steps-grid{margin-top:24px;gap:12px}
 .steps-grid .step{padding:20px;min-height:0}
 .step h3{margin-top:18px}
 .faq{margin-top:32px}
 .faq h2{font-size:28px!important;margin-bottom:16px!important}
 .wp-block-details{padding-block:15px}
 .wp-block-details summary{min-height:30px}
 .inquiry-copy h2{font-size:38px!important}
 .inquiry-facts{margin-top:22px}
 .inquiry-fact{padding:12px 0}
 .inquiry-preview{padding:24px 20px}
 .inquiry-preview h3{font-size:24px}
 .inquiry-preview>.support{margin-bottom:18px}
 .form-grid{gap:15px}
 .kopus-footer{padding:38px 0 20px}
 .footer-grid{gap:26px 18px}
 .footer-bottom{margin-top:26px}
}