.kobito-intro{width:min(1160px,calc(100% - 32px));margin:0 auto;padding:24px 0 64px;color:#253529}.crumb{margin:0 0 22px;color:#66766a;font-size:14px}.crumb a{color:#345e42}.kobito-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:34px;align-items:center;padding:42px;border-radius:32px;background:linear-gradient(135deg,#f6f1d5 0%,#e2f0d3 52%,#cce8df 100%);box-shadow:0 18px 55px rgba(53,85,55,.14)}.kobito-hero img,.kobito-feature img,.kobito-record img{width:100%;height:auto;display:block;border-radius:22px;box-shadow:0 16px 38px rgba(34,55,39,.18)}.kobito-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.05;margin:.1em 0}.kobito-hero h2{font-size:clamp(20px,2.3vw,30px);margin:.8em 0 .4em;color:#315f3e}.kobito-hero p,.kobito-feature p,.kobito-record p,.kobito-info p{line-height:1.9}.kobito-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.kobito-actions .button{min-width:190px;text-align:center}.kobito-note{font-size:13px;color:#58705d}.kobito-feature,.kobito-record{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;margin:46px 0;padding:34px;border:1px solid #dce8da;border-radius:28px;background:#fff}.kobito-feature.reverse img{order:2}.kobito-feature h2,.kobito-record h2,.kobito-info h2,.kobito-support h2{font-size:clamp(25px,3vw,38px);line-height:1.25;margin:.2em 0 .45em}.kobito-record{background:#253d33;color:#f7fbf1;border:0}.kobito-record .kicker{color:#b9e5a8}.kobito-info,.kobito-support{margin:40px 0;padding:32px;border-radius:24px;background:#f5f8f1}.kobito-info{border-left:7px solid #6c9e59}.kobito-support-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.kobito-support-links a{font-weight:800;color:#356442}.kobito-actions.bottom{justify-content:center;margin-top:44px}.kicker{font-weight:900;letter-spacing:.12em;color:#4c7c4f}@media(max-width:780px){.kobito-intro{width:min(100% - 20px,1160px);padding-top:14px}.kobito-hero,.kobito-feature,.kobito-record{grid-template-columns:1fr;padding:22px;gap:22px;border-radius:22px}.kobito-hero{padding:25px 20px}.kobito-hero img{grid-row:1}.kobito-feature.reverse img{order:0}.kobito-feature{margin:24px 0}.kobito-actions .button{width:100%}.kobito-info,.kobito-support{padding:23px;margin:24px 0}}
.kobito-hero-copy,.kobito-feature>div,.kobito-record>div{min-width:0;max-width:100%;overflow:hidden}.kobito-hero h1,.kobito-hero h2,.kobito-hero p,.kobito-feature h2,.kobito-feature p,.kobito-record h2,.kobito-record p{white-space:normal;overflow-wrap:anywhere;word-break:normal}
