.hosok-page{}

.hosok-hero-grid{display:grid;grid-template-columns:55% 45%;align-items:center;gap:var(--space-5)}
.hosok-hero-text{max-width:520px}
.hosok-hero-cta{margin-top:var(--space-3)}
.hosok-hero-image img{border-radius:var(--radius-lg)}

.hosok-text-block{max-width:700px}
.hosok-highlight{background:var(--color-surface-alt);padding:var(--space-3);border-radius:var(--radius-sm)}

.hosok-cards-grid h2{text-align:center;margin-bottom:var(--space-5)}
.hosok-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.hosok-card{padding:var(--space-4);text-align:center}

.hosok-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}

.hosok-faq{max-width:700px}
.hosok-accordion{display:flex;flex-direction:column;gap:var(--space-3)}
.hosok-acc-btn{background:var(--color-surface-glass);padding:var(--space-3);border-radius:var(--radius-sm);text-align:left}
.hosok-acc-content{display:none;padding:var(--space-3)}

.hosok-cta-section{text-align:center}
.hosok-cta-box{max-width:600px;margin-inline:auto}
.hosok-cta-btn{margin-top:var(--space-3)}

@media (max-width:900px){
.hosok-hero-grid{grid-template-columns:1fr}
.hosok-detail-grid{grid-template-columns:1fr}
.hosok-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:600px){
.hosok-grid-3{grid-template-columns:1fr}
}