@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;700&family=Outfit:wght@500;600;700;800&display=swap";:root{--bg-page:#0b121e;--bg-surface:#131b28;--bg-surface-variant:#1c2635;--text-primary:#f8f9fa;--text-secondary:#b0bac5;--accent:#6db1b5;--accent-glow:#6db1b566;--accent-hover:#8ac8cc;--error:#e57373;--border:#2a3544;--space-xs:.75rem;--space-sm:1.25rem;--space-md:2rem;--space-lg:3.5rem;--space-xl:8rem;--font-sans:"JetBrains Mono", "SF Mono", monospace;--font-heading:"JetBrains Mono", "SF Mono", monospace;--font-mono:"JetBrains Mono", "SF Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#10b9810d 0,#0000 50%),radial-gradient(at 100% 100%,#3b82f60d 0,#0000 50%);line-height:1.8;overflow-x:hidden}@media (width<=768px){body{padding-bottom:80px}}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto;display:block}ul{list-style:none}.container{width:100%;max-width:1280px;padding:0 var(--space-md);margin:0 auto}.section{padding:4rem 0}.grid{gap:var(--space-lg);display:grid}@media (width>=768px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.section{padding:4rem 0}.grid-2,.grid-3{grid-template-columns:1fr}.text-center-mobile{text-align:center}}.text-center{text-align:center}.text-secondary{color:var(--text-secondary)}.font-mono{font-family:var(--font-mono)}.btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:transform .1s,background-color .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--accent);color:var(--bg-page);position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:20%;height:200%;animation:4s infinite shimmer;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}@keyframes shimmer{0%{left:-60%}30%{left:140%}to{left:140%}}.btn-primary:hover,.btn-hero-primary:hover{background-color:var(--accent-hover);color:var(--bg-page)}.btn-hero-primary{background:var(--accent);color:var(--bg-page);position:relative;overflow:hidden}.btn-hero-primary:after{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:20%;height:200%;animation:4s infinite shimmer;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background-color:#0000}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.blob{background:var(--accent-glow);filter:blur(120px);z-index:-2;opacity:.15;pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute}.blob-1{top:-100px;right:-100px}.blob-2{opacity:.1;background:#3b82f6;bottom:-200px;left:-200px}.reveal{opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.hero-v2{text-align:center;padding:120px 0 80px;position:relative;overflow:hidden}.hero-glow{z-index:-1;pointer-events:none;background:radial-gradient(circle,#10b9811a 0%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-top{max-width:800px;margin-bottom:5rem}.hero-badge{margin-bottom:2rem}.hero-headline{letter-spacing:-.05em;margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem);line-height:1.05}.headline-accent{color:var(--accent);display:block}.hero-sub{color:var(--text-secondary);max-width:600px;margin:0 auto 3rem;font-size:1.25rem;line-height:1.6}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.btn-hero-primary{background:var(--accent);color:var(--bg-page);box-shadow:0 20px 40px var(--accent-glow);border-radius:4rem;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-weight:700;transition:transform .2s,filter .2s;display:flex}.btn-hero-primary:hover{filter:brightness(1.1);transform:translateY(-2px)}.btn-hero-ghost{border:1px solid var(--border);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:4rem;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;font-weight:600;transition:background .2s;display:flex}.btn-hero-ghost:hover{background:#ffffff0d}.hero-mockup-wrap{max-width:1000px;margin-top:4rem;position:relative}.mockup-phone-wrap{z-index:2;width:280px;margin:0 auto;position:relative}.mockup-phone{border:1px solid var(--border);border-radius:2.5rem;width:100%;box-shadow:0 50px 100px -20px #000c}.float-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);z-index:3;text-align:left;background:#0f172acc;border-radius:1rem;min-width:240px;padding:1rem 1.5rem;position:absolute;box-shadow:0 20px 40px #0006}.float-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.1em;margin-bottom:.5rem;font-size:.7rem;font-weight:800}.float-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.float-mono{font-family:var(--font-mono);font-size:.85rem}.float-sep{opacity:.3}.float-removed{color:var(--accent);font-size:.85rem;font-weight:700}.float-danger{color:var(--error)}.float-left-top{top:10%;left:0;transform:translate(-20%)}.float-right-top{top:15%;right:0;transform:translate(20%)}.float-left-bottom{bottom:20%;left:5%;transform:translate(-30%)}.float-right-bottom{bottom:15%;right:5%;transform:translate(30%)}@media (width<=1024px){.float-card{display:none}}.section-label{color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:1.5rem;font-size:.8rem;font-weight:800;display:block}.section-heading{text-align:center;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem)}.section-heading-left{text-align:left;margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem)}.section-sub{color:var(--text-secondary);text-align:center;max-width:600px;margin:0 auto;font-size:1.125rem}.pro-card{border:1px solid var(--accent);background:linear-gradient(145deg,#1e293b66,#0f172a99);border-radius:2rem;padding:3rem;box-shadow:0 0 50px #10b9810d}.pro-features{gap:2rem;display:grid}.pro-features li{align-items:flex-start;gap:1.25rem;display:flex}.pro-features li strong{margin-bottom:.25rem;font-size:1.1rem;display:block}.pro-features li span{color:var(--text-secondary);font-size:.95rem}.faq-item{border:1px solid var(--border);background:#ffffff05;border-radius:1rem;margin-bottom:1rem;padding:0;transition:border-color .3s;overflow:hidden}.faq-item:hover{border-color:var(--accent)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"→";color:var(--accent);transition:transform .3s}.faq-content{color:var(--text-secondary);padding:0 2rem 2rem;line-height:1.8}.cta-section{text-align:center}.cta-block{border:1px solid var(--border);padding:4rem var(--space-md);background:linear-gradient(145deg,#10b9810d,#0000);border-radius:4rem}.cta-headline{margin-bottom:1.5rem;font-size:clamp(2.5rem,8vw,4.5rem)}.cta-sub{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.25rem}.mobile-sticky-cta{width:100%;padding:1rem var(--space-md);background:linear-gradient(to top, var(--bg-page) 80%, transparent);z-index:1000;display:none;position:fixed;bottom:0;left:0}@media (width<=768px){.mobile-sticky-cta{display:block}}.hero{align-items:center;min-height:auto;padding-top:140px;padding-bottom:60px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:-1;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{max-width:600px}.hero h1{margin-bottom:var(--space-sm);background:linear-gradient(to bottom right,#fff 50%,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:clamp(2.25rem,6vw,3.5rem);line-height:1.1}.hero p{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:1.25rem}.hero-actions{gap:var(--space-md);flex-wrap:wrap;display:flex}.table-wrapper{border:1px solid var(--border);border-radius:.75rem;overflow-x:auto}table{border-collapse:collapse;background-color:var(--bg-surface);width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:1rem}th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:#ffffff08;font-size:.75rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;display:inline-flex}.status-removed{color:var(--error);background-color:#ef44441a}.status-safe{color:var(--accent);background-color:#10b9811a}.faq-list{max-width:800px;margin:0 auto}.faq-item{margin-bottom:var(--space-md);border-bottom:1px solid var(--border);padding-bottom:var(--space-md)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;font-weight:600;list-style:none;display:flex}.faq-item summary:after{content:"+";color:var(--accent);font-size:1.5rem;transition:transform .3s}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-content{padding-top:var(--space-sm);color:var(--text-secondary)}footer{border-top:1px solid var(--border);padding:var(--space-xl) 0 var(--space-lg);margin-top:var(--space-xl)}.footer-grid{gap:var(--space-lg);display:grid}@media (width>=768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-brand h2{margin-bottom:var(--space-sm);color:var(--accent)}.footer-links h4{margin-bottom:var(--space-md);color:var(--text-primary)}.footer-links ul li{margin-bottom:var(--space-xs)}.footer-links a{color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--accent)}.trust-banner{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-sm) 0;margin-top:var(--space-xl);background:#10b98108}.trust-banner ul{justify-content:center;gap:var(--space-lg);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;flex-wrap:wrap;font-size:.875rem;font-weight:600;display:flex}.trust-banner li{align-items:center;gap:.5rem;display:flex}.trust-banner li svg{color:var(--accent)}.footer-bottom{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-md);color:var(--text-secondary);flex-wrap:wrap;font-size:.875rem;display:flex}.privacy-badge{border:1px solid var(--accent);color:var(--accent);background-color:#10b9811a;border-radius:2rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}@media (width<=768px){.hero{text-align:center;min-height:auto;padding-top:120px}.hero-content{flex-direction:column;order:1;align-items:center;display:flex}.hero img{margin-bottom:var(--space-lg);order:0;max-height:400px!important}.hero-actions{justify-content:center;width:100%}.hero h1{font-size:3rem}}#main-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #0000}#main-nav.scrolled{border-bottom-color:var(--border);background:#0b0f1acc}.nav-logo{color:var(--text-primary);letter-spacing:-.05em;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:800;display:flex}#mobile-menu{-webkit-backdrop-filter:blur(25px);z-index:9999;background:#0b121efa;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100dvh;padding:2rem;display:none;position:fixed;top:0;left:0}#mobile-menu.active{display:flex!important}.mobile-link{color:var(--text-primary);letter-spacing:-.05em;font-size:2.5rem;font-weight:800;text-decoration:none;transition:transform .3s,color .3s}.mobile-link:hover{color:var(--accent);transform:scale(1.05)}@media (width<=768px){#main-nav{border-radius:3rem!important;width:calc(100% - 1.5rem)!important;padding:.4rem 1.25rem!important;top:1rem!important}.nav-logo{gap:.5rem!important;font-size:.9rem!important}.nav-logo img{width:20px!important;height:20px!important}.desktop-menu{display:none!important}#menu-toggle{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex!important}.trust-banner ul{gap:var(--space-sm);font-size:.65rem}}.screenshot-gallery{gap:var(--space-md);padding:var(--space-md) var(--space-md) var(--space-lg);margin:0 calc(-1 * var(--space-md));scroll-snap-type:x mandatory;scrollbar-width:none;display:flex;overflow-x:auto}.screenshot-gallery img{border:1px solid var(--border);scroll-snap-align:center;border-radius:1.25rem;width:auto;height:400px;transition:transform .3s}@media (width<=768px){.screenshot-gallery img{height:300px}}.scrubber-container{width:100%;max-width:800px;margin:var(--space-xl) auto;border:1px solid var(--border);background:var(--bg-surface);-webkit-user-select:none;user-select:none;border-radius:2rem;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #00000080}.scrubber-layer{width:100%;height:100%;padding:var(--space-lg)}.scrubber-after{border-right:2px solid var(--accent);z-index:10;background:#111827;width:50%;position:absolute;top:0;left:0;overflow:hidden}.scrubber-content{width:800px;padding:var(--space-lg)}.scrubber-handle{background:var(--accent);z-index:20;width:40px;height:40px;box-shadow:0 0 20px var(--accent-glow);pointer-events:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scrubber-input{opacity:0;cursor:ew-resize;z-index:30;width:100%;height:100%;position:absolute;top:0;left:0}.metadata-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:.75rem 0;display:flex}.badge-exposed{color:#ef4444;font-weight:600;font-family:var(--font-mono)}.badge-removed{color:var(--accent);text-transform:uppercase;background:#10b9811a;border-radius:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.live-demo-card{max-width:600px;margin:var(--space-xl) auto;text-align:center;padding:var(--space-xl) var(--space-lg);border:1px dashed var(--accent);background:#10b98105;border-radius:2rem}.demo-input-group{gap:var(--space-sm);margin-top:var(--space-lg);display:flex}.demo-input{border:1px solid var(--border);color:#fff;font-family:var(--font-mono);background:#0000004d;border-radius:.75rem;outline:none;flex:1;padding:1rem 1.5rem;font-size:1rem;transition:border-color .3s}.demo-input:focus{border-color:var(--accent)}#demo-result{margin-top:var(--space-lg);font-family:var(--font-mono);justify-content:center;align-items:center;gap:.5rem;min-height:2rem;font-size:1.25rem;display:flex}.scrubbing-animation{animation:.1s infinite flicker}@keyframes flicker{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.card{-webkit-backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:2rem;flex-direction:column;padding:2.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.card:hover{border-color:var(--accent);box-shadow:0 20px 40px #0006, 0 0 20px var(--accent-glow);background:#ffffff0a;transform:translateY(-10px)}.card:before{content:"";background:radial-gradient(circle at top right, var(--accent-glow), transparent 70%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.card:hover:before{opacity:.2}.card-icon{width:48px;height:48px;color:var(--accent);background:#6db1b51a;border-radius:1rem;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.card h3{letter-spacing:-.02em;margin-bottom:1rem;font-size:1.5rem}.card p{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.card.coming-soon{opacity:.8}.card.coming-soon:hover{border-color:var(--border);box-shadow:none;transform:none}