/*
Theme Name: Credit365SG V11.1 Total Control Pro Interest Admin Save Fixed
Theme URI: https://credit365sg.com
Description: Credit365SG V11.1 child theme with full runtime button control, calculator, WPForms funnel, tracking and centralized button settings.
Author: Credit365SG
Template: astra
Version: 11.1.9-form-sync
Text Domain: credit365sg-astra-child
*/

:root {
  --c365-navy: #071b3a;
  --c365-blue: #0d3b78;
  --c365-gold: #d9a441;
  --c365-soft: #f5f7fb;
  --c365-text: #172033;
  --c365-muted: #637083;
  --c365-white: #ffffff;
  --c365-border: rgba(7,27,58,0.10);
  --c365-shadow: 0 24px 60px rgba(7,27,58,0.14);
}

body {
  background: var(--c365-soft);
}

.credit365-page {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  color: var(--c365-text);
  background: var(--c365-soft);
  overflow-x: hidden;
}

.credit365-page * {
  box-sizing: border-box;
}

.c365-container {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto;
}

.c365-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(217,164,65,0.14);
  color: #7a5410;
  font-weight: 700;
  font-size: 14px;
}

.c365-hero {
  position: relative;
  padding: 78px 0 52px;
  background:
    radial-gradient(circle at 85% 10%, rgba(217,164,65,0.22), transparent 28%),
    linear-gradient(135deg, #071b3a 0%, #0d3b78 58%, #102b54 100%);
  color: var(--c365-white);
  isolation: isolate;
}

.c365-hero:after {
  content: "";
  position: absolute;
  inset: auto 0 -1px 0;
  height: 110px;
  background: linear-gradient(to bottom, rgba(245,247,251,0), var(--c365-soft));
  z-index: -1;
}

.c365-hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 46px;
  align-items: center;
}

.c365-hero h1 {
  margin: 20px 0 18px;
  color: #fff;
  font-size: clamp(42px, 5vw, 72px);
  line-height: 0.95;
  letter-spacing: -0.055em;
  font-weight: 850;
}

.c365-hero h1 span {
  color: #f3c86b;
}

.c365-hero p {
  color: rgba(255,255,255,0.82);
  font-size: 19px;
  line-height: 1.72;
  max-width: 680px;
}

.c365-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 28px;
}

.c365-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 24px;
  border-radius: 16px;
  text-decoration: none !important;
  font-weight: 800;
  letter-spacing: -0.01em;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.c365-btn:hover {
  transform: translateY(-2px);
}

.c365-btn-primary {
  background: linear-gradient(135deg, #f0c15c, #d9a441);
  color: #071b3a !important;
  box-shadow: 0 16px 34px rgba(217,164,65,0.30);
}

.c365-btn-secondary {
  background: rgba(255,255,255,0.12);
  color: #fff !important;
  border: 1px solid rgba(255,255,255,0.22);
}

.c365-trust-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 30px;
  color: rgba(255,255,255,0.78);
  font-size: 14px;
}

.c365-trust-row strong {
  color: #fff;
}

.c365-card {
  background: rgba(255,255,255,0.96);
  border: 1px solid rgba(255,255,255,0.45);
  border-radius: 34px;
  box-shadow: var(--c365-shadow);
}

.c365-quote-card {
  padding: 26px;
  color: var(--c365-text);
}

.c365-quote-card .c365-score {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--c365-border);
}

.c365-score b {
  display: block;
  font-size: 34px;
  color: var(--c365-navy);
}

.c365-score span {
  color: var(--c365-muted);
  font-size: 13px;
  font-weight: 700;
}

.c365-mini-form {
  margin-top: 22px;
  padding: 22px;
  border-radius: 24px;
  background: #f7f9fd;
}

.c365-mini-form h3 {
  margin: 0 0 12px;
  color: var(--c365-navy);
  font-size: 24px;
}

.c365-field {
  display: block;
  width: 100%;
  border: 1px solid var(--c365-border);
  border-radius: 14px;
  background: #fff;
  padding: 14px 15px;
  margin: 10px 0;
  font-size: 15px;
}

