@font-face{font-family:'Nabil Bebas';src:url('../fonts/BebasNeue-Regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'Nabil Kensington';src:url('../fonts/KensingtonCompressed-Regular.otf') format('opentype');font-display:swap}
@font-face{font-family:'Nabil Kensington';src:url('../fonts/KensingtonCompressed-Bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--np-purple:#8681e7;--np-dark:#2e294e;--np-yellow:#ffc44d;--np-pink:#e53a63;--np-green:#159c81;--np-light:#edf2fb;--np-white:#fff}
*{box-sizing:border-box}
html,body,.nabil-propostas-page{margin:0!important;padding:0!important;background:var(--np-light);overflow-x:hidden}
.np-page{width:100%;margin:0;background:var(--np-light);color:var(--np-dark);overflow:hidden}
.np-desktop-art{display:block;width:100%;line-height:0;background:var(--np-light)}
.np-desktop-art img{display:block;width:100%;height:auto;margin:0;image-rendering:auto}
.np-mobile-layout{display:none}

@media (max-width:960px){
  .np-desktop-art{display:none}
  .np-mobile-layout{display:block;background:var(--np-light)}
  .np-mobile-hero{background:var(--np-purple);color:#fff;overflow:hidden}
  .np-hero-visual{position:relative;min-height:430px;background:var(--np-purple);overflow:hidden}
  .np-yellow-circle{position:absolute;width:360px;height:360px;border-radius:50%;background:var(--np-yellow);left:-170px;bottom:-130px}
  .np-portrait{position:absolute;z-index:2;left:-18px;bottom:-2px;width:min(55vw,285px);height:auto;filter:none}
  .np-brand{position:absolute;z-index:3;right:18px;top:44px;width:49%;font-family:'Nabil Bebas','Arial Narrow',sans-serif;line-height:.82;text-align:left}
  .np-brand-nabil{position:relative;color:var(--np-yellow);font-size:clamp(72px,22vw,122px);letter-spacing:-.02em}
  .np-star{position:absolute;color:var(--np-dark);font-size:.24em;top:.05em;right:.04em;line-height:1}
  .np-brand-bonduki{color:var(--np-dark);font-size:clamp(49px,15vw,82px);letter-spacing:-.02em}
  .np-brand-number{color:var(--np-yellow);font-size:clamp(46px,13vw,78px);letter-spacing:.08em;white-space:nowrap;margin-top:12px}
  .np-badge{position:absolute;z-index:4;right:18px;bottom:34px;width:124px;height:124px;background:var(--np-dark);clip-path:polygon(50% 0,59% 13%,72% 5%,76% 21%,92% 17%,88% 34%,100% 42%,85% 51%,96% 64%,79% 68%,81% 85%,64% 81%,55% 100%,46% 83%,29% 94%,28% 76%,10% 80%,16% 62%,0 54%,16% 43%,5% 29%,24% 26%,22% 8%,41% 16%);display:flex;align-items:center;justify-content:center;transform:rotate(-4deg)}
  .np-badge span{font-family:'Nabil Bebas','Arial Narrow',sans-serif;color:#fff;font-size:30px;line-height:.9;text-align:center;transform:rotate(4deg)}
  .np-intro{margin:0;padding:26px 24px 34px;font-family:'Nabil Kensington','Arial Narrow',sans-serif;font-size:20px;line-height:1.25;color:#fff}
  .np-intro strong{font-weight:700;letter-spacing:.025em}
  .np-defender-title{position:relative;z-index:5;width:calc(100% - 40px);max-width:620px;margin:-1px auto 0;padding:15px 18px;background:var(--np-pink);color:#fff;border-radius:0 0 18px 18px;text-align:center;font-family:'Nabil Bebas','Arial Narrow',sans-serif;font-size:clamp(30px,9vw,45px);line-height:1}
  .np-policies{padding:28px 20px 10px;max-width:720px;margin:0 auto}
  .np-policy{padding:24px 0 28px;border-bottom:1px solid rgba(46,41,78,.15)}
  .np-policy:last-child{border-bottom:0}
  .np-policy-icon{display:block;width:78px;height:78px;object-fit:cover;border-radius:50%;margin:0 0 12px;image-rendering:auto}
  .np-policy h2{margin:0 0 14px;font-family:'Nabil Bebas','Arial Narrow',sans-serif;font-size:32px;line-height:1.02;letter-spacing:.01em;color:var(--np-dark)}
  .np-policy ul{margin:0;padding:0;list-style:none;font-family:'Nabil Kensington','Arial Narrow',sans-serif;font-size:18px;line-height:1.28;color:var(--np-dark)}
  .np-policy li{position:relative;padding-left:20px;margin:0 0 8px}
  .np-policy li::before{content:'✦';position:absolute;left:0;top:.15em;font-size:.68em;color:var(--np-dark)}
  .np-illustration-wrap{padding:12px 0 0;line-height:0;max-width:720px;margin:0 auto}
  .np-illustration-wrap img{display:block;width:min(78%,430px);height:auto;margin:0 auto 0 0}
}

@media (max-width:480px){
  .np-hero-visual{min-height:380px}
  .np-yellow-circle{width:320px;height:320px;left:-180px;bottom:-125px}
  .np-portrait{width:58vw;left:-24px}
  .np-brand{right:14px;top:38px;width:51%}
  .np-badge{right:12px;bottom:25px;width:105px;height:105px}
  .np-badge span{font-size:25px}
  .np-intro{padding:24px 20px 30px;font-size:18px}
  .np-defender-title{width:calc(100% - 28px);padding:14px 14px;font-size:34px}
  .np-policies{padding:20px 18px 8px}
  .np-policy{padding:22px 0 24px}
  .np-policy-icon{width:72px;height:72px}
  .np-policy h2{font-size:29px}
  .np-policy ul{font-size:17px;line-height:1.3;padding-left:20px}
}