:root{--color-background:#F8F9FA;--color-text:#1A1A1A;--color-primary:#FF007A;--color-secondary:#0FF;--color-white:#FFF;--font-display:'Bangers',cursive;--font-body:'Inter',sans-serif;--shadow-subtle:0 4px 6px rgba(0,0,0,0.05);--shadow-medium:0 8px 16px rgba(0,0,0,0.1);--border-radius-md:8px;--border-radius-lg:16px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.6;font-size:16px}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}h1,h2,h3{font-family:var(--font-display);letter-spacing:1px}h1{font-size:clamp(3rem,10vw,5.5rem);color:var(--color-white);text-shadow:3px 3px 0 rgba(0,0,0,0.2)}h2{font-size:clamp(2rem,7vw,3rem);text-align:center;margin-bottom:2rem}h3{font-size:1.5rem;margin-bottom:.5rem}p{margin-bottom:1rem}a{color:var(--color-primary);text-decoration:none}.section{padding:4rem 0}.btn{display:inline-block;padding:1rem 2.5rem;border-radius:var(--border-radius-md);font-weight:700;text-align:center;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer;border:none;font-size:1.1rem}.btn--primary{background-color:var(--color-primary);color:var(--color-white);box-shadow:0 4px 0 #c70060}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 #c70060}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-subtle);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-medium)}.header{position:fixed;top:0;left:0;width:100%;padding:1rem 0;z-index:1000;transition:background-color .3s ease}.header--scrolled{background-color:rgba(255,255,255,0.8);backdrop-filter:blur(10px);box-shadow:var(--shadow-subtle)}.header .container{display:flex;justify-content:space-between;align-items:center}.header__logo{font-family:var(--font-display);font-size:2rem;color:var(--color-text)}.header__nav a{margin-left:1.5rem;font-weight:700;color:var(--color-text)}.header__nav-toggle{display:none;font-size:1.5rem;cursor:pointer;background:none;border:none}.hero{padding:10rem 0 6rem;text-align:center;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));animation:gradient-animation 10s ease infinite;background-size:200% 200%;color:var(--color-white)}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.hero__subtitle{font-size:1.5rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.kpi-ribbon{background-color:var(--color-text);color:var(--color-white);padding:1rem 0;text-align:center}.kpi-ribbon__grid{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:1rem}.kpi-ribbon__item{display:flex;align-items:center;gap:.5rem;font-weight:700}.toc{background-color:#e9ecef;border-radius:var(--border-radius-md);margin:2rem auto}.toc details{padding:1rem}.toc summary{font-weight:bold;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.toc summary::after{content:'▼';transition:transform .2s}.toc details[open] summary::after{transform:rotate(180deg)}.toc ul{list-style:none;margin-top:1rem}.toc ul li a{display:block;padding:.5rem;border-radius:var(--border-radius-md);transition:background-color .2s}.toc ul li a:hover{background-color:#dee2e6}.what-is-it__content{max-width:800px;margin:0 auto 3rem;text-align:center}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.gallery img{width:100%;height:auto;border-radius:var(--border-radius-lg);cursor:pointer;box-shadow:var(--shadow-medium)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-card{text-align:center}.feature-card__icon{font-size:3rem;color:var(--color-primary);margin-bottom:1rem}.how-to__steps{display:flex;justify-content:space-between;gap:2rem;text-align:center}.how-to__step{flex:1}.how-to__step h3{position:relative;display:inline-block;padding-bottom:.5rem;margin-bottom:1rem}.how-to__step h3::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:50px;height:3px;background-color:var(--color-primary)}.testimonials__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.testimonial-card__rating{color:#f9ca24;margin-bottom:1rem}.testimonial-card__attribution{font-weight:bold;text-align:right}.comparison__grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.comparison__list ul{list-style:none}.comparison__list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.comparison__list .icon{font-size:1.2rem}.comparison__list--pros .icon{color:#2ecc71}.comparison__list--cons .icon{color:#e74c3c}.faq details{background-color:var(--color-white);border-radius:var(--border-radius-md);padding:1.5rem;margin-bottom:1rem;box-shadow:var(--shadow-subtle)}.faq summary{font-weight:700;cursor:pointer}.faq p{margin-top:1rem}.conclusion{text-align:center;background-color:var(--color-text);color:var(--color-white);padding:4rem 1.5rem;border-radius:var(--border-radius-lg)}.conclusion h2{color:var(--color-white)}.footer{background-color:#e9ecef;padding:2rem 0;text-align:center;font-size:.9rem}.footer__links a{margin:0 .5rem;cursor:pointer}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.7);animation:fadeIn .3s}.modal--visible{display:flex;justify-content:center;align-items:center}.modal-content{background-color:var(--color-white);margin:auto;padding:2rem;border-radius:var(--border-radius-lg);max-width:600px;width:90%;position:relative;animation:slideIn .3s}.modal-close{position:absolute;top:1rem;right:1.5rem;color:#aaa;font-size:2rem;font-weight:bold;cursor:pointer}.lightbox-modal .modal-content{background:transparent;width:auto;max-width:90vw;padding:0}.lightbox-modal img{max-width:100%;max-height:85vh;border-radius:var(--border-radius-lg)}.back-to-top{position:fixed;bottom:20px;right:20px;background-color:var(--color-primary);color:var(--color-text);width:50px;height:50px;border-radius:50%;display:none;justify-content:center;align-items:center;font-size:1.5rem;cursor:pointer;z-index:999;box-shadow:var(--shadow-medium)}.back-to-top--visible{display:flex}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideIn{from{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.header__nav{display:none}.header__nav-toggle{display:block}.how-to__steps,.comparison__grid{flex-direction:column}.comparison__grid{gap:3rem}}