.page-contact{color:#333;background-color:#F5F7FA;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}.page-contact__hero-section{display:flex;flex-direction:column;align-items:center;padding-top:10px;padding-bottom:0;margin:0;background-color:#F5F7FA}.page-contact__hero-image-wrap{width:100%;max-width:1200px;padding:0 16px;box-sizing:border-box}.page-contact__hero-image{width:100%;max-width:1200px;aspect-ratio:17/5;object-fit:cover;display:block;border-radius:16px;height:auto}.page-contact__hero-content{text-align:center;padding:24px 16px 32px;max-width:900px;width:100%;box-sizing:border-box}.page-contact__main-title{color:#E53935;font-weight:800;line-height:1.35;letter-spacing:-0.01em;max-width:820px;margin:0 auto;font-size:clamp(1.6rem,0.834rem + 1.5vw,2.5rem)}.page-contact__intro-text{color:#333;font-weight:400;line-height:1.7;max-width:700px;margin:16px auto 0;font-size:1rem}.page-contact__cta-button{display:inline-block;padding:14px 32px;background:linear-gradient(180deg,#FF5A4F 0%,#E53935 100%);color:#fff;font-weight:700;text-decoration:none;border-radius:999px;margin-top:20px;font-size:1rem;box-shadow:0 6px 16px rgba(229,57,53,0.25)}.page-contact__info-section{padding:40px 16px;max-width:1200px;margin:0 auto;box-sizing:border-box}.page-contact__section-title{color:#333;font-weight:800;text-align:center;margin-bottom:12px;font-size:clamp(1.4rem,1.1rem + 0.5vw,2rem)}.page-contact__section-desc{text-align:center;color:#333;line-height:1.65;max-width:720px;margin:0 auto 30px}.page-contact__support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;list-style:none;padding:0;margin:0}.page-contact__support-card{display:block;background-color:#fff;border:1px solid #E0E0E0;border-radius:16px;overflow:hidden;text-decoration:none;color:#333;transition:transform 0.2s ease,box-shadow 0.2s ease}.page-contact__support-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,0.08)}.page-contact__support-image{width:100%;max-width:400px;aspect-ratio:16/9;object-fit:cover;display:block;height:auto}.page-contact__support-card h3{margin:18px 16px 6px;font-size:1.15rem;font-weight:700;color:#E53935}.page-contact__support-card p{margin:0 16px 16px;font-size:0.95rem;line-height:1.5}.page-contact__link-more{display:inline-block;margin:0 16px 18px;background-color:#FF5A4F;color:#fff;padding:8px 18px;border-radius:999px;font-weight:600;font-size:0.88rem;text-decoration:none;border:none}.page-contact__service-section{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;background-color:#fff;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;padding:40px 16px;max-width:1200px;margin:0 auto;box-sizing:border-box}.page-contact__service-image{width:100%;max-width:600px;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:12px;height:auto}.page-contact__service-content h2{color:#E53935;font-size:clamp(1.4rem,1.1rem + 0.5vw,2rem);margin:0 0 18px}.page-contact__service-content ul{list-style:none;padding:0;margin:0}.page-contact__service-content li{padding-left:20px;position:relative;margin-bottom:10px;line-height:1.6}.page-contact__service-content li::before{content:'✔';position:absolute;left:0;color:#E53935;font-weight:700}.page-contact__brand-story-section{background-color:#ffebee;padding:40px 16px;display:flex;flex-direction:column;align-items:center;text-align:center}.page-contact__story-logo{width:100%;max-width:400px;aspect-ratio:2/1;object-fit:contain;display:block;margin:0 auto 18px;height:auto}.page-contact__story-text{max-width:900px;margin:10px auto 20px;line-height:1.7}.page-contact__secondary-link{display:inline-block;background-color:#E53935;color:#fff;padding:10px 28px;border-radius:999px;text-decoration:none;font-weight:600;font-size:0.95rem}.page-contact__secondary-link:hover{background-color:#c62828}@media (max-width:768px){.page-contact__hero-section{padding-top:8px}.page-contact__hero-image{aspect-ratio:2/1}.page-contact__support-grid{grid-template-columns:repeat(2,1fr)}.page-contact__support-card h3{font-size:1rem}.page-contact__service-section{grid-template-columns:1fr}.page-contact__service-image{width:100%;page-contact__brand-story-section{padding:24px 16px}.page-contact img{max-width:100%!important;height:auto!important}}@media (max-width:1024px){.page-contact__service-section{grid-template-columns:1f}}}