:root{--color-bg-primary:#0a0a0b;--color-bg-secondary:#111113;--color-bg-tertiary:#18181b;--color-bg-card:#1c1c1f;--color-bg-card-hover:#232326;--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-muted:#71717a;--color-accent:#22d3ee;--color-accent-glow:rgba(34, 211, 238, 0.15);--color-accent-subtle:rgba(34, 211, 238, 0.08);--color-border:rgba(255, 255, 255, 0.06);--color-border-hover:rgba(255, 255, 255, 0.12);--font-display:'Syne', sans-serif;--font-body:'Outfit', sans-serif;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--space-2xl:6rem;--space-3xl:10rem;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:400ms cubic-bezier(0.16, 1, 0.3, 1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}body.no-scroll{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2vw,1.5rem)}p{margin-bottom:1rem}p:last-child{margin-bottom:0}em{font-style:normal;color:var(--color-accent)}.text-gradient{background:linear-gradient(135deg,var(--color-accent) 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-secondary)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-md)}.section{padding:var(--space-3xl)0;position:relative}.section--reduced{padding:var(--space-2xl)0}.section__cta{text-align:center;margin-top:var(--space-xl)}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,2%) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,2%) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none}.bg-glow--accent{background:var(--color-accent);opacity:.08}.bg-glow--purple{background:#a78bfa;opacity:.06}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:var(--space-md)0;transition:var(--transition-base)}.nav--scrolled{background:rgba(10,10,11,.8);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.nav__links{display:flex;align-items:center;gap:var(--space-lg);list-style:none}.nav__link{font-size:.95rem;font-weight:500;color:var(--color-text-secondary);transition:var(--transition-fast);position:relative}.nav__link::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--color-accent);transition:var(--transition-base)}.nav__link:hover,.nav__link--active{color:var(--color-text-primary)}.nav__link:hover::after,.nav__link--active::after{width:100%}.nav__cta{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.75rem 1.5rem;background:var(--color-accent);color:var(--color-bg-primary);font-weight:600;font-size:.9rem;border-radius:var(--radius-md);transition:var(--transition-base)}.nav__cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--color-accent-glow)}.nav__toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:5px}.nav__toggle span{width:24px;height:2px;background:var(--color-text-primary);transition:var(--transition-fast)}.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(5px,-5px)}.mobile-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-bg-primary);z-index:999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--transition-base)}.mobile-menu--open{opacity:1;visibility:visible}.mobile-menu__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.mobile-menu__link{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--color-text-primary);transition:var(--transition-fast)}.mobile-menu__link:hover{color:var(--color-accent)}.mobile-menu__cta{margin-top:var(--space-md)}.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero__content{position:relative;z-index:1;max-width:900px}.hero__tag{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.5rem 1rem;background:var(--color-accent-subtle);border:1px solid rgba(34,211,238,.2);border-radius:100px;font-size:.85rem;font-weight:500;color:var(--color-accent);margin-bottom:var(--space-lg);animation:fadeInUp .6s ease forwards}.hero__tag::before{content:'';width:8px;height:8px;background:var(--color-accent);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero__title{margin-bottom:var(--space-md);animation:fadeInUp .6s ease .1s forwards;opacity:0}.hero__subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--color-text-secondary);max-width:600px;margin-bottom:var(--space-xl);animation:fadeInUp .6s ease .2s forwards;opacity:0}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);animation:fadeInUp .6s ease .3s forwards;opacity:0}.hero__glow{position:absolute;top:20%;right:-10%;width:800px;height:800px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-base)}.btn--primary{background:var(--color-accent);color:var(--color-bg-primary)}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px var(--color-accent-glow)}.btn--secondary{background:0 0;color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.btn__icon{width:20px;height:20px;transition:var(--transition-fast)}.btn:hover .btn__icon{transform:translateX(4px)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-xl)0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.stat{text-align:center;padding:var(--space-md)}.stat__number{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;color:var(--color-accent);line-height:1;margin-bottom:var(--space-xs)}.stat__label{font-size:.95rem;color:var(--color-text-secondary)}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-2xl)}.section-header__tag{display:inline-block;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-sm)}.section-header__title{margin-bottom:var(--space-md)}.section-header__desc{color:var(--color-text-secondary);font-size:1.1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-md)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition-base);position:relative;overflow:hidden}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:0;transition:var(--transition-base)}.card:hover{border-color:var(--color-border-hover);background:var(--color-bg-card-hover);transform:translateY(-4px)}.card:hover::before{opacity:1}.card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-md);color:var(--color-accent)}.card__icon svg{width:28px;height:28px}.card__title{font-size:1.25rem;margin-bottom:var(--space-sm)}.card__title a{transition:var(--transition-fast)}.card__title a:hover{color:var(--color-accent)}.card__desc{color:var(--color-text-secondary);font-size:.95rem}.card--article{padding:0;display:flex;flex-direction:column}.card--article .card__image{height:200px;overflow:hidden;border-radius:var(--radius-lg)var(--radius-lg)0 0}.card--article .card__image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.card--article:hover .card__image img{transform:scale(1.05)}.card--article .card__content{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.card__category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-sm)}.card__meta{margin-top:auto;padding-top:var(--space-sm);font-size:.85rem;color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-xs)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center;padding:var(--space-2xl)0}.feature:nth-child(even) .feature__content{order:2}.feature__content{max-width:500px}.feature__tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--color-accent);margin-bottom:var(--space-sm)}.feature__title{margin-bottom:var(--space-md)}.feature__desc{color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.feature__visual{position:relative;aspect-ratio:4/3;background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow:hidden;display:flex;align-items:center;justify-content:center}.feature__visual::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--color-accent-subtle) 0%,transparent 60%)}.pipeline-visual{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);position:relative;z-index:1}.pipeline-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:80px}.pipeline-step__icon{font-size:1.5rem}.pipeline-step__label{font-size:.75rem;font-weight:600;text-align:center;color:var(--color-text-primary)}.pipeline-step__label small{display:block;color:var(--color-text-muted);font-weight:400}.pipeline-arrow{color:var(--color-accent);font-size:1.5rem}.trust-badges{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);position:relative;z-index:1}.trust-badge{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md)}.trust-badge svg{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.trust-badge span{font-size:.9rem;font-weight:500}.cta-section{text-align:center;position:relative}.cta-box{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl)var(--space-xl);position:relative;overflow:hidden}.cta-box::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,var(--color-accent-subtle) 0%,transparent 50%);pointer-events:none}.cta-box__content{position:relative;z-index:1}.cta-box__title{margin-bottom:var(--space-sm)}.cta-box__desc{color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:500px;margin-left:auto;margin-right:auto}.footer{border-top:1px solid var(--color-border);padding:var(--space-2xl)0 var(--space-xl)}.footer__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:var(--space-xl);margin-bottom:var(--space-2xl)}.footer__brand{max-width:300px}.footer__logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:var(--space-sm)}.footer__tagline{color:var(--color-text-secondary);font-size:.95rem}.footer__nav-title{font-weight:600;font-size:.9rem;margin-bottom:var(--space-md);color:var(--color-text-primary)}.footer__nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer__nav-link{color:var(--color-text-secondary);font-size:.9rem;transition:var(--transition-fast)}.footer__nav-link:hover{color:var(--color-accent)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid var(--color-border);font-size:.85rem;color:var(--color-text-muted)}.footer__social{display:flex;gap:var(--space-sm)}.footer__social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:var(--transition-fast)}.footer__social-link:hover{background:var(--color-accent);color:var(--color-bg-primary)}.article{padding-top:120px}.article__header{max-width:800px;margin:0 auto var(--space-2xl);text-align:center}.article__category{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-sm)}.article__title{margin-bottom:var(--space-md)}.article__meta{color:var(--color-text-muted);font-size:.95rem}.article__content{max-width:800px;margin:0 auto}.article__content h2{margin-top:var(--space-xl);margin-bottom:var(--space-md)}.article__content h3{margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.article__content p{color:var(--color-text-secondary);margin-bottom:var(--space-md)}.article__content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.article__content a:hover{text-decoration:none}.article__content ul,.article__content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg);color:var(--color-text-secondary)}.article__content li{margin-bottom:var(--space-xs)}.article__content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-lg)0;color:var(--color-text-secondary);font-style:italic}.article__content code{background:var(--color-bg-tertiary);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em}.article__content pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;margin-bottom:var(--space-md)}.article__content pre code{background:0 0;padding:0}.list-page{padding-top:120px}.list-page__header{text-align:center;margin-bottom:var(--space-2xl)}.list-page__title{margin-bottom:var(--space-sm)}.list-page__desc{color:var(--color-text-secondary);max-width:600px;margin:0 auto}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.reveal{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal:nth-child(2){transition-delay:.1s}.reveal:nth-child(3){transition-delay:.2s}.reveal:nth-child(4){transition-delay:.3s}@media(max-width:1024px){.feature{grid-template-columns:1fr;gap:var(--space-xl)}.feature:nth-child(even) .feature__content{order:0}.feature__content{max-width:100%}.footer__grid{grid-template-columns:1fr 1fr}.pipeline-visual{flex-wrap:wrap;justify-content:center}}@media(max-width:768px){.nav__links,.nav__cta{display:none}.nav__toggle{display:flex}.hero__content{text-align:center}.hero__subtitle{margin-left:auto;margin-right:auto}.hero__actions{justify-content:center}.stats{grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr;gap:var(--space-lg)}.footer__bottom{flex-direction:column;gap:var(--space-md);text-align:center}.trust-badges{padding:var(--space-md)}}@media(max-width:480px){.stats{grid-template-columns:1fr}.hero__actions{flex-direction:column}.btn{width:100%}.pipeline-step{min-width:60px;padding:var(--space-sm)}.pipeline-step__icon{font-size:1.2rem}.pipeline-step__label{font-size:.65rem}.pipeline-arrow{font-size:1rem}}.affiliate-disclosure{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);font-size:.9rem;color:var(--color-text-secondary)}.affiliate-link{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-accent);font-weight:500}.affiliate-link::after{content:'↗';font-size:.8em}.product-comparison{overflow-x:auto;margin:var(--space-lg)0}.product-comparison table{width:100%;border-collapse:collapse;background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden}.product-comparison th,.product-comparison td{padding:var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.product-comparison th{background:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-primary)}.product-comparison td{color:var(--color-text-secondary)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin:var(--space-lg)0}.pros-cons__list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.pros-cons__title{font-weight:600;margin-bottom:var(--space-sm)}.pros-cons__list--pros .pros-cons__title{color:#22c55e}.pros-cons__list--cons .pros-cons__title{color:#ef4444}.pros-cons ul{list-style:none;padding:0}.pros-cons li{padding:var(--space-xs)0;padding-left:1.5em;position:relative;color:var(--color-text-secondary)}.pros-cons__list--pros li::before{content:'✓';position:absolute;left:0;color:#22c55e}.pros-cons__list--cons li::before{content:'✗';position:absolute;left:0;color:#ef4444}@media(max-width:600px){.pros-cons{grid-template-columns:1fr}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:1rem 2rem;background:var(--color-accent);color:var(--color-bg-primary);font-weight:600;border-radius:var(--radius-md);transition:var(--transition-base);margin:var(--space-md)0}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 40px var(--color-accent-glow)}.nav__logo{display:flex;align-items:center;gap:12px;text-decoration:none}.nav__logo-icon{width:36px;height:36px}.nav__logo-text{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text-primary)}.footer__logo{display:inline-block;margin-bottom:16px}.footer__logo-svg{height:32px;width:auto}.nav__logo-icon{width:32px;height:32px;flex-shrink:0}.nav__logo{display:flex;align-items:center;gap:10px;text-decoration:none;z-index:1001}.nav__logo-text{font-size:1.25rem}.nav{z-index:1000}.nav__inner{position:relative;z-index:1001}.hero{padding-top:120px}.hero__content{position:relative;z-index:1}.hero__glow{z-index:0}.nav__logo{display:flex;align-items:center;gap:8px;text-decoration:none}.nav__logo-icon{width:24px !important;height:24px !important;flex-shrink:0}.nav__logo-text{font-family:var(--font-display);font-size:1.4rem !important;font-weight:800;letter-spacing:-.03em;color:var(--color-text-primary)}.footer__logo-svg{height:28px !important;width:auto !important}.nav__logo-icon{width:32px !important;height:32px !important}.nav__logo-text{font-size:1.6rem !important;font-weight:800 !important;letter-spacing:-.02em !important}.footer__logo-svg{height:36px !important}.article__content a[href*=amazon],.article__content a[href*=amzn]{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#FF9900 0%,#E88B00 100%);color:#0a0a0b !important;padding:10px 20px;border-radius:var(--radius-md);text-decoration:none !important;font-weight:600;font-size:.95rem;transition:var(--transition-base);margin:4px 0}.article__content a[href*=amazon]:hover,.article__content a[href*=amzn]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,153,0,.3)}.article__content a[href*=amazon]::after,.article__content a[href*=amzn]::after{content:'→';font-size:1.1em}.article__content a[rel*=sponsored]{display:inline-flex;align-items:center;gap:6px;background:var(--color-accent);color:var(--color-bg-primary) !important;padding:10px 20px;border-radius:var(--radius-md);text-decoration:none !important;font-weight:600;font-size:.95rem;transition:var(--transition-base);margin:4px 0}.article__content a[rel*=sponsored]:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-accent-glow)}.article__content table a[href*=amazon],.article__content table a[href*=amzn],.article__content table a[rel*=sponsored]{padding:8px 16px;font-size:.85rem;white-space:nowrap}.article__content table{width:100%;border-collapse:collapse;margin:var(--space-lg)0;background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden}.article__content table th{background:var(--color-bg-tertiary);padding:var(--space-md);text-align:left;font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border)}.article__content table td{padding:var(--space-md);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.article__content table tr:last-child td{border-bottom:none}.article__content table tr:hover{background:var(--color-bg-card-hover)}h3.card__title{font-size:1rem !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3}