:root{--navy:#09223e;--blue:#064083;--electric:#0077ff;--ink:#111827;--muted:#667085;--line:rgba(9,34,62,.13);--gradient:linear-gradient(104deg,#09223e 0%,#064083 49%,#0077ff 100%);--shadow:0 12px 24px rgba(9,34,62,.14),0 3px 8px rgba(9,34,62,.08)}
*{box-sizing:border-box}html{background:#181818;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;font-family:"Poppins",system-ui,sans-serif;color:var(--ink);background:#181818;-webkit-font-smoothing:antialiased}a,button{font:inherit}.page-shell{min-height:100vh;padding:16px}.page-column{width:min(100%,430px);margin:0 auto}.card-scene{position:relative;width:100%;height:735px;perspective:1800px;transition:height .5s ease}.card-scene.front-tall{height:735px}.card-scene.snapshot-short{height:735px}.card-scene.payment-short{height:610px}.profile-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.75,.2,1)}.profile-card.is-flipped{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;overflow:hidden;border-radius:23px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 20px 55px rgba(0,0,0,.28)}.card-front{background:linear-gradient(165deg,#fff 0%,#fff 76%,#f0faff 100%)}.card-back{display:none;transform:rotateY(180deg)}.profile-card[data-mode="snapshot"] .snapshot-card{display:block}.profile-card[data-mode="payment"] .payment-card{display:block}.cover{position:relative;height:161px;overflow:hidden;background:var(--gradient)}.cover::before{content:"";position:absolute;inset:0;opacity:.2;background-image:linear-gradient(135deg,transparent 46%,rgba(255,255,255,.17) 47%,transparent 48%);background-size:34px 34px}.cover-rings{position:absolute;width:260px;height:260px;right:-72px;top:-160px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 35px rgba(255,255,255,.045),0 0 0 70px rgba(255,255,255,.035)}.cover-wordmark{position:absolute;left:23px;top:26px;color:#fff;font-size:18px;font-weight:800;letter-spacing:.13em}.flip-trigger,.return-trigger{position:absolute;z-index:5;top:16px;right:15px;height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:0;border-radius:999px;color:#17213a;background:rgba(255,255,255,.95);box-shadow:0 7px 18px rgba(9,34,62,.22);font-size:12px;font-weight:600;cursor:pointer}.flip-trigger svg,.return-trigger svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.floating-whatsapp{position:absolute;z-index:6;top:139px;right:18px;width:45px;height:45px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;color:#20be66;background:#fff;box-shadow:0 7px 18px rgba(20,190,102,.3)}.floating-whatsapp svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.identity{position:relative;padding:91px 17px 13px}.brand-avatar{position:absolute;left:23px;top:-58px;width:126px;height:126px;overflow:hidden;border:5px solid #fff;border-radius:50%;background:var(--navy);box-shadow:0 9px 24px rgba(9,34,62,.28)}.brand-avatar img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.42)}.identity h1{margin:0;font-size:25px;line-height:1.14;letter-spacing:-.045em;font-weight:800}.brand-line{margin:5px 0 0;color:#0757ad;font-size:14px;line-height:1.35;font-weight:600}.brand-subline{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45;font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.chips span{min-height:27px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid rgba(0,119,255,.2);border-radius:999px;color:#0757ad;background:#f3f9ff;font-size:10.5px;line-height:1;font-weight:600;box-shadow:0 4px 10px rgba(9,34,62,.05)}.chips svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 9px;padding:0 17px}.action{position:relative;min-width:0;height:48px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 10px;border:1px solid var(--line);border-radius:16px;color:var(--ink);background:#fff;box-shadow:var(--shadow);text-decoration:none;font-size:13px;line-height:1;font-weight:700;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.action:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(9,34,62,.18)}.action:active{transform:scale(.985)}.action svg{flex:0 0 auto;width:19px;height:19px;fill:none;stroke:#174f87;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.action .whatsapp-icon{stroke:#20be66}.action-primary{border-radius:999px;color:#fff;border-color:transparent;background:var(--gradient);box-shadow:0 13px 24px rgba(0,91,194,.3),0 4px 8px rgba(9,34,62,.16)}.action-primary svg{stroke:#fff}.action-payment{color:#fff;border-color:transparent;background:linear-gradient(104deg,#159990 0%,#0b6275 52%,#09223e 100%)}.action-payment img{width:23px;height:23px;border-radius:7px;object-fit:cover}.action-shine{border:1.5px solid rgba(0,119,255,.5);box-shadow:0 0 0 1px rgba(255,255,255,.8) inset,0 10px 23px rgba(0,119,255,.16)}.action-shine::after{content:"";position:absolute;top:-30%;left:-60%;width:40%;height:160%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);transform:skewX(-22deg);animation:shine 4.2s infinite}@keyframes shine{0%,72%{left:-60%}100%{left:130%}}
.snapshot-card{color:#fff;background:linear-gradient(145deg,#09223e 0%,#123f6b 55%,#0a5eb9 120%);border:1px solid rgba(0,119,255,.38)}.snapshot-card::before,.payment-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background:radial-gradient(circle at 80% 8%,#fff,transparent 27%),repeating-linear-gradient(135deg,transparent 0 28px,rgba(255,255,255,.12) 29px,transparent 30px)}.return-trigger{background:rgba(255,255,255,.2);color:#fff;box-shadow:none}.snapshot-content{position:relative;padding:126px 20px 24px}.snapshot-content h2{margin:0 0 22px;text-align:center;font-size:20px}.snapshot-row{display:flex;align-items:center;gap:12px;min-height:72px;margin:0 0 11px;padding:11px 13px;border-radius:20px;color:var(--ink);background:linear-gradient(105deg,#fff,#eaf4ff);box-shadow:0 10px 22px rgba(0,0,0,.14)}.snapshot-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#fff;background:var(--gradient);font-size:22px}.snapshot-row strong{font-size:13px}.snapshot-row p{margin:2px 0 0;color:#5e6778;font-size:11.5px;line-height:1.45}.snapshot-visual{height:103px;display:flex;align-items:center;justify-content:center;gap:13px;margin:13px 0 18px;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(255,255,255,.08);font-size:12px;font-weight:600}.snapshot-visual img{width:60px;height:60px;border-radius:50%;object-fit:cover}.snapshot-cta{width:190px;height:47px;display:flex;align-items:center;justify-content:center;margin:auto;border:1px solid rgba(255,255,255,.35);border-radius:999px;color:#fff;background:rgba(255,255,255,.17);box-shadow:0 12px 26px rgba(0,0,0,.16);text-decoration:none;font-size:13px;font-weight:700}
.payment-card{color:#fff;background:linear-gradient(155deg,#238f88 0%,#146d76 48%,#09223e 100%);border:1px solid rgba(38,196,181,.35)}.payment-content{position:relative;padding:31px 24px 18px;text-align:center}.payment-content h2{margin:0;font-size:23px}.secure-line{margin:6px 0 24px;color:rgba(255,255,255,.8);font-size:12px}.pay-option{height:54px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 11px;border:1px solid rgba(255,255,255,.08);border-radius:15px;color:#fff;background:rgba(255,255,255,.09);box-shadow:0 8px 18px rgba(0,0,0,.1);text-decoration:none;font-size:15px;font-weight:700}.pay-light{color:#2a7678;background:#fff;transform:rotate(-1deg)}.pay-upi{justify-content:space-around;background:linear-gradient(104deg,#208c8d,#0b3448)}.upi-marks{font-size:8px;color:#b7e5ff}.pay-back{width:100%;background:rgba(255,255,255,.08);cursor:pointer}.gateway-copy{margin:14px 0;color:rgba(255,255,255,.78);font-size:11px;line-height:1.7}.gateway-copy small{font-size:10px}.secure-badge{height:52px;display:flex;align-items:center;justify-content:space-between;margin:70px auto 0;padding:5px 10px 5px 18px;border:1px solid rgba(114,239,227,.65);border-radius:999px;background:rgba(4,28,42,.68);font-size:9px;font-weight:600}.secure-badge img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.content-section{margin-top:40px;padding:29px 24px;border-radius:28px;background:#fff;box-shadow:0 18px 45px rgba(0,0,0,.16)}.intro-section{color:#fff;background:linear-gradient(145deg,#064083,#0077ff)}.section-kicker{margin:0 0 8px;color:#62b5ff;font-size:10px;font-weight:800;letter-spacing:.14em}.intro-section .section-kicker{color:#bde2ff}.content-section h2{margin:0;font-size:25px;line-height:1.25;letter-spacing:-.04em}.content-section>p:not(.section-kicker):not(.footer-line){margin:16px 0 0;color:#667085;font-size:13px;line-height:1.75}.intro-section>p:not(.section-kicker){color:rgba(255,255,255,.82)}.section-cta{min-height:47px;display:flex;align-items:center;justify-content:center;margin-top:22px;border-radius:14px;color:#064083;background:#fff;text-decoration:none;font-size:13px;font-weight:800}.section-cta-secondary{color:#fff;background:var(--gradient)}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.feature-grid article{min-height:156px;padding:16px;border:1px solid #e4eaf1;border-radius:18px;background:#f9fbfd}.feature-grid span{color:#0077ff;font-size:10px;font-weight:800}.feature-grid h3{margin:7px 0 5px;font-size:14px}.feature-grid p{margin:0;color:#667085;font-size:10.5px;line-height:1.6}.demo-grid{display:grid;gap:13px;margin-top:22px}.demo-grid a{overflow:hidden;padding:7px 7px 14px;border:1px solid #e2e8f0;border-radius:20px;color:var(--ink);background:#fff;box-shadow:var(--shadow);text-decoration:none}.demo-grid img{width:100%;height:220px;display:block;border-radius:15px;object-fit:cover;object-position:top}.demo-grid span,.demo-grid strong{display:block;margin-left:9px}.demo-grid span{margin-top:11px;color:#0077ff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.demo-grid strong{margin-top:3px;font-size:15px}.process-section ol{display:grid;gap:13px;margin:22px 0 0;padding:0;list-style:none}.process-section li{display:flex;gap:13px;padding:15px;border-radius:17px;background:#f4f8fc}.process-section li>span{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--gradient);font-size:12px;font-weight:800}.process-section strong{font-size:13px}.process-section li p{margin:4px 0 0;color:#667085;font-size:10.5px;line-height:1.55}.contact-section{margin-bottom:30px;color:#fff;background:#09223e}.contact-section .section-kicker{color:#62b5ff}.contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.contact-actions a{height:46px;display:grid;place-items:center;border-radius:14px;color:#09223e;background:#fff;text-decoration:none;font-size:12px;font-weight:800}.contact-actions a:last-child{color:#fff;background:#20be66}.footer-line{margin:28px 0 0;color:rgba(255,255,255,.5);text-align:center;font-size:9px}.toast{position:fixed;z-index:20;left:50%;bottom:25px;margin:0;padding:10px 16px;border-radius:999px;color:#fff;background:var(--navy);box-shadow:0 12px 35px rgba(0,0,0,.28);font-size:12px;font-weight:600;opacity:0;transform:translate(-50%,15px);pointer-events:none;transition:.25s ease}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.floating-instagram{position:absolute;z-index:6;top:139px;right:69px;width:45px;height:45px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;color:#e1306c;background:#fff;box-shadow:0 7px 18px rgba(225,48,108,.22)}
.page-column{width:min(100%,398px)}
.floating-instagram svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand-avatar img{transform:scale(1.16)}
.action-primary{font-size:13.5px}
.action svg{width:20px;height:20px}
.action-payment svg{stroke:#fff}
.action .instagram-icon{stroke:#e1306c}
.action-border{border:1.5px solid rgba(0,119,255,.42);background:linear-gradient(112deg,#fff 0%,#fff 34%,#f0f7ff 52%,#fff 70%,#fff 100%);box-shadow:0 0 0 1px rgba(255,255,255,.9) inset,0 10px 23px rgba(0,119,255,.13)}
.card-scene,.card-scene.front-tall{height:756px}
.card-scene.snapshot-short{height:756px}
.card-scene.payment-short{height:582px}
.card-face{border-radius:24px}
.action-grid{gap:12px 8px}
.action{height:44px;border-radius:16px;font-size:14px;font-weight:600;gap:6px}
.action-primary{font-size:14px;box-shadow:rgba(0,91,194,.28) 0 8px 20px,rgba(21,21,21,.1) 0 4px 8px,rgba(255,255,255,.2) 0 1px 0 inset}
.action svg{width:18px;height:18px}
.action-primary svg,.action-payment svg,.action-border svg{width:16px;height:16px}
.action .whatsapp-icon{width:21px;height:21px}
.action .instagram-icon{width:23px;height:23px}
.action-payment{box-shadow:rgba(15,118,110,.34) 0 8px 20px,rgba(255,255,255,.18) 0 1px 0 inset}
.action-border{border:2px solid #0077ff;color:#0757ad;background:#f7fbff;box-shadow:rgba(0,119,255,.14) 0 8px 18px,rgba(21,21,21,.08) 0 4px 8px,rgba(255,255,255,.85) 0 1px 0 inset}
.action.action-primary{border-radius:9999px}
.card-front{cursor:pointer}
.card-front .action,.card-front .flip-trigger,.card-front .floating-whatsapp,.card-front .floating-instagram{cursor:pointer}
.social-action-icon,.payment-action-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px}
.social-action-icon svg,.payment-action-icon svg{width:19px!important;height:19px!important}
.whatsapp-action-icon{color:#fff;background:#25d366;box-shadow:0 4px 9px rgba(37,211,102,.22)}
.whatsapp-action-icon .whatsapp-icon{stroke:#fff}
.instagram-action-icon{color:#fff;background:linear-gradient(135deg,#f9ce34 0%,#ee2a7b 48%,#6228d7 100%);box-shadow:0 4px 9px rgba(225,48,108,.2)}
.instagram-action-icon .instagram-icon{stroke:#fff}
.payment-action-icon{color:#fff;background:rgba(255,255,255,.16);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset}
.payment-action-icon svg{stroke:#fff}
.return-trigger{height:34px;padding:0 13px;border:1px solid rgba(255,255,255,.22);border-radius:9999px;background:linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.14));box-shadow:0 10px 20px rgba(0,0,0,.16),0 1px 0 rgba(255,255,255,.16) inset;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:11.5px;font-weight:600}
.return-trigger svg{width:15px;height:15px}
.card-scene.payment-short{height:620px}
.payment-content{min-height:620px;padding:24px 24px 78px}
.payment-brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;text-align:left}
.payment-brand>img{width:48px;height:48px;flex:0 0 auto;border:1px solid rgba(255,255,255,.3);border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 8px 18px rgba(0,0,0,.2)}
.payment-brand h2{margin:0;color:#fff;font-size:20px;line-height:1.15;letter-spacing:-.025em}
.payment-brand p{margin:3px 0 0;color:rgba(255,255,255,.75);font-size:11px}
.verified-line{margin:0 0 18px;color:rgba(255,255,255,.9);font-size:11px;font-weight:500}
.payment-card .pay-option{width:100%;height:52px;margin-bottom:12px;cursor:pointer}
.payment-card .pay-upi{border:0;color:#fff}
.payment-card .pay-light{border:1.5px solid rgba(31,182,217,.35);color:#0f172a}
.pay-bank{border:1px solid rgba(255,255,255,.15);color:#fff;background:linear-gradient(135deg,#5b3a8e 0%,#6d4aa2 52%,#51317c 100%);box-shadow:0 3px 10px rgba(65,38,105,.22)}
.payment-card .pay-back{height:46px}
.payment-card .gateway-copy{margin:15px 0 0}
.payment-card .secure-badge{left:24px;right:24px;bottom:12px;justify-content:center;gap:10px;height:54px;border-color:rgba(255,255,255,.08);color:#fff;background:#030712;text-align:left}
.payment-card .secure-badge img{width:31px;height:31px;order:0}
.payment-card .secure-badge span{display:flex;flex-direction:column;line-height:1.35}
.payment-card .secure-badge strong{font-size:9px}
.payment-card .secure-badge small{color:rgba(255,255,255,.65);font-size:9px}
.payment-modal{position:absolute;z-index:50;inset:0;display:none;align-items:center;justify-content:center;padding:22px;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(31,182,217,.96) 0%,rgba(14,116,144,.97) 50%,rgba(17,19,21,.99) 100%);backdrop-filter:blur(10px)}
.payment-modal.is-open{display:flex}
.modal-panel{width:100%;color:#fff;text-align:center}
.modal-panel h3{margin:0;font-size:23px;letter-spacing:-.03em}.modal-panel>p{margin:4px 0 15px;color:rgba(255,255,255,.75);font-size:12px}
.detail-box{position:relative;padding:15px 76px 15px 15px;border-radius:18px;color:#0f172a;background:#fff;text-align:left;box-shadow:0 16px 36px rgba(0,0,0,.22)}
.detail-box span,.bank-row span{display:block;margin-bottom:5px;color:#64748b;font-size:9px;font-weight:800;letter-spacing:.12em}.detail-box strong{font-size:17px}.detail-box button,.bank-row button{position:absolute;right:10px;top:50%;height:35px;padding:0 11px;border:1px solid #e2e8f0;border-radius:9px;color:#334155;background:#f1f5f9;font-size:11px;font-weight:700;transform:translateY(-50%);cursor:pointer}
.instruction{display:flex;align-items:center;gap:10px;margin-top:9px;padding:11px;border-radius:12px;color:#334155;background:#f8fafc;text-align:left;font-size:11px;font-weight:600}.instruction b{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#0e7490;background:#cffafe}
.modal-close{width:100%;height:42px;margin-top:14px;border:1px solid rgba(255,255,255,.22);border-radius:14px;color:#fff;background:rgba(255,255,255,.11);font-size:12px;font-weight:700;cursor:pointer}
.bank-panel>p{margin-bottom:12px}.bank-row{position:relative;padding:10px 73px 10px 13px;border-bottom:1px solid #e2e8f0;color:#0f172a;background:#fff;text-align:left}.bank-row:first-of-type{border-radius:16px 16px 0 0}.bank-row:nth-last-of-type(1){border-bottom:0;border-radius:0 0 16px 16px}.bank-row strong{font-size:12px}.bank-row button{height:31px;font-size:10px}
.scanner-panel img{width:min(100%,300px);height:auto;padding:10px;border-radius:18px;background:#fff;box-shadow:0 16px 36px rgba(0,0,0,.22)}
.scanner-panel>p{max-width:300px;margin:10px auto;color:rgba(255,255,255,.82)}
.brand-avatar{display:grid;place-items:center}
.brand-avatar img{width:100%;height:100%;object-fit:contain;transform:scale(.92);border-radius:50%}
.payment-support{display:flex;align-items:center;justify-content:center;gap:7px;margin:9px 0 0;color:rgba(255,255,255,.62);font-size:8.5px}
.payment-support a{color:inherit;text-decoration:none}
.snapshot-card{border:2px solid rgba(255,255,255,.2);border-radius:24px}
.snapshot-content{padding:72px 20px 24px}
.snapshot-content h2{margin-bottom:25px}
.snapshot-row{min-height:88px;margin-bottom:12px;padding:13px 14px;border-radius:20px;background:linear-gradient(105deg,#fff,#eef6ff)}
.snapshot-row:first-of-type{min-height:107px}
.snapshot-icon{width:43px;height:43px}
.snapshot-row strong{font-size:13px}
.snapshot-row p{font-size:11.5px}
.snapshot-visual{height:112px;margin:13px 0 20px}
.snapshot-cta{width:182px;height:53px;font-size:15px}
.payment-card{border:1px solid rgba(38,196,181,.22);border-radius:24px;background:radial-gradient(circle at 50% 48%,#31a9d6 0%,#19758c 35%,#0d4c5d 64%,#09223e 100%)}
.payment-content{height:100%;padding:25px 24px 12px}
.payment-content h2{font-size:23px}
.secure-line{display:flex;align-items:center;justify-content:center;gap:7px;margin:6px 0 23px;font-size:12px}
.secure-line svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pay-option{width:348px;margin:0 auto 12px;border-radius:16px;font-size:16px}
.pay-option svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pay-light{height:51px;border:1.5px solid rgba(31,182,217,.35);color:#0e7490;background:#fff;box-shadow:rgba(14,116,144,.08) 0 2px 8px;transform:none}
.pay-upi{height:52px;justify-content:center;gap:18px;background:linear-gradient(135deg,#0e7490 0%,#1fb6d9 50%,#0e7490 100%);box-shadow:rgba(14,116,144,.3) 0 4px 16px,rgba(14,116,144,.2) 0 2px 8px}
.upi-logos{display:flex;align-items:center;gap:5px}
.upi-logos img{width:22px;height:22px;object-fit:contain}
.pay-back{height:46px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);box-shadow:none}
.gateway-copy{margin:13px 0;color:rgba(255,255,255,.76);font-size:11px;line-height:1.8}
.gateway-copy svg{width:16px;height:16px;vertical-align:-4px;fill:none;stroke:currentColor;stroke-width:1.7}
.secure-badge{position:absolute;left:36px;right:36px;bottom:12px;height:54px;margin:0;padding:5px 6px 5px 17px;border:1.5px solid rgba(92,222,225,.55);color:#0e7490;background:#f7ffff;font-size:9px}
.secure-badge img{width:43px;height:43px}
.intro-section>p:not(.section-kicker):not(.footer-line){color:rgba(255,255,255,.82)}
@media(max-width:520px){html,body{background:#171717}.page-shell{padding:16px}.page-column{width:100%}}@media(max-width:370px){.page-shell{padding:10px}.identity{padding-left:14px;padding-right:14px}.action-grid{padding:0 12px;gap:9px 7px}.action{font-size:11.5px}.feature-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.profile-card,.card-scene,.action,.toast{transition:none}.action-shine::after{animation:none}}

/* OneLink final card pass — matched to the live Burger Bazaar interaction system. */
.card-scene,.card-scene.front-tall{height:816px}
.card-scene.snapshot-short{height:816px}
.profile-card{transition:transform .72s cubic-bezier(.22,.72,.18,1)}
.profile-card.is-payment{transform:rotateY(180deg)}
.profile-card.is-payment .card-front{opacity:1;pointer-events:auto}
.payment-card{transform:rotateY(180deg)}
.action-wide{grid-column:1/-1}
.action-live{height:44px;letter-spacing:.01em}
.action-payment{border:0;background:linear-gradient(135deg,#16858a 0%,#0f766e 55%,#115e59 100%);box-shadow:rgba(15,118,110,.34) 0 8px 20px,rgba(255,255,255,.18) 0 1px 0 inset}
.payment-action-icon{width:22px;height:22px;border-radius:0;background:transparent;box-shadow:none}
.payment-action-icon img{width:17px;height:17px;object-fit:contain;filter:brightness(0) invert(1)}
.floating-whatsapp svg,.whatsapp-action-icon .whatsapp-icon{fill:#25d366;stroke:none}
.whatsapp-action-icon{background:#fff}
.floating-instagram img{width:28px;height:28px;display:block;object-fit:contain}
.instagram-action-icon{background:#fff;box-shadow:0 4px 9px rgba(221,42,123,.18)}
.instagram-action-icon img{width:23px;height:23px;display:block;object-fit:contain}
.flip-trigger{height:36px;padding:0 14px;border:1.5px solid #bfdbfe;color:#1e40af;background:rgba(255,255,255,.97);box-shadow:0 9px 22px rgba(9,34,62,.22),0 1px 0 rgba(255,255,255,.9) inset;font-size:12.5px;font-weight:700}
.flip-trigger svg{width:18px;height:18px;stroke-width:2}
.return-trigger{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.2);box-shadow:0 8px 22px rgba(0,0,0,.2),0 1px 0 rgba(255,255,255,.22) inset}
.action-border{position:relative;overflow:hidden;border:2px solid #0077ff;background:#f7fbff;box-shadow:rgba(0,119,255,.14) 0 8px 18px,rgba(21,21,21,.08) 0 4px 8px,rgba(255,255,255,.85) 0 1px 0 inset}
.action-border::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(0,119,255,.09),transparent);transform:translateX(-120%);animation:contactShimmer 2.4s ease-in-out infinite;pointer-events:none}
.action-border>*{position:relative;z-index:1}
@keyframes contactShimmer{0%,34%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)}}
.venture-link{height:48px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;align-items:center;margin:12px 0 0;padding:7px 13px;border:1px solid rgba(255,255,255,.2);border-radius:16px;color:#fff;background:rgba(255,255,255,.09);text-decoration:none;box-shadow:0 10px 22px rgba(0,0,0,.12)}
.venture-link span{grid-column:1;font-size:8px;line-height:1.1;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.venture-link strong{grid-column:1;font-size:12px;line-height:1.2}
.venture-link b{grid-column:2;grid-row:1/3;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#0757ad;background:#fff;font-size:15px}

.brand-loader{position:fixed;z-index:1000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,#09223e 0%,#064083 52%,#0077ff 100%);transition:opacity .45s ease,visibility .45s ease}
.brand-loader::before{content:"";position:absolute;inset:0;opacity:.16;background:radial-gradient(circle at 76% 18%,#fff 0 1px,transparent 2px),radial-gradient(circle at 22% 72%,#fff 0 1px,transparent 2px);background-size:42px 42px,58px 58px}
.brand-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-mark{position:relative;width:104px;height:104px;display:grid;place-items:center;margin-bottom:18px;border:1px solid rgba(255,255,255,.28);border-radius:28px;background:rgba(255,255,255,.1);box-shadow:0 18px 50px rgba(2,18,39,.32);animation:loaderFloat 1.9s ease-in-out infinite}
.loader-mark::after{content:"";position:absolute;inset:-8px;border:1px solid rgba(255,255,255,.18);border-radius:34px}
.loader-mark img{width:82px;height:82px;object-fit:contain;border-radius:22px}
.brand-loader strong{font-size:27px;letter-spacing:-.04em}
.brand-loader>span{margin-top:4px;color:rgba(255,255,255,.72);font-size:11px}
.loader-track{width:150px;height:3px;overflow:hidden;margin-top:24px;border-radius:999px;background:rgba(255,255,255,.18)}
.loader-track i{display:block;width:45%;height:100%;border-radius:inherit;background:#fff;animation:loaderTrack 1.15s ease-in-out infinite}
.brand-loader small{position:absolute;bottom:32px;color:rgba(255,255,255,.48);font-size:8px;font-weight:700;letter-spacing:.18em}
@keyframes loaderFloat{50%{transform:translateY(-7px)}}
@keyframes loaderTrack{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}
@media(prefers-reduced-motion:reduce){.profile-card,.brand-loader{transition:none}.loader-mark,.loader-track i,.action-border::before{animation:none}}

/* Payment is a clean face change; Tap to Flip remains a true 3D snapshot flip. */
.card-scene,.card-scene.front-tall,.card-scene.snapshot-short{height:756px}
.profile-card.is-payment{transform:none}
.card-front{z-index:2;transition:opacity .36s ease,transform .48s cubic-bezier(.22,.72,.18,1),filter .36s ease}
.payment-card{z-index:3;display:none;opacity:0;transform:translateX(28px) scale(.985);backface-visibility:visible;-webkit-backface-visibility:visible;pointer-events:none;transition:opacity .36s ease,transform .48s cubic-bezier(.22,.72,.18,1)}
.profile-card[data-mode="payment"] .payment-card{display:block}
.profile-card.is-payment .card-front{opacity:0;transform:translateX(-24px) scale(.985);filter:blur(2px);pointer-events:none}
.profile-card.is-payment .payment-card{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}
.action-live{font-size:14px}
.scanner-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.scanner-actions button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(31,182,217,.34);border-radius:12px;color:#0e7490;background:#fff;font-size:10.5px;font-weight:700;cursor:pointer}
.scanner-actions svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Plain OneLink launch screen requested for the final brand version. */
.brand-loader{background:#050505}
.brand-loader::before{display:none}
.loader-mark{border-color:rgba(255,255,255,.18);background:#0d0d0d;box-shadow:0 18px 54px rgba(0,0,0,.5)}
.loader-mark::after{border-color:rgba(255,255,255,.09)}
.loader-track{background:rgba(255,255,255,.13)}
.loader-track i{background:linear-gradient(90deg,#064083,#0077ff)}

/* Supplied OneLink header artwork. */
.cover{background:#064083 url("./assets/onelink-header.png") center center/cover no-repeat}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,25,55,.48),rgba(4,25,55,.08) 58%,rgba(4,25,55,.18));pointer-events:none}
.cover-wordmark,.flip-trigger{z-index:6}
.cover-rings{display:none}
.brand-line{text-transform:none}
.brand-subline{font-weight:600;color:#667085}

/* Payment uses the same clean 3D card flip as the business snapshot. */
.card-scene.payment-short{height:756px}
.profile-card.is-payment{transform:rotateY(180deg)}
.profile-card.is-payment .card-front{opacity:1;transform:none;filter:none;pointer-events:none}
.payment-card{z-index:auto;display:none;opacity:1;transform:rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:auto;transition:none}
.profile-card[data-mode="payment"] .payment-card{display:block}
.profile-card.is-payment .payment-card{opacity:1;transform:rotateY(180deg);pointer-events:auto}

/* Full-face Kriyon payment states, matched to the supplied references. */
.payment-modal{padding:34px 28px;border-radius:24px;background:radial-gradient(circle at 50% 48%,#35a9cb 0%,#18788e 46%,#0c4453 100%)}
#bankModal{background:radial-gradient(circle at 50% 45%,#5a4a76 0%,#342c4e 52%,#17182b 100%)}
.modal-panel{height:100%;display:flex;flex-direction:column;justify-content:center;color:#fff;text-align:center}
.modal-panel h3{margin:0;font-size:25px;line-height:1.15;letter-spacing:-.04em}
.modal-panel>p{margin:10px 0 24px;color:rgba(255,255,255,.76);font-size:13px;line-height:1.45}
.upi-shell{overflow:hidden;padding:0 17px 18px;border-radius:22px;color:#0f172a;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.upi-verified{display:flex;align-items:center;gap:9px;margin:0 -17px 17px;padding:16px 18px;border-bottom:1px solid #e2e8f0;color:#475569;background:#f6feff;text-align:left;font-size:11px;font-weight:800;letter-spacing:.15em}
.upi-verified span{width:23px;height:23px;display:grid;place-items:center;border:2px solid #1298ba;border-radius:50%;color:#1298ba;font-size:12px;letter-spacing:0}
.upi-shell .detail-box{min-height:62px;display:flex;align-items:center;padding:10px 88px 10px 14px;border:1px solid #dbe4ee;border-radius:15px;background:#f8fafc;box-shadow:0 3px 10px rgba(15,23,42,.06)}
.upi-shell .detail-box strong{font-size:17px;letter-spacing:-.02em}
.upi-shell .detail-box button,.bank-row button{height:39px;padding:0 12px;border:1px solid #d8e2ed;border-radius:10px;color:#334155;background:#f1f5f9;font-size:12px;font-weight:700}
.upi-shell .instruction{min-height:55px;margin-top:10px;padding:10px 12px;border-radius:13px;background:#f8fafc;font-size:12px}
.upi-shell .instruction b{width:25px;height:25px;color:#0e7490;background:#cffafe}
.modal-close{height:47px;margin-top:20px;border:1px solid rgba(255,255,255,.26);border-radius:15px;background:rgba(255,255,255,.09);font-size:14px}
.bank-panel>p{margin-bottom:24px}
.bank-list{overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 16px 38px rgba(0,0,0,.18)}
.bank-row,.bank-row:first-of-type,.bank-row:nth-last-of-type(1){min-height:78px;padding:13px 93px 13px 16px;border-bottom:1px solid #dce4ed;border-radius:0;color:#0f172a;background:#fff}
.bank-row:last-child{border-bottom:0}
.bank-row span{margin-bottom:6px;color:#64748b;font-size:10px;letter-spacing:.1em}
.bank-row strong{font-size:14px}
.bank-row button{right:13px;height:39px;font-size:12px}
.bank-row button::before{content:"▣";margin-right:5px}
.scanner-panel{justify-content:center}
.scanner-panel h3{margin-bottom:20px}
.scanner-qr-box{padding:18px 17px 15px;border:1px solid rgba(255,255,255,.3);border-radius:20px;background:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.12)}
.scanner-panel .scanner-qr-box img{width:min(100%,275px);padding:0;border:0;border-radius:9px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.16)}
.scanner-qr-box p{margin:10px 0 0;color:rgba(255,255,255,.86);font-size:12px;line-height:1.45}
.scanner-actions{grid-template-columns:1fr;gap:9px;margin-top:14px}
.scanner-actions button{height:48px;border:2px solid rgba(192,238,249,.8);border-radius:15px;color:#0e7490;background:#fff;font-size:13px}
.scanner-actions svg{width:17px;height:17px}

@media(max-width:370px){.payment-modal{padding:27px 20px}.modal-panel h3{font-size:22px}.bank-row{min-height:72px}.scanner-panel .scanner-qr-box img{width:230px}}

/* Final polish from the Burger Bazaar / Vastukar card language. */
.cover{background-position:center;background-color:#064083}
.cover::before,.cover::after{display:none}
.cover-wordmark{left:15px;top:15px;padding:6px 10px;border:1px solid rgba(255,255,255,.45);border-radius:999px;background:rgba(3,21,45,.28);font-size:12px;letter-spacing:.16em;text-shadow:0 2px 5px rgba(0,0,0,.28);backdrop-filter:blur(5px)}
.flip-trigger{top:15px;right:14px;height:34px;gap:6px;padding:0 12px;border:1px solid rgba(147,197,253,.7);color:#0f172a;background:rgba(255,255,255,.95);box-shadow:rgba(9,34,62,.18) 0 8px 18px,rgba(15,23,42,.08) 0 2px 6px;font-size:12px;font-weight:700}
.flip-trigger svg{width:15px;height:15px;color:#1e40af;stroke-width:2}
.chips{margin-top:10px}
.chips span{min-height:29px;padding:5px 11px;color:#0757ad;background:linear-gradient(105deg,#f7fbff,#eaf5ff);font-size:10px;letter-spacing:.01em}

.action{border-color:rgba(148,163,184,.22);background:linear-gradient(180deg,#fff,#fbfdff);box-shadow:0 9px 20px rgba(15,23,42,.11),0 2px 5px rgba(15,23,42,.06),inset 0 1px rgba(255,255,255,.95)}
.action-pricing{background:linear-gradient(135deg,#f8fbff,#edf7ff)}
.action-pricing svg{stroke:#0b6fba}
.action-portfolio{background:linear-gradient(135deg,#fff,#f2f7fc)}
.action-portfolio svg{stroke:#294d73}
.action-email{background:linear-gradient(135deg,#fff,#f5f9ff)}
.action-email svg{stroke:#1469a6}
.action-border{color:#0757ad;background:linear-gradient(135deg,#fff,#edf7ff);box-shadow:rgba(0,119,255,.14) 0 8px 18px,rgba(21,21,21,.08) 0 4px 8px,rgba(255,255,255,.85) 0 1px 0 inset}
.action-border::before{background:linear-gradient(90deg,transparent,rgba(0,119,255,.08),transparent);animation-duration:2.8s}

.snapshot-card{background:radial-gradient(circle at 76% 12%,rgba(60,144,231,.38),transparent 28%),linear-gradient(150deg,#071f3d 0%,#0c3766 55%,#075aaa 125%)}
.snapshot-content{padding:72px 20px 24px}
.snapshot-content h2{margin-bottom:21px;font-size:21px;letter-spacing:-.025em}
.snapshot-row,.snapshot-row:first-of-type{min-height:91px;margin-bottom:11px;padding:13px 14px;border:1px solid rgba(147,197,253,.32);background:linear-gradient(112deg,#fafdff 0%,#eaf5ff 100%);box-shadow:0 12px 25px rgba(2,20,43,.18)}
.snapshot-icon{width:44px;height:44px;border:1px solid rgba(255,255,255,.26);background:linear-gradient(145deg,#0a3970,#0b7be4);box-shadow:0 8px 18px rgba(0,90,190,.22)}
.snapshot-icon svg{width:21px;height:21px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.snapshot-row strong{color:#0f2745;font-size:13.5px}
.snapshot-row p{color:#5d6f83;font-size:11px;line-height:1.5}
.snapshot-visual{display:none}
.snapshot-cta{width:100%;height:48px;margin:14px 0 0;justify-content:space-between;padding:0 17px;border-color:rgba(191,219,254,.42);border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.2),rgba(255,255,255,.09));font-size:13px}
.snapshot-cta span{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#0757ad;background:#fff}
.venture-link{height:63px;margin-top:10px;padding:9px 12px 9px 15px;border-color:rgba(147,197,253,.3);background:linear-gradient(105deg,rgba(4,25,52,.78),rgba(8,72,135,.68));box-shadow:0 12px 25px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.08)}
.venture-link span{color:#9ecdf7;font-size:8px}
.venture-link strong{font-size:13px;letter-spacing:-.01em}
.venture-link b{width:33px;height:33px;box-shadow:0 7px 16px rgba(0,0,0,.18)}

.card-scene.payment-short{height:680px}
.payment-modal{display:flex;opacity:0;visibility:hidden;transform:scale(.97) translateY(8px);pointer-events:none;transition:opacity .24s ease,transform .34s cubic-bezier(.22,.72,.18,1),visibility .24s ease}
.payment-modal.is-open{display:flex;opacity:1;visibility:visible;transform:scale(1) translateY(0);pointer-events:auto}
.payment-modal .modal-panel{opacity:0;transform:translateY(10px);transition:opacity .22s ease .04s,transform .34s cubic-bezier(.22,.72,.18,1) .04s}
.payment-modal.is-open .modal-panel{opacity:1;transform:translateY(0)}
.scanner-panel .scanner-qr-box img{width:min(100%,250px)}

.brand-loader{background:#050505;transition:opacity .36s ease,visibility .36s ease}
.loader-mark{width:92px;height:92px;margin-bottom:16px;border-radius:25px;animation:none}
.loader-mark::after{inset:-6px;border-radius:29px}
.loader-mark img{width:72px;height:72px;border-radius:19px}
.brand-loader strong{font-size:25px}
.brand-loader>span{font-size:10.5px}
.loader-track,.brand-loader small{display:none}

/* Restore highlighted CTAs after the generic button polish rule. */
.action.action-primary{color:#fff;border-color:transparent;background:linear-gradient(104deg,#09223e 0%,#064083 49%,#0077ff 100%);box-shadow:rgba(0,91,194,.3) 0 9px 21px,rgba(21,21,21,.1) 0 4px 8px,rgba(255,255,255,.2) 0 1px 0 inset}
.action.action-primary svg{stroke:#fff}
.action.action-payment{color:#fff;border-color:transparent;background:linear-gradient(135deg,#16858a 0%,#0f766e 55%,#115e59 100%);box-shadow:rgba(15,118,110,.34) 0 8px 20px,rgba(255,255,255,.18) 0 1px 0 inset}
.action.action-payment span{color:#fff}

.cover-wordmark{display:none}
.flip-trigger{min-width:108px;justify-content:center}
.flip-trigger svg{fill:none;stroke:#1e40af;stroke-linecap:round;stroke-linejoin:round}

.chips{gap:6px}
.chips span{min-height:27px;padding:4px 9px;font-size:9.5px;white-space:nowrap}

/* Mango-style OneLink scan loader. */
.brand-loader{background:#000}
.loader-mark{width:150px;height:150px;margin-bottom:22px;padding:6px;border:2px solid #dbe4ef;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.55);overflow:hidden;animation:loaderAppear .45s cubic-bezier(.22,.72,.18,1) both}
.loader-mark img{width:134px;height:134px;border-radius:13px;object-fit:contain;background:#09223e}
.loader-mark::before{content:"";position:absolute;z-index:3;left:5px;right:5px;top:5px;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,#23a7ff,transparent);box-shadow:0 0 16px rgba(0,119,255,.95),0 0 30px rgba(0,119,255,.55);animation:scanLine 1.35s linear infinite}
.loader-mark::after{content:"";position:absolute;z-index:4;inset:0;border:0;border-radius:16px;background:linear-gradient(#0077ff,#0077ff) left top/25px 2px no-repeat,linear-gradient(#0077ff,#0077ff) left top/2px 25px no-repeat,linear-gradient(#0077ff,#0077ff) right top/25px 2px no-repeat,linear-gradient(#0077ff,#0077ff) right top/2px 25px no-repeat,linear-gradient(#0077ff,#0077ff) left bottom/25px 2px no-repeat,linear-gradient(#0077ff,#0077ff) left bottom/2px 25px no-repeat,linear-gradient(#0077ff,#0077ff) right bottom/25px 2px no-repeat,linear-gradient(#0077ff,#0077ff) right bottom/2px 25px no-repeat;pointer-events:none}
.loader-welcome{margin:0 0 3px!important;color:#94a3b8!important;font-size:12px!important;animation:loaderText .45s ease .18s both}
.brand-loader strong{font-size:19px;letter-spacing:-.02em;animation:loaderText .45s ease .24s both}
.loader-tagline{margin-top:5px!important;color:rgba(255,255,255,.46)!important;font-size:9.5px!important;animation:loaderText .45s ease .3s both}
@keyframes scanLine{0%{top:6px}100%{top:142px}}
@keyframes loaderAppear{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes loaderText{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}

/* Proper reusable copy controls. */
.upi-verified span{border:0}
.upi-verified span svg{width:24px;height:24px;fill:none;stroke:#1298ba;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.upi-shell .detail-box button,.bank-row button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.upi-shell .detail-box button svg,.bank-row button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.bank-row button::before{content:none}

.payment-card .secure-badge{height:56px;border:1px solid rgba(125,211,252,.25);border-radius:17px;background:linear-gradient(105deg,rgba(2,12,27,.96),rgba(5,30,55,.96));box-shadow:0 10px 22px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.07)}
.payment-card .secure-badge img{width:34px;height:34px;border:1px solid rgba(255,255,255,.18)}
.payment-card .secure-badge strong{font-size:9.5px;color:#fff}
.payment-card .secure-badge small{color:#93c5fd}

@media(prefers-reduced-motion:reduce){.loader-mark,.loader-mark::before,.loader-welcome,.brand-loader strong,.loader-tagline{animation:none}}

/* Content-fit front card and stronger Burger/Vastukar typography. */
.card-scene,.card-scene.front-tall{height:720px}
.card-scene.snapshot-short{height:756px}
.card-scene.payment-short{height:680px}
.identity h1{font-weight:800}
.brand-line{font-weight:700}
.brand-subline{font-weight:600}
.chips span{font-weight:700}
.action{font-weight:700}
.action span{font-weight:700}
.action-border{height:44px;border:2px solid #0077ff;font-size:13px;font-weight:700}
.action-border svg{width:16px;height:16px;stroke-width:2}
.pay-option{font-weight:700}

/* Two intentional website actions on the flip face. */
.snapshot-links{display:grid;gap:9px;margin-top:13px}
.snapshot-links .snapshot-cta,.snapshot-links .venture-link{width:100%;height:55px;display:grid;grid-template-columns:36px minmax(0,1fr) 29px;align-items:center;gap:10px;margin:0;padding:6px 11px;border:1px solid rgba(147,197,253,.38);border-radius:16px;color:#fff;text-align:left;text-decoration:none;box-shadow:0 10px 22px rgba(0,0,0,.15),inset 0 1px rgba(255,255,255,.1)}
.snapshot-links .snapshot-cta{background:linear-gradient(105deg,rgba(255,255,255,.2),rgba(105,176,244,.12))}
.snapshot-links .venture-link{background:linear-gradient(105deg,rgba(3,20,43,.9),rgba(8,72,135,.76))}
.snapshot-links i{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:11px;color:#0757ad;background:#fff;font-size:16px;font-style:normal;font-weight:800;box-shadow:0 6px 14px rgba(0,0,0,.16)}
.snapshot-links i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.snapshot-links .snapshot-cta>span,.snapshot-links .venture-link>span{width:auto;height:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:0;border-radius:0;color:#fff;background:none;line-height:1.15}
.snapshot-links small{color:#a8d5ff;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.snapshot-links strong{font-size:12.5px;font-weight:700;letter-spacing:-.01em}
.snapshot-links b{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#0757ad;background:#fff;font-size:14px;box-shadow:0 6px 14px rgba(0,0,0,.14)}
.snapshot-row strong{font-weight:700}
.snapshot-row p{font-weight:500}
.snapshot-card{cursor:pointer}
.snapshot-card a,.snapshot-card button{cursor:pointer}

/* Keep both flip-side website actions locked to a single clean row. */
.snapshot-links .snapshot-cta,.snapshot-links .venture-link{grid-template-rows:1fr}
.snapshot-links i{grid-column:1;grid-row:1}
.snapshot-links .snapshot-cta>span,.snapshot-links .venture-link>span{grid-column:2;grid-row:1}
.snapshot-links b{grid-column:3;grid-row:1}