:root{--color-primary: #2D5A27;--color-secondary: #4CAF50;--color-accent: #FF6B35;--color-text: #2C2C2C;--color-background: #F8F9FA;--color-white: #FFFFFF;--color-gray-100: #F8F9FA;--color-gray-200: #E9ECEF;--color-gray-300: #DEE2E6;--color-gray-600: #6C757D;--color-gray-800: #495057;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-h1: 3rem;--font-size-h1-mobile: 2.5rem;--font-size-h2: 2.5rem;--font-size-h2-mobile: 2rem;--font-size-body: 1.125rem;--font-size-body-mobile: 1rem;--line-height-heading: 1.2;--line-height-body: 1.6;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--border-radius: 8px;--border-radius-lg: 12px;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--transition: all .2s ease;--container-max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-body-mobile);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-background)}@media (min-width: 768px){body{font-size:var(--font-size-body)}}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-heading);font-weight:700;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-h1-mobile)}h2{font-size:var(--font-size-h2-mobile)}@media (min-width: 768px){h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}}p{margin-bottom:var(--spacing-md)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-xl)}}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius);font-weight:600;text-decoration:none;text-align:center;cursor:pointer;border:none;transition:var(--transition);font-size:1rem}.btn--primary{background:var(--color-secondary);color:var(--color-white)}.btn--primary:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn--secondary{background:transparent;border:2px solid var(--color-secondary);color:var(--color-secondary);padding:14px 30px}.btn--secondary:hover{background:var(--color-secondary);color:var(--color-white)}.btn--text{background:transparent;color:var(--color-secondary);padding:var(--spacing-sm) 0;text-decoration:underline}.btn--large{padding:20px 40px;font-size:1.125rem}.header{background:var(--color-white);box-shadow:var(--shadow);position:fixed;top:0;left:0;right:0;z-index:1000}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-md);min-height:70px}.nav__logo{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.nav__menu{display:flex;align-items:center;gap:var(--spacing-xl)}.nav__list{display:flex;list-style:none;gap:var(--spacing-lg);margin:0}.nav__link{color:var(--color-text);text-decoration:none;font-weight:500;transition:var(--transition)}.nav__link:hover{color:var(--color-secondary)}.nav__cta{margin-left:var(--spacing-md)}.nav__toggle{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav__toggle span{width:25px;height:3px;background:var(--color-text);transition:var(--transition)}@media (max-width: 767px){.nav__menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--color-white);flex-direction:column;justify-content:flex-start;padding:var(--spacing-2xl) var(--spacing-md);transition:var(--transition);box-shadow:var(--shadow)}.nav__menu.active{left:0}.nav__list{flex-direction:column;gap:var(--spacing-xl);width:100%}.nav__link{font-size:1.125rem}.nav__cta{margin-left:0;margin-top:var(--spacing-xl);width:100%}.nav__toggle{display:flex}.nav__toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}}.hero{background:linear-gradient(135deg,#f0f8f0 0%,var(--color-white) 100%);padding:calc(70px + var(--spacing-3xl)) 0 var(--spacing-3xl);min-height:100vh;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl);align-items:center}@media (min-width: 1024px){.hero .container{grid-template-columns:1fr 1fr}}.hero__content{text-align:center}@media (min-width: 1024px){.hero__content{text-align:left}}.hero__title{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.hero__subtitle{font-size:1.25rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xl)}.hero__cta{margin-bottom:var(--spacing-lg)}.mockup{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;max-width:400px;margin:0 auto}.mockup__header{background:var(--color-gray-100);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.mockup__dots{display:flex;gap:var(--spacing-xs)}.mockup__dots span{width:12px;height:12px;border-radius:50%;background:var(--color-gray-300)}.mockup__title{font-weight:600;color:var(--color-text)}.mockup__content{padding:var(--spacing-lg)}.mockup__stat{text-align:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-gray-100);border-radius:var(--border-radius)}.mockup__stat-value{font-size:2rem;font-weight:700;color:var(--color-primary)}.mockup__stat-label{color:var(--color-gray-600);font-size:.875rem}.mockup__subscription{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-sm);background:var(--color-gray-100)}.mockup__sub-icon{width:40px;height:40px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--color-white);font-weight:600;font-size:.75rem}.mockup__sub-icon.netflix{background:#e50914}.mockup__sub-icon.spotify{background:#1db954}.mockup__sub-icon.adobe{background:red}.mockup__sub-icon:before{content:attr(class)}.mockup__sub-icon.netflix:before{content:"N"}.mockup__sub-icon.spotify:before{content:"S"}.mockup__sub-icon.adobe:before{content:"A"}.mockup__sub-info{flex:1}.mockup__sub-name{font-weight:600;margin-bottom:2px}.mockup__sub-price{font-size:.875rem;color:var(--color-gray-600)}.mockup__sub-status{font-size:.75rem;padding:4px 8px;border-radius:4px;font-weight:600}.mockup__sub-status.active{background:#d4edda;color:#155724}.mockup__sub-status.warning{background:#fff3cd;color:#856404}.problem{background:var(--color-text);color:var(--color-white);padding:var(--spacing-3xl) 0;text-align:center}.problem__title{color:var(--color-white);margin-bottom:var(--spacing-lg)}.problem__text{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.9}.problem__keywords{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.keyword{background:#ffffff1a;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);font-weight:500}.how-it-works{padding:var(--spacing-3xl) 0;text-align:center}.section__title{text-align:center;margin-bottom:var(--spacing-3xl);color:var(--color-primary)}.steps{display:grid;grid-template-columns:1fr;gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}@media (min-width: 768px){.steps{grid-template-columns:repeat(3,1fr)}}.step{text-align:center}.step__icon{color:var(--color-secondary);margin-bottom:var(--spacing-lg)}.step__title{margin-bottom:var(--spacing-md);color:var(--color-primary)}.step__text{color:var(--color-gray-600)}.benefits{background:var(--color-white);padding:var(--spacing-3xl) 0}.benefits__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 768px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}.benefit{padding:var(--spacing-xl);border-radius:var(--border-radius-lg);background:var(--color-gray-100);text-align:center}@media (min-width: 768px){.benefit{text-align:left}}.benefit__title{color:var(--color-primary);margin-bottom:var(--spacing-md)}.benefit__text{color:var(--color-gray-600);margin-bottom:0}.features{padding:var(--spacing-3xl) 0}.features__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media (min-width: 768px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features__grid{grid-template-columns:repeat(3,1fr)}}.feature{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature__icon{font-size:2.5rem;margin-bottom:var(--spacing-lg)}.feature__title{color:var(--color-primary);margin-bottom:var(--spacing-md)}.feature__text{color:var(--color-gray-600);margin-bottom:0}.pricing{background:var(--color-white);padding:var(--spacing-3xl) 0}.pricing__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.pricing__grid{grid-template-columns:repeat(2,1fr);max-width:800px;margin-left:auto;margin-right:auto}}.pricing__card{background:var(--color-gray-100);padding:var(--spacing-xl);border-radius:var(--border-radius-lg);text-align:center;position:relative;border:2px solid transparent;transition:var(--transition)}.pricing__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing__card--featured{background:var(--color-white);border-color:var(--color-secondary);box-shadow:var(--shadow-lg)}.pricing__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius);font-size:.875rem;font-weight:600}.pricing__title{color:var(--color-primary);margin-bottom:var(--spacing-md)}.pricing__price{font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.pricing__price span{font-size:1rem;color:var(--color-gray-600)}.pricing__annual{color:var(--color-gray-600);font-size:.875rem;margin-bottom:var(--spacing-lg)}.pricing__features{list-style:none;margin-bottom:var(--spacing-xl)}.pricing__features li{padding:var(--spacing-sm) 0;color:var(--color-gray-600);position:relative;padding-left:var(--spacing-lg)}.pricing__features li:before{content:"✓";position:absolute;left:0;color:var(--color-secondary);font-weight:600}.pricing__cta{width:100%}.pricing__compare{text-align:center}.faq{padding:var(--spacing-3xl) 0}.faq__list{max-width:800px;margin:0 auto}.faq__item{border-bottom:1px solid var(--color-gray-200)}.faq__question{width:100%;padding:var(--spacing-lg) 0;background:none;border:none;text-align:left;font-size:1.125rem;font-weight:600;color:var(--color-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}.faq__question:hover{color:var(--color-secondary)}.faq__icon{font-size:1.5rem;transition:var(--transition)}.faq__item.active .faq__icon{transform:rotate(45deg)}.faq__answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq__item.active .faq__answer{max-height:200px}.faq__answer p{padding-bottom:var(--spacing-lg);color:var(--color-gray-600);margin-bottom:0}.final-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-white);padding:var(--spacing-3xl) 0;text-align:center}.final-cta__title{color:var(--color-white);margin-bottom:var(--spacing-lg)}.final-cta__text{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.9}.final-cta__button{background:var(--color-white);color:var(--color-primary)}.final-cta__button:hover{background:var(--color-gray-100);transform:translateY(-2px)}.footer{background:var(--color-text);color:var(--color-white);padding:var(--spacing-3xl) 0 var(--spacing-lg)}.footer__content{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.footer__content{grid-template-columns:1fr auto;align-items:center}}.footer__logo{font-size:1.5rem;font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-sm)}.footer__tagline{color:#ffffffb3;margin-bottom:0}.footer__links{display:flex;flex-wrap:wrap;gap:var(--spacing-lg)}.footer__link{color:#ffffffb3;text-decoration:none;transition:var(--transition)}.footer__link:hover{color:var(--color-white)}.footer__bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--spacing-lg);text-align:center}.footer__copyright{color:#ffffffb3;margin-bottom:0}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 767px){.hero{padding:calc(70px + var(--spacing-2xl)) 0 var(--spacing-2xl);min-height:auto}.section__title{margin-bottom:var(--spacing-2xl)}.steps{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.benefits__grid,.features__grid,.pricing__grid{gap:var(--spacing-lg)}}