:root{--primary:#4a86e8;--primary-dark:#3a76d8;--accent:#31528b;--accent-dark:#e55a2b;--success:#34a853;--light-bg:#f8f9fa;--dark-text:#202124;--light-text:#5f6368;--border:#dadce0;--highlight:#e8f0fe;--white:#ffffff;--shadow:0 2px 10px rgba(0, 0, 0, 0.08)}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;margin-top:70px;font-family:"Open Sans",Sans-Serif;font-size:16px;color:#333;line-height:24px}
#container{margin:0 auto;max-width:1140px}
h1,h2,h3{font-family:Lato,sans-serif;margin:30px 0 20px 0;padding:0;font-weight:400;line-height:1.5}
h1{font-size:36px}
h2{font-size:28px}
h3{font-size:22px}
h1 small{font-size:75%}
a{outline:0;text-decoration:none;color:#046ab4}
a:hover{text-decoration:underline}
.col{display:flex;flex-wrap:wrap}
.col .row .title{font-size:20px;margin:10px;text-align:center!important}
.col .row p{text-align:center;margin:0}
img{max-width:100%;height:auto}
.toggle,[id^=drop]{display:none}
nav {margin: 0;padding: 10px 0 0;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),0 2px 10px 0 rgba(0, 0, 0, 0.12);position: relative;width: 100%;background-color: white;height: 60px;z-index: 1500;}
#logo{display:block;padding:0;float:left}
nav:after{content:"";display:table;clear:both}
nav ul{float:right;padding:0;margin:0;list-style:none;position:relative}
nav ul li{margin:0;display:inline-block}
nav ul li ul li{background-color:#fff}
nav ul li ul li a{line-height:40px}
nav ul li:hover{background:#f6f6f6}
nav ul ul{display:none;position:absolute;top:50px;box-shadow:0 2px 4px 0 rgba(51,51,51,.2);border:0}
nav ul #products{min-width:250px}
nav ul li:hover>ul{display:inherit}
nav ul ul li{min-width:170px;float:none;display:list-item;position:relative}
nav ul ul ul li{position:relative;top:-50px;left:170px}
nav a{display:block;padding:0 20px;color:#000;font-size:15px;line-height:50px;text-decoration:none}
nav a:hover{background-color:#f6f6f6;text-decoration:none}
.download{border-color:#333;background-color:#0070c0;margin:0 5px 0 5px;border-radius:4px}
.buynow{background-color:#0d8749;border-radius:4px}
.buynow a,.download a{color:#fff;padding:0 22px}
.buynow a:hover,.download a:hover{background-color:#000;border-radius:4px}
footer{display:block;margin-top:100px;font-size:13px;background-color:#f5f5f5;border-top:1px solid #e4e4e4;padding:20px}
footer a{text-decoration:none;line-height:2}
footer p{margin:5px 0}
.footer-row{flex:0 1 300px;flex:1 1 300px}
.footer-row.left{max-width:140px}
.footer-row.right{text-align:right;margin:15px 0}
.footer-row ul{margin:0;padding:0}
.footer-row li{display:inline;padding:0 5px}
.footer-row .logo{margin:15px 0;padding:0;font-size:22px;font-weight:700;color:#25476a;line-height:.8}
.footer-row .logo span{font-size:12px;font-weight:500}
.compare-row.left{max-width:250px}
.compare-row.right{text-align:right;margin:15px 0}
.purchase .bundle{background-color:#f5f5f5;color:#333}
.col select{padding:5px;font-size:14px;width:75px;margin:0}
.yearly{font-size:13px}
.drop{margin-top:10px}
.drop div{width:25px;height:3px;background-color:#0070c0;margin:5px 0}
@media all and (max-width:920px){
.drop{float:right;margin-right:20px}
.drop i{font-size:24px}
#logo{padding:0 0 0 15px}
nav{margin:0}
.menu,.toggle+a{display:none;padding:0}
.toggle{display:block;padding:0 20px;color:#333;line-height:50px;text-decoration:none;border:0}
.toggle:hover{background-color:#cad3da}
[id^=drop]:checked+ul{display:block}
nav ul{float:none}
nav ul li{display:block;float:left;width:100%;background-color:#fff}
nav ul ul .toggle,nav ul ul a{padding:0 40px}
nav ul ul ul a{padding:0 80px}
nav a:hover,nav ul ul ul a{background-color:#cad3da}
nav ul li ul li .toggle,nav ul ul a{background-color:#f6f6f6}
nav ul ul{float:none;position:static;color:#fff}
nav ul li:hover>ul,nav ul ul li:hover>ul{display:none}
nav ul ul li{display:block;width:100%}
nav ul ul ul li{position:static}
.buynow,.download{margin:0;background:#fff;border-radius:0}
.buynow a,.download a{color:#333;padding:0 20px}
.buynow a:hover,.download a:hover{background-color:#cad3da}
}
@media(max-width:1450px){
.icon-bar{display:none}
}
@media(max-width:601px){
.purchase{width:100%}
.mySlides{padding:60px 50px}
.main h2,h2{font-size:28px}
.hero p{font-size:16px}
.center{text-align:left!important}
.no-sm{display:none}
.hero p{font-size:14px}
.xxxlarge{font-size:34px!important}
.support{margin:0 15px!important}
.review{margin:0 15px!important}
#container{margin:0 15px!important}
.pad-40{padding:40px 0!important}
.text-center,.text-center p{text-align:left!important}
#logo{padding:0}
.drop{margin-right:0}
footer{padding:0}
}
.card{box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;padding:20px 16px;border:1px solid #586c89}
.card:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2);border:1px solid #d45600}
.bundle_offer select{margin:2px}
.bundle_offer p{font-size:29px;margin:2px}
.bundle_offer p small{font-size:13px}
.faq p{margin:0 0 25px}
.faq h4{margin:15px 0}
.faqrow{flex:60%;padding:0 40px 0 0;margin-top:25px}
details{margin:10px;cursor:pointer}
summary{padding:1em 1.3rem;list-style:none;display:flex;justify-content:space-between;transition:height 15s ease;background-color:#f5f5f5}
summary::-webkit-details-marker{display:none}
summary:after{content:"⮟"}
details[open] summary:after{content:"⮝"}
details[open] div{padding:.5em 1em}
body{font-family:"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.6;color:var(--dark-text);background:linear-gradient(135deg,#f5f7fa 0,#e4e8f0 100%);min-height:100vh; margin-top: 0px;}
.pricing-container{max-width:1200px;margin:auto;width:100%}
.pricing{background:var(--white);border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);margin:2rem 0;text-align:center;overflow:hidden}
.pricing-header{padding:.5rem 2rem 1.5rem}
.pricing-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:var(--dark-text)}
.pricing-subtitle{font-size:1.1rem;color:var(--light-text);max-width:600px;margin:0 auto}
.pricing-grid{display:flex;flex-direction:column;padding:0 1.5rem;margin-bottom:20px}
.grid-row{display:flex;border:1px solid var(--border)}
.grid-row.header{background:var(--light-bg);border-radius:8px 8px 0 0}
.grid-row:first-child{border-bottom:none}
.grid-row:last-child{border-top:none;border-radius:0 0 8px 8px}
.grid-cell{flex:1;padding:1.5rem 1rem;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}
.grid-cell.product{flex:2;text-align:left;align-items:flex-start}
.grid-cell.highlight{background:var(--highlight)}
.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#0062e3;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap}
.product-name{font-size:1.5rem;font-weight:700;margin-bottom:.3rem}
.product-desc{color:var(--light-text);margin-bottom:.8rem}
.feature-list{list-style:none;margin-top:.5rem;padding-left:0;font-weight:600}
.feature-list li{margin-bottom:.3rem;font-size:.9rem;color:var(--light-text)}
.mybtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 1.4rem;border-radius:12px;font-weight:700;font-size:1rem;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 6px 10px rgba(0,0,0,.15);border:none;cursor:pointer;width:100%;max-width:180px;color:#fff;text-align:center}
.mybtn.yearly{background:linear-gradient(135deg,#0078ff,#0056d4)}
.mybtn.yearly:hover{background:linear-gradient(135deg,#0056d4,#003c99);transform:translateY(-2px)}
.mybtn.lifetime{background:linear-gradient(135deg,#ff6a00,#e65100)}
.mybtn.lifetime:hover{background:linear-gradient(135deg,#e65100,#bf360c);transform:translateY(-2px)}
.lifetime-original,.yearly-original{text-decoration:line-through;color:rgba(255,255,255,.7);font-size:.9rem;margin-bottom:3px}
.lifetime-price,.yearly-price{font-size:1.2rem;font-weight:800;margin-bottom:4px}
.cta-text{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:.95}
.pc-counter{display:flex;align-items:center;gap:.5rem}
.pc-counter button{width:32px;height:32px;border:1px solid var(--border);background:var(--light-bg);cursor:pointer;border-radius:50%;transition:all .2s ease}
.pc-counter button:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}
.pc-counter input{width:45px;text-align:center;border:2px solid var(--border);border-radius:6px;padding:5px;font-weight:700;font-size:1rem}
.bundle-row{background:#fff8f0;border-left:5px solid #ea580c}
.save-text{display:inline-block;color:var(--success);font-size:.9rem;margin-top:.5rem;font-weight:600;padding:4px 10px;background:rgba(22,163,74,.1);border-radius:20px}
form{display:inline-block;max-width:180px;width:100%}
.trust-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:60px;margin:40px 0;padding:30px;background:var(--white);border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05)}
.trust-badge{display:flex;flex-direction:column;align-items:center;max-width:250px;text-align:center}
.trust-badge i{font-size:2.5rem;margin-bottom:10px}
.trust-badge h3{font-size:1rem;margin:5px;color:#2c3e50}
.trust-badge p{font-size:.85rem;color:#7f8c8d;margin:0}
.faq-section{background:var(--white);padding:10px 140px 50px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.05);max-width:1200px;margin:40px auto}
.faq-section h2{text-align:center;margin-bottom:25px;font-size:1.8rem;color:#222}
.faq{border:1px solid #e0e0e0;border-radius:10px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.04)}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:600;font-size:1rem;list-style:none;position:relative;color:#333;background:var(--light-bg)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"▼";position:absolute;right:20px;font-size:.9rem;color:#666;transition:transform .3s ease}
.faq[open] summary::after{transform:rotate(-180deg);color:#4caf50}
.faq div{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease;padding:0 20px;font-size:.95rem;line-height:1.5;color:#555}
.faq[open] div{max-height:500px;padding:0 20px 18px}
.faq p{margin:20px 0}
.sticky-offer-panel{position: sticky; top: 0; width: 100%; background: #1a1a1a; color: #fff; padding: 10px 0; z-index: 1000; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);}
.offer-content{display:flex;justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:10px 15px;gap:15px;flex-wrap:wrap}
.offer-text{font-size:16px;font-weight:500;text-align:center}
.offer-timer{display:flex;align-items:center;gap:8px;font-size:14px}
.timer{display:flex;gap:4px;font-weight:700}
.time-value{background:rgba(255,255,255,.25);padding:4px 6px;border-radius:4px;min-width:24px;text-align:center}
.recent-purchase-notification{position:fixed;bottom:20px;right:20px;background:linear-gradient(135deg,#005999,#0d8749);border:1px solid #e9ecef;border-radius:8px;padding:12px 15px;margin:15px auto;display:flex;align-items:center;justify-content:center;font-size:14px;max-width:250px;animation:fadeIn 1s;color:#fff}
.recent-purchase-notification i{color:#2ecc71;margin-right:10px}
.best-value{background:#ef5a00}
.last-sold{margin:0;color:gray}
@media (max-width:900px){
.pricing-grid{padding:0 .5rem}
.grid-row{flex-direction:column;margin-bottom:1.5rem;box-shadow:var(--shadow);border-radius:8px}
.grid-row.header{display:none}
.grid-cell{padding:1rem;border-bottom:1px solid var(--border)}
.grid-cell:last-child{border-bottom:none}
}
@media (max-width:768px){
.trust-badges{gap:20px}
.pricing-container{max-width:95%}
.sticky-offer-panel{padding:8px 0}
.offer-content{flex-direction:column;gap:8px}
.offer-text{font-size:14px}
.offer-timer{font-size:13px}
.time-value{padding:3px 5px;min-width:20px;font-size:13px}
.faq-section{padding:10px}
.recent-purchase-notification{display:none}
}
@media (max-width:480px){
.offer-text{font-size:13px}
.offer-timer{flex-direction:column;gap:4px}
.timer{gap:2px}
}
@keyframes fadeInOut{
0%{opacity:0;transform:translateY(20px)}
10%{opacity:1;transform:translateY(0)}
90%{opacity:1;transform:translateY(0)}
100%{opacity:0;transform:translateY(20px)}
}
.testimonials-container{max-width:1200px;width:100%;text-align:center}
.testimonials{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}
.testimonial-header{color:#2c3e50;margin-bottom:50px;font-size:2.8rem;position:relative;display:inline-block}
.testimonial-header:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3498db,#2ecc71);border-radius:2px}
.testimonials .card{background:#fff;border-radius:15px;overflow:hidden;width:350px;box-shadow:0 10px 30px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease;padding:0;border:none}
.testimonials .card:hover{transform:translateY(-10px);box-shadow:0 15px 35px rgba(0,0,0,.15)}
.testimonials .card-header{padding:30px 20px 20px;background:linear-gradient(120deg,#3498db,#2ecc71);color:#fff;position:relative}
.testimonials .user-img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:5px solid rgba(255,255,255,.3);margin:0 auto 15px;display:block;box-shadow:0 5px 15px rgba(0,0,0,.2)}
.testimonials .user-name{font-size:1.4rem;font-weight:600;margin-bottom:5px}
.testimonials .user-title{font-size:.9rem;opacity:.9}
.testimonials .card-body{padding:25px;color:#333;line-height:1.6}
.testimonial-text{font-style:italic;margin-bottom:20px;position:relative;padding:0 10px}
.testimonial-text:after,.testimonial-text:before{content:"\"";font-size:3rem;color:#e0e0e0;line-height:1;position:absolute}
.testimonial-text:before{top:-15px;left:-5px}
.testimonial-text:after{bottom:-40px;right:-5px}
.testimonials .rating{color:gold;font-size:1.2rem;margin-bottom:20px}
.testimonials .card-footer{padding:15px;background:#f8f9fa;border-top:1px solid #eee;font-size:.85rem;color:#777}
@media (max-width:768px){
.testimonials{flex-direction:column;align-items:center}
.testimonials .card{width:100%;max-width:400px}
}