:root{font-family:Inter,Manrope,system-ui,Arial,sans-serif;color:#172c4d;background:#f5f7ff}*{box-sizing:border-box}body{margin:0}a{text-decoration:none}.container{width:min(1150px,calc(100% - 36px));margin:auto}.top{background:#091d42;color:white}.head{display:flex;justify-content:space-between;align-items:center;padding:17px 0;gap:10px}.brand{color:white;font-weight:900;font-size:20px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#ffc481}.back{color:#ffd29b;font-weight:750;font-size:13px}.hero{color:white;background:radial-gradient(circle at 80% 20%,#9658d4,transparent 45%),linear-gradient(120deg,#09214d,#20468f 55%,#9c4788);padding:75px 0 95px}.kicker{color:#ffd38e;letter-spacing:2px;font-size:12px;font-weight:900}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.08;letter-spacing:-.045em;margin:19px 0}.hero h1 span{color:#ffca89}.hero p{max-width:730px;line-height:1.8;color:#e5ecff;font-size:17px}.switch{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.switch button{cursor:pointer;border:1px solid #ffffff70;background:#ffffff1e;color:white;border-radius:100px;padding:15px 22px;font-size:14px;font-weight:850;transition:transform .2s,background .2s}.switch button:hover{transform:translateY(-3px)}.switch button.active{background:linear-gradient(110deg,#ffc77e,#ff7e4a);color:#17264b;border-color:transparent;box-shadow:0 12px 30px #0719365c}.details{margin-top:-40px;position:relative;padding-bottom:70px}.intro{border-radius:26px;background:white;padding:30px 34px;box-shadow:0 18px 55px #152a5430;border-top:7px solid #ff9348;display:grid;gap:12px}.intro.hdfc{border-top-color:#8765df}.intro h2{font-size:clamp(24px,3vw,36px);margin:0}.intro p{color:#596b84;line-height:1.7;margin:0}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:8px}.chip{background:#f1f1ff;color:#403e8b;border-radius:100px;padding:9px 13px;font-size:12px;font-weight:850}.section-title{font-size:clamp(24px,3vw,36px);margin:48px 0 23px}.section-title span{color:#ed7b46}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature{border-radius:24px;background:white;box-shadow:0 10px 28px #192f5c12;border:1px solid #e5e9f3;padding:24px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;animation:pop .5s both}.feature:nth-child(2n){animation-delay:.06s}.feature:nth-child(3n){animation-delay:.12s}.feature:hover{transform:translateY(-7px);box-shadow:0 20px 42px #192f5c22}.feature:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,#ff9b47,#e86e9d,#6e6ae7)}.feature .symbol{font-size:34px;display:inline-grid;place-items:center;width:66px;height:66px;background:linear-gradient(145deg,#fff0df,#ece7ff);border-radius:18px}.feature h3{font-size:18px;margin:17px 0 9px}.feature p{font-size:14px;line-height:1.75;color:#576c88;margin:0}.tag{display:inline-block;margin-top:16px;font-size:11px;font-weight:900;padding:7px 10px;border-radius:100px;background:#e9f6ef;color:#176342}.tag.optional{background:#fff1e2;color:#aa5a0e}.note{background:#fff8ec;border:1px solid #ffe0b0;color:#634a2b;border-radius:20px;padding:20px;line-height:1.7;margin-top:27px;font-size:14px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:25px}.actions a{padding:16px 23px;border-radius:100px;font-weight:850;font-size:14px}.primary{background:linear-gradient(110deg,#ff9c4e,#ff6e4c);color:#182947;box-shadow:0 12px 25px #ef835047}.secondary{background:#1c3f7d;color:white}footer{background:#091c3c;color:#dfe8f8;padding:45px 0;text-align:center}footer strong{color:white;font-size:20px}footer p{font-size:13px;line-height:1.7}.footerlinks{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.footerlinks a{border:1px solid #6b7796;border-radius:100px;padding:11px 16px;color:#ffd39b;font-size:13px;font-weight:750}footer small{font-size:12px;color:#aebed8}@keyframes pop{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.features{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.features{grid-template-columns:1fr}.hero{padding:50px 0 80px}.intro{padding:23px}.switch button{width:100%}.details{margin-top:-30px}}@media(prefers-reduced-motion:reduce){.feature{animation:none;transition:none}}