.company-preview { margin-block: 16px 24px; padding: 32px; display: grid; grid-template-columns: 1.1fr .9fr; gap: 36px; align-items: center; border: 1px solid #e9e3f2; border-radius: 20px; background: #f8f6fc; }
.company-kicker { display: block; color: #6639a9; font-size: 13px; font-weight: 850; margin-bottom: 12px; }
.company-preview h2 { font-size: clamp(24px, 2.5vw, 34px); line-height: 1.5; }
.company-preview p, .company-page main p { font-size: 16px; line-height: 1.95; color: #555166; }
.company-preview p { margin: 16px 0 24px; }
.company-preview img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 14px; background: #f4f0fb; }
.company-preview .btn, .company-page .btn { white-space: normal; text-align: center; min-height: 50px; padding: 12px 22px; line-height: 1.6; }
.company-hero { background: #08051f url('../image/dark-background.webp') center / cover; color: white; padding: 64px 0; }
.company-hero .wrap { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 48px; }
.company-hero .company-kicker { color: #ffd12f; }
.company-hero h1 { font-size: clamp(32px, 4vw, 54px); line-height: 1.35; margin-bottom: 24px; }
.company-page main .company-hero p { color: #e2dbea; }
.company-hero img { width: 100%; height: auto; border-radius: 18px; }
.company-section { padding-block: 52px; }
.company-story { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.company-page h2 { margin-bottom: 18px; line-height: 1.5; }
.company-values { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.company-value { padding: 28px; border-radius: 16px; background: #f8f6fc; border: 1px solid #ebe4f5; }
.company-value i { display: inline-grid; place-items: center; width: 48px; height: 48px; background: #ece1fc; color: #6433b1; border-radius: 12px; font-size: 28px; margin-bottom: 20px; }
.company-value h3 { font-size: 20px; margin-bottom: 12px; }
.company-work { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; padding: 32px; border-radius: 20px; background: #f4f8fa; }
.company-work img { width: 100%; height: auto; border-radius: 14px; }
.company-work .btn { margin-top: 24px; }
.company-cta { text-align: center; margin-bottom: 32px; padding: 38px 24px; border-radius: 20px; background: #10082b; }
.company-cta h2 { color: white; }
.company-page main .company-cta p { color: #d9d2e8; max-width: 680px; margin: 0 auto 24px; }
@media (max-width: 900px) {
    .company-preview, .company-hero .wrap, .company-story, .company-work { grid-template-columns: 1fr; gap: 24px; }
    .company-values { grid-template-columns: 1fr; }
    .company-hero { padding-block: 36px; }
    .company-hero img { max-width: 600px; justify-self: center; }
    .company-section { padding-block: 30px; }
}
@media (max-width: 620px) {
    .company-preview, .company-work { padding: 22px 18px; }
    .company-preview img { grid-row: 1; }
    .company-preview .btn { width: 100%; }
    .company-hero img { grid-row: 1; }
    .company-value { padding: 24px 20px; }
}