*,::after,::before{box-sizing:border-box}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,sans-serif}:root{--pp-primary:#0a2540;--pp-accent:#00d4aa;--pp-accent-dark:#007856;--pp-blue:#0066cc;--pp-blue-light:#e8f4fd;--pp-text:#1a1a2e;--pp-text-muted:#5a6270;--pp-bg-light:#f7f9fc;--pp-bg-alt:#eef2f7;--pp-border:#e1e5eb;--pp-gradient:linear-gradient(135deg, #0a2540 0%, #1a365d 50%, #0d4a6e 100%)}.pp-hero{background:var(--pp-gradient);position:relative;overflow:hidden;padding:80px 20px 100px}.pp-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(0,212,170,.15) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,102,204,.15) 0,transparent 50%);pointer-events:none}.pp-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.pp-hero-content{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}.pp-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(0,212,170,.15);border:1px solid rgba(0,212,170,.3);color:var(--pp-accent);padding:8px 16px;border-radius:50px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 auto 24px;width:fit-content;max-width:90%;animation:fadeInUp .6s ease-out}.pp-hero h1{color:#fff;font-size:clamp(32px, 5vw, 52px);font-weight:700;line-height:1.2;margin:0 0 20px 0;animation:fadeInUp .6s ease-out .1s both}.pp-hero-subtitle{color:rgba(255,255,255,.85);font-size:clamp(16px, 2.5vw, 20px);line-height:1.6;max-width:750px;margin:0 auto 32px;animation:fadeInUp .6s ease-out .2s both}.pp-hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeInUp .6s ease-out .3s both}.pp-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.pp-btn-primary{background:var(--pp-accent);color:var(--pp-primary);box-shadow:0 4px 14px rgba(0,212,170,.4)}.pp-btn-primary:hover{background:var(--pp-accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,212,170,.5)}.pp-btn-secondary{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(4px)}.pp-btn-secondary:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.4)}.pp-btn-white{background:#fff;color:var(--pp-primary);box-shadow:0 4px 14px rgba(0,0,0,.15)}.pp-btn-white:hover{background:var(--pp-accent);transform:translateY(-2px)}.pp-trust-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:8px 16px;border-radius:50px;font-size:14px;color:rgba(255,255,255,.9);margin-top:24px;animation:fadeInUp .6s ease-out .4s both}.pp-trust-badge svg{width:18px;height:18px;fill:var(--pp-accent)}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pp-stats{padding:60px 20px;background:#fff;border-bottom:1px solid var(--pp-border)}.pp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;max-width:1000px;margin:0 auto}@media(max-width:768px){.pp-stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}}@media(max-width:480px){.pp-stats-grid{grid-template-columns:1fr;gap:24px}}.pp-stat-item{text-align:center}.pp-stat-number{font-size:clamp(32px, 4vw, 42px);font-weight:700;color:#007856;line-height:1.2;margin-bottom:8px}.pp-stat-label{font-size:16px;font-weight:600;color:var(--pp-text);margin-bottom:8px}.pp-stat-desc{font-size:13px;color:var(--pp-text-muted)}.pp-container{max-width:1100px;margin:0 auto}.pp-section-header{text-align:center;margin-bottom:48px}.pp-section-header h2{font-size:clamp(24px, 3.5vw, 32px);color:var(--pp-text);margin:0 0 12px 0;font-weight:700}.pp-section-header p{font-size:17px;color:var(--pp-text-muted);margin:0}.pp-architecture{padding:80px 20px;background:var(--pp-bg-light)}.pp-arch-diagram{position:relative;max-width:1000px;margin:0 auto;min-height:520px}.pp-arch-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:180px;height:180px;background:var(--pp-gradient);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;box-shadow:0 12px 40px rgba(10,37,64,.3)}.pp-arch-center svg{width:40px;height:40px;fill:var(--pp-accent);margin-bottom:8px}.pp-arch-center span{color:#fff;font-size:15px;font-weight:700;text-align:center;line-height:1.3}.pp-arch-center small{color:rgba(255,255,255,.7);font-size:11px;margin-top:4px}.pp-arch-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:420px;height:420px;border:2px dashed rgba(0,212,170,.25);border-radius:50%;z-index:1}.pp-arch-product{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:110px;transform:translate(-50%,-50%)}.pp-arch-product-icon{width:56px;height:56px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(10,37,64,.1);border:2px solid var(--pp-border);margin-bottom:8px;transition:all .3s ease}.pp-arch-product-icon:hover{border-color:var(--pp-accent);box-shadow:0 6px 24px rgba(0,212,170,.2);transform:scale(1.08)}.pp-arch-product-icon svg{width:24px;height:24px;fill:var(--pp-accent-dark)}.pp-arch-product span{font-size:12px;font-weight:600;color:var(--pp-text);line-height:1.3}.pp-arch-side{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.pp-arch-side-left{left:0}.pp-arch-side-right{right:0}.pp-arch-side-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);z-index:2}.pp-arch-side-card{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid var(--pp-border);box-shadow:0 4px 16px rgba(10,37,64,.06);margin-bottom:12px}.pp-arch-side-card:last-child{margin-bottom:0}.pp-arch-side-card h4{font-size:13px;font-weight:700;color:var(--pp-text);margin:0 0 6px}.pp-arch-side-card p{font-size:11px;color:var(--pp-text-muted);margin:0;line-height:1.4}.pp-arch-connector{position:absolute;z-index:0}@media(max-width:900px){.pp-arch-diagram{min-height:auto;display:flex;flex-direction:column;align-items:center;gap:24px}.pp-arch-center{position:relative;top:auto;left:auto;transform:none;width:140px;height:140px}.pp-arch-ring{display:none}.pp-arch-product{position:relative;top:auto;left:auto;transform:none;width:auto}.pp-arch-products-mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;width:100%}.pp-arch-side{position:relative;top:auto;left:auto;right:auto;transform:none}.pp-arch-side-bottom{position:relative;bottom:auto;left:auto;transform:none}.pp-arch-sides-mobile{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%}.pp-arch-connector{display:none}}.pp-products{padding:80px 20px;background:#fff}.pp-products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.pp-product-card{background:var(--pp-bg-light);border-radius:16px;padding:28px;transition:all .3s ease;border:2px solid transparent;text-decoration:none;display:block}.pp-product-card:hover{background:#fff;border-color:var(--pp-accent);box-shadow:0 10px 40px rgba(10,37,64,.08);transform:translateY(-4px)}.pp-product-icon{width:56px;height:56px;background:var(--pp-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.pp-product-icon svg{width:28px;height:28px;fill:var(--pp-accent)}.pp-product-card h3{font-size:17px;font-weight:600;color:var(--pp-text);margin:0 0 6px}.pp-product-card .pp-product-tagline{font-size:13px;color:var(--pp-accent-dark);font-weight:600;margin:0 0 10px}.pp-product-card p{font-size:14px;color:var(--pp-text-muted);margin:0;line-height:1.6}.pp-product-card .pp-product-arrow{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--pp-accent-dark);margin-top:16px;transition:gap .3s ease}.pp-product-card:hover .pp-product-arrow{gap:10px}.pp-scenarios{padding:80px 20px;background:var(--pp-bg-light)}.pp-scenarios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.pp-scenario-card{background:#fff;border-radius:16px;padding:32px;border:1px solid var(--pp-border);transition:all .3s ease}.pp-scenario-card:hover{border-color:var(--pp-accent);box-shadow:0 8px 30px rgba(0,212,170,.1)}.pp-scenario-icon{width:56px;height:56px;background:var(--pp-gradient);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.pp-scenario-icon svg{width:28px;height:28px;fill:var(--pp-accent)}.pp-scenario-card h3{font-size:20px;font-weight:600;color:var(--pp-text);margin:0 0 8px}.pp-scenario-card>p{font-size:14px;color:var(--pp-text-muted);margin:0 0 20px;line-height:1.6}.pp-scenario-products{display:flex;flex-direction:column;gap:10px}.pp-scenario-product{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--pp-text);padding:8px 12px;background:var(--pp-bg-light);border-radius:8px;border-left:3px solid var(--pp-accent)}.pp-scenario-product svg{width:16px;height:16px;fill:var(--pp-accent-dark);flex-shrink:0}.pp-dashboard{padding:80px 20px;background:#fff}.pp-dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}@media(max-width:768px){.pp-dashboard-content{grid-template-columns:1fr;gap:40px}}.pp-dashboard-text h2{font-size:clamp(24px, 3.5vw, 30px);color:var(--pp-text);margin:0 0 16px;font-weight:700}.pp-dashboard-text>p{font-size:16px;color:var(--pp-text-muted);line-height:1.7;margin:0 0 24px}.pp-dashboard-features{display:flex;flex-direction:column;gap:14px}.pp-dashboard-feature{display:flex;align-items:flex-start;gap:12px;font-size:15px;color:var(--pp-text)}.pp-dashboard-feature svg{width:20px;height:20px;fill:var(--pp-accent-dark);flex-shrink:0;margin-top:2px}.pp-dashboard-visual{background:var(--pp-bg-light);border-radius:16px;padding:32px;border:1px solid var(--pp-border)}.pp-dashboard-mockup{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pp-dashboard-widget{background:#fff;border-radius:12px;padding:20px;border:1px solid var(--pp-border)}.pp-dashboard-widget h4{font-size:13px;font-weight:600;color:var(--pp-text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.pp-dashboard-widget .pp-widget-value{font-size:28px;font-weight:700;color:var(--pp-text);line-height:1.2}.pp-dashboard-widget .pp-widget-bar{height:8px;background:var(--pp-bg-light);border-radius:4px;margin-top:12px;overflow:hidden}.pp-dashboard-widget .pp-widget-bar-fill{height:100%;border-radius:4px;background:var(--pp-accent)}.pp-integrations{padding:80px 20px;background:var(--pp-bg-light)}.pp-integration-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.pp-integration-category{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--pp-border)}.pp-integration-category h3{font-size:15px;font-weight:700;color:var(--pp-text);margin:0 0 16px;padding-bottom:12px;border-bottom:2px solid var(--pp-accent)}.pp-integration-list{display:flex;flex-direction:column;gap:8px}.pp-integration-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--pp-text-muted)}.pp-integration-item svg{width:16px;height:16px;fill:var(--pp-accent-dark);flex-shrink:0}.pp-hardware{padding:80px 20px;background:#fff}.pp-hardware-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1000px;margin:0 auto}.pp-hardware-item{background:var(--pp-bg-light);border-radius:10px;padding:14px 24px;font-size:14px;font-weight:600;color:var(--pp-text);border:1px solid var(--pp-border);transition:all .3s ease}.pp-hardware-item:hover{border-color:var(--pp-accent);box-shadow:0 4px 12px rgba(0,212,170,.1)}.pp-faq{padding:80px 20px;background:var(--pp-bg-light)}.pp-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px;max-width:1100px;margin:0 auto}@media(max-width:500px){.pp-faq-grid{grid-template-columns:1fr}}.pp-faq-item{background:#fff;border-radius:12px;padding:24px;border:1px solid var(--pp-border)}.pp-faq-item h3{font-size:15px;font-weight:600;color:var(--pp-text);margin:0 0 12px;display:flex;align-items:flex-start;gap:12px}.pp-faq-item h3::before{content:'Q';background:var(--pp-accent);color:var(--pp-primary);width:24px;height:24px;min-width:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.pp-faq-item p{font-size:14px;color:var(--pp-text-muted);line-height:1.6;margin:0;padding-left:36px}.pp-cta{padding:80px 20px;background:var(--pp-gradient);position:relative;overflow:hidden}.pp-cta::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 50m-40 0a40,40 0 1,0 80,0a40,40 0 1,0 -80,0' fill='none' stroke='%23ffffff' stroke-opacity='0.03' stroke-width='1'/%3E%3C/svg%3E");pointer-events:none}.pp-cta-content{position:relative;z-index:1;max-width:700px;margin:0 auto;text-align:center}.pp-cta h2{color:#fff;font-size:clamp(24px, 3.5vw, 32px);margin:0 0 16px;font-weight:700}.pp-cta p{color:rgba(255,255,255,.85);font-size:17px;line-height:1.6;margin:0 0 32px}@media(max-width:640px){.pp-hero{padding:60px 16px 80px}.pp-architecture,.pp-products,.pp-scenarios,.pp-dashboard,.pp-integrations,.pp-hardware,.pp-faq,.pp-cta{padding:60px 16px}.pp-scenarios-grid{grid-template-columns:1fr}.pp-integration-categories{grid-template-columns:1fr}}