:root{font-family:Arial,"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;color:#10264a;background:#f3f7fd;font-synthesis:none;text-rendering:optimizeLegibility;font-optical-sizing:auto;--navy:#10264a;--blue:#2459cb;--sky:#e8f1ff;--line:#dce6f4;--muted:#71819a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.draft-strip{height:31px;display:flex;align-items:center;justify-content:center;gap:9px;background:#e8f1ff;color:#47658f;font-size:10px;letter-spacing:.05em}.draft-strip>span:last-child{margin-left:10px;color:#8394ad}.status-dot{width:6px;height:6px;border-radius:50%;background:#3676ec}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:11px;background:#2459cb;color:white;display:grid;place-items:center;font-size:17px;font-weight:700;box-shadow:0 5px 14px #2459cb33}.brand-name{font-weight:700;font-size:17px;letter-spacing:.04em}.brand-name small{display:block;color:#92a1b7;font-size:8px;letter-spacing:.13em;font-weight:500;margin-top:2px}
.carousel{position:relative;overflow:hidden}.carousel-track,.slide{position:absolute;inset:0}.slide{display:grid;grid-template-columns:1fr .82fr;align-items:stretch;animation:fade-in .45s ease}.slide[hidden]{display:none}.slide-copy{position:relative;z-index:2;padding:75px 0 70px 58px;align-self:center;max-width:530px}.eyebrow,.section-label{display:flex;align-items:center;gap:8px;color:#657d9f;font-size:9px;letter-spacing:.16em;font-weight:600}.eyebrow i{width:17px;height:1px;background:#4a78c8}.slide h1,.slide h2{font-size:clamp(38px,4.1vw,56px);line-height:1.24;letter-spacing:-.055em;font-weight:500;margin:27px 0 18px;color:#10264a}.slide h1 em,.slide h2 em,.about-row h2 em{font-style:normal;color:#326bd7}.slide-copy p{max-width:325px;color:#6f8098;font-size:13px;line-height:1.9;margin-bottom:28px}.slide-link{display:inline-flex;gap:32px;align-items:center;background:#2459cb;color:white;border-radius:7px;padding:13px 16px;font-size:11px;font-weight:600;box-shadow:0 7px 18px #2459cb29}.slide-link span{font-size:16px;line-height:10px}.slide-art{position:relative;overflow:hidden;min-height:100%;isolation:isolate;background:linear-gradient(140deg,#dbe9ff,#f4f8ff 76%)}.slide-art:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#d3e3ff;top:20%;right:-76px;z-index:-1}.slide-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #c3d8fb;border-radius:50%;top:28%;right:-34px}.orbit{position:absolute;border:1px solid #9dbcf0;border-radius:50%;transform:rotate(-32deg)}.orbit-a{width:370px;height:125px;top:38%;right:-92px}.orbit-b{width:320px;height:100px;top:43%;right:-65px;transform:rotate(36deg)}.art-disc{position:absolute;width:190px;height:190px;right:43px;top:27%;border-radius:50%;background:radial-gradient(circle at 33% 27%,#fff 0 4%,#b6d0ff 4.5% 28%,#7098e6 29% 56%,#4774d1 57% 100%);box-shadow:22px 24px 48px #2d5cae2b}.art-line{position:absolute;width:240px;height:28px;background:#fff9;right:0;top:51%;transform:rotate(-36deg);border-radius:30px;filter:blur(1px)}.art-square{position:absolute;width:58px;height:58px;right:197px;top:21%;border:1px solid #7098d8;border-radius:13px;transform:rotate(19deg);background:#edf4ff88}.art-caption{position:absolute;bottom:37px;right:35px;color:#7892b9;font-size:10px;letter-spacing:.14em}.art-caption i{font-style:normal;margin-left:8px;color:#355c9a}.art-two{background:linear-gradient(145deg,#e7f2ff,#dceaff 65%,#eff6ff)}.art-stack{position:absolute;top:30%;right:10%;width:195px;height:178px;transform:rotate(-14deg)}.art-stack i{position:absolute;width:160px;height:106px;border-radius:18px;border:1px solid #6f94d2;background:linear-gradient(145deg,#fff,#d2e2fb);box-shadow:0 18px 32px #2459cb16}.art-stack i:nth-child(1){top:0;left:0}.art-stack i:nth-child(2){top:29px;left:17px;background:linear-gradient(145deg,#d9e8ff,#b6d0fb)}.art-stack i:nth-child(3){top:58px;left:35px;background:linear-gradient(145deg,#fff,#e3edfd)}.art-spark{position:absolute;top:19%;right:15%;font-size:38px;color:#5881d3}.art-three{background:linear-gradient(145deg,#edf5ff,#dceaff)}.art-arch{position:absolute;width:230px;height:330px;right:8%;top:21%;border:1px solid #7fa0d5;border-bottom:0;border-radius:140px 140px 0 0;background:linear-gradient(180deg,#c4d9fa77,#f1f6ff00)}.art-sun{position:absolute;width:115px;height:115px;border-radius:50%;background:linear-gradient(135deg,#fff,#b6d2ff);top:25%;right:21%;box-shadow:0 10px 30px #4774d122}.art-path{position:absolute;width:105px;height:190px;border:1px solid #86a8dd;border-bottom:0;border-radius:55% 55% 0 0;transform:perspective(100px) rotateX(4deg);bottom:0;right:25%;background:linear-gradient(180deg,#ffffff11,#d9e8ff)}
.carousel-controls{position:absolute;z-index:5;left:58px;right:32px;bottom:28px;display:flex;align-items:center;gap:19px}.carousel-arrows{display:flex;gap:7px}.carousel-arrows button{width:34px;height:34px;border:1px solid #cfdbec;border-radius:50%;color:#325d9d;background:#ffffffa8;cursor:pointer}.carousel-arrows button:hover{background:white;border-color:#92aed9}.carousel-dots{display:flex;gap:7px}.carousel-dots button{width:7px;height:7px;border:0;border-radius:8px;background:#bacbe3;padding:0;cursor:pointer;transition:width .2s}.carousel-dots button.is-active{width:23px;background:#2e66cc}.carousel-count{margin-left:auto;color:#8fa0b6;font-size:9px;letter-spacing:.12em}.carousel-count b{color:#244b8a;font-weight:600}
.uploaded-art{position:absolute;inset:0 0 0 45%;background:#dce9fb}.uploaded-art img{width:100%;height:100%;object-fit:cover;display:block}.uploaded-slide .slide-copy{max-width:58%;padding-right:20px}
.service-note{max-width:1264px;margin:0 auto 55px;padding:16px 20px;border:1px solid #e0eaf7;border-radius:8px;background:#fff;display:flex;align-items:center;gap:18px}.service-note .section-label{white-space:nowrap}.service-note p{margin:0;color:#7486a0;font-size:10px;line-height:1.8}
.lead-card{background:#fff;border:1px solid #e2eaf5;border-radius:16px;padding:37px 34px 28px;box-shadow:0 16px 48px #1b3a6e0b;align-self:stretch;display:flex;flex-direction:column}.form-topline{display:flex;align-items:center;justify-content:space-between}.secure-mark{font-size:9px;color:#7290b8;background:#f1f6fe;padding:7px 9px;border-radius:30px}.lead-card h2{font-size:27px;line-height:1.42;letter-spacing:-.045em;font-weight:600;margin:24px 0 10px}.form-intro{font-size:11px;line-height:1.8;color:#8090a6;margin:0 0 22px}.field{margin:0 0 15px}.field label{display:block;color:#52657f;font-size:10px;margin-bottom:7px}.field label span{color:#3674e8}.field input,.field select{width:100%;height:45px;border:1px solid #e0e8f3;border-radius:7px;padding:0 13px;color:#51647e;background:#f9fbfe;font-size:11px;outline:none}.field input::placeholder{color:#aab7c8}.field input:focus,.field select:focus{border-color:#82a6e8;box-shadow:0 0 0 3px #dce9ff}.field :disabled{opacity:.8}submit-button{border:0;border-radius:7px;height:47px;color:white;background:#2459cb;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:34px;cursor:not-allowed;opacity:.75}.submit-button span{font-size:16px}.form-foot{display:flex;align-items:center;gap:7px;color:#95a2b4;font-size:8px;margin-top:16px}.lock-icon{font-size:15px;color:#6c89b3}
.field input.field-checkbox{width:16px;height:16px;padding:0;border-radius:4px;accent-color:#2459cb}
.below-fold{max-width:1180px;margin:0 auto;padding:74px 28px 88px;border-top:1px solid #dce6f4}.section-kicker{display:flex;align-items:center;gap:15px;color:#7890b2;font-size:9px;letter-spacing:.14em}.section-kicker .rule{height:1px;background:#d9e4f2;width:72px}.about-row{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:start;margin-top:27px}.about-row h2{font-size:34px;font-weight:500;letter-spacing:-.05em;line-height:1.48;margin:0}.about-row p{font-size:12px;line-height:1.95;color:#687c99;margin:0 0 12px}.about-row .disclaimer{font-size:10px;color:#8998ad}.process{padding:58px max(28px,calc((100vw - 1180px)/2));background:#eaf2ff;display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center}.process h2,.faq h2{font-weight:500;font-size:28px;letter-spacing:-.04em;margin:14px 0 0}.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr)}.process li{padding:0 16px;border-left:1px solid #ccdbee;display:flex;flex-direction:column;gap:14px}.process li b{font-size:10px;color:#3972d1}.process li span{font-size:11px;color:#445a78}.faq{max-width:1180px;margin:auto;padding:74px 28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.faq-list details{border-top:1px solid #dce6f4;padding:17px 0}.faq-list details:last-child{border-bottom:1px solid #dce6f4}.faq-list summary{font-size:12px;cursor:pointer;color:#243d62;list-style:none;display:flex;justify-content:space-between}.faq-list summary:after{content:"+";font-size:17px;color:#4b78bf}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:11px;line-height:1.8;color:#72839b;max-width:600px;margin:12px 0 0}footer{display:flex;align-items:center;gap:28px;padding:25px max(28px,calc((100vw - 1180px)/2));background:white;border-top:1px solid #e5edf6}footer p{font-size:9px;color:#8a99ac;margin:0;flex:1}footer>span{font-size:9px;color:#9aa7b8}
@keyframes fade-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:880px){.slide{grid-template-columns:1fr}.slide-copy{padding:52px 34px 84px;align-self:start}.slide h1,.slide h2{font-size:clamp(36px,6vw,48px)}.slide-art{position:absolute;inset:0 0 0 41%;opacity:.86}.slide-art:before{top:29%}.carousel-controls{left:34px;bottom:21px}.lead-card{padding:27px 22px}.process{grid-template-columns:1fr;gap:30px;padding:48px 28px}}
@media(max-width:640px){.draft-strip{font-size:9px;height:29px}.draft-strip>span:last-child{margin-left:3px}.brand-mark{width:31px;height:31px}.brand-name{font-size:15px}.carousel-track,.slide{inset:0}.slide{grid-template-columns:1fr}.slide-art{inset:0 0 0 35%;opacity:.56}.slide-art:before{width:225px;height:225px;right:-64px;top:18%}.slide-art:after{top:28%;right:-50px}.slide-copy{padding:37px 23px 72px;align-self:center}.eyebrow{font-size:8px}.slide h1,.slide h2{font-size:34px;margin:19px 0 10px}.slide-copy p{font-size:10px;line-height:1.75;max-width:235px;margin-bottom:17px}.slide-link{font-size:9px;padding:10px 12px;gap:22px}.art-disc{width:130px;height:130px;right:13px;top:34%}.art-square{right:125px;top:21%;width:42px;height:42px}.art-stack{right:-13px;top:32%;transform:scale(.7) rotate(-14deg)}.art-spark{top:16%;right:13%;font-size:30px}.art-arch{right:-1%;top:14%;transform:scale(.78);transform-origin:top right}.art-sun{width:80px;height:80px;right:19%;top:24%}.art-caption{font-size:8px;right:16px;bottom:17px}.carousel-controls{left:20px;right:19px;bottom:14px;gap:12px}.carousel-arrows{display:none}.carousel-dots{gap:6px}.carousel-count{font-size:8px}.lead-card{order:1;width:100%;border-radius:13px;padding:25px 21px 20px}.lead-card h2{font-size:24px;margin:18px 0 8px}.form-intro{font-size:10px;margin-bottom:17px}.field{margin-bottom:12px}.field input,.field select{height:43px}.service-note{margin:0 14px 28px;padding:12px;align-items:flex-start;gap:10px;flex-direction:column}.service-note p{font-size:9px}footer{padding:21px 19px;display:grid;grid-template-columns:1fr auto;gap:14px}footer p{grid-column:1/-1;grid-row:2}footer>span{grid-column:2;grid-row:1;text-align:right;font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.lead-card{border-top:5px solid #2459e8;border-radius:23px;padding:28px 27px 23px}.form-icon{display:flex;justify-content:center;margin:-2px 0 12px}.form-icon svg{width:68px;height:68px}.lead-card h2{text-align:center;color:#3474e6;font-size:29px;line-height:1.3;margin:0 0 5px;letter-spacing:-.025em}.lead-card .form-intro{text-align:center;font-size:12px;color:#7e8ca3;margin:0 0 23px}.form-fields{display:grid;grid-template-columns:1.08fr .92fr;gap:4px 13px}.form-fields .field{min-width:0;margin:0 0 10px}.form-fields .field-wide{grid-column:1/-1}.form-fields .field label{font-size:11px;font-weight:600;color:#43536b;margin-bottom:6px}.form-fields .field label span{color:#ec5260}.form-fields .field input,.form-fields .field select{height:43px;border:1.5px solid #e0e5ed;border-radius:8px;background:#fff;font-size:11px;padding:0 11px;color:#34445e}.form-fields .field input:focus,.form-fields .field select:focus{border-color:#7aa3ee;box-shadow:0 0 0 3px #dce9ff}.form-fields .field input::placeholder{color:#a5b1c1}.field-suffix{position:relative}.field-suffix input{padding-right:42px!important}.field-suffix>span{position:absolute;right:13px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:600;color:#4e5d74}.form-fields input:disabled,.form-fields select:disabled{opacity:1;color:#a5b1c1;background:#fcfdff}.lead-card .submit-button{height:53px;margin-top:6px;border-radius:8px;font-size:13px;gap:18px;background:linear-gradient(100deg,#2f6df0,#214ddb);box-shadow:0 8px 18px #2459cb2c;opacity:1}.lead-card .submit-button:disabled{cursor:not-allowed;filter:saturate(.85)}.lead-card .form-foot{justify-content:center;text-align:center;font-size:9px;margin-top:13px;color:#8796aa}
@media(max-width:640px){.lead-card{padding:24px 19px 19px;border-radius:18px;border-top-width:4px}.form-icon svg{width:58px;height:58px}.lead-card h2{font-size:26px}.lead-card .form-intro{font-size:10px;margin-bottom:17px}.form-fields{grid-template-columns:1fr;gap:3px 10px}.form-fields .field{margin-bottom:8px}.form-fields .field label{font-size:9px;margin-bottom:5px}.form-fields .field input,.form-fields .field select{height:40px;font-size:10px;padding:0 8px}.field-suffix input{padding-right:34px!important}.field-suffix>span{right:10px;font-size:10px}.lead-card .submit-button{height:48px;font-size:11px}.lead-card .form-foot{font-size:8px;margin-top:11px}}


.carousel-track, .uploaded-slide { position: static; }
.carousel { --carousel-ratio: 1920 / 545; }
.carousel-track { aspect-ratio: var(--carousel-ratio); }
.uploaded-slide { display: block; animation: none; }
.carousel-image {
  display: block;
  width: 100%;
  aspect-ratio: var(--carousel-ratio);
  object-fit: fill;
}
@media (width < 768px) {
  .carousel { --carousel-ratio: 640 / 1130; }
  .carousel-image { object-fit: contain; }
}
.carousel[hidden] { display: none; }
.carousel-controls { inset: auto 0 2px; justify-content: center; pointer-events: none; }
.carousel-dots { justify-content: center; flex-wrap: wrap; gap: 0; padding-inline: 6px; }
.carousel-dots button, .carousel-dots button.is-active {
  display: grid;
  place-items: center;
  width: 18px;
  height: 30px;
  background: transparent;
  pointer-events: auto;
  transition: none;
}
.carousel-dots button::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #c8c8c8; }
.carousel-dots button.is-active::before { background: #00a0e9; }
.carousel-dots button:focus-visible { outline: 2px solid #066fd1; outline-offset: -2px; }

.field-suffix input[type="number"]{-moz-appearance:textfield;appearance:textfield}.field-suffix input[type="number"]::-webkit-inner-spin-button,.field-suffix input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.website-trap{display:none!important}
#lead [hidden]{display:none!important}

/* Tabler light colors */
:root, body { background: #f9fafb; color: #111827; }
body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  min-height: 100dvh;
}
main {
  --section-inset: 15px;
  --form-top-inset: 24px;
  --section-content-gap: 24px;
  background: #fff;
}

@media (min-width: 768px) {
  main {
    --section-inset: 40px;
    --form-top-inset: clamp(32px, 4vw, 64px);
    --section-content-gap: 30px;
  }
}


.brand-name { color: #111827; }
.brand-name small { color: #4b5563; font-size: 12px; }
.company-footer {
  display: block;
  padding: 30px;
  border: 0;
  background: #333;
  color: #999;
  font-family: Outfit, "Microsoft JhengHei", "Heiti TC", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.company-footer-inner {
  display: grid;
  gap: 30px;
  max-width: 1260px;
  margin-inline: auto;
}

.company-footer h2 {
  margin: 0 0 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #666;
  color: inherit;
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  overflow-wrap: anywhere;
}

.company-footer-details, .company-footer-notices p { margin: 0; }
.company-footer-notices > section + section { margin-top: 22px; }
.company-footer dt, .company-footer dd { display: inline; margin: 0; }
.company-footer dt::after { content: "："; }
.company-footer dd, .company-footer-notices p { overflow-wrap: anywhere; }
.company-footer-notices p {
  color: inherit;
  font-size: inherit;
}
.company-footer-notices p + p {
  margin-top: 10px;
  max-width: 387px;
  font-size: 14px;
  line-height: 24px;
}
.company-footer[hidden], .company-footer [hidden] { display: none; }
.company-footer a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (min-width: 768px) {
  .company-footer-inner:has(.company-footer-notices:not([hidden])) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
  }
}
@media (min-width: 1200px) {
  .company-footer { font-size: 16px; line-height: 28px; }
}
.carousel { background: #e0edf9; }
.lead-card { border: 1px solid #e5e7eb; border-top: 4px solid #066fd1; background: #fff; box-shadow: 0 10px 28px #1118270d; }
.form-icon svg circle { fill: #e7f1fb; }
.form-icon svg path[stroke], .form-icon svg rect[stroke] { stroke: #066fd1; }
.form-icon svg path[fill], .form-icon svg rect[fill] { fill: #066fd1; }
.field-error {
  margin: 5px 0 0;
  color: #b42318;
  font-size: 14px;
  line-height: 1.45;
}
#public-fields [aria-invalid="true"] { border-color: #b42318; }
.lead-card h2 { color: #111827; font-weight: 750; }
.lead-card .form-intro { color: #4b5563; font-size: 14px; }
.form-fields .field label { color: #1f2937; font-size: 13px; }
.form-fields .field label span { color: #b4232d; }
.form-fields .field input, .form-fields .field select { border-color: #d1d5db; color: #111827; font-size: 14px; }
.form-fields .field input::placeholder { color: #6b7280; }
.form-fields .field input:focus, .form-fields .field select:focus { border-color: #066fd1; box-shadow: 0 0 0 3px #cfe4f9; }
.field-suffix > span { color: #4b5563; }
.lead-card .submit-button { background: #066fd1; color: #fff; box-shadow: none; font-size: 15px; }
.lead-card .submit-button:disabled { background: #6b7280; }
.lead-card .form-foot { font-size: 12px; color: #4b5563; }
.form-placeholder span {
  display: grid;
  align-content: space-between;
  gap: 6px;
  margin-bottom: 10px;
}
.form-placeholder span::before, .form-placeholder span::after {
  content: "";
  background: #e7f1fb;
}
.form-placeholder span::before { width: 3.25rem; height: 0.875rem; border-radius: 4px; }
.form-placeholder span::after { height: 43px; border-radius: 8px; }
.form-retry {
  display: block;
  margin: 12px auto 0;
  padding: 8px 14px;
  border: 1px solid #066fd1;
  border-radius: 8px;
  background: #fff;
  color: #0556a2;
  cursor: pointer;
}
@media (max-width: 640px) {
  .form-placeholder span { margin-bottom: 8px; }
  .form-placeholder span::after { height: 40px; }
}


.carousel-controls:not(:has(button:nth-child(2))) { display: none; }
.lead-card .submit-button { border: 1px solid transparent; cursor: pointer; }
.lead-card .submit-button:hover:not(:disabled) { background: #0556a2; }

.consultation-section {
  padding: var(--form-top-inset) clamp(14px, 4vw, 28px) var(--section-inset);
  background: #eaf4fd;
}
.consultation-section .lead-card {
  width: min(100%, 576px);
  margin-inline: auto;
}

.service-benefits {
  padding: var(--section-inset) 24px;
  text-align: center;
}

.service-benefits-inner {
  width: min(100%, 1152px);
  margin-inline: auto;
}

.home-section-title {
  margin: 0;
  color: #1f2937;
  font-size: clamp(32px, 3.2vw, 46px);
  font-weight: 750;
  line-height: 1.25;
  text-align: center;
}

.service-benefits-intro {
  max-width: 42rem;
  margin: 16px auto 0;
  color: #43556a;
  font-size: clamp(16px, 1.45vw, 18px);
  line-height: 1.6;
}

.service-benefits-intro::after {
  content: "";
  display: block;
  width: 118px;
  height: 3px;
  margin: 20px auto 0;
  background: linear-gradient(90deg, transparent, #3b82f6, transparent);
}

.service-benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(20px, 3vw, 40px);
  margin-top: var(--section-content-gap);
}

.benefit-card {
  padding: 44px 20px 42px;
  border: 1px solid #e5edf6;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 14px 28px #2563eb0a;
}

.benefit-card-blue { --benefit-color: #2563eb; --benefit-ring: #3b82f6; --benefit-glow: #2563eb38; }
.benefit-card-green { --benefit-color: #16b654; --benefit-ring: #22c55e; --benefit-glow: #16a34a30; }
.benefit-card-purple { --benefit-color: #8b5cf6; --benefit-ring: #8b5cf6; --benefit-glow: #8b5cf638; }

.benefit-symbol {
  position: relative;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  margin-inline: auto;
  color: var(--benefit-color);
}

.benefit-symbol-tile {
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  border: 2px solid #e1e7ef;
  border-radius: 23px;
  background: linear-gradient(135deg, #fff, #f7f9fb);
  box-shadow: 0 6px 22px var(--benefit-glow);
}

.benefit-symbol-tile svg {
  width: 36px;
  height: 36px;
}

.benefit-ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  fill: none;
  stroke: var(--benefit-ring);
  stroke-width: 2;
  stroke-dasharray: 3 2.5;
  animation: benefit-orbit 4s linear infinite;
}

@keyframes benefit-orbit {
  to { transform: rotate(1turn); }
}

.benefit-card h3 {
  margin: 29px 0 0;
  font-size: 23px;
  line-height: 1.35;
  color: #172536;
}

.benefit-card p {
  margin: 18px 0 0;
  font-size: 16px;
  line-height: 1.7;
  color: #43556a;
}

@media (max-width: 720px) {
  .service-benefits-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .benefit-card { padding-block: 47px 42px; }
}

@media (prefers-reduced-motion: reduce) {
  .benefit-ring { animation: none; }
}

.loan-comparison {
  padding: var(--section-inset) clamp(16px, 4.167vw, 64px);
}

.loan-comparison-inner { max-width: 1320px; margin-inline: auto; }

.loan-comparison .home-section-title,
.credential-section .home-section-title {
  margin: 0 0 min(30px, var(--section-inset));
}

.loan-comparison-table {
  width: 100%;
  border: 1px solid #a1a7aa;
  border-collapse: collapse;
  table-layout: fixed;
  text-align: center;
  line-height: 1.5;
}

.loan-comparison-table th {
  padding: clamp(12px, 1.6vw, 16px);
  background: #005bac;
  color: #fff;
  font-size: clamp(16px, 1.5vw, 21px);
  font-weight: 650;
  overflow-wrap: anywhere;
}

.loan-comparison-table th + th { background: #96b400; color: #202900; }

.loan-comparison-table td {
  padding: clamp(11px, 1.4vw, 15px) clamp(10px, 2vw, 28px);
  color: #15232e;
  font-size: clamp(14px, 1.35vw, 18px);
  overflow-wrap: anywhere;
}

.loan-comparison-table td + td { border-left: 1px solid #a1a7aa; }
.loan-comparison-table tr:nth-child(even) td:first-child { background: #def1fa; }
.loan-comparison-table tr:nth-child(even) td:last-child { background: #ecf4d9; }

@media (max-width: 640px) {
  .loan-comparison-pause { display: none; }
  .loan-comparison-subtitle { display: block; }
}

.application-process {
  padding: var(--section-inset) 24px;
  text-align: center;
}

.application-process-inner {
  max-width: 1280px;
  margin-inline: auto;
}

.application-process-intro {
  margin: 16px auto 0;
  max-width: 42rem;
  color: #43556a;
  font-size: 18px;
  line-height: 1.55;
}

.application-process-intro::after {
  content: "";
  display: block;
  width: 118px;
  height: 3px;
  margin: 20px auto 0;
  background: linear-gradient(90deg, transparent, #3b82f6, transparent);
}

.application-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: var(--section-content-gap) 0 0;
  padding: 0;
  list-style: none;
}

.application-step {
  position: relative;
  min-width: 0;
  padding-inline: 16px;
}

.benefit-card-orange {
  --benefit-color: #e79508;
  --benefit-ring: #f59e0b;
  --benefit-glow: #f59e0b30;
}

.application-step h3 {
  margin: 22px 0 0;
  color: #172536;
  font-size: 23px;
  line-height: 1.4;
}

.application-step p {
  margin: 14px 0 0;
  color: #43556a;
  font-size: 16px;
  line-height: 1.65;
}

.application-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 38px;
  left: 100%;
  width: 48px;
  height: 16px;
  transform: translateX(-50%);
  background:
    linear-gradient(90deg, #bfdbfe, #93bcff) left center / calc(100% - 12px) 3px no-repeat,
    linear-gradient(45deg, transparent 39%, #93bcff 40% 60%, transparent 61%) right top / 9px 8px no-repeat,
    linear-gradient(135deg, transparent 39%, #93bcff 40% 60%, transparent 61%) right bottom / 9px 8px no-repeat;
  pointer-events: none;
}

@media (max-width: 767px) {
  .application-steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 64px;
  }

  .application-step { padding-inline: 0; }

  .application-step:not(:last-child)::after {
    top: calc(100% + 24px);
    left: 50%;
    width: 37px;
    transform: translateX(-50%) rotate(90deg);
  }
}

.credential-section {
  padding: var(--section-inset) 15px;
  text-align: center;
}

.credential-window {
  --credential-columns: 3;
  max-width: 1320px;
  margin-inline: auto;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .credential-window { overflow-x: auto; }
}

.credential-track {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.credential-track.is-static { justify-content: center; }

.credential-track li {
  box-sizing: border-box;
  flex: 0 0 calc(100% / var(--credential-columns));
  min-width: 0;
}

.credential-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1600 / 1043;
  object-fit: contain;
}

.credential-track p {
  margin: 16px auto 0;
  color: #15232e;
  font-size: clamp(13px, 1.15vw, 17px);
  line-height: 1.5;
  overflow-wrap: anywhere;
  white-space: pre-line;
}

@media (min-width: 767px) {
  .credential-section { padding-inline: 30px; }
  .credential-window { --credential-columns: 4; }
}

@media (min-width: 991px) {
  .credential-window { --credential-columns: 5; }
}

@media (min-width: 1200px) {
  .credential-window { --credential-columns: 6; }
}