.c365-section {
  padding: 76px 0;
}

.c365-section-head {
  max-width: 760px;
  margin-bottom: 32px;
}

.c365-section-head.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.c365-section h2 {
  margin: 0 0 14px;
  color: var(--c365-navy);
  font-size: clamp(32px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: -0.045em;
  font-weight: 850;
}

.c365-section p {
  color: var(--c365-muted);
  line-height: 1.72;
  font-size: 17px;
}

.c365-grid-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.c365-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.c365-feature {
  padding: 28px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid var(--c365-border);
  box-shadow: 0 14px 36px rgba(7,27,58,0.07);
}

.c365-icon {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(13,59,120,0.12), rgba(217,164,65,0.18));
  color: var(--c365-blue);
  font-size: 24px;
  margin-bottom: 18px;
}

.c365-feature h3 {
  margin: 0 0 10px;
  color: var(--c365-navy);
  font-size: 21px;
}

.c365-process {
  counter-reset: step;
}

.c365-step {
  position: relative;
  padding: 30px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid var(--c365-border);
}

.c365-step:before {
  counter-increment: step;
  content: "0" counter(step);
  display: inline-grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 16px;
  margin-bottom: 18px;
  background: var(--c365-navy);
  color: #f3c86b;
  font-weight: 900;
}

.c365-band {
  background: #fff;
  border-top: 1px solid var(--c365-border);
  border-bottom: 1px solid var(--c365-border);
}

.c365-stat {
  padding: 24px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid var(--c365-border);
  text-align: center;
}

.c365-stat b {
  display: block;
  font-size: 32px;
  color: var(--c365-navy);
}

.c365-stat span {
  color: var(--c365-muted);
  font-weight: 700;
  font-size: 13px;
}

.c365-testimonial {
  padding: 28px;
  border-radius: 28px;
  background: #fff;
  border: 1px solid var(--c365-border);
}

.c365-stars {
  color: #d9a441;
  letter-spacing: 2px;
  margin-bottom: 12px;
}

.c365-name {
  margin-top: 18px;
  font-weight: 850;
  color: var(--c365-navy);
}

.c365-cta {
  padding: 64px 0;
}

