*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--secondary-color: #7c3aed;--accent-color: #f59e0b;--text-dark: #1e293b;--text-light: #64748b;--bg-light: #f8fafc;--bg-white: #ffffff;--border-color: #e2e8f0;--success-color: #10b981;--error-color: #ef4444}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-dark);line-height:1.7;background:var(--bg-light);overflow-x:hidden}.app{position:relative;overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden}.parallax-bg{position:absolute;width:100%;height:100%;pointer-events:none}.parallax-layer-1{background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}.parallax-layer-2{background:radial-gradient(circle at 80% 30%,rgba(245,158,11,.15) 0%,transparent 40%);animation:float 15s ease-in-out infinite reverse}.parallax-layer-3{background:radial-gradient(circle at 50% 80%,rgba(124,58,237,.2) 0%,transparent 50%);animation:float 25s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-content{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;position:relative;z-index:10}.hero-title{font-family:Playfair Display,serif;font-size:clamp(3rem,8vw,6rem);font-weight:900;color:#fff;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 4px 20px rgba(0,0,0,.2);animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title .highlight{background:linear-gradient(135deg,var(--accent-color),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-subtitle{font-size:clamp(1.25rem,3vw,1.75rem);color:#fffffff2;margin-bottom:3rem;font-weight:400;animation:fadeInUp 1s ease-out .2s both}.hero-cta{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:fadeInUp 1s ease-out .4s both}.btn{display:inline-block;padding:1rem 2.5rem;font-size:1.125rem;font-weight:600;text-decoration:none;border-radius:.75rem;transition:all .3s ease;cursor:pointer;border:none;font-family:inherit}.btn-primary{background:linear-gradient(135deg,var(--accent-color),#fbbf24);color:#fff;box-shadow:0 10px 30px #f59e0b4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #f59e0b66}.btn-secondary{background:#fff3;color:#fff;border:2px solid white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff;color:var(--primary-color);transform:translateY(-3px)}.btn-large{padding:1.25rem 3rem;font-size:1.25rem}.trust-indicators{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.trust-item{display:flex;flex-direction:column;align-items:center;color:#fff}.trust-item strong{font-size:2.5rem;font-weight:800;display:block;margin-bottom:.25rem}.trust-item span{font-size:.875rem;opacity:.9;text-transform:uppercase;letter-spacing:.05em}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.content-section{position:relative;padding:8rem 0;overflow:hidden}.section-parallax-bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.5}.section-what-is-seo .section-parallax-bg{background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.05) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(124,58,237,.05) 0%,transparent 50%)}.section-how-to-seo .section-parallax-bg{background:linear-gradient(135deg,#f59e0b08,#fbbf2408)}.section-why-choolz .section-parallax-bg{background:linear-gradient(135deg,#10b9810d,#22c55e0d)}.section-title{font-family:Playfair Display,serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:var(--text-dark);margin-bottom:2rem;line-height:1.2;position:relative;z-index:10}.section-title.centered{text-align:center}.section-title:after{content:"";display:block;width:100px;height:6px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));margin-top:1.5rem;border-radius:3px}.section-title.centered:after{margin-left:auto;margin-right:auto}.lead-text{font-size:1.375rem;color:var(--text-light);line-height:1.8;margin-bottom:3rem}.centered{text-align:center}.info-card{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 10px 40px #00000014;margin:3rem 0;border:1px solid var(--border-color);transition:all .3s ease}.info-card:hover{transform:translateY(-5px);box-shadow:0 20px 60px #0000001f}.info-card h3{font-size:1.75rem;margin-bottom:1rem;color:var(--text-dark)}.seo-components{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:4rem 0}.component-card{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 5px 20px #00000014;border:1px solid var(--border-color);transition:all .4s ease;position:relative;overflow:hidden}.component-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transition:transform .4s ease}.component-card:hover:before{transform:scaleX(1)}.component-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000026}.card-icon{font-size:3rem;margin-bottom:1rem;display:block}.component-card h4{font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark);font-weight:700}.component-card p{color:var(--text-light);line-height:1.7}.highlight-box{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:2.5rem;border-radius:1.5rem;margin:4rem 0;font-size:1.125rem;line-height:1.8;box-shadow:0 15px 50px #2563eb4d}.strategy-timeline{margin:4rem 0}.timeline-item{display:grid;grid-template-columns:auto 1fr;gap:2rem;margin-bottom:4rem;position:relative}.timeline-item:before{content:"";position:absolute;left:2.5rem;top:5rem;bottom:-4rem;width:2px;background:linear-gradient(180deg,var(--primary-color),transparent)}.timeline-item:last-child:before{display:none}.timeline-number{width:5rem;height:5rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;box-shadow:0 10px 30px #2563eb4d;flex-shrink:0}.timeline-content{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 5px 20px #00000014;border:1px solid var(--border-color);transition:all .3s ease}.timeline-content:hover{box-shadow:0 15px 40px #0000001f}.timeline-content h3{font-size:1.75rem;margin-bottom:1rem;color:var(--text-dark)}.timeline-content ul{list-style:none;margin-top:1.5rem}.timeline-content li{padding-left:1.5rem;margin-bottom:.75rem;position:relative;color:var(--text-light)}.timeline-content li:before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:700}.best-practices-box{background:var(--bg-light);padding:3rem;border-radius:1.5rem;margin:4rem 0;border:2px dashed var(--border-color)}.best-practices-box h3{font-size:2rem;margin-bottom:2rem;color:var(--text-dark);text-align:center}.practices-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.practice-item{background:#fff;padding:1.25rem;border-radius:.75rem;font-weight:500;color:var(--text-dark);border:1px solid var(--border-color);transition:all .3s ease}.practice-item:hover{background:var(--primary-color);color:#fff;transform:translate(5px)}.value-proposition{margin-top:4rem}.value-card{background:#fff;padding:3rem;border-radius:2rem;box-shadow:0 10px 40px #0000001a;margin-bottom:4rem;text-align:center;border:2px solid var(--border-color);transition:all .3s ease}.value-card.featured{background:linear-gradient(135deg,#2563eb0d,#7c3aed0d);border-color:var(--primary-color)}.value-icon{font-size:4rem;margin-bottom:1.5rem}.value-card h3{font-size:2rem;margin-bottom:1.5rem;color:var(--text-dark)}.value-card p{font-size:1.125rem;color:var(--text-light);line-height:1.8}.price-comparison{display:flex;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;flex-wrap:wrap}.competitor-price,.choolz-price{display:flex;flex-direction:column;padding:1.5rem 2rem;border-radius:1rem;min-width:150px}.competitor-price{background:var(--bg-light);opacity:.6;text-decoration:line-through}.choolz-price{background:linear-gradient(135deg,var(--accent-color),#fbbf24);color:#fff;transform:scale(1.1);box-shadow:0 10px 30px #f59e0b4d}.price-comparison .label{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.price-comparison .amount{font-size:2rem;font-weight:800}.vs{font-size:1.5rem;font-weight:800;color:var(--text-light)}.advantages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:4rem 0}.advantage-card{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:0 5px 20px #00000014;border:1px solid var(--border-color);transition:all .3s ease}.advantage-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-10px)}.advantage-icon{font-size:3rem;margin-bottom:1rem}.advantage-card h4{font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)}.advantage-card p{color:var(--text-light);line-height:1.7}.guarantee-box{background:linear-gradient(135deg,#10b9811a,#22c55e1a);padding:3rem;border-radius:1.5rem;margin:4rem 0;text-align:center;border:2px solid var(--success-color)}.guarantee-box h3{font-size:2rem;margin-bottom:1.5rem;color:var(--text-dark)}.guarantee-box p{font-size:1.125rem;color:var(--text-light);line-height:1.8;margin-bottom:2rem}.guarantee-features{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.guarantee-features span{background:#fff;padding:.75rem 1.5rem;border-radius:2rem;font-weight:600;color:var(--success-color);border:1px solid var(--success-color)}.cta-section{text-align:center;padding:4rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:2rem;color:#fff;margin:4rem 0;box-shadow:0 20px 60px #2563eb4d}.cta-section h3{font-size:2.5rem;margin-bottom:1rem}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.section-contact{background:var(--bg-light)}.contact-container{display:grid;grid-template-columns:1fr 1.5fr;gap:4rem;margin-top:4rem;align-items:start}.contact-info h3{font-size:2rem;margin-bottom:1.5rem;color:var(--text-dark)}.contact-methods{margin:2rem 0}.contact-method{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid var(--border-color)}.method-icon{font-size:2rem}.method-details{display:flex;flex-direction:column}.method-details strong{font-size:1.125rem;margin-bottom:.25rem;color:var(--text-dark)}.method-details a{color:var(--primary-color);text-decoration:none;font-weight:500}.method-details a:hover{text-decoration:underline}.what-to-expect{background:#fff;padding:2rem;border-radius:1rem;border:1px solid var(--border-color);margin-top:2rem}.what-to-expect h4{font-size:1.5rem;margin-bottom:1rem;color:var(--text-dark)}.what-to-expect ul{list-style:none}.what-to-expect li{padding:.5rem 0;color:var(--text-light);font-weight:500}.contact-form-wrapper{background:#fff;padding:3rem;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;border:1px solid var(--border-color)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:.5rem;color:var(--text-dark);font-size:.95rem}.form-group input,.form-group textarea{padding:1rem;border:2px solid var(--border-color);border-radius:.75rem;font-size:1rem;font-family:inherit;transition:all .3s ease;background:var(--bg-light)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #2563eb1a}.form-group textarea{resize:vertical;min-height:120px}.form-message{padding:1rem;border-radius:.75rem;text-align:center;font-weight:500}.form-message.success{background:#10b9811a;color:var(--success-color);border:1px solid var(--success-color)}.form-message.error{background:#ef44441a;color:var(--error-color);border:1px solid var(--error-color)}.footer{background:var(--text-dark);color:#fff;padding:4rem 0 2rem}.footer-content{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.footer-brand h3{font-size:2rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-color),#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{opacity:.8}.footer-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-links a{color:#fff;text-decoration:none;opacity:.8;transition:opacity .3s ease}.footer-links a:hover{opacity:1}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);opacity:.7;font-size:.9rem}.footer-bottom p{margin-bottom:.5rem}.footer-bottom a{color:#fff;text-decoration:none;margin:0 .5rem}.footer-bottom a:hover{text-decoration:underline}@media (max-width: 1024px){.contact-container{grid-template-columns:1fr}.timeline-item{gap:1.5rem}}@media (max-width: 768px){.hero-content{padding:3rem 1.5rem}.hero-title{font-size:3rem}.hero-cta{flex-direction:column;gap:1rem}.trust-indicators{gap:2rem}.content-section{padding:4rem 0}.section-title{font-size:2.5rem}.seo-components,.advantages-grid,.practices-grid,.timeline-item{grid-template-columns:1fr}.timeline-number{margin:0 auto}.timeline-item:before{display:none}.price-comparison{flex-direction:column;gap:1rem}.choolz-price{transform:scale(1)}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}.contact-form-wrapper{padding:2rem 1.5rem}.cta-section{padding:3rem 2rem}}@media (max-width: 480px){.container{padding:0 1rem}.hero-title{font-size:2.5rem}.component-card,.advantage-card,.timeline-content{padding:1.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.navbar,.hero-cta,.contact-form,.footer{display:none}.content-section{page-break-inside:avoid}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{margin:0;padding:0}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit}button{cursor:pointer;background:none;border:none;font-family:inherit}*:focus-visible{outline:3px solid #2563eb;outline-offset:2px}
