/* Design v900 — bright readable palette + premium 3D icons */
:root{
  --green:#5b55e7;
  --green2:#3f3aa8;
  --mint:#f1f0ff;
  --ink:#17213b;
  --muted:#59647c;
  --line:#dfe4ef;
  --bg:#f8f9fc;
}

body{
  background:linear-gradient(180deg,#fff 0,#f7f8fc 45%,#fffaf8 100%);
  color:var(--ink);
}
header{background:rgba(255,255,255,.96);border-color:#e5e8f0}
nav,.page-title p,.lead,.feature-grid p,.workflow-grid p,.steps p,.faq details p{color:#56627a}

/* Keep strong blue only as a small accent. */
.banner{
  color:var(--ink)!important;
  background:linear-gradient(135deg,#fff 0,#f5f3ff 53%,#fff3ee 100%)!important;
  border:1px solid #e4e4f0;
}
.banner h1,.banner .hero-copy>p:not(.eyebrow){color:var(--ink)!important}
.banner .hero-copy>p:not(.eyebrow){opacity:1}
.banner .btn.ghost{color:#3f3a78;border-color:#d6d5e8;background:#fff}
.hero-trust span{color:#4f5b73;background:rgba(255,255,255,.75);border:1px solid #e1e4ed;border-radius:999px;padding:7px 11px}
.slider-controls>button{color:#454073;border-color:#cccbe2;background:#fff}
.slider-controls [data-dot]{background:#c4c3d8}.slider-controls [data-dot].active{background:#655ee8}
.hero-floating-card{background:rgba(255,255,255,.9)!important;color:#263253!important;border-color:#dfe2ee!important}

.feature-grid article,.steps>div,.showcase,.trust-panel,.faq-content,.panel,.detail-layout>article,.detail-layout>aside{
  color:var(--ink);
  background:#fff;
  border-color:var(--line);
}
.feature-grid article{box-shadow:0 14px 35px rgba(32,43,82,.07)}
.feature-grid article:hover{border-color:#c9c7f2;box-shadow:0 20px 45px rgba(63,58,168,.11)}

/* Generated 3D icon tiles. */
.feature-icon.icon-3d,.letter-icon.icon-3d{
  width:86px;height:86px;margin:0 0 19px;border:1px solid #e3e4ee;border-radius:24px;
  overflow:hidden;background:#fbfaff;box-shadow:0 12px 26px rgba(42,53,98,.10);transform:none;
}
.feature-icon.icon-3d::before,.feature-icon.icon-3d::after{display:none}
.icon-3d img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform .28s ease}
.feature-grid article:hover .icon-3d img{transform:scale(1.16) rotate(1deg)}
.workflow-grid .letter-icon.icon-3d{background:#fbfaff;color:transparent}

.showcase{background:linear-gradient(135deg,#fff,#f5f2ff 58%,#fff6f1)}
.showcase li{background:rgba(255,255,255,.82);border:1px solid #e2e5ee;border-radius:15px;padding:16px;margin-bottom:9px;box-shadow:none}
.showcase li span,.showcase>div>p:last-child{color:#59647c}
.showcase li strong{color:var(--ink)}

.trust-panel{background:linear-gradient(135deg,#f1f0ff,#fff 55%,#fff0eb);border:1px solid #dfdff0}
.trust-panel h2,.trust-panel p,.trust-list span{color:var(--ink)!important}
.trust-list span{background:rgba(255,255,255,.83);border:1px solid #e1e3ec}
.trust-list b{color:#f06f65}

.product-art::after{background:linear-gradient(180deg,transparent 68%,rgba(17,28,60,.62) 100%)}
.bank-box{background:#f8f8ff;border-color:#dfe1f0}.bank-box span{color:#4b5370}
.product-hero>div:last-child{color:var(--ink);background:#fff}

.btn.primary{background:linear-gradient(135deg,#625bea,#7b5fdf 58%,#ef716b);color:#fff}
.flash{background:#303567;color:#fff}
footer{background:#202741}

@media(max-width:820px){
  .hero-trust{gap:7px}.hero-trust span{font-size:10px;padding:5px 8px}
  .feature-icon.icon-3d,.letter-icon.icon-3d{width:76px;height:76px}
}
@media(prefers-reduced-motion:reduce){.icon-3d img{transition:none}.feature-grid article:hover .icon-3d img{transform:scale(1.08)}}