.pjc-vf{--o:#ff6500;--d:#0b1118;--w:#fff;--g:#eef0f2;font-family:inherit;color:var(--d);max-width:1180px;margin:0 auto;padding:10px 0 45px} .pjc-vf *{box-sizing:border-box}.pjc-vf a{text-decoration:none}.pjc-vf img{max-width:100%} /* FIRST SCREEN: visual first, copy very short */ .pjc-vf .hero{min-height:590px;display:grid;grid-template-columns:43% 57%;align-items:center;background:var(--d);border-radius:24px;overflow:hidden;position:relative} .pjc-vf .hero-copy{padding:48px;position:relative;z-index:2;color:#fff} .pjc-vf .tag{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#ff8b43;margin-bottom:17px} .pjc-vf h1{font-size:clamp(43px,5.2vw,70px);line-height:.94;letter-spacing:-3px;margin:0 0 18px;color:#fff} .pjc-vf h1 b{color:var(--o)} .pjc-vf .short{font-size:14px;color:#b7c0ca;line-height:1.65;max-width:390px;margin:0 0 24px} .pjc-vf .wa{display:inline-flex;align-items:center;gap:8px;background:var(--o);color:#fff;padding:14px 18px;border-radius:10px;font-size:12px;font-weight:900;transition:.3s} .pjc-vf .wa:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(255,101,0,.3)} .pjc-vf .hero-photo{height:100%;min-height:590px;display:flex;align-items:center;justify-content:center;padding:28px 34px;background:radial-gradient(circle at 55% 50%,rgba(255,101,0,.2),transparent 45%),#101923;position:relative} .pjc-vf .hero-photo img{width:min(600px,100%);max-height:530px;object-fit:contain;background:#fff;border:7px solid #fff;border-radius:16px;box-shadow:0 25px 70px rgba(0,0,0,.45);cursor:zoom-in;transition:.5s} .pjc-vf .hero-photo img:hover{transform:scale(1.025)} .pjc-vf .zoom{position:absolute;right:25px;bottom:25px;background:#fff;color:#111;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:900;box-shadow:0 8px 25px rgba(0,0,0,.2)} .pjc-vf .floating{position:absolute;left:22px;bottom:25px;background:var(--o);color:#fff;padding:13px 15px;border-radius:12px;font-size:10px;font-weight:900;animation:updown 4s ease-in-out infinite} /* ONE-LINE HOOK */ .pjc-vf .hook{display:flex;align-items:center;justify-content:center;gap:24px;padding:25px 18px;border-bottom:1px solid #ddd;font-size:12px;font-weight:800;text-align:center} .pjc-vf .hook span{color:#aaa}.pjc-vf .hook b{color:var(--o)} /* VISUAL BENEFITS, NO CARDS */ .pjc-vf .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:62px 0 25px} .pjc-vf .benefit{padding:8px 28px;border-left:1px solid #ddd} .pjc-vf .benefit:first-child{border-left:0} .pjc-vf .benefit strong{font-size:25px;letter-spacing:-1px;display:block;margin-bottom:5px} .pjc-vf .benefit small{font-size:11px;color:#777} /* PACKAGE SHOWCASE */ .pjc-vf .show{margin-top:38px;background:#f0f1f0;border-radius:24px;padding:38px;display:grid;grid-template-columns:30% 70%;gap:35px;align-items:center} .pjc-vf .show-copy .mini-title{font-size:10px;font-weight:900;letter-spacing:2px;color:var(--o);text-transform:uppercase} .pjc-vf .show-copy h2{font-size:clamp(31px,4vw,50px);line-height:.98;letter-spacing:-2.5px;margin:10px 0 14px} .pjc-vf .show-copy p{font-size:12px;color:#777;line-height:1.7;margin:0 0 20px} .pjc-vf .show-copy a{font-size:11px;font-weight:900;border-bottom:2px solid var(--o);padding-bottom:5px} .pjc-vf .show-img{background:#fff;border-radius:15px;padding:8px;box-shadow:0 18px 45px rgba(0,0,0,.1)} .pjc-vf .show-img img{display:block;width:100%;border-radius:9px;cursor:zoom-in} /* SHORT CTA */ .pjc-vf .end{margin-top:20px;background:var(--o);color:#fff;border-radius:20px;padding:30px 35px;display:flex;justify-content:space-between;align-items:center;gap:20px} .pjc-vf .end strong{font-size:clamp(22px,3vw,34px);letter-spacing:-1.3px}.pjc-vf .end small{display:block;font-size:10px;margin-top:5px;color:#fff8f3} .pjc-vf .end .dark{background:#0b1118;color:#fff;padding:13px 17px;border-radius:9px;font-size:11px;font-weight:900;white-space:nowrap;transition:.3s} .pjc-vf .end .dark:hover{transform:translateY(-3px)} /* LIGHTBOX */ .pjc-vf-lb{display:none!important;position:fixed!important;inset:0!important;z-index:999999!important;background:rgba(0,0,0,.94);align-items:center;justify-content:center;padding:20px} .pjc-vf-lb.open{display:flex!important}.pjc-vf-lb img{max-width:96vw!important;max-height:91vh!important;width:auto!important;height:auto!important;background:#fff;border-radius:7px} .pjc-vf-lb button{position:absolute;right:17px;top:14px;width:43px;height:43px;border-radius:50%;border:1px solid #555;background:#111;color:#fff;font-size:26px;cursor:pointer} .pjc-vf-lb span{position:absolute;bottom:10px;color:#bbb;font-size:9px} /* subtle motion */ .pjc-vf .reveal{opacity:0;transform:translateY(24px);transition:.65s ease}.pjc-vf .reveal.on{opacity:1;transform:none} @keyframes updown{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}} @media(max-width:850px){ .pjc-vf .hero{grid-template-columns:1fr}.pjc-vf .hero-copy{text-align:center;padding:42px 24px 30px}.pjc-vf .short{margin-left:auto;margin-right:auto}.pjc-vf .hero-photo{min-height:auto;padding:20px 20px 35px}.pjc-vf .hero-photo img{max-height:none;width:100%} .pjc-vf .benefits{grid-template-columns:1fr;gap:20px}.pjc-vf .benefit{border-left:0;border-top:1px solid #ddd;padding:20px 0 0}.pjc-vf .benefit:first-child{border-top:0} .pjc-vf .show{grid-template-columns:1fr;padding:25px}.pjc-vf .show-copy{text-align:center}.pjc-vf .show-copy p{max-width:480px;margin-left:auto;margin-right:auto} } @media(max-width:560px){ .pjc-vf{padding-top:0}.pjc-vf .hero{border-radius:16px}.pjc-vf h1{font-size:45px;letter-spacing:-2.5px}.pjc-vf .hero-copy{padding:35px 18px 22px}.pjc-vf .hero-photo{padding:12px 12px 28px}.pjc-vf .zoom{right:17px;bottom:17px}.pjc-vf .floating{left:17px;bottom:17px} .pjc-vf .hook{display:block;line-height:2}.pjc-vf .hook span{margin:0 8px}.pjc-vf .show{border-radius:16px;padding:15px}.pjc-vf .end{display:block;padding:25px 20px;border-radius:16px}.pjc-vf .end .dark{display:inline-block;margin-top:17px} } @media(prefers-reduced-motion:reduce){.pjc-vf *{animation:none!important;transition:none!important}.pjc-vf .reveal{opacity:1;transform:none}}

Paket CCTV • pusatjasapasangcctv.com