*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.bg-gradient{background:radial-gradient(ellipse at 20% 20%,rgba(62,207,142,.08) 0,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(0,197,115,.05) 0,transparent 50%),#171717;z-index:-2}.bg-gradient,.bg-grid{position:fixed;inset:0;pointer-events:none}.bg-grid{background-image:linear-gradient(hsla(0,0%,100%,.03) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.03) 1px,transparent 0);background-size:60px 60px;z-index:-1;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 70%)}.spotlight{position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(62,207,142,.08) 0,transparent 70%);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:-1;filter:blur(40px)}.landing{font-family:DM Sans,sans-serif;color:#fff;-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden;position:relative;z-index:0}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(26,26,37,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid hsla(0,0%,100%,.08);padding:0 24px;height:72px;display:flex;align-items:center;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav.scrolled{background:rgba(17,17,26,.95);box-shadow:0 8px 32px rgba(0,0,0,.5)}.nav-logo{font-size:18px;font-weight:600;letter-spacing:-.5px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px}.nav-logo-icon{width:24px;height:24px;background:var(--supabase-green);border-radius:6px}.nav-logo span{color:var(--text-primary)}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{font-size:14px;font-weight:400;color:#a1a1aa;text-decoration:none;padding:10px 14px;border-radius:8px;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.05)}.nav-actions{display:flex;align-items:center;gap:10px}.btn-ghost{font-family:inherit;font-size:14px;font-weight:400;color:#a1a1aa;background:transparent;border:1px solid hsla(0,0%,100%,.08);padding:10px 18px;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-ghost:hover{color:#fff;border-color:rgba(139,92,246,.5);background:hsla(0,0%,100%,.05)}.btn-primary{font-family:inherit;font-size:14px;font-weight:500;color:var(--bg-secondary);background:var(--supabase-green);border:1px solid var(--green-border);padding:10px 22px;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.1)}.hero{padding:120px 24px 100px;max-width:1200px;margin:0 auto;text-align:center;position:relative}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15));border:1px solid hsla(0,0%,100%,.08);color:#a78bfa;font-size:13px;font-weight:500;padding:6px 16px;border-radius:9999px;margin-bottom:32px;letter-spacing:.2px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(139,92,246,.4)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#8b5cf6;box-shadow:0 0 10px rgba(139,92,246,.4)}.hero h1{font-size:clamp(40px,8vw,84px);font-weight:400;letter-spacing:-.04em;color:var(--text-primary);line-height:1;margin-bottom:24px}.hero h1 em{font-style:italic;color:var(--supabase-green);position:relative}.hero p{font-size:18px;font-weight:300;color:#a1a1aa;line-height:1.7;max-width:580px;margin:0 auto 48px}.shortener-wrapper{max-width:680px;margin:0 auto 20px;position:relative}.shortener-wrapper:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);border-radius:20px;opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:-1;filter:blur(8px)}.shortener-wrapper.focused:before{opacity:1}.shortener-box{background:rgba(26,26,37,.7);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:6px 6px 6px 20px;display:flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 24px -4px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.shortener-wrapper.focused .shortener-box{border-color:rgba(139,92,246,.5);box-shadow:0 4px 24px -4px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05),0 0 0 1px rgba(139,92,246,.5)}.shortener-input{flex:1 1;font-family:inherit;font-size:15px;font-weight:300;color:#fff;background:transparent;border:none;outline:none;min-width:0;padding:14px 4px}.shortener-input::placeholder{color:#71717a}.btn-shorten{font-family:inherit;font-size:14px;font-weight:600;color:var(--bg-secondary);background:var(--supabase-green);border:none;padding:14px 28px;border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:all .15s cubic-bezier(.4,0,.2,1);flex-shrink:0}.btn-shorten:hover{transform:translateY(-1px);filter:brightness(1.1)}.hero-note{font-size:13px;color:#71717a;font-weight:300;margin-top:16px}.hero-note a{color:#a78bfa;text-decoration:none;font-weight:400;transition:color .15s cubic-bezier(.4,0,.2,1)}.hero-note a:hover{color:#8b5cf6;text-decoration:underline}.result-box{max-width:680px;margin:16px auto 0;background:#1a1a25;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:16px 20px;display:flex;align-items:center;gap:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.result-short{font-family:DM Mono,monospace;font-size:16px;flex:1 1;background:hsla(0,0%,100%,.05);padding:8px 14px;border-radius:8px;word-break:break-all}.btn-copy,.result-short{font-weight:500;color:#fff;border:1px solid hsla(0,0%,100%,.08)}.btn-copy{font-family:inherit;font-size:13px;background:hsla(0,0%,100%,.1);padding:10px 18px;border-radius:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-copy:hover{background:#8b5cf6;border-color:#8b5cf6;transform:translateY(-1px)}.social-proof{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:72px;padding-top:48px;border-top:1px solid hsla(0,0%,100%,.08);flex-wrap:wrap}.proof-item{text-align:center;min-width:140px}.proof-value{font-size:28px;font-weight:400;letter-spacing:-1px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.proof-label{font-size:13px;color:#71717a;font-weight:300;margin-top:6px}.proof-sep{width:1px;height:48px;background:hsla(0,0%,100%,.08)}.section{padding:100px 24px;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:64px}.section-label{font-size:13px;font-weight:600;color:#a78bfa;letter-spacing:2px;text-transform:uppercase;margin-bottom:16px;display:inline-flex;align-items:center;gap:8px}.section-label:after,.section-label:before{content:"";flex:1 1;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.08),transparent)}.section-title{font-size:clamp(28px,4vw,44px);font-weight:300;letter-spacing:-1.5px;color:#fff;line-height:1.15}.section-sub{font-size:16px;font-weight:300;color:#a1a1aa;margin-top:14px;max-width:520px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.feature-card{background:rgba(26,26,37,.7);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:28px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.08),transparent 50%);opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.feature-card:hover{transform:translateY(-4px);border-color:rgba(139,92,246,.5);box-shadow:0 0 40px rgba(139,92,246,.25),0 4px 24px -4px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05)}.feature-card:hover:before{opacity:1}.feature-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,rgba(139,92,246,.15),rgba(59,130,246,.15));border:1px solid hsla(0,0%,100%,.08);display:flex;align-items:center;justify-content:center;margin-bottom:20px;position:relative}.feature-icon:after{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);border-radius:14px;opacity:0;transition:opacity .15s cubic-bezier(.4,0,.2,1);z-index:-1;filter:blur(4px)}.feature-card:hover .feature-icon:after{opacity:.5}.feature-icon svg{width:20px;height:20px;stroke:#a78bfa;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke .15s cubic-bezier(.4,0,.2,1)}.feature-card:hover .feature-icon svg{stroke:#fff}.feature-title{font-size:15px;font-weight:500;color:#fff;margin-bottom:10px;letter-spacing:-.3px}.feature-desc{font-size:14px;font-weight:300;color:#71717a;line-height:1.65}.analytics-preview{background:#11111a;border:1px solid hsla(0,0%,100%,.08);border-radius:28px;padding:48px;display:grid;grid-template-columns:1fr 1.2fr;grid-gap:40px;gap:40px;align-items:center;max-width:1100px;margin:0 auto 100px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 24px -4px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05);position:relative;overflow:hidden}.analytics-preview:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0,transparent 70%);border-radius:50%;filter:blur(40px);pointer-events:none}.preview-text{text-align:left}.preview-text .section-label{color:#a78bfa;justify-content:flex-start}.preview-text .section-label:before{display:none}.preview-text .section-title{color:#fff;font-size:32px;text-align:left}.preview-text .section-sub{color:#a1a1aa;font-size:15px;text-align:left;margin-left:0}.preview-features{display:flex;flex-direction:column;gap:14px;margin-top:28px}.preview-feat{display:flex;align-items:flex-start;gap:12px;font-size:14px;font-weight:300;color:#a1a1aa;line-height:1.5}.preview-feat:before{content:"✓";color:#10b981;flex-shrink:0;font-weight:600;font-size:16px;margin-top:1px}.preview-visual{background:#1a1a25;border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:24px;position:relative}.mini-metric{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.mini-value{font-size:36px;font-weight:400;letter-spacing:-2px;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mini-delta{font-size:12px;color:#10b981;background:rgba(16,185,129,.3);padding:4px 12px;border-radius:9999px;font-weight:500}.mini-bars{display:flex;align-items:flex-end;gap:6px;height:72px;margin-bottom:24px}.mini-bar{flex:1 1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#a78bfa,#8b5cf6);opacity:.7;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative}.mini-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:hsla(0,0%,100%,.4);border-radius:2px 2px 0 0}.mini-bar:hover{opacity:1;transform:scaleY(1.05);transform-origin:bottom}.mini-bar.peak{background:linear-gradient(180deg,#10b981,#059669);opacity:1;box-shadow:0 0 20px rgba(16,185,129,.3)}.mini-geo{margin-top:8px;display:flex;flex-direction:column;gap:12px}.mini-geo-item{display:flex;align-items:center;gap:12px;font-size:12px;color:#71717a}.mini-geo-item span:first-child{font-size:16px}.mini-geo-bar-wrap{flex:1 1;height:4px;background:hsla(0,0%,100%,.1);border-radius:9999px;overflow:hidden}.mini-geo-bar{height:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1 50%,#3b82f6);border-radius:9999px;position:relative}.mini-geo-bar:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:hsla(0,0%,100%,.4);border-radius:2px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;align-items:start}.pricing-card{background:rgba(26,26,37,.7);border:1px solid hsla(0,0%,100%,.08);border-radius:20px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.pricing-card.featured{background:linear-gradient(135deg,#11111a,#1a1a25);border:1px solid var(--supabase-green);transform:scale(1.04);z-index:10}.pricing-card.featured:hover{transform:scale(1.04) translateY(-4px)}.pricing-card:hover{transform:translateY(-4px);border-color:var(--supabase-green)}.featured-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--supabase-green);color:var(--bg-secondary);font-size:11px;font-weight:600;padding:5px 16px;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.5px}.plan-name{font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#71717a;margin-bottom:16px}.pricing-card.featured .plan-name{color:var(--supabase-green)}.plan-price{font-size:44px;font-weight:400;letter-spacing:-2px;color:#fff;line-height:1;margin-bottom:6px}.pricing-card.featured .plan-price{color:var(--supabase-green)}.plan-period{font-size:14px;color:#71717a;margin-bottom:24px;font-weight:300}.pricing-card.featured .plan-period{color:#a1a1aa}.plan-divider{height:1px;background:hsla(0,0%,100%,.08);margin-bottom:24px}.pricing-card.featured .plan-divider{background:linear-gradient(90deg,transparent,var(--supabase-green),transparent)}.plan-features{display:flex;flex-direction:column;gap:14px;margin-bottom:28px}.plan-feat{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:300;color:#a1a1aa}.pricing-card.featured .plan-feat{color:#fff}.plan-feat-dot{width:6px;height:6px;border-radius:50%;background:#10b981;flex-shrink:0;box-shadow:0 0 8px rgba(16,185,129,.3)}.pricing-card.featured .plan-feat-dot{background:var(--supabase-green)}.plan-feat.muted{color:#71717a;opacity:.6}.plan-feat.muted .plan-feat-dot{background:hsla(0,0%,100%,.08);box-shadow:none}.btn-plan{width:100%;font-family:inherit;font-size:14px;font-weight:500;padding:14px;border-radius:8px;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);border:1px solid hsla(0,0%,100%,.08);color:#fff;background:hsla(0,0%,100%,.05);text-decoration:none;display:block;text-align:center}.btn-plan:hover{background:hsla(0,0%,100%,.1);border-color:var(--supabase-green);transform:translateY(-1px)}.btn-plan.featured{background:var(--supabase-green);color:var(--bg-secondary);border-color:transparent}.btn-plan.featured:hover{transform:translateY(-2px);filter:brightness(1.1)}.faq-list{display:flex;flex-direction:column;gap:0;max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid hsla(0,0%,100%,.08)}.faq-q{width:100%;font-family:inherit;font-size:15px;font-weight:400;color:#fff;background:none;border:none;padding:22px 0;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:color .15s cubic-bezier(.4,0,.2,1)}.faq-q:hover{color:#a78bfa}.faq-icon{width:20px;height:20px;flex-shrink:0;stroke:#71717a;stroke-width:2;fill:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-icon{transform:rotate(45deg);stroke:#8b5cf6}.faq-a{font-size:14px;font-weight:300;color:#a1a1aa;line-height:1.7;padding-bottom:22px;display:none;animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.faq-item.open .faq-a{display:block}.cta-section{background:var(--bg-secondary);border-radius:28px;padding:72px 40px;text-align:center;max-width:1100px;margin:0 auto 100px;position:relative;overflow:hidden;border:1px solid var(--border-secondary);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.cta-section:before{top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(62,207,142,.08) 0,transparent 70%);filter:blur(60px)}.cta-section:after,.cta-section:before{content:"";position:absolute;pointer-events:none}.cta-section:after{bottom:-80px;right:-80px;width:320px;height:320px;background:radial-gradient(circle,rgba(62,207,142,.05) 0,transparent 70%);filter:blur(50px)}@keyframes float{0%,to{transform:translate(0)}50%{transform:translate(20px,20px)}}.cta-section h2{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;color:#fff;margin-bottom:16px}.cta-section h2,.cta-section p{font-weight:300;position:relative;z-index:1}.cta-section p{font-size:16px;color:#a1a1aa;margin-bottom:40px;max-width:480px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:14px;justify-content:center;position:relative;z-index:1;flex-wrap:wrap}.btn-cta-primary{font-family:inherit;font-size:15px;font-weight:500;color:var(--bg-secondary);background:var(--supabase-green);border:none;padding:14px 36px;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-cta-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-cta-ghost{font-family:inherit;font-size:15px;font-weight:400;color:#a1a1aa;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);padding:14px 36px;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.btn-cta-ghost:hover{color:#fff;background:hsla(0,0%,100%,.1);border-color:rgba(139,92,246,.5);transform:translateY(-1px)}footer{border-top:1px solid hsla(0,0%,100%,.08);padding:40px 24px;justify-content:space-between;max-width:1200px;margin:0 auto;flex-wrap:wrap;gap:20px}.footer-logo,footer{display:flex;align-items:center}.footer-logo{font-size:16px;font-weight:600;color:#fff;letter-spacing:-.4px;gap:8px}.footer-logo:before{content:"";width:20px;height:20px;background:var(--supabase-green);border-radius:5px;display:inline-block}.footer-logo span{color:var(--text-primary)}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-link{font-size:13px;color:#71717a;text-decoration:none;font-weight:300;transition:color .15s cubic-bezier(.4,0,.2,1)}.footer-link:hover{color:#a78bfa}.footer-copy{font-size:13px;color:#71717a;font-weight:300}.toast{position:fixed;bottom:32px;left:50%;transform:translateX(-50%) translateY(80px);background:#11111a;color:#fff;font-size:14px;font-weight:400;padding:14px 28px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.08);transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s cubic-bezier(.4,0,.2,1);z-index:200;white-space:nowrap;pointer-events:none;box-shadow:0 4px 24px -4px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.05),0 0 40px rgba(139,92,246,.25);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0}.toast.show{transform:translateX(-50%) translateY(0);opacity:1}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.active{opacity:1;transform:translateY(0)}@media (max-width:1100px){.features-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.analytics-preview{grid-template-columns:1fr;padding:40px 32px}.preview-visual{display:none}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-4px)}}@media (max-width:768px){.nav{padding:0 16px;height:68px}.nav-links{display:none}.hero{padding:90px 16px 70px}.hero h1{font-size:clamp(36px,8vw,56px);letter-spacing:-2px}.hero p{font-size:17px}.section{padding:72px 16px}.features-grid,.pricing-grid{grid-template-columns:1fr}.cta-section{margin:0 16px 72px;padding:56px 28px}footer{flex-direction:column;text-align:center;padding:32px 16px}.footer-links{justify-content:center}.social-proof{gap:24px}.proof-sep{display:none}}@media (max-width:480px){.shortener-box{flex-direction:column;padding:12px}.btn-shorten{width:100%;padding:14px}.cta-actions{flex-direction:column}.btn-cta-ghost,.btn-cta-primary{width:100%}}