*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--pf-dark);color:#d7dde6;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.7}h1{font-size:clamp(3rem,7vw,5rem);font-weight:800;line-height:1.05}h2{font-size:clamp(2.25rem,4vw,3.5rem);font-weight:700}h3{font-size:1.5rem;font-weight:700}p{color:#9aa8bb}.pf-container{width:min(1400px,92%);margin-inline:auto}body{color:#fff;background:#08111d;font-family:Inter,Arial,sans-serif;overflow-x:hidden}main{padding-top:84px}.pf-header{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#08111dcc;border-bottom:1px solid #ffffff14;height:84px;position:fixed;top:0;left:0;right:0}.pf-navbar{justify-content:space-between;align-items:center;height:84px;display:flex}.pf-logo img{height:48px;display:block}.pf-nav{gap:42px;display:flex}.pf-nav a{color:#fff;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.pf-nav a:hover{color:#0a84ff}.pf-nav a:after{content:"";background:#0a84ff;width:0;height:2px;transition:all .3s;position:absolute;bottom:-8px;left:0}.pf-nav a:hover:after,.pf-nav a.active:after{width:100%}.pf-nav-right{align-items:center;gap:20px;display:flex}.pf-phone{color:#fff;font-weight:600;text-decoration:none}.pf-btn{color:#fff;background:linear-gradient(135deg,#0a84ff,#36c3ff);border-radius:999px;justify-content:center;align-items:center;padding:14px 28px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.pf-btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px #0a84ff59}@media (width<=1050px){.pf-nav{display:none}}@media (width<=700px){.pf-phone{display:none}}.pf-hero{background:radial-gradient(circle at 100% 0,#0a84ff22,#0000 35%),linear-gradient(#08111d,#05070b);align-items:center;min-height:100vh;display:flex}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;display:grid}.hero-tag{color:#39b9ff;letter-spacing:2px;text-transform:uppercase;margin-bottom:1rem;font-weight:700;display:inline-block}.hero-content h1{margin-bottom:1.5rem;font-size:clamp(3rem,7vw,5.5rem);line-height:1}.hero-content p{color:#9aa8bb;max-width:650px;font-size:1.2rem;line-height:1.8}.hero-buttons{flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.pf-button{color:#fff;background:#0a84ff;border-radius:999px;padding:16px 34px;font-weight:700;text-decoration:none;transition:all .3s}.pf-button:hover{transform:translateY(-3px);box-shadow:0 20px 40px #0a84ff4d}.pf-button-outline{color:#fff;border:2px solid #0a84ff;border-radius:999px;padding:16px 34px;font-weight:700;text-decoration:none;transition:all .3s}.pf-button-outline:hover{background:#0a84ff}.hero-visual{justify-content:center;display:flex}.platform-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;width:360px;padding:2.5rem;box-shadow:0 30px 80px #00000059}.status{color:#d7dde6;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.dot{background:#39ff14;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse}.metric{margin:1.5rem 0}.metric strong{color:#0a84ff;font-size:2rem;display:block}.metric span{color:#9aa8bb}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (width<=1000px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-buttons{justify-content:center}.hero-visual{margin-top:3rem}}.pf-services{background:#0d1827;padding:7rem 0}.section-heading span{color:#0a84ff;letter-spacing:.15em;font-size:.8rem;font-weight:700}.section-heading h2{margin:1rem 0}.section-heading p{color:#9aa8bb;line-height:1.8}.service-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.service-card{background:#162233;border-top:4px solid #0a84ff;border-radius:20px;padding:2rem;transition:all .3s}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 50px #00000059}.service-icon{margin-bottom:1.5rem;font-size:2.5rem}.service-card h3{margin-bottom:1rem}.service-card p{color:#9aa8bb;margin-bottom:1.5rem}.service-card a{color:#0a84ff;font-weight:700;text-decoration:none}@media (width<=1000px){.service-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.service-grid{grid-template-columns:1fr}}.ops-panel{background:#101b2c;border:1px solid #ffffff14;border-radius:22px;max-width:950px;margin:auto;overflow:hidden;box-shadow:0 30px 70px #00000059}.ops-header{background:#142338;border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.ops-dot{background:#35ff73;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse;box-shadow:0 0 18px #35ff73}.ops-grid{grid-template-columns:1fr 1fr;display:grid}.ops-item{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.4rem 2rem;display:flex}.ops-item:nth-child(odd){border-right:1px solid #ffffff0f}.online{color:#39ff14;letter-spacing:.08em}.uptime{text-align:center;padding:2rem}.uptime span{color:#9aa8bb;margin-bottom:.5rem;display:block}.uptime strong{color:#0a84ff;font-size:3rem}@media (width<=800px){.ops-grid{grid-template-columns:1fr}.ops-item:nth-child(odd){border-right:none}}.pf-platform{background:#0b1320;padding:7rem 0}.section-heading{text-align:center;margin-bottom:4rem}.section-heading span{color:#39b9ff;letter-spacing:2px;text-transform:uppercase;font-weight:700}.section-heading h2{margin:1rem 0;font-size:3rem}.section-heading p{color:#9aa8bb;max-width:800px;margin:auto;line-height:1.8}.platform-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.platform-card{background:#162233;border:1px solid #ffffff14;border-radius:22px;padding:2.5rem;transition:all .35s}.platform-card:hover{border-color:#0a84ff;transform:translateY(-8px);box-shadow:0 25px 60px #0a84ff2e}.platform-icon{margin-bottom:1.5rem;font-size:3rem}.platform-card h3{margin-bottom:1rem}.platform-card p{color:#9aa8bb;line-height:1.8}@media (width<=1100px){.platform-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.platform-grid{grid-template-columns:1fr}}.pf-live{background:#08111d;padding:7rem 0}.live-status{justify-content:center;margin-bottom:3rem;display:flex}.live-banner{background:#162233;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:1rem;padding:1rem 2rem;font-weight:700;display:flex}.status-dot{background:#39ff14;border-radius:50%;width:12px;height:12px;animation:2s infinite pulse}.live-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:4rem;display:grid}.live-card{text-align:center;background:#162233;border:1px solid #ffffff14;border-radius:20px;padding:2rem;transition:all .3s}.live-card:hover{border-color:#0a84ff;transform:translateY(-6px)}.live-card strong{color:#0a84ff;margin-bottom:.75rem;font-size:2.5rem;display:block}.live-card span{color:#9aa8bb}.feature-grid{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;display:grid}.feature-grid div{text-align:center;background:#111b2a;border-radius:12px;padding:1rem}@media (width<=1000px){.live-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.live-grid,.feature-grid{grid-template-columns:1fr}}.pf-operations{background:#0d1522;padding:7rem 0}.ops-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem;display:grid}.ops-card{background:#162233;border:1px solid #ffffff14;border-radius:18px;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .3s;display:flex}.ops-card:hover{border-color:#0a84ff;transform:translateY(-5px);box-shadow:0 20px 40px #0a84ff26}.ops-status{background:#39ff14;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:2s infinite pfPulse;box-shadow:0 0 15px #39ff14}.ops-card h3{margin:0;font-size:1.1rem}.ops-card p{color:#9aa8bb;margin:.35rem 0 0}.ops-footer{text-align:center;margin-top:3rem}@keyframes pfPulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@media (width<=900px){.ops-grid{grid-template-columns:1fr}}section{padding:80px 0}.section-heading{text-align:center;max-width:720px;margin:0 auto 50px}.section-heading span{letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;display:block}.feature-grid,.live-grid,.stats-grid{gap:24px;display:grid}.feature-card,.live-card,.stat-card{border-radius:14px;transition:all .25s}.feature-card:hover,.live-card:hover,.stat-card:hover{transform:translateY(-4px)}@media (width<=768px){section{padding:60px 0}.section-heading{margin-bottom:35px}}
