:root{--navy:#071a33;--blue:#1268d7;--cyan:#00a9e8;--teal:#00a58c;--green:#25ae60;--ink:#14243a;--muted:#627287;--line:#dce7f2;--soft:#f4f9fd;--white:#fff}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,92%);margin:auto}.cta{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:800;box-shadow:0 8px 22px #1268d733}.hero{background:radial-gradient(circle at 88% 25%,#00a9e82b,#0000 31%),radial-gradient(circle at 8% 80%,#00a58c1a,#0000 29%),linear-gradient(#f7fbff,#fff);padding:92px 0 78px;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #1268d714;border-radius:50%;width:520px;height:520px;position:absolute;top:-180px;right:-190px}.hero-grid{z-index:1;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;display:grid;position:relative}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.8px;background:#fff;border:1px solid #cfe0f1;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:850;display:inline-flex}.dot{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 5px #25ae601f}h1{letter-spacing:-2.8px;color:var(--navy);margin:20px 0;font-size:clamp(42px,5.2vw,68px);line-height:1.04}.grad{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:#5d6c80;max-width:690px;font-size:18px}.actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.btn{border-radius:9px;padding:13px 19px;font-size:14px;font-weight:800}.primary{background:var(--navy);color:#fff}.secondary{color:var(--navy);background:#fff;border:1px solid #cbd9e8}.hero-card{background:#fff;border:1px solid #dce8f4;border-radius:22px;padding:26px;box-shadow:0 25px 60px #0b2d551c}.pci-visual{place-items:center;height:290px;display:grid;position:relative}.ring{border:1px solid #c9dff1;border-radius:50%;position:absolute}.r1{width:250px;height:250px}.r2{border-color:#a9d6ef;width:188px;height:188px}.r3{border-color:#9ad8cf;width:126px;height:126px}.cardchip{color:#684e08;background:linear-gradient(135deg,#e8b84b,#f4d77e);border-radius:13px;place-items:center;width:105px;height:75px;font-weight:900;display:grid;position:relative;box-shadow:0 16px 30px #644b0a33}.chipline{border:2px solid #684e088c;border-radius:8px;width:48px;height:35px}.scan{border-top:2px solid var(--cyan);border-radius:50%;width:250px;height:250px;animation:6s linear infinite spin;position:absolute}@keyframes spin{to{transform:rotate(360deg)}}.mini{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini div{background:var(--soft);text-align:center;color:#52657b;border-radius:10px;padding:11px 6px;font-size:11px;font-weight:800}section{padding:82px 0}.section-head{max-width:780px;margin-bottom:38px}.kicker{color:var(--blue);text-transform:uppercase;letter-spacing:1.2px;font-size:12px;font-weight:900}h2{letter-spacing:-1.2px;color:var(--navy);margin:9px 0 12px;font-size:38px;line-height:1.15}.section-head p{color:var(--muted);font-size:16px}.grid3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.grid2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:25px;transition:all .25s;box-shadow:0 8px 25px #0e30540a}.card:hover{border-color:#c8dcea;transform:translateY(-5px);box-shadow:0 18px 38px #0e305417}.icon{width:43px;height:43px;color:var(--blue);background:linear-gradient(135deg,#eaf4ff,#e4fbf7);border-radius:12px;place-items:center;margin-bottom:16px;font-weight:900;display:grid}.card h3{color:var(--navy);margin:0 0 8px;font-size:18px}.card p{color:#66758a;margin:0;font-size:14px}.band{background:var(--navy);color:#fff}.band h2,.band h3{color:#fff}.band p{color:#c8d5e5}.reqgrid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.req{background:#ffffff0e;border:1px solid #ffffff1f;border-radius:15px;min-height:190px;padding:21px}.req .number{color:#6ddcff;font-size:26px;font-weight:900}.req h3{color:#fff;margin:8px 0;font-size:17px}.req p{font-size:13px}.note{border-left:4px solid var(--cyan);color:#52657d;background:#f1f8fd;border-radius:0 10px 10px 0;padding:18px 20px;font-size:14px}.timeline{gap:16px;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(var(--blue),var(--teal));width:2px;position:absolute;top:18px;bottom:18px;left:27px}.step{grid-template-columns:56px 1fr;gap:16px;display:grid;position:relative}.num{width:56px;height:56px;color:var(--blue);z-index:1;background:#fff;border:2px solid #b9d8ef;border-radius:50%;place-items:center;font-weight:900;display:grid}.stepbox{border:1px solid var(--line);background:#fff;border-radius:14px;padding:19px 22px}.stepbox h3{color:var(--navy);margin:0 0 4px;font-size:17px}.stepbox p{color:#68788d;margin:0;font-size:14px}.matrix{border:1px solid var(--line);border-radius:15px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:15px 17px;font-size:14px}th{color:var(--navy);background:#f5f9fd}td{color:#617187}.tag{color:#08785f;background:#e9f7f2;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:850;display:inline-block}.cta-box{color:#fff;background:linear-gradient(135deg,#071a33,#0b3564);border-radius:22px;justify-content:space-between;align-items:center;gap:30px;padding:48px;display:flex;position:relative;overflow:hidden}.cta-box:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:280px;height:280px;position:absolute;top:-100px;right:-70px}.cta-box h2{color:#fff;margin-top:0}.cta-box p{color:#c7d5e5;max-width:650px}footer{color:#aebdce;background:#041225;padding:38px 0}.footer-grid{justify-content:space-between;align-items:center;gap:25px;display:flex}.footer-brand{color:#fff;font-weight:850}.small{font-size:12px}@media (max-width:900px){.hero-grid,.grid2{grid-template-columns:1fr}.grid3,.reqgrid{grid-template-columns:1fr 1fr}}@media (max-width:620px){section{padding:62px 0}.grid3,.reqgrid{grid-template-columns:1fr}.cta-box{padding:30px;display:block}.cta-box .cta{margin-top:10px;display:inline-block}h2{font-size:31px}h1{letter-spacing:-2px}.lead{font-size:16px}.hero-card{padding:20px}.pci-visual{height:240px}.r1,.scan{width:205px;height:205px}.r2{width:155px;height:155px}.r3{width:105px;height:105px}}html{scroll-behavior:smooth}body{overflow-x:hidden}@keyframes heroIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes radar{to{transform:rotate(360deg)}}@keyframes scanLine{0%{opacity:0;transform:translateY(-120%)}20%{opacity:.8}80%{opacity:.8}to{opacity:0;transform:translateY(120%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #00a9e800}50%{box-shadow:0 0 32px #00a9e81f}}.hero-grid>div:first-child{animation:.75s cubic-bezier(.22,.61,.36,1) both heroIn}.hero-card{animation:.85s cubic-bezier(.22,.61,.36,1) 80ms both heroIn;position:relative}.hero-card:after{content:"";opacity:.65;pointer-events:none;background:linear-gradient(90deg,#0000,#73ddf4,#0000);height:1px;animation:4.5s ease-in-out infinite scanLine;position:absolute;top:0;left:18px;right:18px}.pci-visual .r1{animation:18s linear infinite radar}.pci-visual .r2{animation:13s linear infinite reverse radar}.cardchip{animation:4s ease-in-out infinite softFloat}.dot{animation:2.5s ease-in-out infinite glowPulse}.card,.req,.stepbox,.matrix{transition:transform .32s cubic-bezier(.22,.61,.36,1),box-shadow .32s,border-color .32s}.card:hover,.req:hover{border-color:#c7dbea;transform:translateY(-4px);box-shadow:0 14px 34px #08244614}.stepbox:hover{border-color:#c7dbea;transform:translate(4px);box-shadow:0 12px 28px #08244612}.icon{transition:transform .3s,background .3s}.card:hover .icon{background:linear-gradient(135deg,#e2f1ff,#ddfaf4);transform:translateY(-2px)}.card,.req,.stepbox,.matrix{will-change:transform;position:relative;overflow:hidden}.card:after,.req:after,.stepbox:after,.matrix:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#0000 20%,#00a9e826 48%,#0000 72%);transition:transform .75s;position:absolute;inset:-2px;transform:translate(-120%)}.card:hover:after,.req:hover:after,.stepbox:hover:after,.matrix:hover:after{transform:translate(120%)}.req:hover{background:#ffffff16;border-color:#62d9ff59}.cta,.btn{transition:transform .25s,box-shadow .25s}.cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1268d72e}.step{opacity:0;transition:opacity .6s,transform .6s cubic-bezier(.22,.61,.36,1);transform:translateY(16px)}.step.in-view{opacity:1;transform:none}.step:nth-child(2){transition-delay:40ms}.step:nth-child(3){transition-delay:80ms}.step:nth-child(4){transition-delay:.12s}.step:nth-child(5){transition-delay:.16s}.step:nth-child(6){transition-delay:.2s}.step:nth-child(7){transition-delay:.24s}.step:nth-child(8){transition-delay:.28s}.step:nth-child(9){transition-delay:.32s}.step:nth-child(10){transition-delay:.36s}.num{transition:transform .28s,box-shadow .28s,background .28s}.step:hover .num{transform:scale(1.04);box-shadow:0 0 0 6px #1268d712}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,.61,.36,1);transform:translateY(20px)}.reveal.visible{opacity:1;transform:none}tbody tr{transition:background .2s,transform .2s}tbody tr:hover{background:#f7fbff}.cta-box{transition:transform .35s,box-shadow .35s}.cta-box:hover{transform:translateY(-3px);box-shadow:0 22px 50px #0412252e}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.step,.reveal{opacity:1!important;transform:none!important}}