/* ImpactMojo — shared product landing-page styles */
*{margin:0;padding:0;box-sizing:border-box;}
:root{--bg:#F8FAFC;--bg2:#FFFFFF;--acc:#0284C7;--acc2:#0369A1;--ind:#6366F1;--ok:#16A34A;--warn:#D97706;
--tx:#0F172A;--tx2:#475569;--mut:#64748B;--card:#FFFFFF;--hov:#F1F5F9;--bd:#E2E8F0;--nav:rgba(248,250,252,.95);
--grad:linear-gradient(135deg,#0369A1 0%,#4338CA 100%);--sh:0 10px 25px rgba(0,0,0,.08);}
@media(prefers-color-scheme:dark){:root{--bg:#0F172A;--bg2:#1E293B;--acc:#0EA5E9;--acc2:#0284C7;--ok:#10B981;--warn:#F59E0B;
--tx:#F1F5F9;--tx2:#CBD5E1;--mut:#94A3B8;--card:#1E293B;--hov:#334155;--bd:#334155;--nav:rgba(15,23,42,.95);--sh:0 10px 25px rgba(0,0,0,.3);}}
body.light-mode{--bg:#F8FAFC;--bg2:#FFFFFF;--acc:#0284C7;--tx:#0F172A;--tx2:#475569;--mut:#64748B;--card:#FFFFFF;--hov:#F1F5F9;--bd:#E2E8F0;--nav:rgba(248,250,252,.95);}
body.dark-mode{--bg:#0F172A;--bg2:#1E293B;--acc:#0EA5E9;--tx:#F1F5F9;--tx2:#CBD5E1;--mut:#94A3B8;--card:#1E293B;--hov:#334155;--bd:#334155;--nav:rgba(15,23,42,.95);}
html{scroll-behavior:smooth;}
body{font-family:'Amaranth',Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.65;}
h1,h2,h3,h4{font-family:'Inter',Helvetica,sans-serif;line-height:1.25;}
a{color:var(--acc);text-decoration:none;}
.mono{font-family:'JetBrains Mono',monospace;}
.skip-link{position:absolute;left:-999px;top:0;background:var(--acc);color:#fff;padding:.6rem 1rem;border-radius:0 0 8px 0;z-index:99;}
.skip-link:focus{left:0;}
.tb{position:fixed;top:0;left:0;right:0;z-index:50;background:var(--nav);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--bd);padding:.5rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.tb a.home{display:flex;align-items:center;gap:.5rem;color:var(--tx);font-family:'Inter';font-weight:700;}
.tb img{width:26px;height:26px;border-radius:6px;}
.tb .r{display:flex;gap:.5rem;align-items:center;}
.tb .bk{font-family:'Inter';font-weight:600;font-size:.82rem;color:var(--tx2);border:1px solid var(--bd);padding:.35rem .7rem;border-radius:8px;}
.theme{width:38px;height:38px;border:1px solid var(--bd);background:var(--card);border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.theme svg{width:18px;height:18px;stroke:var(--tx);fill:none;stroke-width:2;}.theme .mn{display:none;}.light-mode .theme .sn{display:none;}.light-mode .theme .mn{display:block;}
.wrap{max-width:920px;margin:0 auto;padding:5rem 1.25rem 3rem;}
.crumb{font-size:.82rem;color:var(--mut);margin-bottom:1rem;}
.eyebrow{display:inline-block;font-family:'Inter';font-weight:700;font-size:.72rem;letter-spacing:.6px;text-transform:uppercase;color:var(--acc);background:var(--hov);padding:.25rem .7rem;border-radius:999px;margin-bottom:.8rem;}
h1.title{font-size:2.3rem;margin-bottom:.6rem;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.lede{font-size:1.16rem;color:var(--tx2);margin-bottom:1.4rem;}
.buybar{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:1.2rem 0 .4rem;}
.price{font-family:'Inter';font-weight:800;font-size:1.6rem;}.price s{color:var(--mut);font-weight:500;font-size:1rem;}
.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.7rem 1.3rem;border-radius:11px;font-family:'Inter';font-weight:700;font-size:.95rem;cursor:pointer;border:none;}
.btn.buy{background:var(--grad);color:#fff;}.btn.buy:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(14,165,233,.3);}
.btn.ghost{background:var(--card);color:var(--tx);border:1px solid var(--bd);}.btn.ghost:hover{border-color:var(--acc);color:var(--acc);}
.btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;}
section.blk{margin:2.6rem 0;}section.blk h2{font-size:1.5rem;margin-bottom:.8rem;}
.letter p{margin-bottom:1rem;color:var(--tx2);font-size:1.04rem;}.letter strong{color:var(--tx);}
.checklist{list-style:none;margin:.5rem 0;}
.checklist li{position:relative;padding-left:1.7rem;margin-bottom:.6rem;color:var(--tx2);}
.checklist li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--ok);}
.checklist li::after{content:"";position:absolute;left:4.5px;top:.62em;width:4px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.card{background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:1.4rem 1.5rem;box-shadow:var(--sh);}
.sample{position:relative;border:1px solid var(--bd);border-radius:14px;overflow:hidden;background:#fff;color:#0f172a;max-height:440px;}
.sample .pg{padding:2rem 2.2rem;font-family:Georgia,serif;}
.sample .pg h3{font-family:'Inter';color:#0369A1;font-size:1.1rem;margin:1.1rem 0 .3rem;}
.sample .pg .g{color:#64748B;font-style:italic;font-size:.9rem;}
.sample .pg .ln{height:.7rem;border-bottom:1px solid #E2E8F0;margin:.5rem 0;}
.sample::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='320' height='160'><text x='10' y='95' transform='rotate(-28 160 80)' font-family='Arial' font-size='30' font-weight='bold' fill='%230369a1' fill-opacity='0.13'>SAMPLE · ImpactMojo</text></svg>");background-repeat:repeat;}
.sample .fade{position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,#fff);display:flex;align-items:flex-end;justify-content:center;padding-bottom:14px;}
.diagram{width:100%;height:auto;background:var(--card);border:1px solid var(--bd);border-radius:16px;padding:1rem;}
.pay{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;}@media(max-width:680px){.pay{grid-template-columns:1fr;}}
.upi-id{display:flex;align-items:center;gap:.5rem;background:var(--hov);border:1px solid var(--bd);border-radius:10px;padding:.6rem .8rem;font-family:'JetBrains Mono';font-weight:600;margin:.6rem 0;}
.upi-id button{margin-left:auto;border:1px solid var(--bd);background:var(--card);border-radius:7px;padding:.3rem .6rem;cursor:pointer;font-size:.78rem;color:var(--acc);font-family:'Inter';font-weight:600;}
.qr{width:170px;height:170px;border:1px solid var(--bd);border-radius:12px;background:#fff;padding:8px;}
.field{margin-bottom:.8rem;}.field label{display:block;font-family:'Inter';font-weight:600;font-size:.85rem;margin-bottom:.3rem;}
.field input{width:100%;padding:.6rem .7rem;background:var(--bg);border:1px solid var(--bd);border-radius:9px;color:var(--tx);font-family:'Amaranth';font-size:.95rem;}
.field input:focus{outline:none;border-color:var(--acc);}
.steps{counter-reset:s;list-style:none;}
.steps li{position:relative;padding-left:2.4rem;margin-bottom:.8rem;color:var(--tx2);}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--grad);color:#fff;font-family:'Inter';font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;}
.faq details{border:1px solid var(--bd);border-radius:10px;padding:.7rem 1rem;margin-bottom:.6rem;background:var(--card);}
.faq summary{font-family:'Inter';font-weight:600;cursor:pointer;}.faq p{color:var(--tx2);margin-top:.5rem;font-size:.95rem;}
.upsell{background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(14,165,233,.08));border:1px solid var(--acc);border-radius:16px;padding:1.3rem 1.5rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;}
.note{font-size:.85rem;color:var(--mut);}
.foot{border-top:1px solid var(--bd);margin-top:3rem;padding:2rem 1.25rem;text-align:center;color:var(--mut);font-size:.85rem;}.foot a{color:var(--tx2);}
.toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%) translateY(20px);background:var(--tx);color:var(--bg);padding:.7rem 1.2rem;border-radius:10px;font-family:'Inter';font-weight:600;font-size:.85rem;opacity:0;pointer-events:none;transition:.25s;z-index:99;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
.ok-msg{display:none;background:rgba(22,163,74,.12);border:1px solid var(--ok);color:var(--ok);border-radius:10px;padding:.8rem 1rem;font-family:'Inter';font-weight:600;font-size:.9rem;margin-top:.6rem;}
.diag-g{fill:none;stroke:#16A34A;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}
.diag-r{fill:none;stroke:#DC2626;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;}