.hero-unfreeze { display: flex; gap: 24px; margin-top: 30px; }
.hero-left { flex: 1; padding: 20px 28px; background: linear-gradient(180deg,#ffffff,#f7fbff); border-radius: 10px; border: 1px solid rgba(42, 86, 165,0.1) }
.hero-left h1 { font-size: 22px; color: #163E6A; margin-bottom: 8px; text-align: center; }
.hero-desc { color: #3d4850; line-height: 2; text-indent: 2em; margin: 25px 0; }
.risk-note { background: #fff4f4; border-left: 4px solid #ff6b6b; padding: 10px; border-radius: 6px; color: #8a1f1f; margin-bottom: 12px }
.hero-right img { width: 500px; }
.hero-list { margin-top: 18px; color: #425564; font-size: 14px; line-height: 2 }

.benefits { display: flex; gap: 16px; margin-top: 26px }
.feature { flex: 1; padding: 16px; border-radius: 8px; background: linear-gradient(180deg,#fff,#fbfeff); border: 1px solid rgba(0,0,0,0.03); text-align: center; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px; background: linear-gradient(to bottom, rgba(62, 200, 240, 0.1), #ffffff); }
.feature i { font-size: 56px; color: #1f6fb8 }
.feature h4 { margin: 0 0 8px 0; color: #153a60 }
.feature p { color: #546a75 }

.how-it-works { margin: 18px 0; padding: 18px; border-radius: 12px; }
.how-it-works h3 { margin: 18px 0; }
.how-it-works p { line-height: 2.5; font-size: 16px; }
.how-it-works img { display: block; margin: 12px auto; border: 1px solid #ccc; border-radius: 12px; }
.how-it-works p .address { padding: 3px 6px; background: #eee; border-radius: 5px; }

.faq { margin: 24px 0; padding: 18px; border-radius: 12px; }
.faq dt { font-weight: 600; margin-top: 12px; }
.faq dd { color: #566; margin-left: 10px; margin-top: 6px; }

@media only screen and (max-width: 768px) {
    .hero-unfreeze { display: block; margin: 0px; }
    .hero-right { display: none; }
    .benefits { display: block; }
    .benefits .feature { margin-top: 12px; }
    main { padding: 9px; }
    .page-container { padding-top: 6px; }
    .hero-left { padding: 12px; }
    .hero-left h1 { font-size: 19px; }
    .address-box { padding: 0 3px; gap: 5px; }
    .be-faq dl dt { line-height: 25px; padding: 9px; }
    .address-text { font-size: 12px; }
    .address-block { width: 100%; }
}
