:root{--maroon:#9d0b46;--deep:#2a0613;--text:#272a2f;--muted:#666;--soft:#f4f5f9}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}a,button{font:inherit}button,a{cursor:pointer}.siteHeader{position:sticky;top:0;z-index:10;background:#fff;box-shadow:0 2px 12px #0001}.magentaStrip{height:16px;background:linear-gradient(90deg,#b00650,#9b0a47)}.nav{height:55px;background:#fff;display:flex;align-items:flex-start;padding:0 28px;gap:16px;position:relative}.nav:before{content:"";position:absolute;left:0;top:0;width:295px;height:55px;background:var(--maroon);clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}.logo{position:relative;z-index:1;width:135px;margin-top:12px}.hamb{position:relative;z-index:2;border:0;background:transparent;width:32px;margin-top:15px;padding:0}.hamb span{display:block;height:2px;background:white;margin:6px 0;width:32px}.navRight{margin-left:auto;display:flex;align-items:center;gap:18px;color:var(--maroon);font-size:13px;height:55px}.navRight button{border:0;background:#fff;color:var(--maroon);font-size:20px}.navRight .login{background:var(--maroon);color:#fff;border-radius:8px;font-weight:700;font-size:13px;padding:11px 14px}.crumb{max-width:1080px;margin:0 auto;padding:18px 24px;color:#333;font-size:12px}.crumb span{margin:0 14px;color:#aaa}.hero{max-width:820px;margin:0 auto;text-align:center;padding:58px 20px 16px;background:linear-gradient(#fff0,#fff)}.hero h1{font-size:38px;font-weight:400;margin:0 0 18px}.hero p{font-size:18px;line-height:1.45;color:#666;margin:0 auto 35px;max-width:700px}.hero h2{font-size:34px;font-weight:400;margin:0}.cardsGrid{max-width:1040px;margin:0 auto;padding:10px 24px 0;display:grid;grid-template-columns:1fr 1fr;gap:28px}.imageCard{height:435px;border-radius:10px;overflow:hidden;position:relative;background:#111;box-shadow:0 1px 2px #0002}.imageCard img{width:100%;height:100%;object-fit:cover;display:block}.imageCard:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b 0,#0005 38%,#0001 100%)}.imageCard>div{position:absolute;left:28px;right:28px;bottom:28px;z-index:1;color:#fff}.imageCard h3{font-size:22px;margin:0 0 10px}.imageCard p{font-size:15px;line-height:1.35;margin:0 0 24px;color:#fff}.actions{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions.single{grid-template-columns:1fr}.actions a{display:block;text-align:center;background:white;color:var(--maroon);border-radius:8px;padding:15px 10px;font-weight:700;text-decoration:none}.actions .primary{background:var(--maroon);color:white}.center{text-align:center;padding:42px 0}.viewMore{background:var(--maroon);color:white;border:0;border-radius:8px;padding:16px 42px;font-weight:700}.linksBlock{background:#f3f4f8;padding:48px 20px 62px;text-align:center}.linksBlock h2,.learning h2{font-size:30px;font-weight:400;margin:0 0 38px}.linkCards{max-width:760px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:32px}.linkCard{background:white;border:1px solid #ddd;border-radius:15px;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;box-shadow:0 7px 14px #0001;font-size:20px}.linkCard i{font-style:normal;background:#fde4f0;color:var(--maroon);border-radius:13px;width:48px;height:48px;display:grid;place-items:center}.learning{max-width:940px;margin:0 auto;padding:62px 24px 12px;text-align:center}.learning>p{font-size:18px;color:#666;margin:-20px 0 40px}.blog{text-align:left;margin:0 0 42px}.blog img{width:100%;height:300px;object-fit:cover;border-radius:12px}.meta{display:flex;gap:15px;align-items:center;color:#666;margin:14px 0;font-size:15px}.meta span:first-child{background:#f2f3f6;padding:5px 10px;border-radius:3px;color:#333}.blog h3{font-size:22px;color:var(--maroon);margin:15px 0 12px}.blog p{font-size:17px;line-height:1.48;color:#666;margin:0}.accordions{background:#f8f8f8;padding:24px 8%}.accordions details{border-bottom:1px solid #ddd;padding:17px 0}.accordions summary{list-style:none;font-size:20px;font-weight:700;display:flex;justify-content:space-between}.accordions summary:after{content:"⌄"}.accordions p{color:#666}.footerDark{background:var(--deep);color:#fff;padding:30px 8%;font-size:15px;line-height:1.45}.social{font-size:20px;margin:25px 0;display:flex;gap:18px;align-items:center}.social b{background:white;color:#230712;border-radius:50%;width:24px;height:24px;display:inline-grid;place-items:center;font-size:14px}.fraud{background:white;border:0;border-radius:8px;padding:13px 22px;font-weight:700;display:flex;gap:12px;align-items:center}.fraud img{width:25px}.footerGrid{display:grid;grid-template-columns:90px 120px 1fr;gap:22px;align-items:center;margin-top:20px}.footerGrid img{max-width:100%}.footerBottom{background:#321520;color:white;padding:24px 8%;font-size:13px}.footerBottom img{width:150px}.footerBottom nav{display:flex;gap:24px;flex-wrap:wrap;margin:26px 0}.stickyLead{position:fixed;left:50%;bottom:9px;transform:translateX(-50%);z-index:20;background:white;border-radius:12px;box-shadow:0 0 22px #0015;display:flex;align-items:center;gap:18px;padding:10px 12px 10px 18px;min-width:430px}.stickyLead button{background:var(--maroon);color:white;border:0;border-radius:8px;padding:16px 35px;font-weight:700}.topBack,.helpDot{position:fixed;left:32px;z-index:30;border:0;border-radius:50%;box-shadow:0 4px 12px #0002}.topBack{bottom:92px;width:48px;height:48px;background:white;color:var(--maroon);font-size:30px}.helpDot{bottom:28px;width:58px;height:58px;background:var(--maroon);color:white;font-size:28px}.aha{position:fixed;right:26px;bottom:80px;background:#c10b57;color:white;z-index:19;border-radius:4px;padding:9px 10px;text-align:center;font-size:18px;line-height:1;box-shadow:0 4px 10px #0002}.aha b{display:block;font-size:28px}.aha small{font-size:9px}.aha:before,.aha:after{content:'”';position:absolute;color:#111;font-size:28px}.aha:before{left:-12px;top:-5px}.aha:after{right:-12px;bottom:-10px}
@media(max-width:760px){.magentaStrip{height:12px}.nav{height:45px;padding:0 16px}.nav:before{width:190px;height:45px}.logo{width:104px;margin-top:9px}.hamb{width:25px;margin-top:11px}.hamb span{width:25px;margin:5px 0}.navRight{gap:12px;font-size:11px;height:45px}.navRight button{font-size:18px}.navRight .login{padding:9px 10px;font-size:11px}.crumb{padding:16px 11%;font-size:11px}.hero{padding:70px 24px 16px}.hero h1{font-size:28px}.hero p{font-size:16px}.hero h2{font-size:26px}.cardsGrid{display:block;padding:0 11%}.imageCard{height:545px;margin-bottom:18px;border-radius:6px}.imageCard>div{left:17px;right:17px;bottom:17px}.imageCard h3{font-size:18px}.imageCard p{font-size:14px}.actions{gap:12px}.actions a{padding:13px 8px;font-size:14px}.linksBlock{padding-top:31px}.linkCards{display:block;max-width:430px}.linkCard{min-height:138px;margin-bottom:44px;font-size:18px}.learning{padding:55px 8% 10px}.learning h2,.linksBlock h2{font-size:26px}.learning>p{font-size:16px}.blog img{height:190px}.blog h3{font-size:18px;line-height:1.3}.blog p{font-size:16px}.meta{font-size:14px;gap:10px;flex-wrap:wrap}.accordions{padding:18px 8%}.accordions summary{font-size:18px}.footerGrid{grid-template-columns:78px 90px;gap:16px}.footerGrid p{grid-column:1/3}.stickyLead{min-width:0;width:49%;left:52%;bottom:8px;gap:12px;padding:9px 8px;font-size:13px}.stickyLead button{padding:14px 23px}.topBack{left:28px;bottom:82px;width:39px;height:39px}.helpDot{left:28px;bottom:22px;width:51px;height:51px}.aha{right:33px;bottom:72px}.cardsGrid+.center{padding:22px 0 50px}}
@media(min-width:761px) and (max-width:1000px){.cardsGrid{grid-template-columns:1fr}.imageCard{height:520px}.stickyLead{width:420px}.linkCards{grid-template-columns:1fr}}

/* finishing pass */
.siteHeader{box-shadow:0 3px 16px rgba(41,6,19,.14)}
.nav{align-items:center;overflow:hidden}
.nav:before{box-shadow:14px 0 0 rgba(157,11,70,.08)}
.logo{margin-top:0;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}
.hamb{margin-top:0;height:38px;display:grid;align-content:center}
.navRight{height:100%;align-items:center}
.navRight .iconBtn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;padding:0;background:#fff;color:var(--maroon);transition:.15s ease}
.navRight .iconBtn:hover{background:#faedf3}
.navRight .iconBtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.navRight .whatsapp svg{width:18px;height:18px}
.navRight span{font-weight:600;letter-spacing:.02em;color:#8d093f}
.navRight .login{box-shadow:0 8px 16px rgba(157,11,70,.18)}
.hero{position:relative;background:linear-gradient(180deg,#f7f2f7 0%,#fff 42%)}
.hero:before{content:"";position:absolute;inset:0 0 auto 0;height:92px;background:radial-gradient(circle at 50% 0,rgba(157,11,70,.13),transparent 62%);pointer-events:none}
.imageCard{box-shadow:0 2px 9px rgba(0,0,0,.10)}
.imageCard img{transform:scale(1.005)}
.imageCard:nth-child(1) img{object-position:center center}
.imageCard:nth-child(2) img{object-position:center center}
.imageCard:nth-child(3) img{object-position:center center}
.imageCard:nth-child(4) img{object-position:center center}
.imageCard:nth-child(5) img{object-position:center center}
.imageCard:nth-child(6) img{object-position:center center}
.imageCard:after{background:linear-gradient(0deg,rgba(0,0,0,.73) 0%,rgba(0,0,0,.45) 38%,rgba(0,0,0,.08) 100%)}
.actions a,.viewMore,.stickyLead button{box-shadow:0 6px 14px rgba(157,11,70,.12)}
.actions .primary,.viewMore,.stickyLead button{background:linear-gradient(180deg,#b50b53,#9d0b46)}
.linkCard{transition:transform .18s ease,box-shadow .18s ease;border-color:#e0e0e4}
.linkCard:hover{transform:translateY(-2px);box-shadow:0 11px 24px rgba(0,0,0,.10)}
.blog img{box-shadow:0 1px 3px rgba(0,0,0,.08)}
.footerBottom img{filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}
@media(max-width:760px){
  .siteHeader{position:sticky;top:0}
  .nav{padding:0 17px 0 16px}
  .nav:before{width:188px;clip-path:polygon(0 0,100% 0,87% 100%,0 100%)}
  .navRight{gap:10px}
  .navRight .iconBtn{width:28px;height:28px}
  .navRight .iconBtn svg{width:16px;height:16px;stroke-width:2}
  .navRight span{font-size:11px}
  .navRight .login{border-radius:7px;padding:8px 10px}
  .hero{padding-top:72px}
  .cardsGrid{padding-left:10.5%;padding-right:10.5%}
  .imageCard{height:542px;box-shadow:none}
  .imageCard:nth-child(1) img{object-position:52% center}
  .imageCard:nth-child(2) img{object-position:47% center}
  .imageCard:nth-child(3) img{object-position:49% center}
  .imageCard:nth-child(4) img{object-position:54% center}
  .imageCard:nth-child(5) img{object-position:47% center}
  .imageCard:nth-child(6) img{object-position:48% center}
  .stickyLead{width:50%;max-width:330px;left:52%;}
  .aha{transform:scale(.94);transform-origin:right bottom}
}
@media(max-width:430px){
  .navRight{gap:7px}.navRight span{display:none}.navRight .iconBtn{width:27px}.logo{width:100px}.nav:before{width:176px}
  .hero h1{font-size:27px}.hero h2{font-size:25px}.hero p{font-size:15.5px}
  .cardsGrid{padding-left:8.5%;padding-right:8.5%}.imageCard{height:490px}
  .actions a{font-size:13px}.stickyLead{width:68%;left:58%;font-size:12px}.stickyLead button{padding:13px 18px}
}

/* v3 reference-match refinements */
@media(max-width:760px){
  body{overflow-x:hidden;background:#fff}
  .magentaStrip{height:12px}
  .nav{height:46px;padding:0 18px 0 18px;box-shadow:0 6px 16px rgba(0,0,0,.08)}
  .nav:before{width:198px;height:46px;clip-path:polygon(0 0,100% 0,88% 100%,0 100%)}
  .hamb{width:30px;height:40px;margin-right:2px}
  .hamb span{width:29px;height:2px;margin:5px 0}
  .logo{width:112px}
  .navRight{gap:12px;min-width:0}
  .navRight .iconBtn{width:24px;height:32px;background:transparent}
  .navRight .iconBtn svg{width:17px;height:17px;stroke-width:1.9}
  .navRight span{display:inline;font-size:12px;font-weight:700;color:#6e1536}
  .navRight .login{font-size:12px;padding:9px 11px;border-radius:8px}

  .crumb{padding:18px 17px 16px;font-size:12px;max-width:none}
  .crumb span{margin:0 16px}
  .hero{max-width:none;padding:58px 17px 17px;background:linear-gradient(180deg,#fbf3fa 0,#fff 38%)}
  .hero:before{height:80px;opacity:.8}
  .hero h1{font-size:29px;line-height:1.16;margin-bottom:19px;color:#111;font-weight:400}
  .hero p{font-size:17px;line-height:1.42;max-width:430px;margin-bottom:28px;color:#6f6f6f}
  .hero h2{font-size:29px;line-height:1.18;margin:0 auto;max-width:455px;color:#222}

  .cardsGrid{display:block;max-width:none;padding:0 17px;margin:0 auto}
  .imageCard{height:467px;margin-bottom:18px;border-radius:7px;box-shadow:none}
  .imageCard:after{background:linear-gradient(0deg,rgba(0,0,0,.73) 0%,rgba(0,0,0,.47) 37%,rgba(0,0,0,.06) 100%)}
  .imageCard>div{left:17px;right:17px;bottom:18px}
  .imageCard h3{font-size:18px;margin-bottom:9px;line-height:1.15}
  .imageCard p{font-size:14px;line-height:1.38;margin-bottom:21px}
  .actions{gap:14px}
  .actions a{border-radius:7px;padding:14px 8px;font-size:14px}
  .imageCard:nth-child(1) img{object-position:50% center}
  .imageCard:nth-child(2) img{object-position:46% center}
  .imageCard:nth-child(3) img{object-position:50% center}
  .imageCard:nth-child(4) img{object-position:50% center}
  .imageCard:nth-child(5) img{object-position:48% center}
  .imageCard:nth-child(6) img{object-position:50% center}
  .center{padding:32px 0 44px}
  .viewMore{padding:13px 30px;border-radius:7px;font-size:14px}

  .linksBlock{padding:34px 17px 58px;background:#f4f5f9}
  .linksBlock h2,.learning h2{font-size:28px;margin-bottom:38px}
  .linkCards{max-width:none;padding:0 58px}
  .linkCard{min-height:137px;margin-bottom:44px;border-radius:12px;gap:21px;font-size:18px;box-shadow:0 8px 13px rgba(0,0,0,.10)}
  .linkCard i{width:43px;height:43px;border-radius:12px}

  .learning{max-width:none;padding:53px 17px 8px}
  .learning>p{font-size:16px;line-height:1.45;margin:-23px 0 35px;color:#666}
  .blog{margin-bottom:38px}
  .blog img{height:193px;border-radius:8px}
  .blog h3{font-size:18px;line-height:1.32;margin:16px 0 11px}
  .blog p{font-size:16px;line-height:1.43}
  .meta{font-size:14px;margin:12px 0;gap:12px}

  .accordions{padding:20px 17px 24px;background:#f8f8f8}
  .accordions details{padding:16px 0}
  .accordions summary{font-size:18px}
  .footerDark{padding:25px 17px;font-size:14px}
  .footerBottom{padding:22px 17px 28px}

  .topBack{left:29px;bottom:84px;width:40px;height:40px;font-size:27px}
  .helpDot{left:29px;bottom:22px;width:54px;height:54px;font-size:25px}
  .aha{right:24px;bottom:73px;transform:none;padding:9px 10px}
  .aha b{font-size:27px}
  .stickyLead{width:325px;left:50%;bottom:10px;transform:translateX(-38%);gap:12px;padding:10px 10px 10px 17px;font-size:13px;min-width:0}
  .stickyLead button{padding:14px 25px;line-height:1.1;border-radius:8px}
}
@media(max-width:430px){
  .nav{padding-left:14px;padding-right:12px}.nav:before{width:181px}.logo{width:102px}.navRight{gap:7px}.navRight span{display:none}.navRight .login{padding:8px 10px}
  .crumb{padding-left:14px;padding-right:14px}.hero{padding-left:16px;padding-right:16px}.cardsGrid{padding-left:16px;padding-right:16px}.imageCard{height:455px}
  .linkCards{padding:0 40px}.stickyLead{width:300px;transform:translateX(-34%)}.aha{right:23px}
}