:root{--ink:#16243a;--muted:#64748b;--white:#fff;--line:#e2e8f0;--navy:#27415f;--blue:#3b82c4;--teal:#21a89e;--violet:#7664c8;--coral:#e99576;--gold:#e6b84f;--bg:#f6f9fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);line-height:1.6;background:radial-gradient(circle at 7% 8%,rgba(118,100,200,.08),transparent 24%),radial-gradient(circle at 94% 20%,rgba(33,168,158,.08),transparent 25%),#f7f9fc}.container{width:min(1160px,92%);margin:auto}.hero{position:relative;overflow:hidden;padding:26px 0 78px;color:#18304a;background:radial-gradient(circle at 12% 25%,rgba(33,168,158,.20),transparent 23%),radial-gradient(circle at 38% 0,rgba(118,100,200,.17),transparent 27%),radial-gradient(circle at 78% 18%,rgba(233,149,118,.15),transparent 22%),linear-gradient(120deg,#eefaf8,#f3f2fb 48%,#fff6f1)}.hero:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-230px;top:-260px;border:1px solid rgba(118,100,200,.12);background:rgba(255,255,255,.12);animation:float 9s ease-in-out infinite alternate}.hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;left:-150px;bottom:-190px;background:rgba(233,149,118,.08);border:1px solid rgba(233,149,118,.12);animation:float 10s ease-in-out infinite alternate-reverse}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;z-index:2}.brand{font-weight:950;font-size:15px;letter-spacing:.4px}.secure-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.78);border:1px solid #dce5ef;color:#59687d;font-size:11px;font-weight:900;box-shadow:0 7px 22px rgba(40,58,85,.07)}.secure-dot{width:8px;height:8px;border-radius:50%;background:#21a89e;box-shadow:0 0 0 5px rgba(33,168,158,.10),0 0 12px rgba(33,168,158,.4)}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;margin:55px auto 0}.badge{display:inline-flex;padding:8px 14px;border-radius:999px;background:linear-gradient(90deg,#eeeafd,#fff0f2,#e8f8f5);border:1px solid #dedff0;color:#5d6490;font-size:11px;font-weight:950;letter-spacing:1px;text-transform:uppercase;box-shadow:0 7px 20px rgba(54,66,105,.06)}h1{font-size:clamp(39px,6vw,65px);line-height:1.02;letter-spacing:-2px;margin:18px 0 14px;color:#172c44}.hero h1 span{background:linear-gradient(90deg,#5e52b7,#3d78bd,#1b9c94,#d67f67);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:760px;margin:auto;color:#5e6d82;font-size:16px}.hero-glow{width:min(680px,88%);height:3px;margin:28px auto 0;border-radius:99px;background:linear-gradient(90deg,transparent,#7664c8,#3b82c4,#21a89e,#e99576,transparent);background-size:200% 100%;animation:flow 4s linear infinite}.main{padding:0 0 70px}.payment-shell{margin-top:-39px;position:relative;z-index:4}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.card{position:relative;overflow:hidden;padding:29px;border-radius:27px;background:#fff;border:1px solid #e1e7ef;box-shadow:0 22px 65px rgba(37,55,78,.11);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.card:hover{transform:translateY(-6px);box-shadow:0 30px 78px rgba(37,55,78,.16);border-color:#cfd9e6}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#7664c8,#3b82c4,#21a89e,#e99576);background-size:200% 100%;animation:flow 5s linear infinite}.card h2{font-size:23px;margin:0 0 20px;color:#24364e}.section-kicker{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;font-weight:950;color:#7b8799;margin-bottom:5px}.row{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #edf1f5;transition:.2s ease}.row:hover{padding-left:7px;padding-right:7px;background:linear-gradient(90deg,#fafbff,#fff,#f9fcfb);border-radius:9px}.row:last-child{border-bottom:0}.label{font-size:13px;color:var(--muted)}.value{font-size:13px;font-weight:850;color:#1d2c43;text-align:right}.highlight{margin-top:13px;padding:15px 16px;border-radius:17px;background:linear-gradient(135deg,#f3f0ff,#fff4f6,#eefaf8);border:1px solid #e2e4f0;transition:.25s ease}.highlight:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(64,72,112,.09)}.upi{font-size:19px;font-weight:950;color:#5d55ad;word-break:break-word}.qr-card{text-align:center;background:linear-gradient(180deg,#fff,#fbfcff 55%,#f5fbfa)}.qr-badge{display:inline-flex;padding:7px 12px;border-radius:999px;background:#f1effc;border:1px solid #dfdcf2;color:#5e57a7;font-size:10px;font-weight:950;letter-spacing:.8px;text-transform:uppercase}.qr-stage{width:min(410px,100%);margin:15px auto 17px;padding:13px;background:#fff;border-radius:23px;border:1px solid #dce3ec;box-shadow:0 17px 42px rgba(43,59,82,.12);transition:.3s ease;cursor:pointer}.qr-stage:hover{transform:translateY(-6px) scale(1.015);box-shadow:0 25px 55px rgba(43,59,82,.17);border-color:#c8d2df}.qr-stage img{display:block;width:100%;height:auto;border-radius:14px}.scan{font-size:14px;color:#617086;max-width:430px;margin:0 auto 13px}.pay-chip-row{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:11px}.pay-chip{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid #dce4ed;font-size:11px;font-weight:850;color:#526176;transition:.2s ease}.pay-chip:hover{transform:translateY(-3px);background:#f7f5ff;border-color:#d2ccef;color:#5d55ad}.copy{display:inline-flex;align-items:center;gap:8px;padding:12px 19px;border-radius:999px;background:linear-gradient(90deg,#6659b8,#4d79bd,#278f89);color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 25px rgba(70,79,150,.18);transition:.25s ease}.copy:hover{transform:translateY(-4px);box-shadow:0 15px 32px rgba(70,79,150,.24)}.section{margin-top:26px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{padding:20px;border-radius:20px;background:#fff;border:1px solid var(--line);transition:.25s ease}.feature:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(37,55,78,.10);border-color:#d2dce8}.icon{width:41px;height:41px;border-radius:12px;background:linear-gradient(135deg,#efedff,#fff0f3,#e9f8f6);display:grid;place-items:center;color:#5f58a8;font-weight:950;margin-bottom:10px}.feature h3{margin:0 0 5px;font-size:16px;color:#24364e}.feature p{margin:0;font-size:13px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.step{padding:19px;border-radius:18px;background:#fff;border:1px solid var(--line);transition:.25s ease}.step:hover{transform:translateY(-5px);box-shadow:0 16px 34px rgba(37,55,78,.09)}.num{font-size:10px;font-weight:950;color:#6b61b7;letter-spacing:.8px}.step strong{display:block;margin:7px 0;color:#24364e}.step span{font-size:13px;color:var(--muted)}.notice{border:1px solid #efd99a;border-left:5px solid #e5b84e;background:#fffaf0;padding:18px 20px;border-radius:16px;color:#5d4d2b}.notice strong{display:block;margin-bottom:4px;color:#7b5d16}.review{padding:29px;text-align:center;border-radius:23px;background:linear-gradient(135deg,#fff,#f5f1ff,#eef9f7);border:1px solid #e1e3ef}.stars{font-size:30px;letter-spacing:4px;color:#e8ad3f}.review p{max-width:680px;margin:8px auto 0;color:var(--muted)}.footer{padding:34px 0;text-align:center;color:#edf3f4;background:linear-gradient(120deg,#4d477f,#496d92,#3c8883)}.footer strong{color:#fff}.small{font-size:12px;color:#d3e0e4;margin-top:7px}@keyframes flow{0%{background-position:0 50%}100%{background-position:200% 50%}}@keyframes float{from{transform:translate(0,0)}to{transform:translate(14px,12px)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}@media(max-width:900px){.grid{grid-template-columns:1fr}.features{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.container{width:94%}.hero{padding:21px 0 60px}.topbar{align-items:flex-start}.brand{font-size:13px}.hero-content{margin-top:42px}h1{font-size:clamp(35px,12vw,52px);letter-spacing:-1.4px}.hero p{font-size:15px}.payment-shell{margin-top:-28px}.card{padding:21px;border-radius:22px}.row{gap:10px}.value{max-width:58%}.features{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.qr-stage{padding:9px}}@media(max-width:420px){.steps{grid-template-columns:1fr}}