/*
 * All rules in this file are scoped under .iwl-qixin-page (the wrapper div
 * rendered by landing-page.php) so nothing here can leak onto any other
 * page. No :root custom properties and no bare `html`/`body` selectors are
 * used. Homepage block styling (.iwl-b2b-home) intentionally lives outside
 * this file since the homepage shortcode is not placed anywhere yet.
 */
.iwl-qixin-page {
  --iwl-navy:#0f2233;
  --iwl-teal:#0f8e82;
  --iwl-light:#f4f7f8;
  --iwl-text:#24323f;
  --iwl-muted:#667783;
  --iwl-border:#dbe4e8;
  --iwl-white:#fff;
  color:var(--iwl-text); line-height:1.6;
}
.iwl-qixin-page .iwl-qixin-wrap { width:min(1160px, calc(100% - 40px)); margin:0 auto; }
.iwl-qixin-page .iwl-qixin-section { padding:78px 0; }
.iwl-qixin-page .iwl-qixin-section.iwl-alt { background:var(--iwl-light); }
.iwl-qixin-page .iwl-qixin-section.iwl-dark { background:var(--iwl-navy); color:var(--iwl-white); }
.iwl-qixin-page .iwl-qixin-section.iwl-dark .iwl-card { background:#17364b; border-color:#2c5269; color:var(--iwl-white); }
.iwl-qixin-page .iwl-qixin-section h1 { font-size:clamp(2.4rem,5vw,4.7rem); line-height:1.04; margin:0 0 22px; }
.iwl-qixin-page .iwl-qixin-section h2 { font-size:clamp(1.9rem,3.2vw,3rem); line-height:1.15; margin:0 0 20px; }
.iwl-qixin-page .iwl-qixin-section h3 { margin:0 0 8px; font-size:1.12rem; }
.iwl-qixin-page .iwl-eyebrow { font-weight:700; letter-spacing:.12em; font-size:.78rem; color:var(--iwl-teal); text-transform:uppercase; }
.iwl-qixin-page .iwl-lead { font-size:1.23rem; }
.iwl-qixin-page .iwl-grid-2 { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:48px; align-items:center; }
.iwl-qixin-page .iwl-centered { text-align:center; }
.iwl-qixin-page .iwl-cta-row { display:flex; gap:14px; flex-wrap:wrap; margin:26px 0; }
.iwl-qixin-page .iwl-centered .iwl-cta-row { justify-content:center; }
.iwl-qixin-page .iwl-btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 20px; border-radius:7px; text-decoration:none; font-weight:700; transition:.2s ease; }
.iwl-qixin-page .iwl-btn-primary { color:#fff; background:var(--iwl-teal); }
.iwl-qixin-page .iwl-btn-primary:hover { filter:brightness(.92); color:#fff; }
.iwl-qixin-page .iwl-btn-secondary { color:var(--iwl-navy); background:#fff; border:1px solid var(--iwl-border); }
.iwl-qixin-page .iwl-btn-light { color:var(--iwl-navy); background:#fff; }
.iwl-qixin-page .iwl-trust-line { color:var(--iwl-muted); font-size:.94rem; }
.iwl-qixin-page .iwl-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:30px; }
.iwl-qixin-page .iwl-card { background:#fff; border:1px solid var(--iwl-border); border-radius:12px; padding:24px; box-shadow:0 6px 18px rgba(15,34,51,.05); }
.iwl-qixin-page .iwl-pill-grid { display:flex; flex-wrap:wrap; gap:10px; margin:26px 0; }
.iwl-qixin-page .iwl-pill-grid span { background:var(--iwl-light); border:1px solid var(--iwl-border); padding:9px 12px; border-radius:999px; font-weight:600; font-size:.92rem; }
.iwl-qixin-page .iwl-dark .iwl-pill-grid span { background:#17364b; border-color:#2c5269; }
.iwl-qixin-page .iwl-notice { margin:24px 0; background:#fff8df; border-left:4px solid #d4a72c; padding:16px 18px; border-radius:6px; }
.iwl-qixin-page .iwl-process { counter-reset:step; list-style:none; padding:0; margin:30px 0 0; display:grid; gap:16px; }
.iwl-qixin-page .iwl-process li { display:grid; grid-template-columns:280px 1fr; gap:24px; padding:19px 0; border-bottom:1px solid var(--iwl-border); }
.iwl-qixin-page .iwl-process li strong { color:var(--iwl-navy); }
.iwl-qixin-page .iwl-photo-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:28px; }
.iwl-qixin-page .iwl-proof-placeholder { min-height:260px; border:2px dashed #9fb0ba; background:#eef3f5; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:20px; border-radius:12px; color:#5d6e78; }
.iwl-qixin-page .iwl-photo-grid .iwl-proof-placeholder { min-height:210px; }
.iwl-qixin-page .iwl-form-shell { max-width:900px; }
.iwl-qixin-page #b2b-form { scroll-margin-top:127px; }
.iwl-qixin-page .iwl-cf7-slot { background:#f7fafb; border:1px dashed #aab8c0; padding:24px; border-radius:10px; }
.iwl-qixin-page details { border-bottom:1px solid var(--iwl-border); padding:17px 0; }
.iwl-qixin-page summary { font-weight:700; cursor:pointer; }
.iwl-qixin-page .iwl-final { background:linear-gradient(135deg,#edf7f5,#f6f9fa); }
.iwl-qixin-page .iwl-qixin-trust-footer { padding:48px 0; background:#0a1825; color:#fff; }
@media (max-width:900px) {
  .iwl-qixin-page .iwl-grid-2, .iwl-qixin-page .iwl-card-grid, .iwl-qixin-page .iwl-photo-grid { grid-template-columns:1fr 1fr; }
  .iwl-qixin-page .iwl-grid-2 { gap:28px; }
  .iwl-qixin-page .iwl-process li { grid-template-columns:1fr; gap:4px; }
}
@media (max-width:640px) {
  .iwl-qixin-page .iwl-qixin-wrap { width:min(100% - 28px,1160px); }
  .iwl-qixin-page .iwl-qixin-section { padding:54px 0; }
  .iwl-qixin-page .iwl-grid-2, .iwl-qixin-page .iwl-card-grid, .iwl-qixin-page .iwl-photo-grid { grid-template-columns:1fr; }
  .iwl-qixin-page .iwl-btn { width:100%; }
}
@media (min-width:641px) and (max-width:1024px) {
  .iwl-qixin-page #b2b-form { scroll-margin-top:95px; }
}
@media (min-width:341px) and (max-width:640px) {
  .iwl-qixin-page #b2b-form { scroll-margin-top:131px; }
}
@media (max-width:340px) {
  .iwl-qixin-page #b2b-form { scroll-margin-top:160px; }
}