.c365-cta-box {
  padding: 48px;
  border-radius: 36px;
  background:
    radial-gradient(circle at 90% 20%, rgba(217,164,65,0.22), transparent 28%),
    linear-gradient(135deg, #071b3a, #0d3b78);
  color: #fff;
  display: grid;
  grid-template-columns: 1.3fr 0.7fr;
  gap: 24px;
  align-items: center;
  box-shadow: var(--c365-shadow);
}

.c365-cta h2 {
  color: #fff;
}

.c365-cta p {
  color: rgba(255,255,255,0.78);
}

.c365-disclaimer {
  padding: 24px 0 50px;
  color: #7b8493;
  font-size: 13px;
  line-height: 1.7;
}

.c365-floating-cta {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.c365-floating-cta a {
  min-width: 156px;
  min-height: 48px;
  border-radius: 999px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #d9a441;
  color: #071b3a !important;
  text-decoration: none !important;
  font-weight: 900;
  box-shadow: 0 14px 34px rgba(7,27,58,0.22);
}

@media (max-width: 921px) {
  .c365-hero-grid,
  .c365-cta-box {
    grid-template-columns: 1fr;
  }

  .c365-grid-3,
  .c365-grid-4 {
    grid-template-columns: 1fr 1fr;
  }

  .c365-hero {
    padding-top: 54px;
  }
}

@media (max-width: 640px) {
  .c365-grid-3,
  .c365-grid-4 {
    grid-template-columns: 1fr;
  }

  .c365-actions {
    flex-direction: column;
  }

  .c365-btn {
    width: 100%;
  }

  .c365-cta-box {
    padding: 30px;
  }

  .c365-floating-cta {
    left: 14px;
    right: 14px;
  }

  .c365-floating-cta a {
    width: 100%;
  }
}


.c365-apply-section {
  background:
    radial-gradient(circle at 15% 0%, rgba(217,164,65,0.12), transparent 28%),
    linear-gradient(180deg, #f5f7fb 0%, #ffffff 100%);
}

.c365-apply-grid {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 34px;
  align-items: start;
}

.c365-form-points {
  display: grid;
  gap: 12px;
  margin-top: 24px;
  color: var(--c365-navy);
  font-weight: 800;
}

.c365-form-card {
  background: #fff;
  border: 1px solid var(--c365-border);
  border-radius: 30px;
  box-shadow: var(--c365-shadow);
  padding: 28px;
}

.c365-form-placeholder {
  padding: 22px;
  border-radius: 20px;
  background: #f7f9fd;
  color: var(--c365-text);
}

.c365-form-placeholder h3 {
  margin: 0 0 10px;
  color: var(--c365-navy);
}

.c365-form-placeholder code {
  background: rgba(7,27,58,0.08);
  padding: 3px 6px;
  border-radius: 6px;
}

.c365-form-card .wpforms-container {
  margin: 0 !important;
}

.c365-form-card .wpforms-field-label {
  color: var(--c365-navy) !important;
  font-weight: 800 !important;
}

.c365-form-card input,
.c365-form-card select,
.c365-form-card textarea {
  border-radius: 14px !important;
  border: 1px solid var(--c365-border) !important;
  min-height: 48px !important;
}

.c365-form-card button[type="submit"] {
  background: linear-gradient(135deg, #f0c15c, #d9a441) !important;
  color: #071b3a !important;
  border: 0 !important;
  border-radius: 16px !important;
  min-height: 54px !important;
  padding: 0 26px !important;
  font-weight: 900 !important;
  box-shadow: 0 16px 34px rgba(217,164,65,0.30) !important;
}

@media (max-width: 921px) {
  .c365-apply-grid {
    grid-template-columns: 1fr;
  }
}


/* V3 fixes: remove top Astra Apply button and make mobile CTA smaller */
.main-header-bar .ast-custom-button-link,
.main-header-bar .ast-header-button-1,
.main-header-bar .ast-builder-button-wrap,
.site-header .ast-custom-button,
.site-header .ast-header-button-1,
.site-header a.ast-custom-button-link {
  display: none !important;
}

.c365-floating-cta {
  display: none !important;
}

.c365-mobile-bottom-cta {
  position: fixed;
  left: 14px;
  right: 14px;
  bottom: 12px;
  z-index: 9999;
  display: none;
}

.c365-mobile-bottom-cta a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 999px;
  background: linear-gradient(135deg, #f0c15c, #d9a441);
  color: #071b3a !important;
  text-decoration: none !important;
  font-weight: 900;
  font-size: 15px;
  box-shadow: 0 12px 28px rgba(7,27,58,0.24);
}

@media (max-width: 640px) {
  .credit365-page {
    padding-bottom: 72px;
  }

  .c365-mobile-bottom-cta {
    display: block;
  }

  .c365-hero {
    padding: 34px 0 32px;
  }

  .c365-container {
    width: min(100% - 24px, 1180px);
  }

  .c365-hero h1 {
    font-size: 38px;
    line-height: 1.02;
    letter-spacing: -0.045em;
  }

  .c365-hero p {
    font-size: 16px;
    line-height: 1.58;
  }

  .c365-card {
    border-radius: 24px;
  }

  .c365-quote-card {
    padding: 18px;
  }

  .c365-score b {
    font-size: 26px;
  }

  .c365-section {
    padding: 46px 0;
  }

  .c365-section h2 {
    font-size: 31px;
  }

  .c365-feature,
  .c365-step,
  .c365-testimonial,
  .c365-form-card {
    padding: 20px;
    border-radius: 22px;
  }

  .c365-btn {
    min-height: 46px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 15px;
  }

  .c365-actions {
    gap: 10px;
  }

  .c365-cta-box {
    padding: 24px;
    border-radius: 26px;
  }

  .c365-form-card button[type="submit"] {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
  }
}

@media (min-width: 641px) {
  .c365-mobile-bottom-cta {
    display: none !important;
  }
}


/* V4 full responsive: desktop, tablet, mobile */
.c365-container { width: min(1180px, calc(100% - 40px)); }
.c365-hero-grid { grid-template-columns: minmax(0, 1.02fr) minmax(360px, .98fr); }
.c365-btn { border-radius: 999px; }

.c365-form-card .wpforms-submit,
.c365-form-card button[type="submit"] {
  width: 100% !important;
  min-height: 54px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #f0c15c, #d9a441) !important;
  color: #071b3a !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  border: 0 !important;
}

@media (max-width: 1024px) {
  .c365-container { width: min(100% - 34px, 900px); }
  .c365-hero { padding: 62px 0 50px; }
  .c365-hero-grid,
  .c365-apply-grid,
  .c365-cta-box { grid-template-columns: 1fr !important; }
  .c365-hero h1 { font-size: 46px; max-width: 760px; }
  .c365-grid-3 { grid-template-columns: 1fr 1fr; }
  .c365-grid-3 > *:last-child { grid-column: 1 / -1; }
  .c365-cta-box { padding: 38px; }
}

@media (max-width: 640px) {
  .credit365-page { padding-bottom: 72px; }
  .c365-container { width: min(100% - 24px, 1180px); }
  .c365-mobile-bottom-cta { display: block; }
  .c365-hero { padding: 34px 0 34px; }
  .c365-hero h1 { font-size: 34px; line-height: 1.03; }
  .c365-hero p { font-size: 15.5px; line-height: 1.58; }
  .c365-actions { gap: 10px; flex-direction: column; }
  .c365-btn { width: 100%; min-height: 46px; padding: 0 18px; font-size: 15px; }
  .c365-section { padding: 46px 0; }
  .c365-section h2 { font-size: 30px; }
  .c365-section p { font-size: 15.5px; }
  .c365-grid-3 { grid-template-columns: 1fr; }
  .c365-grid-3 > *:last-child { grid-column: auto; }
  .c365-feature, .c365-step, .c365-testimonial, .c365-form-card { padding: 20px; border-radius: 22px; }
  .c365-form-card .wpforms-field { padding: 8px 0 !important; }
  .c365-form-card .wpforms-field-label { font-size: 14px !important; }
  .c365-form-card input, .c365-form-card select, .c365-form-card textarea { font-size: 16px !important; min-height: 48px !important; }
  .c365-form-card .wpforms-submit, .c365-form-card button[type="submit"] { min-height: 50px !important; font-size: 15px !important; }
  .c365-cta-box { padding: 24px; border-radius: 26px; }
  .c365-disclaimer { padding-bottom: 90px; }
}


/* V5 Loan Calculator */
.c365-calculator-section {
  padding: 76px 0;
  background: #132434;
  color: #ffffff;
}

.c365-calculator-section .c365-section-head {
  margin-bottom: 34px;
}

.c365-calculator-section .c365-section-head h2 {
  color: #ffffff;
}

.c365-calculator-section .c365-section-head h2 span {
  color: #ff9f2e;
}

.c365-calculator-section .c365-section-head p {
  color: rgba(255,255,255,0.72);
}

.c365-calculator-card {
  max-width: 980px;
  margin: 0 auto;
  padding: 34px;
  border-radius: 28px;
  background: #ffffff;
  color: var(--c365-text);
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 34px;
  box-shadow: 0 28px 70px rgba(0,0,0,0.26);
}

.c365-calc-controls {
  display: grid;
  gap: 16px;
}

.c365-calc-box {
  padding: 22px 24px;
  border-radius: 16px;
  border: 1px solid rgba(255,159,46,0.70);
  background: #ffffff;
}

.c365-calc-box.duration {
  border-color: rgba(45,63,242,0.70);
}

.c365-calc-label {
  display: block;
  color: #ff7a00;
  font-weight: 850;
  margin-bottom: 4px;
  font-size: 14px;
}

.c365-calc-value {
  display: block;
  color: #071b3a;
  font-weight: 900;
  font-size: 19px;
  margin-bottom: 12px;
}

.c365-calc-box input[type='range'] {
  width: 100%;
  accent-color: #2d3ff2;
}

.c365-range-row {
  display: flex;
  justify-content: space-between;
  color: #415067;
  font-size: 13px;
  margin: 8px 0 14px;
}

.c365-calc-box input[type='number'] {
  width: 100%;
  min-height: 46px;
  border-radius: 10px;
  border: 1px solid var(--c365-border);
  padding: 0 14px;
  font-size: 15px;
}

.c365-rate-note {
  color: #69758a;
  font-size: 12px;
  line-height: 1.5;
  margin-top: 2px;
}

.c365-calc-results {
  padding: 6px 6px 6px 0;
  display: grid;
  align-content: start;
}

.c365-calc-results h3 {
  margin: 0 0 22px;
  color: #071b3a;
  font-size: 28px;
  line-height: 1.08;
  letter-spacing: -0.035em;
}

.c365-result-item {
  margin: 0 0 22px;
}

.c365-result-item span {
  display: block;
  color: #43506a;
  font-size: 14px;
  margin-bottom: 6px;
}

.c365-result-item strong {
  display: block;
  color: #071b3a;
  font-size: 25px;
  line-height: 1.1;
}

.c365-result-item.total strong {
  color: #2d3ff2;
}

.c365-calc-message {
  display: none;
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(13,59,120,0.08);
  color: #0d3b78;
  font-size: 13px;
  font-weight: 800;
}

.c365-calc-message.show {
  display: block;
}

.c365-calc-small {
  margin-top: 12px;
  color: #6b768a;
  font-size: 12px;
  line-height: 1.5;
}

.c365-hidden-field-note {
  margin-top: 18px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(217,164,65,0.12);
  color: #7a5410;
  font-size: 13px;
  line-height: 1.55;
}

@media (max-width: 1024px) {
  .c365-calculator-card {
    grid-template-columns: 1fr;
    max-width: 760px;
  }

  .c365-calc-results {
    padding: 4px 0 0;
  }
}

@media (max-width: 640px) {
  .c365-calculator-section {
    padding: 48px 0;
  }

  .c365-calculator-card {
    padding: 18px;
    border-radius: 22px;
    gap: 24px;
  }

  .c365-calc-box {
    padding: 18px;
  }

  .c365-calc-results h3 {
    font-size: 24px;
  }

  .c365-result-item strong {
    font-size: 23px;
  }
}


/* V6 Full Funnel Calculator + WPForms Lite Auto Fill */
.c365-calculator-section {
  background: #132331;
  color: #fff;
  padding: 76px 0;
}

.c365-calculator-section .c365-section-head h2 {
  color: #fff;
}

.c365-calculator-section .c365-section-head p {
  color: rgba(255,255,255,.72);
}

.c365-calculator-box {
  background: #fff;
  color: #172033;
  border-radius: 30px;
  box-shadow: 0 24px 60px rgba(0,0,0,.18);
  padding: 32px;
  display: grid;
  grid-template-columns: 1fr .92fr;
  gap: 34px;
  align-items: stretch;
}

.c365-calc-control {
  border: 1px solid rgba(217,164,65,.58);
  border-radius: 18px;
  padding: 24px;
  margin-bottom: 16px;
}

.c365-calc-control.c365-calc-blue {
  border-color: rgba(36,54,232,.55);
}

.c365-calc-label {
  color: #f08a22;
  font-weight: 850;
  font-size: 14px;
  margin-bottom: 4px;
}

.c365-calc-value {
  color: #071b3a;
  font-weight: 900;
  font-size: 22px;
  margin-bottom: 12px;
}

.c365-calc-control input[type="range"] {
  width: 100%;
  accent-color: #2838e8;
}

.c365-calc-minmax {
  display: flex;
  justify-content: space-between;
  color: #4b5563;
  font-size: 13px;
  margin-top: 6px;
}

.c365-calc-control input[type="number"] {
  width: 100%;
  margin-top: 14px;
  min-height: 48px;
  border: 1px solid rgba(7,27,58,.14);
  border-radius: 12px;
  padding: 0 14px;
  font-size: 16px;
}

.c365-calc-results {
  padding: 8px 4px;
}

.c365-calc-results h3 {
  margin: 0 0 28px;
  color: #071b3a;
  font-size: 28px;
  letter-spacing: -.03em;
}

.c365-result-item {
  margin-bottom: 22px;
}

.c365-result-item span {
  display: block;
  color: #4b5563;
  font-size: 14px;
  margin-bottom: 6px;
}

.c365-result-item strong {
  display: block;
  color: #4a5568;
  font-size: 24px;
  font-weight: 900;
}

.c365-result-item strong.c365-blue-result {
  color: #2838e8;
}

.c365-calc-note {
  margin: 18px 0 0;
  color: #64748b;
  font-size: 13px;
  line-height: 1.55;
}

.c365-calculator-box .c365-btn {
  width: fit-content;
  margin-top: 18px;
}

.c365-form-card .wpforms-field input[readonly],
.c365-form-card .wpforms-field textarea[readonly] {
  background: #f7f9fd !important;
  color: #071b3a !important;
  font-weight: 800 !important;
}

.c365-form-card .wpforms-field.c365-autofilled-field {
  opacity: .92;
}

@media (max-width: 1024px) {
  .c365-calculator-box {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .c365-calculator-section {
    padding: 46px 0;
  }

  .c365-calculator-box {
    padding: 18px;
    border-radius: 22px;
    gap: 18px;
  }

  .c365-calc-control {
    padding: 18px;
  }

  .c365-calc-results h3 {
    font-size: 24px;
  }

  .c365-result-item strong {
    font-size: 22px;
  }

  .c365-calculator-box .c365-btn {
    width: 100%;
  }
}


/* V7 FAQ Section */
.c365-faq-section {
  background: #ffffff;
  border-top: 1px solid var(--c365-border);
  border-bottom: 1px solid var(--c365-border);
}

.c365-faq-grid {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 34px;
  align-items: start;
}

.c365-faq-list {
  display: grid;
  gap: 14px;
}

.c365-faq-item {
  background: #f7f9fd;
  border: 1px solid var(--c365-border);
  border-radius: 22px;
  padding: 22px;
}

.c365-faq-item h3 {
  margin: 0 0 10px;
  color: var(--c365-navy);
  font-size: 19px;
  line-height: 1.25;
}

.c365-faq-item p {
  margin: 0;
  color: var(--c365-muted);
  font-size: 15.5px;
  line-height: 1.65;
}

.c365-faq-note {
  margin-top: 22px;
  padding: 18px;
  border-radius: 18px;
  background: rgba(217,164,65,.14);
  color: #6b4a0f;
  font-weight: 800;
  line-height: 1.55;
}

@media (max-width: 1024px) {
  .c365-faq-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .c365-faq-item {
    padding: 18px;
    border-radius: 18px;
  }

  .c365-faq-item h3 {
    font-size: 17px;
  }

  .c365-faq-item p {
    font-size: 14.5px;
  }
}

/* V8 images */
.c365-top-visual img {
  width: 100%;
  max-height: 420px;
  object-fit: cover;
  border-radius: 12px;
  margin-bottom: 20px;
}


/* V9 Premium Image System */
.c365-premium-hero {
  position: relative;
  min-height: 420px;
  background:
    linear-gradient(90deg, rgba(7,27,58,.94), rgba(7,27,58,.62), rgba(7,27,58,.28)),
    url("https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&w=1800&q=82") center/cover no-repeat;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.c365-premium-hero-inner {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  padding: 72px 0;
  color: #fff;
}

.c365-premium-hero-kicker {
  display: inline-flex;
  padding: 9px 14px;
  border-radius: 999px;
  background: rgba(217,164,65,.18);
  color: #f6d483;
  font-weight: 900;
  font-size: 14px;
  margin-bottom: 18px;
}

.c365-premium-hero h2 {
  max-width: 720px;
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(38px, 5vw, 68px);
  line-height: .98;
  letter-spacing: -.055em;
  font-weight: 900;
}

.c365-premium-hero p {
  max-width: 620px;
  color: rgba(255,255,255,.82);
  font-size: 18px;
  line-height: 1.7;
}

.c365-image-card-grid {
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  gap: 34px;
  align-items: center;
}

.c365-premium-image-card {
  position: relative;
  overflow: hidden;
  min-height: 430px;
  border-radius: 34px;
  box-shadow: var(--c365-shadow);
  background: #071b3a;
}

.c365-premium-image-card img {
  width: 100%;
  height: 100%;
  min-height: 430px;
  object-fit: cover;
  display: block;
  transform: scale(1.02);
}

.c365-premium-image-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 35%, rgba(7,27,58,.72));
}

.c365-image-caption {
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  color: #fff;
}

.c365-image-caption strong {
  display: block;
  font-size: 22px;
  line-height: 1.2;
  margin-bottom: 8px;
}

.c365-image-caption span {
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.55;
}

.c365-trust-strip {
  background: #fff;
  border-top: 1px solid var(--c365-border);
  border-bottom: 1px solid var(--c365-border);
  padding: 34px 0;
}

.c365-trust-strip-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.c365-trust-mini {
  background: #f7f9fd;
  border: 1px solid var(--c365-border);
  border-radius: 22px;
  padding: 22px;
  min-height: 128px;
}

.c365-trust-mini b {
  display: block;
  color: var(--c365-navy);
  font-size: 24px;
  margin-bottom: 8px;
}

.c365-trust-mini span {
  color: var(--c365-muted);
  font-size: 14px;
  line-height: 1.5;
}

.c365-visual-divider {
  height: 340px;
  background:
    linear-gradient(90deg, rgba(7,27,58,.88), rgba(7,27,58,.22)),
    url("https://images.unsplash.com/photo-1551836022-d5d88e9218df?auto=format&fit=crop&w=1800&q=82") center/cover no-repeat;
  display: flex;
  align-items: center;
}

.c365-visual-divider-content {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  color: #fff;
}

.c365-visual-divider-content h2 {
  max-width: 620px;
  color: #fff;
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.05;
  letter-spacing: -.045em;
  margin: 0 0 12px;
}

.c365-visual-divider-content p {
  max-width: 560px;
  color: rgba(255,255,255,.78);
  font-size: 17px;
}

.c365-top-visual {
  display: none !important;
}

@media (max-width: 1024px) {
  .c365-image-card-grid {
    grid-template-columns: 1fr;
  }

  .c365-trust-strip-grid {
    grid-template-columns: 1fr 1fr;
  }

  .c365-premium-hero {
    min-height: 360px;
  }
}

@media (max-width: 640px) {
  .c365-premium-hero {
    min-height: 0;
  }

  .c365-premium-hero-inner {
    width: min(100% - 24px, 1180px);
    padding: 46px 0;
  }

  .c365-premium-hero h2 {
    font-size: 34px;
  }

  .c365-premium-hero p {
    font-size: 15.5px;
  }

  .c365-premium-image-card,
  .c365-premium-image-card img {
    min-height: 280px;
    border-radius: 24px;
  }

  .c365-image-caption {
    left: 18px;
    right: 18px;
    bottom: 18px;
  }

  .c365-image-caption strong {
    font-size: 19px;
  }

  .c365-trust-strip-grid {
    grid-template-columns: 1fr;
  }

  .c365-visual-divider {
    height: 300px;
  }

  .c365-visual-divider-content {
    width: min(100% - 24px, 1180px);
  }

  .c365-visual-divider-content h2 {
    font-size: 30px;
  }
}


/* V10 modular calculator UX upgrade: makes black amount box clearly editable */
.c365-v10-amount-input,
.manual-input,
#c365AmountInput {
  border: 2px solid #fbbf24 !important;
  box-shadow: 0 0 0 4px rgba(251,191,36,.22), 0 12px 28px rgba(22,5,31,.18) !important;
  cursor: text !important;
  transition: .22s ease !important;
}
.c365-v10-amount-input:focus,
.c365-v10-active,
.manual-input:focus,
#c365AmountInput:focus {
  border-color: #fde047 !important;
  box-shadow: 0 0 0 6px rgba(251,191,36,.32), 0 0 24px rgba(251,191,36,.38) !important;
  transform: translateY(-1px);
}
.c365-v10-tap-hint {
  display: inline-block;
  margin: 0 0 8px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff7ed;
  color: #92400e;
  border: 1px solid #fbbf24;
  font-size: 13px;
  font-weight: 950;
}


/* Credit365 SG V11 global theme control. Connected landing pages keep SEO/content, while this controls CTA/UI. */
:root{
  --c365-main-1:#fbbf24; --c365-main-2:#f97316; --c365-main-text:#071a33;
  --c365-site-1:#1d4ed8; --c365-site-2:#2563eb;
  --c365-wa-1:#25d366; --c365-wa-2:#128c7e;
  --c365-tg-1:#38bdf8; --c365-tg-2:#0284c7; --c365-amount-glow:#fbbf24;
  --c365-floating-main-1:#111827; --c365-floating-main-2:#374151; --c365-floating-text:#ffffff; --c365-floating-panel:#0f172a; --c365-button-text:#ffffff;
}
.btn-main,button.btn-main,#calculateDoneBtn,#applyBtn,#c365CalculatorApply,.c365-btn-primary,[data-c365-button="main"]{
  background:linear-gradient(135deg,var(--c365-main-1),var(--c365-main-2))!important;
  color:var(--c365-main-text)!important;
}
.btn-site,.float-mini.btn-site,.float-site,.c365-btn-secondary,[data-c365-button="website"]{background:linear-gradient(135deg,var(--c365-site-1),var(--c365-site-2))!important;color:var(--c365-button-text)!important;}
.btn-wa,.float-mini.btn-wa,.float-wa,[data-c365-button="whatsapp"]{background:linear-gradient(135deg,var(--c365-wa-1),var(--c365-wa-2))!important;color:var(--c365-button-text)!important;}
.btn-tg,.float-mini.btn-tg,.float-tg,[data-c365-button="telegram"]{background:linear-gradient(135deg,var(--c365-tg-1),var(--c365-tg-2))!important;color:var(--c365-button-text)!important;}
.manual-input,.c365-v11-amount-input,#amountInput,#c365AmountInput{
  border:2px solid var(--c365-amount-glow)!important;
  box-shadow:0 0 0 4px rgba(251,191,36,.22),0 12px 28px rgba(22,5,31,.18)!important;
  cursor:text!important;transition:.22s ease!important;
}
.manual-input:focus,.c365-v11-amount-input:focus,#amountInput:focus,#c365AmountInput:focus{
  border-color:#fde047!important;box-shadow:0 0 0 6px rgba(251,191,36,.32),0 0 24px rgba(251,191,36,.38)!important;transform:translateY(-1px);
}
.c365-v11-tap-hint{display:inline-block;margin:0 0 8px;padding:7px 12px;border-radius:999px;background:#fff7ed;color:#92400e;border:1px solid #fbbf24;font-size:13px;font-weight:950;}

/* Credit365 V4 visual dashboard floating controls */
#floatToggle,.float-toggle,.c365-floating-toggle,[data-c365-button="floating-toggle"]{
  background:linear-gradient(135deg,var(--c365-floating-main-1),var(--c365-floating-main-2))!important;
  color:var(--c365-floating-text)!important;
}
#floatWrap,.float-wrap,.c365-floating-menu,.c365-floating-cta{
  background:var(--c365-floating-panel)!important;
}