/* Paisa 108: header, hero and footer in kredtap.in's structure, in Paisa 108's colors. */
:root{--p-primary:#3b4db7;--p-deep:#1e3a8a;--p-navy:#2b3674;--p-pink:#e8356d;--p-pink-deep:#ca2458;--p-footer:#2d3e9e;--p-tint:#c9cff0;--p-wash:#e1e5f7;--p-line:#e4e7ef}
.kt-wrap{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}
.kt-btn{display:inline-flex;white-space:nowrap;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:14px;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
.kt-btn-lg{min-height:56px;font-size:17px;padding:0 26px}
.kt-btn-primary{background:var(--p-primary);color:#fff}.kt-btn-primary:hover{background:var(--p-deep);color:#fff}
.kt-btn-accent{background:var(--p-pink);color:#fff}.kt-btn-accent:hover{background:var(--p-pink-deep);color:#fff}
.kt-btn-glass{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.3)}.kt-btn-glass:hover{background:rgba(255,255,255,.2);color:#fff}

/* Header */
.kt-header{position:relative;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--p-line)}
.kt-header-inner{min-height:76px;display:flex;align-items:center;gap:32px}
.kt-logo{display:flex;flex-shrink:0}.kt-logo img{display:block;height:44px;width:auto}
.kt-nav{display:flex;gap:28px;margin-left:auto}
.kt-nav a{color:#334155;text-decoration:none;font-weight:600;font-size:15px}.kt-nav a:hover,.kt-nav a.active{color:var(--p-primary)}
.kt-header-cta{margin-left:auto;min-height:44px;padding:0 18px;font-size:15px}
.kt-nav+.kt-header-cta{margin-left:0}
.kt-nav-toggle{display:none}
.kt-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;cursor:pointer;order:3}
.kt-hamburger span{display:block;height:2px;width:22px;margin:0 auto;background:var(--p-navy);border-radius:2px}
@media (max-width:900px){
  .kt-header-inner{gap:12px}
  .kt-header-cta{margin-left:auto!important}
  .kt-hamburger{display:flex}
  .kt-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--p-line);box-shadow:0 12px 24px rgba(43,54,116,.08)}
  .kt-nav a{padding:14px clamp(16px,4vw,40px);border-top:1px solid var(--p-line)}
  .kt-nav-toggle:checked~.kt-nav{display:flex}
}
@media (max-width:420px){.kt-logo img{height:38px}.kt-header-cta{padding:0 14px}}

/* Hero */
.kt-hero{position:relative;overflow:hidden;isolation:isolate;background:var(--p-primary);color:#fff}
.kt-hero-art{position:absolute;right:-96px;top:-96px;z-index:-1;opacity:.9}
.kt-hero-inner{display:flex;flex-wrap:wrap;align-items:center;gap:56px;padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(56px,8vw,112px)}
.kt-hero-copy{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:26px}
html:root body .kt-hero-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font:500 12px/1.3 "Commit Mono",ui-monospace,monospace!important;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px}
.kt-dot{width:8px;height:8px;border-radius:99px;background:var(--p-pink);flex-shrink:0}
html:root body .kt-hero-title{margin:0;color:#fff;font-size:clamp(42px,6vw,80px);line-height:.98;font-weight:800;letter-spacing:-.045em}
.kt-hl{color:var(--p-pink)}
.kt-hero-lede{margin:0;font-size:clamp(17px,1.8vw,20px);line-height:1.55;color:var(--p-wash);max-width:540px}
.kt-actions{display:flex;flex-wrap:wrap;gap:12px}
.kt-hero-visual{flex:1 1 380px;min-width:0;display:flex;justify-content:center;position:relative}
.kt-hero-image{display:block;width:100%;max-width:440px;height:auto}

/* Footer */
.kt-footer{background:var(--p-footer);color:var(--p-tint);padding:64px 0 28px}
.kt-footer-inner{display:flex;flex-direction:column;gap:40px}
.kt-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:36px}
@media (max-width:900px){.kt-footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}
.kt-footer-brand{display:flex;flex-direction:column;gap:16px}.kt-footer-brand>span{font-size:14px;line-height:1.6}
.kt-footer-logo{align-self:flex-start;display:flex;background:#fff;border-radius:14px;padding:8px 12px}.kt-footer-logo img{display:block;height:40px;width:auto}
.kt-footer nav{display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5}
.kt-footer nav b{color:#fff;font-size:14px}
.kt-footer nav a{color:var(--p-tint);text-decoration:none}.kt-footer nav a:hover{color:#fff}
.kt-footer-disclosure{margin:0;font-size:13px;line-height:1.7;color:var(--p-tint);border-top:1px solid rgba(255,255,255,.18);padding-top:24px}
.kt-footer-disclosure strong{color:#fff}.kt-footer-disclosure a{color:#fff}
.kt-copyright{font-size:13px;color:var(--p-tint)}
