@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3bDPCgTBvxL.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3bDPCgTBvxL.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#6366f1;--color-accent:#14b8a6;--color-bg:#0f172a;--color-text:#e2e8f0;--color-card:#1e293b;--color-border:rgba(255,255,255,0.05);--max-width:70ch}html{scroll-behavior:smooth}body{font-family:'Inter',sans-serif;margin:0;padding:0;line-height:1.6;background-color:var(--color-bg);color:var(--color-text)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.header{display:flex;justify-content:center;align-items:center;padding:2rem 0}.header__logo{font-size:1.8rem;font-weight:900;letter-spacing:-0.05em;background:linear-gradient(45deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero{position:relative;text-align:center;padding:8rem 0;overflow:hidden;border-radius:1.5rem;margin:2rem;background:linear-gradient(270deg,#1e293b,#0f172a,#1e293b);background-size:600% 600%;animation:AnimateGradient 25s ease infinite}.hero__content{position:relative;z-index:10}.hero__title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:900;margin-bottom:1rem;line-height:1.1;max-width:15ch;margin-left:auto;margin-right:auto}.hero__subtitle{font-size:clamp(1.2rem,2.5vw,1.5rem);max-width:70ch;margin-left:auto;margin-right:auto;opacity:.8;margin-bottom:2rem}.hero__cta{padding:1rem 3rem;background-image:linear-gradient(45deg,var(--color-primary),var(--color-accent));color:white;text-decoration:none;border-radius:9999px;font-weight:600;display:inline-block;box-shadow:0 10px 15px -3px rgba(99,102,241,0.5),0 4px 6px -2px rgba(99,102,241,0.5);transition:transform .2s,box-shadow .2s}.hero__cta:hover{transform:translateY(-5px);box-shadow:0 20px 25px -5px rgba(99,102,241,0.5),0 8px 10px -6px rgba(99,102,241,0.5)}.section{padding:4rem 0;text-align:center}.section__title{font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;margin-bottom:1rem}.section__subtitle{font-size:clamp(1rem,2vw,1.25rem);margin-bottom:3rem;max-width:70ch;margin-left:auto;margin-right:auto;opacity:.8}.text-block{max-width:70ch;margin:0 auto 2rem auto;font-size:1.125rem;line-height:1.7}.text-block p{margin-bottom:1rem}.product-showcase{display:grid;grid-template-columns:1fr;gap:2rem;margin:3rem auto;max-width:1000px;text-align:left}.showcase-item{background-color:var(--color-card);border:1px solid var(--color-border);padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.1)}.showcase-item--before{position:relative}.showcase-item--before::after{content:"Before";position:absolute;top:1rem;left:1rem;background-color:#ef4444;color:#fee2e2;padding:.25rem .75rem;border-radius:9999px;font-weight:600;font-size:.875rem}.showcase-item--after{position:relative}.showcase-item--after::after{content:"After";position:absolute;top:1rem;left:1rem;background-color:#10b981;color:#d1fae5;padding:.25rem .75rem;border-radius:9999px;font-weight:600;font-size:.875rem}.showcase__content{margin-top:2rem;padding:1.5rem;border-radius:.75rem;border:1px dashed var(--color-border);position:relative;overflow:hidden}.showcase__content--before{background-color:#1f2937}.showcase__content--after{background-color:#374151}.showcase__ads{background-color:#4b5563;height:60px;margin-bottom:1rem;border-radius:.5rem;text-align:center;display:flex;align-items:center;justify-content:center;color:#d1d5db}.showcase__paywall{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(15,23,42,0.9);backdrop-filter:blur(5px);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:white;font-weight:700;padding:1rem}.showcase__paywall h4{margin:0;font-size:1.5rem;color:var(--color-accent)}.showcase__paywall p{margin:.5rem 0 1.5rem 0;max-width:25ch;opacity:.8}.showcase__paywall-cta{padding:.5rem 1.5rem;background-color:var(--color-primary);color:white;text-decoration:none;border-radius:9999px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem;justify-content:center}.card{background-color:var(--color-card);padding:2rem;border-radius:1rem;text-align:center;border:1px solid var(--color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.1)}.card__icon{width:48px;height:48px;margin:0 auto 1rem auto;fill:var(--color-accent);stroke:var(--color-accent)}.card__title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.card__description{opacity:.7}.supported-websites{padding:4rem 0}.supported-websites__container{max-height:500px;overflow-y:auto;background-color:var(--color-card);border-radius:1rem;padding:2rem;border:1px solid var(--color-border);box-shadow:0 4px 6px -1px rgba(0,0,0,0.2),0 2px 4px -1px rgba(0,0,0,0.1);text-align:left}.supported-websites h4{font-size:1.25rem;font-weight:700;margin-top:1.5rem;margin-bottom:.5rem}.supported-websites ul{list-style-type:none;padding:0;margin-bottom:1rem}.supported-websites li{margin-bottom:.25rem}.supported-websites a{color:var(--color-accent);text-decoration:none;transition:color .2s}.supported-websites a:hover{color:var(--color-primary)}.footer{padding:2rem 0;text-align:center}.footer__social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1rem}.footer__social-links a{color:currentColor;width:24px;height:24px;transition:color .3s}.footer__social-links a:hover{color:var(--color-primary)}.footer__copyright{font-size:.875rem;opacity:.7}@keyframes AnimateGradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@media(min-width:768px){.product-showcase{grid-template-columns:repeat(2,1fr)}}