.pp-hero{position:relative;background:radial-gradient(60% 80% at 50% -10%,rgba(46,144,255,.28),transparent 60%),linear-gradient(160deg,#0C2046,#0A1B3A 55%,#050E22);color:#fff;overflow:hidden;padding:70px 0 80px;text-align:center}
.pp-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(60% 60% at 50% 20%,#000,transparent);pointer-events:none}
.pp-hero .wrap{position:relative;z-index:2}
.crumb{font-size:13px;color:#8ba0bd;margin-bottom:18px}.crumb a{color:#8ba0bd}
.pp-hero .tag{display:inline-flex;align-items:center;gap:8px;background:rgba(46,144,255,.14);border:1px solid rgba(46,144,255,.35);color:var(--blue-br);padding:7px 16px;border-radius:30px;font-size:12.5px;font-weight:600;margin-bottom:20px}
.pp-hero h1{font-size:50px;font-weight:700;margin-bottom:18px;line-height:1.08}
.pp-hero h1 .g{background:linear-gradient(120deg,#5AA8FF,#2E90FF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.pp-hero p{font-size:18px;color:#c3d0e2;max-width:680px;margin:0 auto 28px;line-height:1.7}
.pp-hero .cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.proc{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:54px}
.proc .pc{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:26px 20px;text-align:center;position:relative}
.proc .pc .pn{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dp));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Poppins';font-weight:700;margin:0 auto 14px}
.proc .pc h3{font-size:15.5px;font-weight:600;color:#fff}
.stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.st{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 14px 40px rgba(11,40,71,.07)}
.st .lab{color:var(--muted);font-size:12.5px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.st .big{font-family:'Poppins';font-size:34px;font-weight:700;color:var(--blue-dp);margin-top:8px;line-height:1}
.st .sub{color:var(--muted);font-size:13px;margin-top:8px}
.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:40px;box-shadow:0 24px 60px rgba(11,40,71,.09)}
.calc h3{font-size:15px;color:var(--blue);font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px}
.calc .lab{color:var(--muted);font-size:14px;margin:18px 0 8px}
.calc .cl{font-family:'Poppins';font-size:26px;font-weight:700;color:var(--ink)}
.calc input[type=range]{width:100%;height:7px;border-radius:6px;background:linear-gradient(90deg,var(--blue) 0%,var(--blue) 25%,var(--soft2) 25%);-webkit-appearance:none;margin:12px 0}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:5px solid var(--blue);cursor:pointer;box-shadow:0 4px 12px rgba(46,144,255,.4)}
.calc .ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:2px}
.calc .res{background:linear-gradient(165deg,#0C2046,#050E22);border-radius:18px;padding:34px;text-align:center;color:#fff}
.calc .res .rl{color:#8ba0bd;font-size:13px}
.calc .res .rb{font-family:'Poppins';font-size:46px;font-weight:700;color:var(--blue-br);margin:6px 0}
.calc .res .rs{color:#aebccf;font-size:13px;margin-bottom:18px}
.calc ul{list-style:none;text-align:left;margin-top:8px}
.calc ul li{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:13.5px;padding:5px 0}
.calc ul li::before{content:"✓";color:var(--blue);font-weight:700}
.sup{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.scard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;transition:.2s}
.scard:hover{transform:translateY(-5px);box-shadow:0 20px 46px rgba(11,99,214,.12);border-color:#cfe0f7}
.scard .si{width:52px;height:52px;border-radius:13px;background:linear-gradient(135deg,#eaf3ff,#d7e8ff);color:var(--blue-dp);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.scard .pre{color:var(--muted);font-size:12.5px;font-weight:600}
.scard h3{font-size:19px;font-weight:700;margin:2px 0 8px}
.scard p{color:var(--muted);font-size:13.5px}
.portal{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.portal .viz{background:linear-gradient(165deg,#0C2046,#050E22);border-radius:20px;min-height:300px;border:1px solid rgba(46,144,255,.2);position:relative;overflow:hidden;padding:30px;display:flex;align-items:center;justify-content:center}
.portal .viz::before{content:"";position:absolute;width:240px;height:240px;background:radial-gradient(circle,rgba(46,144,255,.35),transparent 70%);top:-40px;right:-40px}
.pbars{position:relative;z-index:2;width:100%}
.pbar{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:12px 15px;margin-bottom:10px;color:#fff;font-size:13px;font-family:'Poppins'}
.pbar b{color:var(--blue-br)}
.prospect{background:linear-gradient(135deg,#0C2046,#0B63D6);border-radius:22px;padding:46px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.prospect h2{font-size:28px;font-weight:700;margin-bottom:10px}
.prospect p{color:#cfe0f7;font-size:15px;max-width:620px}
@media(max-width:980px){.proc,.stats4,.sup{grid-template-columns:1fr 1fr}.calc,.portal,.prospect{grid-template-columns:1fr}.pp-hero h1{font-size:36px}}
@media(max-width:640px){.proc,.stats4,.sup{grid-template-columns:1fr}}