:root{--primary-color:#4a6bff;--primary-dark:#3a5bef;--primary-light:#e6ebff;--secondary-color:#2c3e50;--accent-color:#ff6b6b;--text-color:#333;--text-light:#666;--light-gray:#f8f9fa;--medium-gray:#e9ecef;--dark-gray:#6c757d;--border-radius:8px;--box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--light-gray);margin:0;padding:0;min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;flex:1}h1,h2,h3,h4{color:var(--secondary-color);margin-bottom:1rem;line-height:1.2}h1{font-size:2.5rem;margin-top:2rem}h2{font-size:2rem;position:relative;padding-bottom:.5rem}h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--primary-color)}h3{font-size:1.5rem}p{margin-bottom:1rem;color:var(--text-light)}.btn,.show-ip-btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.8rem 1.5rem;border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:var(--transition);text-decoration:none;text-align:center;margin:.5rem 0}.btn:hover,.show-ip-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .15)}.tool-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;margin:2rem 0}.progress-container{width:100%;background-color:var(--medium-gray);border-radius:var(--border-radius);margin:1rem 0;overflow:hidden;display:none}.progress-bar{height:30px;background-color:var(--primary-color);text-align:center;line-height:30px;color:#fff;width:0;transition:width 0.3s ease}.ip-display{font-size:1.5rem;font-weight:700;margin:1rem 0;display:none}.ip-details{display:none;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.ip-display.active,.ip-details.active{display:block}.ip-details.active{display:grid}.detail-box{background-color:var(--light-gray);padding:1rem;border-radius:var(--border-radius)}.detail-label{font-weight:700;color:var(--secondary-color)}.services-grid,.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.service-card,.benefit-card{background-color:#fff;border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--box-shadow);transition:var(--transition)}.service-card:hover,.benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgb(0 0 0 / .1)}.service-card .icon{font-size:2rem;margin-bottom:1rem}.faq-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--medium-gray)}.faq-item:last-child{border-bottom:none}.faq-item h3{color:var(--primary-dark);margin-bottom:.5rem}.copyright{border-top:1px solid rgb(255 255 255 / .1);padding-top:1.5rem;text-align:center;color:rgb(255 255 255 / .6);font-size:.9rem}.intro-expanded{margin-top:20px;line-height:1.6}.intro-expanded ul{margin:1rem 0 1rem 2rem}.intro-expanded li{margin-bottom:.5rem}.how-it-works .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:30px}.step{background:var(--light-gray);padding:20px;border-radius:var(--border-radius);transition:var(--transition)}.step:hover{transform:translateY(-3px);box-shadow:var(--box-shadow)}.step-number{display:inline-block;background:var(--primary-color);color:#fff;width:30px;height:30px;text-align:center;line-height:30px;border-radius:50%;margin-bottom:10px}.use-cases,.specs,.testimonials,.getting-started{margin:40px 0}.testimonial{background:var(--light-gray);padding:20px;margin:15px 0;border-left:4px solid var(--primary-color);border-radius:var(--border-radius)}.testimonial blockquote{font-style:italic;margin-bottom:10px}.testimonial p{text-align:right;font-weight:600;color:var(--secondary-color)}.specs ul{margin-left:2rem}.specs li{margin-bottom:.8rem;line-height:1.6}.getting-started ol{margin-left:2rem}.getting-started li{margin-bottom:1rem;padding-left:.5rem}.vpn-learn-more-section{margin:40px 0;padding:20px 0;border-top:1px solid var(--medium-gray)}.vpn-learn-more-card{background:var(--primary-light);border-radius:var(--border-radius);padding:30px;text-align:center;box-shadow:var(--box-shadow);border-left:4px solid var(--primary-color);transition:var(--transition)}.vpn-learn-more-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgb(74 107 255 / .15)}.vpn-learn-more-icon{font-size:2.2rem;color:var(--primary-color);margin-bottom:15px}.vpn-learn-more-card h3{color:var(--secondary-color);margin-bottom:15px}.vpn-learn-more-card p{color:var(--text-light);margin-bottom:20px;font-size:1.05rem;line-height:1.6}.vpn-learn-more-btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:12px 25px;border-radius:var(--border-radius);font-weight:600;transition:var(--transition);text-decoration:none}.vpn-learn-more-btn:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px rgb(74 107 255 / .3)}.vpn-learn-more-btn i{margin-left:8px;font-size:.9rem}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.7rem}.container{padding:0 15px}.tool-section{padding:1.5rem}.services-grid,.benefits-grid{grid-template-columns:1fr}.how-it-works .steps{grid-template-columns:1fr}.vpn-learn-more-card{padding:20px}}