:root{--primary-color:#D93838; --primary-hover:#E03E3E;--secondary-color:#4dabf7; --bg-dark:#0a0a0cf5;--bg-card:#16161a;--text-main:#f1f3f5;--text-muted:#adb5bd;--border-color:#2c2e33;--container-width:1200px;--font-heading:'Outfit',sans-serif;--font-body:'Inter',sans-serif;--transition:all 0.3s ease;} *{margin:0;padding:0;box-sizing:border-box;} body{background:radial-gradient(ellipse at 20% 10%,rgba(217,56,56,0.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(217,56,56,0.08) 0%,transparent 50%),radial-gradient(ellipse at 40% 50%,rgba(217,56,56,0.12) 0%,transparent 50%),radial-gradient(ellipse at 70% 70%,rgba(217,56,56,0.1) 0%,transparent 50%),radial-gradient(ellipse at 30% 85%,rgba(217,56,56,0.09) 0%,transparent 50%),radial-gradient(ellipse at 90% 95%,rgba(217,56,56,0.11) 0%,transparent 50%),var(--bg-dark);background-attachment:fixed;color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;} h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:#fff;line-height:1.2;font-weight:700;} img{max-width:100%;display:block;} a{text-decoration:none;color:inherit;transition:var(--transition);} ul{list-style:none;}  .container{max-width:var(--container-width);margin:0 auto;padding:0 20px;} .btn{display:inline-block;padding:14px 32px;background-color:var(--primary-color);color:white;font-family:var(--font-heading);font-weight:600;border-radius:50px;border:none;cursor:pointer;font-size:1rem;transition:var(--transition);box-shadow:0 4px 15px rgba(217,56,56,0.3);} .btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(217,56,56,0.4);} .btn-secondary{background-color:transparent;border:2px solid var(--border-color);box-shadow:none;color:var(--text-main);}  .icon{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:-0.125em;} .btn-secondary:hover{border-color:var(--primary-color);background-color:transparent;color:var(--primary-color);} .section-padding{padding:100px 0;} .text-center{text-align:center;} .text-gradient{background:linear-gradient(135deg,#fff 0%,#adb5bd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .accent-text{color:var(--primary-color);}  header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:rgba(10,10,12,0.85);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.05);padding:20px 0;} nav{display:flex;justify-content:space-between;align-items:center;} .logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;letter-spacing:-0.5px;} .logo span{color:var(--primary-color);} .nav-links{display:flex;gap:40px;} .nav-links a{font-weight:500;color:var(--text-muted);} .nav-links a:hover{color:white;}  .hero{padding-top:180px;padding-bottom:120px;position:relative;overflow:hidden;} .hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;} .hero-text h1{font-size:4rem;margin-bottom:24px;letter-spacing:-1px;} .hero-text p{font-size:1.25rem;color:var(--text-muted);margin-bottom:40px;max-width:500px;} .hero-image{position:relative;} .hero-image img{border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.1);}  .pain-points{background:transparent;position:relative;} .section-header{text-align:center;max-width:700px;margin:0 auto 60px;} .section-header h2{font-size:2.5rem;margin-bottom:16px;} .section-header p{color:var(--text-muted);font-size:1.1rem;margin-bottom:20px;}  .process-timeline{max-width:900px;margin:60px auto 0;position:relative;} .timeline-step{position:relative;display:grid;grid-template-columns:80px 1fr;gap:40px;margin-bottom:60px;} .timeline-step:last-child{margin-bottom:0;} .timeline-step:last-child .timeline-connector{display:none;} .timeline-connector{position:absolute;left:39px;top:80px;bottom:-60px;width:2px;background:linear-gradient(180deg,rgba(217,56,56,0.5) 0%,rgba(217,56,56,0.2) 100%);} .timeline-number-wrapper{display:flex;justify-content:center;position:relative;z-index:2;} .timeline-number{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,rgba(217,56,56,0.2) 0%,rgba(217,56,56,0.1) 100%);border:3px solid var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:var(--primary-color);font-family:var(--font-heading);box-shadow:0 10px 30px rgba(217,56,56,0.3),0 0 40px rgba(217,56,56,0.2);transition:all 0.3s ease;} .timeline-number:hover{transform:scale(1.1);box-shadow:0 15px 40px rgba(217,56,56,0.4),0 0 60px rgba(217,56,56,0.3);} .timeline-content{background:linear-gradient(145deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:35px;transition:all 0.3s ease;} .timeline-content:hover{border-color:rgba(217,56,56,0.3);background:linear-gradient(145deg,rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 100%);transform:translateX(5px);} .timeline-icon{font-size:2.5rem;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(217,56,56,0.3));} .timeline-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:15px;line-height:1.3;} .timeline-text{font-size:1.05rem;line-height:1.7;color:var(--text-muted);margin-bottom:25px;} .timeline-tags{display:flex;flex-wrap:wrap;gap:10px;} .timeline-tag{display:inline-flex;align-items:center;padding:8px 16px;background:linear-gradient(135deg,rgba(217,56,56,0.1) 0%,rgba(217,56,56,0.05) 100%);border:1px solid rgba(217,56,56,0.2);border-radius:50px;font-size:0.9rem;font-weight:600;color:var(--text-main);transition:all 0.3s ease;} .timeline-tag:hover{border-color:rgba(217,56,56,0.4);background:linear-gradient(135deg,rgba(217,56,56,0.15) 0%,rgba(217,56,56,0.08) 100%);transform:translateY(-2px);} @media (max-width:900px){.timeline-step{grid-template-columns:60px 1fr;gap:20px;margin-bottom:50px;} .timeline-connector{left:29px;top:60px;bottom:-50px;} .timeline-number{width:60px;height:60px;font-size:1.5rem;} .timeline-content{padding:25px 20px;} .timeline-icon{font-size:2rem;margin-bottom:15px;} .timeline-title{font-size:1.3rem;} .timeline-text{font-size:1rem;} .timeline-tag{font-size:0.85rem;padding:6px 12px;}}  .steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;} .step-card{padding:40px 30px;border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,0.03),rgba(255,255,255,0.01));border:1px solid rgba(255,255,255,0.08);text-align:center;transition:var(--transition);} .step-card:hover{border-color:rgba(217,56,56,0.3);transform:translateY(-5px);} .step-number{width:60px;height:60px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#c94545);display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:white;box-shadow:0 10px 30px rgba(217,56,56,0.3);} .pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;} .pain-card{padding:30px;background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0) 100%);border:1px solid var(--border-color);border-radius:16px;transition:var(--transition);} .pain-card:hover{border-color:var(--primary-color);transform:translateY(-5px);} .icon-box{width:50px;height:50px;background-color:rgba(255,107,107,0.1);color:var(--primary-color);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px;border:1px solid rgba(255,107,107,0.2);} .pain-card h3{font-size:1.3rem;margin-bottom:12px;} .pain-card p{color:var(--text-muted);font-size:0.95rem;}  .portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:60px;} .portfolio-item{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;} .portfolio-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease;} .portfolio-item:hover img{transform:scale(1.05);} .portfolio-item.large{grid-column:span 2;aspect-ratio:21/9;}  .process{background:transparent;} .steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;}  .steps-container::before{content:'';position:absolute;top:40px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--bg-card) 0%,var(--border-color) 20%,var(--border-color) 80%,var(--bg-card) 100%);z-index:0;} .step-card{position:relative;z-index:1;text-align:center;} .step-number{width:80px;height:80px;background-color:var(--bg-dark);border:2px solid var(--primary-color);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;margin:0 auto 24px;font-family:var(--font-heading);box-shadow:0 0 20px rgba(255,107,107,0.2);}  .guide-section{display:grid;grid-template-columns:1.2fr 0.8fr;gap:80px;align-items:center;} .guide-text h2{font-size:2.5rem;margin-bottom:24px;} .guide-text p{color:var(--text-muted);font-size:1.1rem;margin-bottom:20px;}  .reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;} .review-card{padding:30px;background-color:rgba(255,255,255,0.02);border-radius:16px;border:1px solid var(--border-color);} .stars{color:#ffd43b;margin-bottom:16px;} .review-text{font-style:italic;color:var(--text-muted);margin-bottom:20px;} .reviewer{display:flex;align-items:center;gap:12px;} .reviewer-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--border-color);}  footer{border-top:1px solid var(--border-color);padding:80px 0 40px;background:transparent;} .footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;margin-bottom:60px;} .footer-brand p{color:var(--text-muted);margin-top:20px;max-width:300px;} .footer-links h4{margin-bottom:24px;} .footer-links ul li{margin-bottom:12px;} .footer-links ul li a{color:var(--text-muted);} .footer-links ul li a:hover{color:var(--primary-color);} .footer-bottom{padding-top:40px;border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);font-size:0.9rem;}  .hero-features{list-style:none;padding:0;margin:0 0 30px 0;max-width:fit-content;} .cta-group{display:flex;gap:15px;flex-wrap:wrap;justify-content:flex-start;}  @media (max-width:900px){.hero-content{grid-template-columns:1fr;text-align:center;} .hero-text p{margin:0 auto 40px;} .hero-features{margin:0 auto 30px;} .cta-group{justify-content:center;} .pain-grid,.portfolio-grid,.steps-container,.guide-section,.reviews-grid,.pricing-grid,.footer-content{grid-template-columns:1fr;} .portfolio-item.large{grid-column:span 1;aspect-ratio:4/3;} .steps-container::before{display:none;} .nav-links{display:none;} .hero-text h1{font-size:3rem;} .pricing-grid{gap:50px;} .pricing-card.bestseller{transform:scale(1);margin:10px 0;} .pricing-card.bestseller:hover{transform:translateY(-5px);}}  .accordion-item{background-color:rgba(255,255,255,0.03);border:1px solid var(--border-color);border-radius:12px;margin-bottom:16px;overflow:hidden;transition:var(--transition);} .accordion-header{padding:24px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;} .accordion-header:hover{background-color:rgba(255,255,255,0.05);} .accordion-header h3{font-size:1.15rem;margin:0;color:#fff;} .accordion-icon{transition:transform 0.3s ease;} .accordion-content{max-height:0;overflow:hidden;transition:max-height 0.3s ease;} .accordion-content p{padding:0 24px 24px;color:var(--text-muted);margin:0;} .accordion-item.active .accordion-icon{transform:rotate(180deg);}  .pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:60px;} .pricing-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:40px;text-align:center;position:relative;display:flex;flex-direction:column;transition:var(--transition);} .pricing-card:hover{transform:translateY(-10px);border-color:var(--primary-color);} .pricing-card.bestseller{border:2px solid var(--primary-color);background:transparent;transform:scale(1.05);z-index:2;} .pricing-card.bestseller:hover{transform:scale(1.05) translateY(-10px);} .badge{background-color:var(--primary-color);color:white;padding:6px 16px;border-radius:20px;font-size:0.85rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translateX(-50%);text-transform:uppercase;letter-spacing:1px;}   .stakes-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:50px;} .stakes-comparison-card{padding:40px 35px;background:linear-gradient(145deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%);border-radius:24px;border:1px solid rgba(255,255,255,0.08);transition:all 0.3s ease;} .stakes-risk{border-left:4px solid #ef4444;} .stakes-reward{border-left:4px solid #22c55e;background:linear-gradient(145deg,rgba(34,197,94,0.04) 0%,rgba(255,255,255,0.01) 100%);} .stakes-card-header{margin-bottom:25px;} .stakes-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:50px;font-size:0.85rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;} .stakes-badge-risk{background:linear-gradient(135deg,rgba(239,68,68,0.15) 0%,rgba(239,68,68,0.08) 100%);border:1px solid rgba(239,68,68,0.3);color:#ef4444;} .stakes-badge-reward{background:linear-gradient(135deg,rgba(34,197,94,0.15) 0%,rgba(34,197,94,0.08) 100%);border:1px solid rgba(34,197,94,0.3);color:#22c55e;} .badge-icon-stakes{font-size:1.1rem;} .stakes-card-title{font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:30px;line-height:1.3;} .stakes-list{list-style:none;padding:0;margin:0 0 30px 0;} .stakes-list-item{display:flex;gap:15px;align-items:start;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.05);} .stakes-list-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;} .stakes-bullet{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:1rem;font-weight:700;margin-top:2px;} .risk-bullet{background:rgba(239,68,68,0.15);color:#ef4444;border:1px solid rgba(239,68,68,0.3);} .reward-bullet{background:rgba(34,197,94,0.15);color:#22c55e;border:1px solid rgba(34,197,94,0.3);} .stakes-item-content{flex:1;} .stakes-item-content strong{display:block;font-size:1.05rem;color:#fff;margin-bottom:5px;font-weight:700;} .stakes-item-content p{font-size:0.95rem;line-height:1.6;color:var(--text-muted);margin:0;} .stakes-outcome{padding:20px 25px;border-radius:14px;margin-top:25px;} .risk-outcome{background:linear-gradient(135deg,rgba(239,68,68,0.1) 0%,rgba(239,68,68,0.05) 100%);border:1px solid rgba(239,68,68,0.2);} .reward-outcome{background:linear-gradient(135deg,rgba(34,197,94,0.1) 0%,rgba(34,197,94,0.05) 100%);border:1px solid rgba(34,197,94,0.2);} .stakes-outcome p{font-size:1rem;line-height:1.6;color:var(--text-muted);margin:0;} .stakes-outcome strong{color:#fff;font-weight:700;} @media (max-width:900px){.stakes-comparison-grid{grid-template-columns:1fr;gap:30px;} .stakes-comparison-card{padding:30px 25px;} .stakes-card-title{font-size:1.4rem;} .stakes-list-item{gap:12px;} .stakes-bullet{min-width:24px;height:24px;font-size:0.9rem;} .stakes-item-content strong{font-size:1rem;} .stakes-item-content p{font-size:0.9rem;} .stakes-outcome{padding:16px 20px;} .stakes-outcome p{font-size:0.95rem;}} @media (max-width:900px){.section-transition{height:100px;}}  .final-cta-box{position:relative;max-width:900px;margin:0 auto;padding:60px 50px;background:linear-gradient(145deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%);border:1px solid rgba(217,56,56,0.3);border-radius:30px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 80px rgba(217,56,56,0.15),inset 0 1px 0 rgba(255,255,255,0.1);} .cta-glow-effect{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(217,56,56,0.15) 0%,transparent 70%);animation:rotateGlow 15s linear infinite;pointer-events:none;} @keyframes rotateGlow{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}} .cta-content{position:relative;z-index:1;text-align:center;} .cta-icon-badge{width:70px;height:70px;margin:0 auto 30px;background:linear-gradient(135deg,var(--primary-color) 0%,#ff6b6b 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;box-shadow:0 10px 30px rgba(217,56,56,0.4),0 0 40px rgba(217,56,56,0.3);animation:floatBadge 3s ease-in-out infinite;} @keyframes floatBadge{0%,100%{transform:translateY(0px);} 50%{transform:translateY(-10px);}} .cta-headline{font-size:3rem;font-weight:800;margin-bottom:20px;background:linear-gradient(135deg,#fff 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;} .cta-subtext{font-size:1.15rem;color:var(--text-muted);max-width:650px;margin:0 auto 40px;line-height:1.7;} .cta-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:50px;padding:30px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1);} .cta-stat{display:flex;align-items:center;justify-content:center;gap:15px;} .stat-icon{font-size:2.5rem;filter:drop-shadow(0 4px 8px rgba(217,56,56,0.3));} .stat-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left;} .stat-text strong{font-size:1.8rem;font-weight:800;color:#fff;font-family:var(--font-heading);line-height:1;} .stat-text span{font-size:0.9rem;color:var(--text-muted);margin-top:4px;} .cta-button-group{display:flex;flex-direction:column;align-items:center;gap:20px;} .cta-primary-btn{font-size:1.15rem;padding:18px 45px;background:linear-gradient(135deg,var(--primary-color) 0%,#ff6b6b 100%);box-shadow:0 10px 30px rgba(217,56,56,0.4),0 0 40px rgba(217,56,56,0.2);position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;} .cta-primary-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;} .cta-primary-btn:hover::before{left:100%;} .cta-primary-btn:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(217,56,56,0.5),0 0 60px rgba(217,56,56,0.3);} .btn-arrow{font-size:1.3rem;transition:transform 0.3s ease;} .cta-primary-btn:hover .btn-arrow{transform:translateX(5px);} .cta-trust-text{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:0.95rem;margin:0;} @media (max-width:900px){.final-cta-box{padding:40px 30px;border-radius:20px;} .cta-headline{font-size:2rem;} .cta-subtext{font-size:1rem;} .cta-stats-row{grid-template-columns:1fr;gap:20px;} .stat-icon{font-size:2rem;} .stat-text strong{font-size:1.5rem;} .cta-primary-btn{font-size:1rem;padding:16px 35px;}}  .guide-hero-box{position:relative;max-width:1200px;margin:0 auto;padding:80px 60px;background:linear-gradient(145deg,rgba(255,255,255,0.05) 0%,rgba(255,255,255,0.02) 100%);border:1px solid rgba(217,56,56,0.25);border-radius:30px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,0.3),0 0 60px rgba(217,56,56,0.1),inset 0 1px 0 rgba(255,255,255,0.08);} .guide-glow-effect{position:absolute;top:-30%;right:-30%;width:150%;height:150%;background:radial-gradient(circle,rgba(217,56,56,0.12) 0%,transparent 60%);animation:rotateGlow 20s linear infinite;pointer-events:none;} .guide-content-wrapper{position:relative;z-index:1;text-align:center;} .guide-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,rgba(217,56,56,0.15) 0%,rgba(217,56,56,0.08) 100%);border:1px solid rgba(217,56,56,0.3);border-radius:50px;margin-bottom:30px;backdrop-filter:blur(5px);} .badge-icon{font-size:1.5rem;animation:floatBadge 2.5s ease-in-out infinite;} .badge-text{font-size:0.95rem;font-weight:600;color:var(--text-main);letter-spacing:0.5px;} .guide-main-headline{font-size:3.5rem;font-weight:800;margin-bottom:20px;color:#fff;line-height:1.2;} .guide-sub-headline{font-size:1.6rem;font-weight:600;color:var(--primary-color);margin-bottom:60px;line-height:1.3;max-width:800px;margin-left:auto;margin-right:auto;} .guide-two-column{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;text-align:left;}  .guide-visual-container{position:relative;} .visual-main-card{position:relative;border-radius:24px;overflow:visible;} .visual-image-wrapper{position:relative;border-radius:24px;overflow:hidden;border:1px solid rgba(217,56,56,0.3);box-shadow:0 25px 50px rgba(0,0,0,0.4),0 0 50px rgba(217,56,56,0.2);} .visual-showcase-image{width:100%;height:auto;display:block;} .visual-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,0.6) 100%);pointer-events:none;}  .floating-stat-card{position:absolute;display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,rgba(10,10,12,0.95) 0%,rgba(22,22,26,0.95) 100%);border:1px solid rgba(217,56,56,0.4);border-radius:16px;backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(0,0,0,0.5),0 0 40px rgba(217,56,56,0.3);animation:floatCard 3s ease-in-out infinite;} .stat-top-right{top:-20px;right:-20px;animation-delay:0s;} .stat-bottom-left{bottom:-20px;left:-20px;animation-delay:1.5s;} @keyframes floatCard{0%,100%{transform:translateY(0px);} 50%{transform:translateY(-10px);}} .stat-icon-mini{font-size:2rem;filter:drop-shadow(0 4px 8px rgba(217,56,56,0.4));} .stat-content-mini{display:flex;flex-direction:column;} .stat-number-mini{font-size:1.8rem;font-weight:800;color:#fff;font-family:var(--font-heading);line-height:1;background:linear-gradient(135deg,#fff 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;} .stat-label-mini{font-size:0.85rem;color:var(--text-muted);margin-top:4px;font-weight:600;}  .trust-badges-row{display:flex;gap:15px;margin-top:30px;flex-wrap:wrap;} .trust-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,rgba(217,56,56,0.1) 0%,rgba(217,56,56,0.05) 100%);border:1px solid rgba(217,56,56,0.25);border-radius:50px;font-size:0.9rem;font-weight:600;color:var(--text-main);backdrop-filter:blur(5px);transition:all 0.3s ease;} .trust-badge:hover{border-color:rgba(217,56,56,0.5);background:linear-gradient(135deg,rgba(217,56,56,0.15) 0%,rgba(217,56,56,0.08) 100%);transform:translateY(-2px);} .guide-text-content{display:flex;flex-direction:column;gap:40px;} .guide-intro-text{display:flex;flex-direction:column;gap:20px;} .intro-paragraph{font-size:1.1rem;line-height:1.8;color:var(--text-muted);} .intro-paragraph strong{color:#fff;font-weight:600;} .guide-features-grid{display:grid;grid-template-columns:1fr;gap:18px;} .guide-feature-card{display:flex;align-items:start;gap:18px;padding:24px;background:linear-gradient(135deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.08);border-radius:16px;transition:all 0.3s ease;} .guide-feature-card:hover{border-color:rgba(217,56,56,0.4);background:linear-gradient(135deg,rgba(217,56,56,0.05) 0%,rgba(255,255,255,0.02) 100%);transform:translateX(5px);} .feature-icon{font-size:2.5rem;min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 4px 8px rgba(217,56,56,0.3));} .feature-content h4{font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:8px;line-height:1.3;} .feature-content p{font-size:1rem;color:var(--text-muted);line-height:1.6;margin:0;} .guide-cta-wrapper{margin-top:15px;} .guide-cta-btn{display:inline-flex;align-items:center;gap:10px;font-size:1.05rem;padding:16px 35px;background:linear-gradient(135deg,var(--primary-color) 0%,#ff6b6b 100%);box-shadow:0 8px 25px rgba(217,56,56,0.35),0 0 30px rgba(217,56,56,0.15);position:relative;overflow:hidden;} .guide-cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s;} .guide-cta-btn:hover::before{left:100%;} .guide-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(217,56,56,0.45),0 0 50px rgba(217,56,56,0.25);} .guide-cta-btn:hover .btn-arrow{transform:translateX(5px);} @media (max-width:900px){.guide-hero-box{padding:40px 30px;border-radius:20px;} .guide-main-headline{font-size:2rem;} .guide-sub-headline{font-size:1.2rem;margin-bottom:35px;} .guide-two-column{grid-template-columns:1fr;gap:35px;} .intro-paragraph{font-size:1rem;} .guide-feature-card{padding:18px;} .feature-icon{font-size:1.8rem;min-width:45px;height:45px;} .guide-cta-btn{font-size:1rem;padding:14px 30px;width:100%;justify-content:center;}} .price{font-size:3.5rem;font-weight:800;color:#fff;margin:20px 0 10px;font-family:var(--font-heading);line-height:1;} .price span{font-size:1.25rem;color:var(--text-muted);font-weight:500;} .features-list{margin:30px 0;text-align:left;flex-grow:1;} .features-list li{margin-bottom:16px;color:var(--text-muted);display:flex;align-items:center;gap:12px;} .features-list li i{color:var(--primary-color);}  .calculator-card{background:linear-gradient(145deg,#1a1a20,#0f0f12);border:1px solid var(--border-color);border-radius:24px;padding:40px;max-width:700px;margin:0 auto;text-align:center;box-shadow:0 20px 40px rgba(0,0,0,0.4);} .calc-input-group{margin-bottom:30px;text-align:left;} .calc-label{display:flex;justify-content:space-between;margin-bottom:15px;font-weight:600;color:#fff;} .calc-value{color:var(--primary-color);font-family:var(--font-heading);} input[type=range]{-webkit-appearance:none;width:100%;background:transparent;} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:24px;width:24px;border-radius:50%;background:var(--primary-color);cursor:pointer;margin-top:-10px;box-shadow:0 0 10px rgba(255,107,107,0.5);} input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:#2c2e33;border-radius:2px;} .calc-result-box{background:rgba(255,107,107,0.1);border:1px solid var(--primary-color);border-radius:16px;padding:30px;margin-top:40px;transition:var(--transition);} .result-number{font-size:3.5rem;font-weight:800;color:#fff;line-height:1;margin:10px 0;font-family:var(--font-heading);display:block;}  .problem-grid{display:grid;grid-template-columns:1.2fr 0.8fr;gap:50px;align-items:center;}  .problem-hero-card-combined{position:relative;max-width:1200px;margin:0 auto;padding:50px;background:linear-gradient(145deg,rgba(255,255,255,0.04) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(217,56,56,0.25);border-radius:30px;overflow:hidden;backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,0.3),0 0 50px rgba(217,56,56,0.1);} .problem-card-glow{position:absolute;top:-40%;left:-40%;width:180%;height:180%;background:radial-gradient(circle,rgba(217,56,56,0.1) 0%,transparent 60%);animation:rotateGlow 25s linear infinite;pointer-events:none;} .problem-card-content-combined{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;} .problem-left-content{display:flex;flex-direction:column;gap:25px;} .problem-right-content{display:flex;align-items:stretch;} .problem-right-content .stat-card{width:100%;margin:0;} .problem-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,rgba(239,68,68,0.15) 0%,rgba(217,56,56,0.08) 100%);border:1px solid rgba(239,68,68,0.3);border-radius:50px;width:fit-content;} .problem-badge-icon{font-size:1.3rem;} .problem-badge-text{font-size:0.9rem;font-weight:600;color:#fff;letter-spacing:0.5px;} .problem-main-title{font-size:2rem;font-weight:800;color:#fff;margin:0;line-height:1.2;} .problem-main-text{font-size:1.05rem;line-height:1.7;color:var(--text-muted);margin:0;} .problem-main-text strong{color:#fff;font-weight:600;} .highlight-text{color:var(--primary-color);font-weight:700;} .problem-separator{display:flex;align-items:center;gap:15px;} .separator-line{flex:1;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(217,56,56,0.3) 50%,transparent 100%);} .separator-icon{font-size:1.5rem;filter:drop-shadow(0 4px 8px rgba(217,56,56,0.4));} .problem-core-issue{display:flex;gap:18px;align-items:start;padding:20px;background:linear-gradient(135deg,rgba(255,255,255,0.02) 0%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.05);border-radius:14px;transition:all 0.3s ease;} .problem-core-issue:hover{border-color:rgba(217,56,56,0.3);background:linear-gradient(135deg,rgba(217,56,56,0.03) 0%,rgba(255,255,255,0.02) 100%);transform:translateX(5px);} .issue-icon-wrapper{min-width:55px;height:55px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(217,56,56,0.15) 0%,rgba(217,56,56,0.05) 100%);border-radius:14px;border:1px solid rgba(217,56,56,0.2);} .issue-icon{font-size:1.8rem;filter:drop-shadow(0 4px 8px rgba(217,56,56,0.3));} .issue-content{flex:1;} .issue-title{font-size:1.2rem;font-weight:700;color:#fff;margin:0 0 8px 0;line-height:1.3;} .issue-text{font-size:1rem;line-height:1.6;color:var(--text-muted);margin:0;} .issue-text strong{color:#fff;font-weight:600;} .insight-box{display:flex;align-items:center;gap:12px;padding:18px 20px;background:linear-gradient(135deg,rgba(217,56,56,0.1) 0%,rgba(217,56,56,0.05) 100%);border-left:4px solid var(--primary-color);border-radius:10px;} .insight-icon{font-size:1.8rem;filter:drop-shadow(0 4px 8px rgba(217,56,56,0.4));} .insight-text{font-size:1rem;line-height:1.5;color:var(--text-muted);} .insight-text strong{color:#fff;font-weight:700;} @media (max-width:900px){.problem-hero-card-combined{padding:35px 25px;} .problem-card-content-combined{grid-template-columns:1fr;gap:40px;} .problem-main-title{font-size:1.6rem;} .problem-main-text{font-size:1rem;} .problem-core-issue{flex-direction:column;gap:12px;padding:18px;} .issue-icon-wrapper{min-width:50px;height:50px;} .issue-icon{font-size:1.5rem;} .issue-title{font-size:1.1rem;} .issue-text{font-size:0.95rem;} .insight-box{flex-direction:column;text-align:center;gap:10px;padding:16px;} .insight-text{font-size:0.95rem;}} .problem-icon{font-size:1.5rem;color:var(--primary-color);min-width:48px;height:48px;background:rgba(255,107,107,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;} .stat-card{background:linear-gradient(145deg,#1a1a20,#0f0f12);border:1px solid var(--border-color);border-radius:24px;padding:40px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,0.4);} .stat-header{display:inline-flex;align-items:center;gap:8px;background:rgba(217,56,56,0.15);color:var(--primary-color);padding:6px 16px;border-radius:20px;font-size:0.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;} .stat-number{font-size:4.5rem;font-weight:800;color:white;line-height:1;font-family:var(--font-heading);background:linear-gradient(180deg,#fff 0%,#adb5bd 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px;} .stat-label{font-size:1.2rem;color:white;font-weight:600;margin-bottom:20px;} .stat-bar{width:100%;height:8px;background:rgba(255,255,255,0.1);border-radius:4px;overflow:hidden;margin-bottom:24px;} .stat-fill{width:0;height:100%;background:var(--primary-color);border-radius:4px;box-shadow:0 0 15px rgba(217,56,56,0.5);transition:width 1.5s ease-out;} .stat-fill.active{width:100%;} @media (max-width:900px){.problem-grid{grid-template-columns:1fr;gap:30px;}  .pricing-grid{grid-template-columns:1fr !important;gap:40px !important;} .pricing-card.bestseller{transform:scale(1) !important;margin:20px 0 !important;} .pricing-card.bestseller:hover{transform:none !important;}}