.elementor-12128 .elementor-element.elementor-element-e7dcf97{--display:flex;}/* Start custom CSS for html, class: .elementor-element-cbd0944 */.atl-wheel-import-article {
      --atl-ink: #1b2430;
      --atl-ink-soft: #4a5568;
      --atl-line: #d9dee5;
      --atl-bg-card: #ffffff;
      --atl-bg-tint: #f4f6f8;
      --atl-navy: #1f3a5f;
      --atl-navy-deep: #14263f;
      --atl-amber: #b5762c;
      --atl-amber-tint: #fbeee0;
      --atl-warn-bg: #fdf3ec;
      --atl-warn-border: #e3a765;
      --atl-ok-bg: #eef3ee;
      --atl-radius: 10px;
      max-width: 880px;
      margin: 0 auto;
      padding: 0 20px 60px;
      color: var(--atl-ink);
      line-height: 1.65;
      font-size: 16px;
    }
    .atl-wheel-import-article * { box-sizing: border-box; }
    .atl-wheel-import-article h2 {
      font-size: 1.5rem;
      line-height: 1.3;
      margin: 3rem 0 1rem;
      color: var(--atl-navy-deep);
      border-bottom: 2px solid var(--atl-line);
      padding-bottom: 0.6rem;
      letter-spacing: -0.01em;
    }
    .atl-wheel-import-article h3 {
      font-size: 1.15rem;
      margin: 1.8rem 0 0.8rem;
      color: var(--atl-navy);
    }
    .atl-wheel-import-article p { margin: 0 0 1rem; color: var(--atl-ink); }
    .atl-wheel-import-article ul, .atl-wheel-import-article ol { margin: 0 0 1rem; padding-left: 1.3rem; }
    .atl-wheel-import-article li { margin-bottom: 0.4rem; }
    .atl-wheel-import-article strong { color: var(--atl-navy-deep); }

    /* Intro scenario */
    .atl-intro {
      font-size: 1.05rem;
      background: var(--atl-bg-tint);
      border-left: 4px solid var(--atl-navy);
      padding: 1.1rem 1.3rem;
      border-radius: 6px;
      margin: 1.5rem 0;
    }

    /* Badge */
    .atl-badge {
      display: inline-block;
      font-size: 0.72rem;
      font-weight: 600;
      letter-spacing: 0.03em;
      text-transform: uppercase;
      background: var(--atl-amber-tint);
      color: var(--atl-amber);
      padding: 0.2rem 0.6rem;
      border-radius: 999px;
      margin-bottom: 0.6rem;
    }

    /* Card */
    .atl-card {
      background: var(--atl-bg-card);
      border: 1px solid var(--atl-line);
      border-radius: var(--atl-radius);
      padding: 1.4rem 1.5rem;
      margin: 1.4rem 0;
      box-shadow: 0 1px 3px rgba(20,38,63,0.06);
    }
    .atl-card h4 {
      margin: 0 0 0.9rem;
      font-size: 1.05rem;
      color: var(--atl-navy-deep);
    }

    /* Quick answer box */
    .atl-quick-answer {
      background: linear-gradient(180deg, #ffffff, var(--atl-bg-tint));
      border: 1px solid var(--atl-line);
      border-top: 4px solid var(--atl-navy);
      border-radius: var(--atl-radius);
      padding: 1.5rem 1.6rem;
      margin: 1.6rem 0 2.2rem;
    }
    .atl-quick-answer ol { padding-left: 1.2rem; }
    .atl-quick-answer li { margin-bottom: 0.55rem; }

    /* Checklist */
    .atl-checklist { list-style: none; padding-left: 0; margin: 0; }
    .atl-checklist li {
      display: flex;
      align-items: flex-start;
      gap: 0.6rem;
      padding: 0.5rem 0;
      border-bottom: 1px dashed var(--atl-line);
    }
    .atl-checklist li:last-child { border-bottom: none; }
    .atl-checklist li::before {
      content: "";
      flex: none;
      width: 18px;
      height: 18px;
      margin-top: 0.2rem;
      border: 2px solid var(--atl-navy);
      border-radius: 4px;
      background: transparent;
    }

    /* Warning / Alert */
    .atl-alert {
      background: var(--atl-warn-bg);
      border: 1px solid var(--atl-warn-border);
      border-left: 4px solid var(--atl-warn-border);
      border-radius: 8px;
      padding: 1rem 1.2rem;
      margin: 1.4rem 0;
    }
    .atl-alert .atl-alert-label {
      font-weight: 700;
      color: #8a5316;
      font-size: 0.82rem;
      text-transform: uppercase;
      letter-spacing: 0.03em;
      margin-bottom: 0.4rem;
      display: block;
    }

    /* Formula box */
    .atl-formula {
      background: var(--atl-navy-deep);
      color: #eef2f6;
      border-radius: 10px;
      padding: 1.3rem 1.4rem;
      margin: 1.4rem 0;
    }
    .atl-formula code {
      display: block;
      background: rgba(255,255,255,0.08);
      border-radius: 6px;
      padding: 0.8rem 1rem;
      font-size: 0.98rem;
      margin: 0.7rem 0;
      color: #ffd9a8;
      overflow-x: auto;
    }
    .atl-formula p { color: #cfd9e4; margin-bottom: 0.6rem; }
    .atl-formula p:last-child { margin-bottom: 0; }

    /* Table */
    .atl-table-wrap { overflow-x: auto; margin: 1.4rem 0; border: 1px solid var(--atl-line); border-radius: 10px; }
    .atl-table { width: 100%; border-collapse: collapse; min-width: 560px; }
    .atl-table th, .atl-table td {
      padding: 0.7rem 0.9rem;
      text-align: left;
      border-bottom: 1px solid var(--atl-line);
      font-size: 0.94rem;
      vertical-align: top;
    }
    .atl-table th {
      background: var(--atl-navy);
      color: #fff;
      font-weight: 600;
      font-size: 0.82rem;
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }
    .atl-table tr:last-child td { border-bottom: none; }
    .atl-table tr:nth-child(even) td { background: var(--atl-bg-tint); }

    /* Decision tree */
    .atl-decision-tree { display: flex; flex-direction: column; gap: 0.8rem; margin: 1.4rem 0; }
    .atl-decision-node {
      display: grid;
      grid-template-columns: auto 1fr;
      gap: 0.9rem;
      align-items: flex-start;
      background: var(--atl-bg-card);
      border: 1px solid var(--atl-line);
      border-radius: 8px;
      padding: 0.9rem 1.1rem;
    }
    .atl-decision-node .atl-node-if {
      font-weight: 700;
      color: var(--atl-navy);
      font-size: 0.85rem;
      white-space: nowrap;
      background: var(--atl-bg-tint);
      border-radius: 6px;
      padding: 0.3rem 0.6rem;
      align-self: center;
    }
    .atl-decision-node p { margin: 0 0 0.3rem; }
    .atl-decision-node ul { margin: 0.3rem 0 0; padding-left: 1.1rem; }

    /* Quote template box */
    .atl-quote-box {
      background: #0f1f33;
      color: #dbe4ee;
      border-radius: 10px;
      padding: 1.3rem 1.4rem;
      margin: 1.4rem 0;
      position: relative;
    }
    .atl-quote-box pre {
      white-space: pre-wrap;
      font-size: 0.9rem;
      line-height: 1.7;
      margin: 0.8rem 0 0;
      color: #0c4c8d;
    }
    .atl-copy-btn {
      background: var(--atl-amber);
      color: #fff;
      border: none;
      padding: 0.45rem 0.9rem;
      border-radius: 6px;
      font-size: 0.85rem;
      cursor: pointer;
      font-weight: 600;
    }
    .atl-copy-btn:hover { opacity: 0.9; }
    .atl-copy-feedback { font-size: 0.8rem; color: #9fe6a0; margin-left: 0.6rem; }

    /* Case study */
    .atl-case { border: 1px solid var(--atl-line); border-radius: var(--atl-radius); overflow: hidden; margin: 1.4rem 0; }
    .atl-case-header { background: var(--atl-amber-tint); color: var(--atl-amber); padding: 0.7rem 1.3rem; font-weight: 700; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.03em; }
    .atl-case-body { padding: 1.3rem 1.4rem; }

    /* FAQ accordion */
    .atl-faq { margin: 1.4rem 0; }
    .atl-faq-item { border: 1px solid var(--atl-line); border-radius: 8px; margin-bottom: 0.6rem; overflow: hidden; }
    .atl-faq-q {
      width: 100%;
      text-align: left;
      background: var(--atl-bg-card);
      border: none;
      padding: 0.9rem 1.1rem;
      font-size: 0.98rem;
      font-weight: 600;
      color: var(--atl-navy-deep);
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 1rem;
    }
    .atl-faq-q:hover { background: var(--atl-bg-tint); }
    .atl-faq-q .atl-faq-icon { flex: none; font-size: 1.1rem; color: var(--atl-navy); transition: transform 0.2s ease; }
    .atl-faq-item.is-open .atl-faq-icon { transform: rotate(45deg); }
    .atl-faq-a {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.25s ease;
      background: var(--atl-bg-tint);
    }
    .atl-faq-item.is-open .atl-faq-a { max-height: 400px; }
    .atl-faq-a-inner { padding: 0.2rem 1.1rem 1rem; font-size: 0.94rem; color: var(--atl-ink-soft); }

    /* CTA box */
    .atl-cta {
      background: var(--atl-bg-tint);
      border: 1px solid var(--atl-line);
      border-radius: var(--atl-radius);
      padding: 1.3rem 1.4rem;
      margin: 1.6rem 0;
    }
    .atl-cta p:last-child { margin-bottom: 0; }

    /* Contact box */
    .atl-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin: 1.4rem 0 2rem; }
    @media (max-width: 620px) { .atl-contact { grid-template-columns: 1fr; } }
    .atl-contact-card {
      background: var(--atl-navy-deep);
      color: #eef2f6;
      border-radius: 10px;
      padding: 1.2rem 1.3rem;
    }
    .atl-contact-card .atl-role { font-size: 0.78rem; text-transform: uppercase; letter-spacing: 0.04em; color: #9fb3c8; margin-bottom: 0.2rem; }
    .atl-contact-card .atl-name { font-size: 1.1rem; font-weight: 700; margin-bottom: 0.7rem; color: #fff; }
    .atl-contact-links { display: flex; flex-direction: column; gap: 0.5rem; }
    .atl-contact-links a {
      color: #eef2f6;
      text-decoration: none;
      background: rgba(255,255,255,0.08);
      padding: 0.55rem 0.8rem;
      border-radius: 6px;
      font-size: 0.9rem;
      display: flex;
      align-items: center;
      gap: 0.5rem;
    }
    .atl-contact-links a:hover { background: rgba(255,255,255,0.16); }
    .atl-contact-links a.atl-primary { background: var(--atl-amber); }
    .atl-contact-links a.atl-primary:hover { background: #a06a27; }

    /* Form */
    .atl-form-card { background: var(--atl-bg-card); border: 1px solid var(--atl-line); border-radius: var(--atl-radius); padding: 1.5rem; margin: 1.4rem 0 2.5rem; }
    .atl-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.9rem; }
    @media (max-width: 620px) { .atl-form-grid { grid-template-columns: 1fr; } }
    .atl-form-field { display: flex; flex-direction: column; gap: 0.35rem; }
    .atl-form-field.atl-span-2 { grid-column: span 2; }
    @media (max-width: 620px) { .atl-form-field.atl-span-2 { grid-column: span 1; } }
    .atl-form-field label { font-size: 0.85rem; font-weight: 600; color: var(--atl-navy-deep); }
    .atl-form-field input, .atl-form-field textarea {
      border: 1px solid var(--atl-line);
      border-radius: 6px;
      padding: 0.6rem 0.7rem;
      font-size: 0.95rem;
      color: var(--atl-ink);
      background: #fff;
    }
    .atl-form-field textarea { resize: vertical; min-height: 90px; }
    .atl-form-submit {
      grid-column: span 2;
      background: var(--atl-navy);
      color: #fff;
      border: none;
      padding: 0.8rem 1.2rem;
      border-radius: 8px;
      font-size: 0.98rem;
      font-weight: 700;
      cursor: pointer;
      margin-top: 0.4rem;
    }
    @media (max-width: 620px) { .atl-form-submit { grid-column: span 1; } }
    .atl-form-submit:hover { background: var(--atl-navy-deep); }
    .atl-form-note { font-size: 0.8rem; color: var(--atl-ink-soft); margin-top: 0.6rem; }/* End custom CSS */