.xc-pp{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:#fff;line-height:1.6;}
  .xc-pp *{box-sizing:border-box;margin:0;padding:0;}

  /* ============ HERO ============ */
  .xc-pp .xc-pp-hero{position:relative;height:88vh;min-height:620px;overflow:hidden;background:#0D2137;}
  .xc-pp .xc-pp-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.65) saturate(1.05);}
  .xc-pp .xc-pp-hero-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;max-width:1280px;margin:0 auto;padding:0 48px 96px;}
  .xc-pp .xc-pp-eyebrow{display:inline-block;width:fit-content;font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:#00C46A;border:1px solid rgba(0,196,106,.5);border-radius:999px;padding:6px 16px;margin-bottom:26px;backdrop-filter:blur(8px);background:rgba(13,33,55,.25);}
  .xc-pp .xc-pp-hero h1{font-size:clamp(36px,5.4vw,68px);font-weight:700;line-height:1.06;letter-spacing:-.02em;max-width:920px;text-shadow:0 2px 24px rgba(0,0,0,.4);}
  .xc-pp .xc-pp-hero h1 em{font-style:normal;color:#00C46A;}
  .xc-pp .xc-pp-hero p{margin-top:22px;max-width:520px;font-size:17px;color:rgba(255,255,255,.85);text-shadow:0 1px 8px rgba(0,0,0,.45);}
  .xc-pp .xc-pp-cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;}
  .xc-pp .xc-pp-btn{display:inline-block;padding:14px 30px;border-radius:6px;font-weight:600;font-size:14.5px;text-decoration:none;letter-spacing:.01em;transition:all .25s ease;}
  .xc-pp .xc-pp-btn-p{background:#00A651;color:#fff;}
  .xc-pp .xc-pp-btn-p:hover{background:#007A3D;}
  .xc-pp .xc-pp-btn-g{border:1px solid rgba(255,255,255,.55);color:#fff;backdrop-filter:blur(6px);}
  .xc-pp .xc-pp-btn-g:hover{border-color:#00C46A;color:#00C46A;}

  /* ============ SCROLL HINT ============ */
  .xc-pp .xc-pp-scroll{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);z-index:3;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.65);display:flex;flex-direction:column;align-items:center;gap:8px;}
  .xc-pp .xc-pp-scroll::after{content:"";width:1px;height:36px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);}

  /* ============ STATS STRIP ============ */
  .xc-pp .xc-pp-stats{background:#0D2137;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);}
  .xc-pp .xc-pp-stat{padding:30px 18px;text-align:center;border-left:1px solid rgba(255,255,255,.08);}
  .xc-pp .xc-pp-stat:first-child{border-left:none;}
  .xc-pp .xc-pp-stat b{display:block;font-size:30px;font-weight:600;color:#00C46A;letter-spacing:-.01em;}
  .xc-pp .xc-pp-stat span{font-size:12px;color:rgba(255,255,255,.6);margin-top:4px;display:block;letter-spacing:.04em;}

  /* ============ SCENARIO FILMSTRIP ============ */
  .xc-pp .xc-pp-film{padding:0;}
  .xc-pp .xc-pp-scene{position:relative;height:88vh;min-height:620px;overflow:hidden;background:#0D2137;}
  .xc-pp .xc-pp-scene img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s ease;}
  .xc-pp .xc-pp-scene:hover img{transform:scale(1.04);}
  .xc-pp .xc-pp-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.78));}
  .xc-pp .xc-pp-scene-in{position:relative;z-index:2;height:100%;max-width:1280px;margin:0 auto;padding:0 48px 80px;display:flex;flex-direction:column;justify-content:flex-end;}
  .xc-pp .xc-pp-num{font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:#00C46A;margin-bottom:16px;}
  .xc-pp .xc-pp-scene h2{font-size:clamp(32px,4.2vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.015em;max-width:780px;}
  .xc-pp .xc-pp-scene p{font-size:16px;color:rgba(255,255,255,.82);max-width:560px;margin-top:16px;}
  .xc-pp .xc-pp-tags{margin-top:20px;display:flex;gap:8px;flex-wrap:wrap;}
  .xc-pp .xc-pp-tag{font-size:12px;font-weight:500;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:6px 14px;backdrop-filter:blur(6px);background:rgba(0,0,0,.2);}

  /* ============ COMPACT FACTS STRIP ============ */
  .xc-pp .xc-pp-facts{background:#0D2137;padding:64px 24px;border-top:1px solid rgba(255,255,255,.08);}
  .xc-pp .xc-pp-facts-in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;}
  .xc-pp .xc-pp-fact{padding:8px 36px;text-align:center;border-left:1px solid rgba(255,255,255,.12);}
  .xc-pp .xc-pp-fact:first-child{border-left:none;}
  .xc-pp .xc-pp-fact b{display:block;font-size:34px;font-weight:600;color:#00C46A;letter-spacing:-.01em;}
  .xc-pp .xc-pp-fact span{font-size:13px;color:rgba(255,255,255,.65);margin-top:4px;display:block;}

  /* ============ PRODUCT CARDS ============ */
  .xc-pp .xc-pp-prods{background:#fff;color:#1A1A1A;padding:96px 24px 80px;}
  .xc-pp .xc-pp-prods-in{max-width:1280px;margin:0 auto;}
  .xc-pp .xc-pp-phd{text-align:center;margin-bottom:56px;}
  .xc-pp .xc-pp-phd h2{font-size:clamp(28px,3.4vw,40px);font-weight:600;color:#0D2137;letter-spacing:-.01em;}
  .xc-pp .xc-pp-phd p{margin-top:10px;color:#6B7280;font-size:15px;}
  .xc-pp .xc-pp-phd a{color:#007A3D;font-weight:600;text-decoration:none;}
  .xc-pp .xc-pp-prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .xc-pp .xc-pp-prod{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #00A651;border-radius:10px;overflow:hidden;transition:all .25s ease;}
  .xc-pp .xc-pp-thumb{display:block;text-decoration:none;color:inherit;}
  
  .xc-pp .xc-pp-prod.xc-pp-prod-dark{background:#0D2137;border-color:#0D2137;}
  .xc-pp .xc-pp-prod.xc-pp-prod-dark .xc-pp-thumb{padding-bottom:24px;}
  .xc-pp .xc-pp-prod.xc-pp-prod-dark .xc-pp-thumb .xc-pp-pt{color:#fff !important;}
  .xc-pp .xc-pp-prod.xc-pp-prod-dark .xc-pp-thumb .xc-pp-ph{color:rgba(255,255,255,.6) !important;}
  .xc-pp .xc-pp-prod-dark .xc-pp-cta-icon{aspect-ratio:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;background:rgba(0,166,81,.12);border:1px dashed rgba(0,196,106,.5);}
  .xc-pp .xc-pp-prod-dark .xc-pp-cta-icon .xc-pp-cta-txt{color:#fff;font-weight:600;font-size:14px;margin-top:12px;padding:0 18px;text-align:center;line-height:1.35;}
  .xc-pp .xc-pp-thumb{padding:10px 14px 14px !important;}
  .xc-pp .xc-pp-thumb img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:6px;background:#F5F7FA;display:block;}
  .xc-pp .xc-pp-thumb .xc-pp-pt{margin-top:8px !important;font-size:20px !important;font-weight:600 !important;color:#000000 !important;line-height:1.35 !important;}
  .xc-pp .xc-pp-thumb .xc-pp-ph{margin-top:4px !important;font-size:14px !important;font-weight:400 !important;color:#666666 !important;line-height:1.35 !important;text-transform:none !important;letter-spacing:normal !important;}
  .xc-pp .xc-pp-view{display:block;margin-top:8px;text-align:center;background:#00A651 !important;color:#fff !important;font-weight:600;font-size:13px;padding:10px 0;border-radius:6px;text-decoration:none !important;transition:background .2s ease;}
  .xc-pp .xc-pp-prod-dark .xc-pp-view{background:#00A651;color:#fff;}
              
  /* ============ FOOTER CTA ============ */
  .xc-pp .xc-pp-foot{position:relative;height:72vh;min-height:520px;overflow:hidden;background:#0D2137;}
  .xc-pp .xc-pp-foot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.55);}
  .xc-pp .xc-pp-foot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,33,55,.3),rgba(13,33,55,.85));}
  .xc-pp .xc-pp-foot-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 32px;}
  .xc-pp .xc-pp-foot h2{font-size:clamp(30px,3.8vw,48px);font-weight:600;letter-spacing:-.01em;max-width:780px;line-height:1.15;}
  .xc-pp .xc-pp-foot p{margin-top:18px;color:rgba(255,255,255,.8);max-width:540px;font-size:16px;}
  .xc-pp .xc-pp-foot .xc-pp-cta{margin-top:32px;}

  /* ============ RESPONSIVE ============ */
  @media (max-width:1024px){
    .xc-pp .xc-pp-prod-grid{grid-template-columns:repeat(3,1fr);}
    .xc-pp .xc-pp-hero-in,.xc-pp .xc-pp-scene-in{padding:0 32px 80px;}
    .xc-pp .xc-pp-facts-in{grid-template-columns:1fr;}
    .xc-pp .xc-pp-fact{border-left:none;border-top:1px solid rgba(255,255,255,.12);padding:22px 24px;}
    .xc-pp .xc-pp-fact:first-child{border-top:none;}
  }
  @media (max-width:768px){
    .xc-pp .xc-pp-hero{height:76vh;min-height:540px;}
    .xc-pp .xc-pp-scene{height:70vh;min-height:480px;}
    .xc-pp .xc-pp-foot{height:auto;padding:80px 24px;}
    .xc-pp .xc-pp-foot-in{height:auto;}
    .xc-pp .xc-pp-stats{grid-template-columns:repeat(2,1fr);}
    .xc-pp .xc-pp-stat:nth-child(3){border-left:none;border-top:1px solid rgba(255,255,255,.08);}
    .xc-pp .xc-pp-stat:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08);}
    .xc-pp .xc-pp-prods{padding:64px 18px;}
    .xc-pp .xc-pp-prod-grid{grid-template-columns:1fr 1fr;gap:12px;}
    .xc-pp .xc-pp-hero-in,.xc-pp .xc-pp-scene-in{padding:0 20px 60px;}
  }