.support-page .contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.support-page .contact-card{position:relative;min-height:250px;padding:30px;border-radius:var(--radius);background:var(--navy-900);color:#fff;overflow:hidden}.support-page .contact-card:after{content:attr(data-no);position:absolute;right:-8px;bottom:-46px;font-size:130px;font-weight:900;color:rgba(255,255,255,.04)}.support-page .contact-card span{color:#ff9a61;font-size:11px;font-weight:900;letter-spacing:.1em}.support-page .contact-card h3{position:relative;z-index:1;margin:68px 0 10px;font-size:23px}.support-page .contact-card p{position:relative;z-index:1;margin:0;color:#b5c3d4}.support-page .inquiry-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.support-page .inquiry-form{padding:38px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.support-page .inquiry-form h2{font-size:32px;margin:0 0 28px}.support-page .inquiry-side{position:sticky;top:110px;display:grid;gap:16px}.support-page .help-card{padding:27px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--line)}.support-page .help-card.navy{background:var(--navy-900);color:#fff;border:0}.support-page .help-card h3{font-size:20px;margin:12px 0}.support-page .help-card p{margin:0;color:var(--muted);font-size:14px}.support-page .help-card.navy p{color:#b5c3d4}.support-page .help-card a{display:block;margin-top:17px;font-weight:850;color:var(--orange-600)}

/* FAQ — unified customer support list */
.faq-page .page-content{padding-top:78px;padding-bottom:112px}
.faq-page .faq-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:0 0 20px;border-bottom:2px solid var(--navy-900)}
.faq-page .faq-toolbar p{margin:0;color:var(--muted);font-size:14px;letter-spacing:.01em}
.faq-page .faq-toolbar p strong{color:var(--navy-900);font-size:20px;font-weight:900}
.faq-page .faq-toolbar span{color:#718096;font-size:13px}
.faq-page .faq-list{border-bottom:1px solid var(--line)}
.faq-page .faq-item{border-bottom:1px solid var(--line);background:#fff}
.faq-page .faq-item:last-child{border-bottom:0}
.faq-page .faq-item summary{display:grid;grid-template-columns:72px minmax(0,1fr) 110px 28px;align-items:center;gap:18px;min-height:78px;padding:0 18px;cursor:pointer;list-style:none;transition:background-color .2s ease}
.faq-page .faq-item summary::-webkit-details-marker{display:none}
.faq-page .faq-item summary:hover{background:#fbfcfd}
.faq-page .faq-index{color:var(--orange-600);font-size:17px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.faq-page .faq-item summary strong{color:var(--navy-900);font-size:16px;font-weight:780;line-height:1.55}
.faq-page .faq-category-text{color:#64748b;font-size:12px;font-weight:700;text-align:right}
.faq-page .faq-item summary i{position:relative;width:20px;height:20px}
.faq-page .faq-item summary i:before,.faq-page .faq-item summary i:after{content:"";position:absolute;left:3px;right:3px;top:9px;height:2px;background:var(--navy-800)}
.faq-page .faq-item summary i:after{transform:rotate(90deg);transition:.2s}
.faq-page .faq-item[open] summary{background:#f7f9fb}
.faq-page .faq-item[open] summary i:after{transform:rotate(0)}
.faq-page .faq-answer{padding:28px 70px 32px 108px;border-top:1px solid #e8edf2;background:#f7f9fb;color:#3f4d5d;font-size:15px;line-height:1.85}
.faq-page .faq-answer .post-editor-content{font-size:15px;line-height:1.85;color:#3f4d5d}
.faq-page .faq-contact{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:46px;padding:30px 34px;border-left:4px solid var(--orange-500);background:var(--navy-900);color:#fff}
.faq-page .faq-contact strong{display:block;font-size:20px;margin-bottom:7px}
.faq-page .faq-contact p{margin:0;color:#b8c5d4;font-size:14px}
.faq-page .faq-contact .btn{flex:0 0 auto}

.support-page .privacy{max-width:900px}.support-page .privacy section{padding:28px 0;border-bottom:1px solid var(--line)}.support-page .privacy h2{font-size:24px}.support-page .privacy p,.support-page .privacy li{color:var(--text)}

/* Contact page — company introduction 3rd refinement */
.contact-page .page-content{padding-top:88px}
.contact-page .location-visual{margin:0 0 64px;min-height:440px;position:relative;overflow:hidden;border:1px solid var(--line)}
.contact-page .location-visual img{width:100%;height:100%;min-height:440px;object-fit:cover;object-position:center}
.contact-page .location-visual figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 22px;color:#fff;font-size:12px;font-weight:750;background:linear-gradient(0deg,rgba(5,20,42,.82),transparent)}
.contact-page .contact-map-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:0;border-top:2px solid var(--navy-900);border-bottom:1px solid var(--line)}
.contact-page .contact-info{padding:42px 42px 40px 0;background:#fff;color:var(--ink);border-right:1px solid var(--line)}
.contact-page .contact-info h2{font-size:32px;margin:18px 0 28px;color:var(--navy-900)}
.contact-page .contact-info dl{margin:0}
.contact-page .contact-info div{display:grid;grid-template-columns:92px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact-page .contact-info div:last-child{border-bottom:0}
.contact-page .contact-info dt{font-size:12px;color:var(--muted);font-weight:800}
.contact-page .contact-info dd{margin:0;font-weight:700;color:var(--navy-900)}
.contact-page .map-area{padding:34px 0 34px 42px;background:#fff}
.contact-page .google-map-slot{position:relative;min-height:430px;border:1px solid #cfd7e1;background:linear-gradient(145deg,#e7ecf1,#f7f9fb);overflow:hidden}
.contact-page .google-map-slot>div{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:30px;color:#5e6d7f}
.contact-page .google-map-slot strong{display:block;color:var(--navy-900);font-size:20px;margin-bottom:8px}
.contact-page .google-map-slot code{display:inline-block;margin-top:12px;padding:5px 8px;background:#fff;border:1px solid var(--line);font-size:11px;color:#667085}
.contact-page .map-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.contact-page .map-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 17px;border:1px solid var(--navy-900);background:var(--navy-900);color:#fff;font-size:13px;font-weight:800;transition:.2s}
.contact-page .map-actions a:last-child{background:#fff;color:var(--navy-900)}
.contact-page .map-actions a:hover{background:var(--orange-500);border-color:var(--orange-500);color:#fff}
.contact-page .access-note{margin:16px 0 0;color:var(--muted);font-size:13px;line-height:1.7}

@media(max-width:900px){.support-page .contact-cards{grid-template-columns:1fr}.support-page .contact-card{min-height:210px}.support-page .inquiry-layout{grid-template-columns:1fr}.support-page .inquiry-side{position:static;grid-template-columns:1fr 1fr}.contact-page .contact-map-layout{grid-template-columns:1fr}.contact-page .contact-info{padding-right:0;border-right:0;border-bottom:1px solid var(--line)}.contact-page .map-area{padding-left:0}.contact-page .location-visual,.contact-page .location-visual img{min-height:360px}}
@media(max-width:600px){.support-page .inquiry-form{padding:25px}.support-page .inquiry-side{grid-template-columns:1fr}.support-page .faq-item summary{grid-template-columns:40px 1fr 25px}.support-page .faq-category{display:none}.support-page .faq-answer{padding-left:8px;grid-template-columns:40px 1fr}.contact-page .page-content{padding-top:64px}.contact-page .location-visual,.contact-page .location-visual img{min-height:280px}.contact-page .contact-info h2{font-size:27px}.contact-page .contact-info div{grid-template-columns:76px 1fr;gap:12px}.contact-page .google-map-slot{min-height:350px}.contact-page .map-actions a{width:100%}}


@media(max-width:760px){
  .faq-page .page-content{padding-top:56px;padding-bottom:82px}
  .faq-page .faq-toolbar{align-items:flex-start;flex-direction:column;gap:6px}
  .faq-page .faq-item summary{grid-template-columns:50px minmax(0,1fr) 24px;gap:12px;padding:0 10px}
  .faq-page .faq-category-text{display:none}
  .faq-page .faq-answer{padding:24px 20px 28px 72px}
  .faq-page .faq-contact{align-items:flex-start;flex-direction:column;padding:26px 24px}
}
@media(max-width:520px){
  .faq-page .faq-item summary{grid-template-columns:42px minmax(0,1fr) 22px;min-height:72px}
  .faq-page .faq-index{font-size:15px}
  .faq-page .faq-item summary strong{font-size:15px}
  .faq-page .faq-answer{padding-left:62px}
  .faq-page .faq-contact .btn{width:100%}
}