
html,body{margin:0!important;padding:0!important;}
*{margin:0;padding:0;box-sizing:border-box;}

:root{
  --navy:#0E6B54;
  --navy-deep:#084A3B;
  --paper:#FBFAF6;
  --card:#FFFFFF;
  --gold:#F3B400;
  --gold-deep:#C98A00;
  --gold-soft:#FFE08A;
  --plum:#1E2235;
  --mint:#14B8A6;
  --ink:#123A2E;
  --ink-dim:#5B6E68;
  --line:#E7E4DB;
  --radius-lg:24px;
  --content-max:88rem;
  --side-gutter:42px;
}
body{background:var(--paper); color:var(--ink); font-family:'Inter',sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;}
h1,h2,h3,h4{font-family:'Inter',sans-serif; font-weight:400; letter-spacing:-0.03em; color:var(--ink);}
em,i,cite{font-style:normal;}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block; width:100%; height:100%; object-fit:cover;}
.wrap{max-width:var(--content-max); margin:0 auto; padding:0 var(--side-gutter);}
@media(max-width:640px){.wrap{padding:0 22px;} :root{--side-gutter:22px;}}
.fw{width:100vw; position:relative; left:50%; margin-left:-50vw!important; z-index:0;}

.pill-btn{display:inline-flex!important; align-items:center!important; gap:12px!important; background:var(--navy); color:#fff!important; font-size:1rem; font-weight:500; padding-left:28px!important; padding-right:8px!important; padding-top:8px!important; padding-bottom:8px!important; border-radius:100px!important; transition:background .3s cubic-bezier(.4,0,.2,1), transform .3s cubic-bezier(.4,0,.2,1), box-shadow .3s cubic-bezier(.4,0,.2,1);}
.pill-btn:hover{background:var(--navy-deep); transform:translateY(-2px); box-shadow:0 12px 28px -10px rgba(0,0,0,.45);}
.pill-btn .arrow-c{background:#fff; border-radius:100px; padding:9px; display:flex; align-items:center; justify-content:center; flex-shrink:0; transition:transform .3s cubic-bezier(.4,0,.2,1);}
.pill-btn:hover .arrow-c{transform:rotate(45deg);}
.pill-btn .arrow-c i{color:var(--navy); font-size:1.05rem;}
.pill-btn.gold{background:var(--gold); color:#171a2e!important;}
.pill-btn.gold:hover{background:#FFC61A;}

.section-tag{display:inline-flex; align-items:center; gap:8px; font-size:.78rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--gold-deep); margin-bottom:14px;}
.section-tag::before{content:''; width:16px; height:1px; background:var(--gold-deep); display:inline-block;}
.how-tag{display:inline-flex; align-items:center; gap:8px; color:var(--gold-deep); font-size:.78rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; margin-bottom:14px;}
.how-tag::before{content:''; width:6px; height:6px; border-radius:50%; background:var(--gold-deep); flex-shrink:0;}
.sec-head{text-align:center; max-width:760px; margin:0 auto 56px;}
.sec-head h2{font-size:clamp(2rem,3.8vw,2.9rem); line-height:1.2; margin-bottom:16px;}
.sec-head p{color:var(--ink-dim); font-size:1rem; line-height:1.7; font-weight:500; max-width:580px; margin:0 auto;}
.about-tag{display:inline-flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--line); color:var(--ink); font-size:.8rem; font-weight:700; padding:8px 18px 8px 14px; border-radius:100px; margin-bottom:22px;}
.about-tag i{color:var(--gold-deep);}

@keyframes fade-up{from{opacity:0; transform:translateY(24px);} to{opacity:1; transform:translateY(0);}}
.animate-fade-up{opacity:0; animation:fade-up .8s cubic-bezier(0.16,1,0.3,1) forwards;}
@keyframes lp-float{0%,100%{transform:translateY(0);} 50%{transform:translateY(-10px);}}
@keyframes lp-spin{to{transform:rotate(360deg);}}

/* ===== LOAN HERO ===== */
.lh-sec{position:relative; overflow:hidden; color:#fff; display:flex; flex-direction:column;
  background:
    radial-gradient(45% 60% at 78% 55%, rgba(243,180,0,.18) 0%, rgba(243,180,0,0) 65%),
    radial-gradient(40% 50% at 0% 100%, rgba(20,184,166,.16) 0%, rgba(20,184,166,0) 60%),
    linear-gradient(160deg, #0B5A47 0%, var(--navy-deep) 45%, #05302A 100%);}
.lh-sec::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(70% 80% at 30% 30%, #000 0%, transparent 75%); mask-image:radial-gradient(70% 80% at 30% 30%, #000 0%, transparent 75%);}
.lh-inner{position:relative; z-index:1; flex:1; width:100%; max-width:var(--content-max); margin:0 auto; display:grid; grid-template-columns:1.12fr .88fr; gap:40px; align-items:end; padding:110px var(--side-gutter) 0;}
.lh-text{padding-bottom:40px; align-self:center;}
.lh-tag{display:inline-flex; align-items:center; gap:8px; background:var(--gold); color:var(--navy-deep); font-size:.76rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:9px 18px 9px 14px; border-radius:100px; margin-bottom:26px;}
.lh-title{color:#fff; font-size:clamp(2.3rem, 4.3vw, 4.6rem); font-weight:400; line-height:1.08; letter-spacing:-0.04em; margin:0 0 24px; text-shadow:0 10px 40px rgba(0,0,0,.2);}
.lh-title span{display:block; white-space:nowrap;}
.lh-title em{color:var(--gold-soft);}
@media(max-width:560px){ .lh-title span{white-space:normal;} }
.lh-lead{color:rgba(255,255,255,.76); font-size:clamp(1rem, 1.25vw, 1.2rem); line-height:1.65; font-weight:500; max-width:560px; margin:0 0 34px;}
.lh-actions{display:flex; flex-wrap:wrap; gap:14px; align-items:center;}
.lh-ghost{display:inline-flex; align-items:center; gap:10px; padding:14px 26px; border-radius:100px; border:1px solid rgba(255,255,255,.3); color:#fff!important; font-weight:500; font-size:1rem; transition:background .3s ease, color .3s ease, border-color .3s ease;}
.lh-ghost i{transition:transform .3s ease;}
.lh-ghost:hover{background:#fff; color:var(--navy-deep)!important; border-color:#fff;}
.lh-ghost:hover i{transform:translateY(3px);}

.lh-media{position:relative; height:min(540px, calc(100vh - 220px)); height:min(540px, calc(100svh - 220px)); min-height:440px; width:100%; max-width:600px; margin-left:auto;}
.lh-sun{position:absolute; left:50%; bottom:-70px; width:460px; height:460px; margin-left:-230px; border-radius:50%; background:linear-gradient(160deg, var(--gold) 0%, var(--gold-deep) 100%); box-shadow:0 0 0 22px rgba(243,180,0,.1), 0 0 0 46px rgba(243,180,0,.05);}
.lh-orbit{position:absolute; left:50%; bottom:-190px; width:700px; height:700px; margin-left:-350px; border-radius:50%; border:1.5px dashed rgba(255,255,255,.2); animation:lp-spin 50s linear infinite; pointer-events:none;}
.lh-orbit i{position:absolute; top:-7px; left:50%; width:14px; height:14px; margin-left:-7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 6px rgba(243,180,0,.2);}
.lh-person{position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:auto!important; height:94%!important; max-width:none; object-fit:contain; z-index:2; filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));}
.lh-chip{position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:8px 18px 8px 8px; border-radius:100px; background:rgba(255,255,255,.95); color:var(--ink); box-shadow:0 20px 40px -18px rgba(0,0,0,.5); animation:lp-float 7s ease-in-out infinite; white-space:nowrap;}
.lh-chip > span{width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--navy); color:var(--gold); font-size:1.05rem; flex-shrink:0;}
.lh-chip b{display:block; font-size:.88rem; font-weight:700; line-height:1.2;}
.lh-chip small{display:block; font-size:.72rem; font-weight:500; color:var(--ink-dim);}
.lh-chip.c1{top:16%; left:-4%;}
.lh-chip.c2{top:36%; right:-2%; animation-delay:-2.3s;}
.lh-chip.c2 > span{background:var(--gold); color:#171a2e;}
.lh-chip.c3{bottom:16%; left:0; animation-delay:-4.6s;}
.lh-card{position:absolute; top:3%; right:4%; z-index:3; padding:14px 18px; border-radius:18px; background:rgba(8,20,18,.45); border:1px solid rgba(255,255,255,.16); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); animation:lp-float 8s ease-in-out infinite; animation-delay:-1.2s;}
.lh-card .stars{display:flex; gap:2px; color:var(--gold); font-size:.8rem; margin-bottom:6px;}
.lh-card b{display:block; font-size:1.2rem; font-weight:500; line-height:1.1;}
.lh-card small{display:block; font-size:.74rem; color:rgba(255,255,255,.7); font-weight:500;}

.lh-marquee{position:relative; z-index:4; border-top:1px solid rgba(255,255,255,.12); background:rgba(3,30,25,.55); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); padding:18px 0; overflow:hidden;}
.lh-track{display:flex; width:max-content; animation:lh-mq 45s linear infinite;}
.lh-marquee:hover .lh-track{animation-play-state:paused;}
@keyframes lh-mq{from{transform:translateX(0);} to{transform:translateX(-50%);}}
.lh-track a{display:inline-flex; align-items:center; gap:14px; padding:0 22px; font-size:1.05rem; font-weight:500; color:rgba(255,255,255,.88); white-space:nowrap; transition:color .25s ease;}
.lh-track a:hover{color:var(--gold-soft);}
.lh-track a i{color:var(--gold); font-size:.8rem;}

@media(max-width:1100px){
  .lh-chip.c1{left:0;}
  .lh-chip.c2{right:0;}
}
@media(max-width:1000px){
  .lh-inner{grid-template-columns:1fr; gap:10px; padding-top:120px;}
  .lh-text{padding-bottom:10px;}
  .lh-media{height:440px; min-height:0; max-width:520px; margin:0 auto;}
}
@media(max-width:560px){
  .lh-inner{padding-top:100px;}
  .lh-media{height:380px;}
  .lh-sun{width:320px; height:320px; margin-left:-160px; bottom:-50px;}
  .lh-orbit{width:480px; height:480px; margin-left:-240px; bottom:-130px;}
  .lh-chip{padding:6px 12px 6px 6px;}
  .lh-chip > span{width:30px; height:30px; font-size:.9rem;}
  .lh-chip small{display:none;}
  .lh-card{padding:10px 14px;}
  .lh-actions a{flex:1 1 auto; justify-content:center;}
}
@media (prefers-reduced-motion: reduce){ .lh-orbit, .lh-chip, .lh-card, .lh-track{animation:none;} }

/* ===== STATS STRIP ===== */
.ls-sec{background:var(--paper); padding:70px 0 0;}
.ls-row{display:grid; grid-template-columns:repeat(4, 1fr); border-radius:24px; background:var(--card); border:1px solid var(--line); box-shadow:0 30px 60px -44px rgba(14,107,84,.4);}
.ls-item{display:flex; align-items:center; gap:18px; padding:30px 28px; border-left:1px solid var(--line);}
.ls-item:first-child{border-left:0;}
.ls-ico{width:52px; height:52px; border-radius:15px; background:var(--navy); color:var(--gold); display:grid; place-items:center; font-size:1.45rem; flex-shrink:0; transition:transform .45s cubic-bezier(.34,1.56,.64,1), background .35s ease, color .35s ease;}
.ls-item:hover .ls-ico{transform:scale(1.08) rotate(-5deg); background:var(--gold); color:#171a2e;}
.ls-item b{display:block; font-size:clamp(1.8rem, 2.4vw, 2.4rem); font-weight:400; letter-spacing:-0.04em; line-height:1; color:var(--ink);}
.ls-item div > span{display:block; margin-top:6px; font-size:.86rem; font-weight:500; color:var(--ink-dim);}
@media(max-width:1000px){
  .ls-row{grid-template-columns:1fr 1fr;}
  .ls-item:nth-child(3){border-left:0;}
  .ls-item:nth-child(n+3){border-top:1px solid var(--line);}
}
@media(max-width:520px){
  .ls-sec{padding-top:50px;}
  .ls-item{flex-direction:column; align-items:flex-start; gap:12px; padding:22px 18px;}
  .ls-ico{width:44px; height:44px; font-size:1.2rem;}
}

/* ===== LOAN PRODUCTS GRID ===== */
.lp-sec{background:var(--paper); padding:90px 0 110px;}
.lp-filters{display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin:0 auto 40px;}
.lp-filter{appearance:none; cursor:pointer; font:600 .88rem 'Inter',sans-serif; color:var(--ink); background:var(--card); border:1px solid var(--line); padding:10px 20px; border-radius:100px; transition:background .25s ease, color .25s ease, border-color .25s ease, transform .25s ease;}
.lp-filter:hover{border-color:var(--navy); transform:translateY(-1px);}
.lp-filter.active{background:var(--navy); border-color:var(--navy); color:#fff;}
.lp-filter:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
.lp-filter span{display:inline-grid; place-items:center; min-width:22px; height:22px; margin-left:8px; padding:0 6px; border-radius:100px; font-size:.72rem; background:rgba(14,107,84,.08); color:var(--navy);}
.lp-filter.active span{background:var(--gold); color:#171a2e;}

.lp-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;}
.lp-card{position:relative; display:flex; flex-direction:column; min-height:260px; padding:24px; border-radius:22px; background:var(--card); border:1px solid var(--line); overflow:hidden; transition:transform .4s cubic-bezier(.16,1,.3,1), border-color .35s ease, box-shadow .35s ease;}
.lp-card::after{content:""; position:absolute; right:-60px; top:-60px; width:140px; height:140px; border-radius:50%; background:radial-gradient(circle, rgba(243,180,0,.18), rgba(243,180,0,0) 70%); opacity:0; transition:opacity .4s ease;}
.lp-card:hover{transform:translateY(-5px); border-color:rgba(243,180,0,.7); box-shadow:0 28px 50px -30px rgba(14,107,84,.45);}
.lp-card:hover::after{opacity:1;}
.lp-card-top{display:flex; align-items:flex-start; justify-content:space-between; margin-bottom:22px;}
.lp-ico{width:52px; height:52px; border-radius:15px; background:var(--navy); color:var(--gold); display:grid; place-items:center; font-size:1.5rem; transition:transform .45s cubic-bezier(.34,1.56,.64,1), background .35s ease, color .35s ease;}
.lp-card:hover .lp-ico{transform:scale(1.08) rotate(-5deg); background:var(--gold); color:#171a2e;}
.lp-num{font-size:.9rem; font-weight:600; color:rgba(18,58,46,.35);}
.lp-card h3{font-size:1.22rem; font-weight:500; line-height:1.25; letter-spacing:-0.02em; margin-bottom:8px;}
.lp-card p{color:var(--ink-dim); font-size:.87rem; line-height:1.6; font-weight:500; margin-bottom:20px;}
.lp-card-foot{margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:16px; border-top:1px dashed var(--line);}
.lp-type{font-size:.72rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--gold-deep);}
.lp-more{display:inline-flex; align-items:center; gap:6px; font-size:.85rem; font-weight:600; color:var(--navy);}
.lp-more i{width:26px; height:26px; border-radius:50%; display:grid; place-items:center; background:rgba(14,107,84,.08); transition:transform .3s ease, background .3s ease, color .3s ease;}
.lp-card:hover .lp-more i{transform:rotate(45deg); background:var(--navy); color:#fff;}
.lp-card.is-hidden{display:none;}

.lp-cta-card{grid-column:span 2; display:flex; flex-direction:column; justify-content:space-between; gap:22px; min-height:260px; padding:30px; border-radius:22px; color:#fff; overflow:hidden; position:relative;
  background:radial-gradient(60% 80% at 100% 0%, rgba(243,180,0,.22) 0%, rgba(243,180,0,0) 60%), linear-gradient(160deg, #0F7259 0%, var(--navy-deep) 60%, #06372C 100%);}
.lp-cta-card h3{color:#fff; font-size:clamp(1.5rem, 2.2vw, 2rem); line-height:1.15; max-width:420px;}
.lp-cta-card h3 em{color:var(--gold-soft);}
.lp-cta-card p{color:rgba(255,255,255,.72); font-size:.95rem; font-weight:500; max-width:440px; margin-top:10px;}
.lp-cta-card .pill-btn{align-self:flex-start;}

@media(max-width:1100px){ .lp-grid{grid-template-columns:repeat(3, 1fr);} .lp-cta-card{grid-column:span 3;} }
@media(max-width:820px){ .lp-sec{padding:80px 0;} .lp-grid{grid-template-columns:repeat(2, 1fr);} .lp-cta-card{grid-column:span 2;} }
@media(max-width:540px){ .lp-grid{grid-template-columns:1fr;} .lp-cta-card{grid-column:auto;} .lp-card{min-height:0;} }

/* ===== LOAN DETAIL EXPLORER ===== */
.lx-sec{background:var(--card); border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:110px 0;}
.lx-head{display:grid; grid-template-columns:1.1fr 1fr; gap:48px; align-items:end; margin-bottom:48px;}
.lx-head h2{font-size:clamp(2rem,3.8vw,2.9rem); line-height:1.15;}
.lx-head p{color:var(--ink-dim); font-size:1rem; line-height:1.7; font-weight:500; max-width:520px;}
.lx-layout{display:grid; grid-template-columns:300px 1fr; gap:28px; align-items:start;}

.lx-list{position:sticky; top:24px; display:flex; flex-direction:column; gap:4px; padding:10px; border-radius:22px; background:var(--paper); border:1px solid var(--line); max-height:calc(100vh - 48px); overflow-y:auto; scrollbar-width:thin;}
.lx-item{appearance:none; border:0; cursor:pointer; width:100%; display:flex; align-items:center; gap:12px; padding:9px 12px 9px 9px; border-radius:14px; background:transparent; text-align:left; font:600 .9rem 'Inter',sans-serif; color:var(--ink); transition:background .25s ease, color .25s ease;}
.lx-item > i{width:34px; height:34px; border-radius:10px; display:grid; place-items:center; flex-shrink:0; background:rgba(14,107,84,.08); color:var(--navy); font-size:1.05rem; transition:background .25s ease, color .25s ease;}
.lx-item small{margin-left:auto; font-size:.72rem; font-weight:600; color:rgba(18,58,46,.35);}
.lx-item:hover{background:rgba(14,107,84,.06);}
.lx-item.active{background:var(--navy); color:#fff;}
.lx-item.active > i{background:var(--gold); color:#171a2e;}
.lx-item.active small{color:rgba(255,255,255,.55);}
.lx-item:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

.lx-panel{min-width:0; scroll-margin-top:24px;}
.lx-panel.swap{animation:lx-in .55s cubic-bezier(.16,1,.3,1);}
@keyframes lx-in{from{opacity:0; transform:translateY(14px);} to{opacity:1; transform:none;}}
.lx-top{position:relative; overflow:hidden; border-radius:24px; padding:clamp(26px, 3vw, 40px); color:#fff; margin-bottom:18px;
  background:radial-gradient(50% 90% at 100% 0%, rgba(243,180,0,.2) 0%, rgba(243,180,0,0) 60%), linear-gradient(160deg, #0F7259 0%, var(--navy-deep) 55%, #06372C 100%);}
.lx-top::before{content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size:48px 48px; -webkit-mask-image:linear-gradient(90deg, transparent 30%, #000 100%); mask-image:linear-gradient(90deg, transparent 30%, #000 100%);}
.lx-top > *{position:relative;}
.lx-top-row{display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px;}
.lx-big-ico{width:64px; height:64px; border-radius:18px; display:grid; place-items:center; background:var(--gold); color:#171a2e; font-size:1.9rem; box-shadow:0 18px 30px -14px rgba(243,180,0,.6);}
.lx-count{font-size:.82rem; font-weight:600; color:rgba(255,255,255,.6); letter-spacing:.04em;}
.lx-count b{color:#fff; font-weight:600;}
.lx-top h3{color:#fff; font-size:clamp(2rem, 3.4vw, 3rem); font-weight:400; line-height:1.05; letter-spacing:-0.035em; margin-bottom:10px;}
.lx-tagline{font-size:clamp(1.02rem, 1.3vw, 1.2rem); color:var(--gold-soft); font-weight:500; margin-bottom:14px;}
.lx-desc{color:rgba(255,255,255,.8); font-size:.98rem; line-height:1.7; font-weight:500; max-width:720px; margin-bottom:26px;}
.lx-facts{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.lx-fact{padding:14px 16px; border-radius:16px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12);}
.lx-fact small{display:flex; align-items:center; gap:6px; font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:rgba(255,255,255,.55); margin-bottom:4px;}
.lx-fact small i{color:var(--gold); font-size:.85rem;}
.lx-fact b{display:block; font-size:.95rem; font-weight:600; color:#fff; line-height:1.35;}

.lx-body{display:grid; grid-template-columns:repeat(3, 1fr); gap:14px; margin-bottom:18px;}
.lx-box{padding:24px 22px; border-radius:20px; background:var(--paper); border:1px solid var(--line);}
.lx-box h4{display:flex; align-items:center; gap:10px; font-size:1.05rem; font-weight:600; letter-spacing:-0.01em; margin-bottom:16px;}
.lx-box h4 span{width:34px; height:34px; border-radius:10px; display:grid; place-items:center; background:var(--navy); color:#fff; font-size:1rem;}
.lx-box ul{list-style:none; display:grid; gap:11px;}
.lx-box li{display:flex; gap:10px; font-size:.88rem; line-height:1.5; font-weight:500; color:var(--ink);}
.lx-box li i{color:var(--gold-deep); font-size:1rem; margin-top:2px; flex-shrink:0;}

.lx-cta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:16px; padding:16px 16px 16px 24px; border-radius:20px; border:1px solid var(--line); background:var(--card);}
.lx-cta-left{display:flex; flex-wrap:wrap; align-items:center; gap:12px;}
.lx-emi-link{display:inline-flex; align-items:center; gap:8px; padding:12px 20px; border-radius:100px; border:1.5px solid var(--line); font-size:.92rem; font-weight:600; color:var(--ink); transition:border-color .25s ease, background .25s ease, color .25s ease;}
.lx-emi-link:hover{border-color:var(--navy); background:var(--navy); color:#fff;}
.lx-nav{display:flex; align-items:center; gap:8px;}
.lx-nav button{appearance:none; cursor:pointer; width:42px; height:42px; border-radius:50%; border:1.5px solid var(--navy); background:transparent; color:var(--navy); display:grid; place-items:center; font-size:.95rem; transition:background .2s ease, color .2s ease;}
.lx-nav button:hover{background:var(--navy); color:#fff;}
.lx-nav button:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}

@media(max-width:1200px){ .lx-body{grid-template-columns:1fr 1fr;} .lx-body .lx-box:last-child{grid-column:1 / -1;} }
@media(max-width:960px){
  .lx-sec{padding:80px 0;}
  .lx-head{grid-template-columns:1fr; gap:16px; margin-bottom:32px;}
  .lx-layout{grid-template-columns:1fr; gap:18px;}
  .lx-list{position:relative; top:auto; flex-direction:row; max-height:none; overflow-x:auto; overflow-y:hidden; padding:8px; gap:6px; -webkit-mask-image:linear-gradient(90deg, #000 88%, transparent); mask-image:linear-gradient(90deg, #000 88%, transparent);}
  .lx-item{width:auto; flex-shrink:0; white-space:nowrap; padding-right:16px;}
  .lx-item small{display:none;}
}
@media(max-width:640px){
  .lx-facts{grid-template-columns:1fr;}
  .lx-body{grid-template-columns:1fr;}
  .lx-cta{padding:16px;}
  .lx-cta-left{width:100%;}
  .lx-cta-left a{flex:1 1 auto; justify-content:center;}
}

/* ===== LOAN CALCULATOR ===== */
.loancalc-sec{background:var(--paper);}
.loancalc-outer{max-width:var(--content-max); margin:0 auto;}
.loancalc-content{display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center; padding:100px var(--side-gutter);}
.loancalc-tag{display:inline-flex; align-items:center; gap:8px; background:var(--card); border:1px solid var(--line); color:var(--ink); font-size:.78rem; font-weight:700; letter-spacing:.04em; text-transform:uppercase; padding:8px 18px 8px 14px; border-radius:100px; margin-bottom:24px;}
.loancalc-tag i{color:var(--gold-deep);}
.loancalc-text h2{font-size:clamp(2rem,3.4vw,2.6rem); line-height:1.2; margin-bottom:18px;}
.loancalc-text p.lead{color:var(--ink-dim); font-size:1rem; line-height:1.7; font-weight:500; margin-bottom:30px; max-width:520px;}
.loancalc-checklist{display:grid; grid-template-columns:1fr 1fr; gap:16px 28px; margin-bottom:34px;}
.loancalc-checklist span{display:flex; align-items:center; gap:10px; font-size:.9rem; font-weight:600; color:var(--ink);}
.loancalc-checklist i{color:var(--gold-deep); font-size:.85rem; flex-shrink:0;}
.loancalc-card-wrap{position:relative;}
.loancalc-card-wrap::before{content:""; position:absolute; inset:-18px -18px auto auto; width:180px; height:180px; border-radius:50%; background:radial-gradient(circle, rgba(243,180,0,.35), rgba(243,180,0,0) 70%); filter:blur(10px); z-index:0; pointer-events:none;}
.lc-card{position:relative; z-index:1; color:#fff; border-radius:24px; padding:22px 24px; overflow:hidden;
  background:radial-gradient(120% 60% at 100% 0%, rgba(243,180,0,.16) 0%, rgba(243,180,0,0) 55%), linear-gradient(160deg, #0F7259 0%, var(--navy-deep) 60%, #06372C 100%);
  border:1px solid rgba(255,255,255,.1); box-shadow:0 40px 80px -36px rgba(8,74,59,.65), inset 0 1px 0 rgba(255,255,255,.12);}
.lc-card-top{display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:14px;}
.lc-eyebrow{display:block; font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-soft); margin-bottom:4px;}
.lc-card-top h3{color:#fff; font-size:1.25rem; font-weight:400; line-height:1.2; margin:0;}
.lc-live{display:inline-flex; align-items:center; gap:7px; font-size:.72rem; font-weight:600; color:rgba(255,255,255,.75); padding:6px 12px; border-radius:100px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); white-space:nowrap;}
.lc-live i{width:7px; height:7px; border-radius:50%; background:#4ADE80; animation:lc-pulse 2s infinite;}
@keyframes lc-pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55);} 70%{box-shadow:0 0 0 8px rgba(74,222,128,0);} 100%{box-shadow:0 0 0 0 rgba(74,222,128,0);}}
.lc-tabs{display:grid; grid-template-columns:repeat(4,1fr); gap:4px; padding:4px; border-radius:14px; background:rgba(0,0,0,.18); border:1px solid rgba(255,255,255,.08); margin-bottom:16px;}
.lc-tab{appearance:none; border:0; cursor:pointer; font:600 .8rem 'Inter',sans-serif; color:rgba(255,255,255,.7); background:transparent; padding:7px 6px; border-radius:10px; transition:background .25s ease, color .25s ease;}
.lc-tab:hover{color:#fff;}
.lc-tab.active{background:#fff; color:var(--navy-deep); box-shadow:0 6px 16px -8px rgba(0,0,0,.5);}
.lc-tab:focus-visible{outline:2px solid var(--gold); outline-offset:2px;}
.lc-field{margin-bottom:14px;}
.lc-field-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:6px;}
.lc-field-head label{font-size:.86rem; font-weight:600; color:rgba(255,255,255,.78);}
.lc-input{display:inline-flex; align-items:center; gap:4px; padding:4px 10px; border-radius:9px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); transition:border-color .2s ease, background .2s ease;}
.lc-input:focus-within{border-color:var(--gold); background:rgba(255,255,255,.12);}
.lc-input span{font-size:.85rem; font-weight:600; color:rgba(255,255,255,.6);}
.lc-input input{width:112px; border:0; outline:0; background:transparent; color:#fff; text-align:right; font:600 1rem 'Inter',sans-serif; font-variant-numeric:tabular-nums;}
#lcTenureIn, #lcRateIn{width:44px;}
.lc-range{-webkit-appearance:none; appearance:none; width:100%; height:6px; border-radius:100px; outline:none; cursor:pointer; background:rgba(255,255,255,.16);}
.lc-range::-webkit-slider-thumb{-webkit-appearance:none; width:22px; height:22px; border-radius:50%; background:#fff; border:5px solid var(--gold); box-shadow:0 4px 14px -2px rgba(0,0,0,.5); transition:transform .15s ease;}
.lc-range::-webkit-slider-thumb:hover{transform:scale(1.12);}
.lc-range::-moz-range-thumb{width:12px; height:12px; border-radius:50%; background:#fff; border:5px solid var(--gold); box-shadow:0 4px 14px -2px rgba(0,0,0,.5);}
.lc-range:focus-visible{outline:2px solid var(--gold); outline-offset:6px;}
.lc-result{display:flex; align-items:center; gap:18px; padding:14px 16px; margin:6px 0 14px; border-radius:18px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.1);}
.lc-donut{position:relative; width:92px; height:92px; flex-shrink:0;}
.lc-donut svg{width:100%; height:100%; transform:rotate(-90deg);}
.lc-donut circle{fill:none; stroke-width:14;}
.lc-donut-bg{stroke:var(--gold);}
.lc-donut-int{stroke:#fff; stroke-linecap:round; stroke-dasharray:0 314.16; transition:stroke-dasharray .5s cubic-bezier(.16,1,.3,1);}
.lc-donut-center{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; line-height:1.1;}
.lc-donut-center small{font-size:.58rem; font-weight:600; color:rgba(255,255,255,.6); text-transform:uppercase; letter-spacing:.08em;}
.lc-donut-center b{font-size:1.05rem; font-weight:500;}
.lc-result-info{flex:1; min-width:0;}
.lc-result-label{font-size:.78rem; font-weight:600; color:rgba(255,255,255,.65);}
.lc-emi{font-size:clamp(1.5rem, 2.2vw, 1.9rem); font-weight:500; line-height:1.1; color:#fff; margin:0 0 8px; font-variant-numeric:tabular-nums;}
.lc-legend{display:grid; gap:3px;}
.lc-legend div{display:flex; align-items:center; gap:8px; font-size:.8rem; font-weight:500; color:rgba(255,255,255,.7);}
.lc-legend b{margin-left:auto; color:#fff; font-weight:600; font-variant-numeric:tabular-nums;}
.lc-legend .dot{width:9px; height:9px; border-radius:3px;}
.lc-legend .dot.p{background:var(--gold);}
.lc-legend .dot.i{background:#fff;}
.lc-legend .total{padding-top:5px; margin-top:3px; border-top:1px dashed rgba(255,255,255,.18);}
.lc-legend .total b{color:var(--gold-soft);}
.lc-apply{display:flex; align-items:center; justify-content:center; gap:12px; width:100%; padding:7px 7px 7px 22px; border-radius:100px; background:var(--gold); color:#171a2e!important; font-weight:700; font-size:.94rem; transition:transform .25s ease, box-shadow .25s ease;}
.lc-apply span{margin-left:auto; width:34px; height:34px; border-radius:50%; background:#171a2e; color:#fff; display:flex; align-items:center; justify-content:center; transition:transform .3s ease;}
.lc-apply:hover{transform:translateY(-2px); box-shadow:0 16px 30px -12px rgba(243,180,0,.6);}
.lc-apply:hover span{transform:rotate(45deg);}
.lc-note{font-size:.68rem; color:rgba(255,255,255,.5); text-align:center; margin:8px 0 0;}
@media(max-width:480px){
  .lc-card{padding:22px 18px;}
  .lc-result{flex-direction:column; text-align:center;}
  .lc-result-info{width:100%;}
  .lc-tab{font-size:.74rem;}
}
@media(max-width:1024px){
  .loancalc-content{grid-template-columns:1fr; gap:44px;}
  .loancalc-card-wrap{max-width:540px;}
}
@media(max-width:560px){
  .loancalc-content{padding:60px 22px;}
  .loancalc-checklist{grid-template-columns:1fr;}
}

/* ===== WHY LOANS WITH US ===== */
.lw-sec{background:var(--card); border-top:1px solid var(--line); padding:110px 0;}
.lw-grid{display:grid; grid-template-columns:1fr 1.05fr; gap:72px; align-items:center;}
.lw-media{position:relative; min-height:560px;}
.lw-img-main{position:absolute; top:0; left:0; width:80%; height:82%; border-radius:var(--radius-lg); overflow:hidden; box-shadow:0 30px 60px -28px rgba(0,0,0,.25);}
.lw-img-sub{position:absolute; right:0; bottom:0; width:46%; height:50%; border-radius:var(--radius-lg); overflow:hidden; border:8px solid var(--card); box-shadow:0 30px 60px -26px rgba(0,0,0,.3); z-index:2;}
.lw-img-main img, .lw-img-sub img{transition:transform 1s cubic-bezier(.16,1,.3,1);}
.lw-img-main:hover img, .lw-img-sub:hover img{transform:scale(1.05);}
.lw-badge{position:absolute; left:6%; bottom:4%; z-index:3; background:var(--navy); border-radius:var(--radius-lg); padding:22px 24px; box-shadow:0 24px 40px -20px rgba(8,74,59,.6);}
.lw-badge b{display:block; color:#fff; font-size:2.3rem; font-weight:500; line-height:1;}
.lw-badge span{display:block; color:rgba(255,255,255,.72); font-size:.84rem; font-weight:600; margin-top:8px; max-width:150px; line-height:1.4;}
.lw-pill{position:absolute; top:6%; right:4%; z-index:3; display:flex; align-items:center; gap:10px; padding:10px 16px 10px 10px; border-radius:100px; background:rgba(255,255,255,.95); border:1px solid var(--line); box-shadow:0 20px 40px -20px rgba(0,0,0,.3); animation:lp-float 7s ease-in-out infinite;}
.lw-pill > span{width:36px; height:36px; border-radius:50%; display:grid; place-items:center; background:var(--gold); color:#171a2e; font-size:1.05rem;}
.lw-pill b{display:block; font-size:.88rem; font-weight:700; color:var(--ink); line-height:1.2;}
.lw-pill small{display:block; font-size:.72rem; font-weight:500; color:var(--ink-dim);}
.lw-text h2{font-size:clamp(2rem,3.6vw,2.7rem); line-height:1.18; margin-bottom:16px;}
.lw-text p.lead{color:var(--ink-dim); font-size:1rem; line-height:1.7; font-weight:500; margin-bottom:30px; max-width:520px;}
.lw-feats{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:32px;}
.lw-feat{display:flex; align-items:flex-start; gap:14px; padding:18px; border-radius:18px; background:var(--paper); border:1px solid var(--line); transition:transform .35s cubic-bezier(.16,1,.3,1), box-shadow .35s ease, border-color .35s ease;}
.lw-feat:hover{transform:translateY(-3px); border-color:rgba(243,180,0,.6); box-shadow:0 20px 40px -24px rgba(14,107,84,.35);}
.lw-feat-ico{width:44px; height:44px; border-radius:13px; background:var(--navy); display:grid; place-items:center; flex-shrink:0; transition:transform .4s cubic-bezier(.34,1.56,.64,1), background .35s ease;}
.lw-feat:hover .lw-feat-ico{transform:scale(1.08) rotate(-4deg); background:var(--gold);}
.lw-feat-ico i{color:#fff; font-size:1.15rem; transition:color .35s ease;}
.lw-feat:hover .lw-feat-ico i{color:#171a2e;}
.lw-feat h4{font-size:1rem; font-weight:500; margin-bottom:4px;}
.lw-feat p{color:var(--ink-dim); font-size:.82rem; line-height:1.5; font-weight:500;}
@media(max-width:960px){
  .lw-sec{padding:80px 0;}
  .lw-grid{grid-template-columns:1fr; gap:56px;}
  .lw-media{max-width:560px; width:100%; margin:0 auto; min-height:460px;}
}
@media(max-width:560px){
  .lw-media{min-height:380px;}
  .lw-feats{grid-template-columns:1fr;}
  .lw-badge{padding:16px 18px;}
  .lw-badge b{font-size:1.8rem;}
  .lw-pill small{display:none;}
}
@media (prefers-reduced-motion: reduce){ .lw-pill{animation:none;} }

/* ===== HOW IT WORKS — scroll-filled vertical timeline ===== */
.hw-sec{position:relative; overflow:hidden; color:#fff; padding:110px 0;
  background:
    radial-gradient(45% 55% at 100% 0%, rgba(243,180,0,.14) 0%, rgba(243,180,0,0) 60%),
    radial-gradient(40% 50% at 0% 100%, rgba(20,184,166,.14) 0%, rgba(20,184,166,0) 60%),
    linear-gradient(160deg, #0B5A47 0%, var(--navy-deep) 45%, #05302A 100%);}
.hw-sec::before{content:""; position:absolute; inset:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:64px 64px; -webkit-mask-image:linear-gradient(180deg, #000 0%, transparent 70%); mask-image:linear-gradient(180deg, #000 0%, transparent 70%);}
.hw-grid{position:relative; z-index:1; display:grid; grid-template-columns:.9fr 1.1fr; gap:80px; align-items:start;}
.hw-intro{position:sticky; top:40px;}
.hw-tag{display:inline-flex; align-items:center; gap:8px; background:var(--gold); color:var(--navy-deep); font-size:.76rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:9px 18px 9px 14px; border-radius:100px; margin-bottom:22px;}
.hw-intro h2{color:#fff; font-size:clamp(2.2rem, 4vw, 3.6rem); line-height:1.06; letter-spacing:-0.035em; margin-bottom:18px;}
.hw-intro h2 em{color:var(--gold-soft);}
.hw-intro p{color:rgba(255,255,255,.72); font-size:1.02rem; line-height:1.7; font-weight:500; max-width:440px; margin-bottom:32px;}
.hw-big{display:block; margin-top:48px; font-size:clamp(7rem, 13vw, 12rem); font-weight:400; line-height:.8; letter-spacing:-0.06em; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.18);}
.hw-big b{font-weight:400; color:var(--gold); -webkit-text-stroke:0;}

.hw-steps{position:relative; display:flex; flex-direction:column; gap:22px;}
.hw-line, .hw-fill{position:absolute; left:31px; top:32px; bottom:32px; width:2px; border-radius:2px;}
.hw-line{background:rgba(255,255,255,.12);}
.hw-fill{background:linear-gradient(180deg, var(--gold-soft), var(--gold)); transform-origin:top; transform:scaleY(0); box-shadow:0 0 14px rgba(243,180,0,.5);}
.hw-step{position:relative; display:grid; grid-template-columns:64px 1fr; gap:24px; align-items:start;}
.hw-dot{position:relative; z-index:1; width:64px; height:64px; border-radius:50%; display:grid; place-items:center; font-size:1.5rem; color:var(--gold); background:#07412F; border:1.5px solid rgba(255,255,255,.18); transition:background .45s ease, color .45s ease, border-color .45s ease, transform .45s cubic-bezier(.34,1.56,.64,1), box-shadow .45s ease;}
.hw-step.on .hw-dot{background:var(--gold); color:#171a2e; border-color:var(--gold); transform:scale(1.06); box-shadow:0 0 0 8px rgba(243,180,0,.14);}
.hw-card{padding:26px 28px; border-radius:22px; background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.1); transition:background .45s ease, border-color .45s ease, transform .45s cubic-bezier(.16,1,.3,1);}
.hw-step.on .hw-card{background:rgba(255,255,255,.08); border-color:rgba(243,180,0,.4);}
.hw-card:hover{transform:translateX(4px);}
.hw-num{display:block; font-size:.74rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--gold-soft); margin-bottom:8px;}
.hw-card h4{color:#fff; font-size:clamp(1.2rem, 1.6vw, 1.45rem); font-weight:500; letter-spacing:-0.02em; line-height:1.25; margin-bottom:10px;}
.hw-card p{color:rgba(255,255,255,.72); font-size:.93rem; line-height:1.65; font-weight:500; margin-bottom:16px;}
.hw-chips{display:flex; flex-wrap:wrap; gap:8px;}
.hw-chips span{display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:100px; font-size:.78rem; font-weight:600; color:rgba(255,255,255,.88); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12);}
.hw-chips i{color:var(--gold); font-size:.85rem;}
@media(max-width:960px){
  .hw-sec{padding:80px 0;}
  .hw-grid{grid-template-columns:1fr; gap:44px;}
  .hw-intro{position:static;}
  .hw-big{display:none;}
}
@media(max-width:560px){
  .hw-step{grid-template-columns:48px 1fr; gap:14px;}
  .hw-dot{width:48px; height:48px; font-size:1.15rem;}
  .hw-line, .hw-fill{left:23px; top:24px; bottom:24px;}
  .hw-card{padding:20px 18px;}
}

/* ===== FAQ ===== */
.lf-sec{background:var(--card); border-top:1px solid var(--line); padding:110px 0;}
.lf-grid{display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; align-items:start;}
.lf-intro{position:sticky; top:32px;}
.lf-intro h2{font-size:clamp(2rem,3.6vw,2.7rem); line-height:1.18; margin-bottom:16px;}
.lf-intro p{color:var(--ink-dim); font-size:1rem; line-height:1.7; font-weight:500; margin-bottom:28px; max-width:440px;}
.lf-help{display:flex; align-items:center; gap:16px; padding:18px 20px; border-radius:20px; background:var(--paper); border:1px solid var(--line); max-width:440px;}
.lf-help > span{width:48px; height:48px; border-radius:50%; background:var(--navy); color:var(--gold); display:grid; place-items:center; font-size:1.3rem; flex-shrink:0;}
.lf-help b{display:block; font-size:1rem; font-weight:600;}
.lf-help a{font-size:.9rem; font-weight:600; color:var(--gold-deep); border-bottom:1px solid currentColor;}
.lf-list{display:flex; flex-direction:column; gap:12px;}
.lf-item{border-radius:18px; background:var(--paper); border:1px solid var(--line); transition:border-color .3s ease, background .3s ease, box-shadow .3s ease;}
.lf-item[open]{background:var(--card); border-color:rgba(14,107,84,.35); box-shadow:0 20px 40px -28px rgba(14,107,84,.35);}
.lf-item summary{list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:20px 22px; font-size:1.02rem; font-weight:600; color:var(--ink);}
.lf-item summary::-webkit-details-marker{display:none;}
.lf-item summary:focus-visible{outline:2px solid var(--gold); outline-offset:2px; border-radius:18px;}
.lf-item summary i{width:32px; height:32px; border-radius:50%; display:grid; place-items:center; flex-shrink:0; background:rgba(14,107,84,.08); color:var(--navy); font-size:.9rem; transition:transform .35s cubic-bezier(.16,1,.3,1), background .3s ease, color .3s ease;}
.lf-item[open] summary i{transform:rotate(45deg); background:var(--navy); color:#fff;}
.lf-item p{padding:0 22px 22px; color:var(--ink-dim); font-size:.93rem; line-height:1.7; font-weight:500; max-width:680px;}
@media(max-width:960px){
  .lf-sec{padding:80px 0;}
  .lf-grid{grid-template-columns:1fr; gap:40px;}
  .lf-intro{position:static;}
}

/* ===== BACKED BY ===== */
.backed-sec{background:var(--card); padding:0 0 90px;}
.backed-row{display:grid; grid-template-columns:1fr 3fr; gap:32px; align-items:center; padding-top:50px; border-top:1px solid var(--line);}
.backed-lead{color:rgba(17,17,17,.62); font-size:1rem; line-height:1.65; font-weight:500;}
.backers-track-wrap{overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.backers-track{display:flex; width:max-content; animation:backersmq 30s linear infinite;}
@keyframes backersmq{from{transform:translateX(0);} to{transform:translateX(-50%);}}
.bk-item{margin:0 38px; flex-shrink:0; color:rgba(17,17,17,.4); white-space:nowrap; font-weight:700;}
@media(max-width:760px){.backed-row{grid-template-columns:1fr; gap:18px;} .backed-sec{padding-bottom:60px;}}

/* ===== CTA BAND ===== */
.lcta-sec{background:var(--paper); padding:90px 0 100px;}
.lcta-box{position:relative; overflow:hidden; border-radius:32px; padding:clamp(36px, 5vw, 72px); display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center; color:#fff;
  background:radial-gradient(50% 90% at 100% 100%, rgba(243,180,0,.25) 0%, rgba(243,180,0,0) 60%), linear-gradient(160deg, #0F7259 0%, var(--navy-deep) 55%, #05302A 100%);}
.lcta-box::before{content:""; position:absolute; right:-120px; top:-120px; width:380px; height:380px; border-radius:50%; border:1.5px dashed rgba(255,255,255,.18); animation:lp-spin 40s linear infinite;}
.lcta-box > *{position:relative;}
.lcta-box h2{color:#fff; font-size:clamp(2rem, 3.8vw, 3.2rem); line-height:1.08; letter-spacing:-0.035em;}
.lcta-box h2 em{color:var(--gold-soft);}
.lcta-box p{color:rgba(255,255,255,.75); font-size:1.02rem; line-height:1.7; font-weight:500; margin-top:16px; max-width:520px;}
.lcta-actions{display:flex; flex-wrap:wrap; gap:14px; justify-content:flex-end;}
@media(max-width:900px){ .lcta-box{grid-template-columns:1fr;} .lcta-actions{justify-content:flex-start;} }
@media(max-width:560px){ .lcta-sec{padding:60px 0 70px;} .lcta-box{border-radius:24px;} .lcta-actions a{flex:1 1 auto; justify-content:center;} }


.gs-reveal{opacity:0; transform:translateY(36px); will-change:transform,opacity;}
.gs-scale{opacity:0; transform:translateY(24px) scale(.96); will-change:transform,opacity;}
.gs-left{opacity:0; transform:translateX(-32px); will-change:transform,opacity;}
.gs-right{opacity:0; transform:translateX(32px); will-change:transform,opacity;}
.gs-stagger > *{opacity:0; transform:translateY(24px); will-change:transform,opacity;}
@media (prefers-reduced-motion: reduce){
  .gs-reveal,.gs-scale,.gs-left,.gs-right{opacity:1!important; transform:none!important;}
  .gs-stagger > *{opacity:1!important; transform:none!important;}
  *{animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important;}
}
