:root{--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--brand-800:#1e40af;--brand-900:#1e3a8a;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--shadow-card:0 20px 35px -12px #0000000d, 0 1px 2px #00000005;--shadow-soft:0 10px 30px -12px #00000014, 0 1px 2px #00000005}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--slate-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.navbar{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--slate-200);background:#ffffffd9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;max-width:1152px;height:72px;margin:0 auto;padding:0 2rem;display:flex}.logo{color:var(--slate-800);letter-spacing:-.02em;font-size:1.25rem;font-weight:800;text-decoration:none}.logo span{color:var(--brand-600)}.nav-links{align-items:center;gap:2rem;list-style:none;display:flex}.nav-links a{color:var(--slate-600);font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--brand-500)}.btn-primary{background:var(--slate-900);color:#fff;cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--brand-600);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb4d}.main-container{max-width:1152px;margin:0 auto;padding:0 2rem}.hero{text-align:center;padding:5rem 0 3rem}.hero h1{color:var(--slate-900);letter-spacing:-.03em;margin-bottom:1.25rem;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.1}.hero h1 .accent{color:var(--brand-500)}.hero p{color:var(--slate-500);max-width:580px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.url-input-wrapper{max-width:600px;margin:0 auto}.url-input-box{border:1.5px solid var(--slate-500);background:#fff;border-radius:1rem;align-items:center;gap:.5rem;padding:.375rem .375rem .375rem 1rem;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 4px 20px #0000000f}.url-input-box:focus-within{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b82f61a,0 4px 20px #0000000f}.url-input-box input{color:var(--slate-700);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:.5rem 0;font-family:inherit;font-size:.9375rem}.url-input-box input::placeholder{color:var(--slate-400)}.extract-btn{background:var(--slate-900);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:.75rem;align-items:center;gap:.375rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.9375rem;font-weight:600;transition:background .2s,box-shadow .2s,transform .15s;display:flex}.extract-btn:hover:not(:disabled){background:var(--brand-600);box-shadow:0 4px 12px #2563eb4d}.extract-btn:disabled{opacity:.7;cursor:not-allowed}.input-hint{color:var(--slate-400);text-align:left;margin-top:.5rem;padding-left:.25rem;font-size:.75rem}.trusted-by{border-top:1px solid var(--slate-100);border-bottom:1px solid var(--slate-100);margin:4rem 0;padding:1.75rem 0}.trusted-by p{text-align:center;text-transform:uppercase;letter-spacing:.1em;color:var(--slate-400);margin-bottom:1.5rem;font-size:.6875rem;font-weight:700}.trust-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:2.5rem;display:flex}.trust-item{letter-spacing:-.03em;text-transform:uppercase;color:var(--slate-400);opacity:.7;filter:grayscale(.95);font-size:1.125rem;font-weight:700;transition:all .2s}.trust-item:hover{opacity:1;filter:none;color:var(--slate-600)}.section-heading{text-align:center;margin:5rem 0 3rem}.section-heading h2{color:var(--slate-900);letter-spacing:-.025em;margin-bottom:1rem;font-size:clamp(1.875rem,3vw,2.5rem);font-weight:800}.accent-bar{background:var(--brand-500);border-radius:999px;width:3rem;height:3px;margin:0 auto}.steps-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:5rem;display:grid}.step-card{border:1px solid var(--slate-100);box-shadow:var(--shadow-card);background:#fff;border-radius:1.25rem;padding:1.75rem;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -12px #0000001a}.step-number{background:var(--brand-100);width:3rem;height:3rem;color:var(--brand-700);border-radius:.875rem;justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.25rem;font-weight:800;display:flex}.step-card h3{color:var(--slate-800);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.step-card p{color:var(--slate-500);font-size:.9375rem;line-height:1.65}.built-for-creators{background:var(--slate-50);border:1px solid var(--slate-100);text-align:center;border-radius:1.5rem;margin:4rem 0;padding:3rem}.built-for-creators h2{color:var(--slate-800);letter-spacing:-.02em;margin-bottom:1rem;font-size:1.75rem;font-weight:800}.built-for-creators p{color:var(--slate-500);max-width:640px;margin:0 auto;font-size:1.0625rem;line-height:1.7}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:2rem;margin:4rem 0;display:grid}.pillar-card{text-align:center;border:1px solid var(--slate-100);background:#fff;border-radius:1.25rem;padding:1.5rem;transition:box-shadow .2s}.pillar-card:hover{box-shadow:var(--shadow-soft)}.pillar-icon{background:var(--brand-50);border-radius:1rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin:0 auto 1rem;display:flex}.pillar-icon svg{width:1.625rem;height:1.625rem;color:var(--brand-600);stroke:var(--brand-600)}.pillar-card h3{color:var(--slate-800);margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.pillar-card p{color:var(--slate-500);font-size:.9375rem;line-height:1.6}.cta-section{background:linear-gradient(135deg, var(--slate-900) 0%, #1e3a5f 100%);text-align:center;border-radius:1.5rem;margin:4rem 0;padding:4rem 3rem}.cta-section h2{color:#fff;letter-spacing:-.025em;margin-bottom:.75rem;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800}.cta-section p{color:#ffffffb3;max-width:500px;margin:0 auto 2.5rem;font-size:1.0625rem;line-height:1.7}.cta-input-row{gap:.75rem;max-width:500px;margin:0 auto;display:flex}.cta-input-row input{color:var(--slate-800);background:#fffffff2;border:none;border-radius:.75rem;outline:none;flex:1;padding:.875rem 1.25rem;font-family:inherit;font-size:.9375rem}.cta-input-row input:focus{box-shadow:0 0 0 2px var(--brand-300)}.btn-white{color:var(--slate-900);cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:.75rem;padding:.875rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:background .2s,transform .15s}.btn-white:hover{background:var(--slate-100);transform:translateY(-1px)}.footer{border-top:1px solid var(--slate-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:2rem 0 2.5rem;display:flex}.footer-logo{color:var(--slate-700);font-size:.9375rem;font-weight:700}.footer-links{gap:1.5rem;list-style:none;display:flex}.footer-links a{color:var(--slate-600);font-size:.875rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--brand-600)}.footer-copy{color:var(--slate-600);font-size:.85rem}.toast{background:var(--slate-800);color:#fff;opacity:0;pointer-events:none;z-index:100;white-space:nowrap;border-radius:999px;padding:.625rem 1.25rem;font-size:.875rem;transition:opacity .3s,transform .3s;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)translateY(10px);box-shadow:0 8px 24px #0003}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.results-section{margin:3rem 0;animation:.4s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.results-title{color:var(--slate-800);font-size:1.25rem;font-weight:700}.results-meta{color:var(--slate-500);margin-top:.125rem;font-size:.875rem}.results-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.btn-select-all{background:var(--slate-100);color:var(--slate-700);border:1px solid var(--slate-200);cursor:pointer;border-radius:.625rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .2s}.btn-select-all:hover{background:var(--slate-200)}.btn-download-selected{background:var(--brand-600);color:#fff;cursor:pointer;border:none;border-radius:.625rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.btn-download-selected:hover:not(:disabled){background:var(--brand-700)}.btn-download-selected:disabled{opacity:.5;cursor:not-allowed}.btn-download-zip{background:var(--slate-900);color:#fff;cursor:pointer;border:none;border-radius:.625rem;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.8125rem;font-weight:600;transition:all .2s;display:flex}.btn-download-zip:hover:not(:disabled){background:var(--brand-800)}.btn-download-zip:disabled{opacity:.5;cursor:not-allowed}.filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.filter-btn{color:var(--slate-600);border:1px solid var(--slate-200);cursor:pointer;background:#fff;border-radius:999px;padding:.375rem .875rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .15s}.filter-btn:hover,.filter-btn.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.images-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;display:grid}.image-card{border:2px solid var(--slate-200);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:1rem;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.image-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.image-card.selected{border-color:var(--brand-500);box-shadow:0 0 0 3px #3b82f633}.image-card-thumb{aspect-ratio:1;object-fit:cover;background:var(--slate-100);width:100%;display:block}.image-card-thumb.svg-thumb{object-fit:contain;background:var(--slate-50);padding:.5rem}.image-card-info{border-top:1px solid var(--slate-100);padding:.625rem .75rem}.image-card-name{color:var(--slate-600);white-space:nowrap;text-overflow:ellipsis;font-family:DM Mono,monospace;font-size:.6875rem;overflow:hidden}.image-card-size{color:var(--slate-400);margin-top:.125rem;font-size:.625rem}.image-card-actions{opacity:0;gap:.375rem;transition:opacity .15s;display:flex;position:absolute;top:.5rem;right:.5rem}.image-card:hover .image-card-actions,.image-card.selected .image-card-actions{opacity:1}.card-action-btn{border:1px solid var(--slate-200);cursor:pointer;background:#fffffff2;border-radius:.5rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .15s;display:flex;box-shadow:0 2px 8px #0000001a}.card-action-btn:hover{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.card-action-btn svg{width:.875rem;height:.875rem}.check-badge{background:var(--brand-500);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;display:none;position:absolute;top:.5rem;left:.5rem}.image-card.selected .check-badge{display:flex}.loading-overlay{text-align:center;padding:4rem 2rem}.spinner{border:3px solid var(--slate-200);border-top-color:var(--brand-500);border-radius:50%;width:2.5rem;height:2.5rem;margin:0 auto 1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--slate-500);font-size:1rem}.error-box{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:.875rem;align-items:center;gap:.75rem;margin:2rem 0;padding:1.25rem 1.5rem;font-size:.9375rem;display:flex}.empty-state{text-align:center;color:var(--slate-400);padding:4rem 2rem}.empty-state svg{margin:0 auto 1rem}.lightbox-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{flex-direction:column;align-items:center;gap:1rem;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:.75rem;max-width:85vw;max-height:78vh;box-shadow:0 32px 64px #00000080}.lightbox-actions{gap:.75rem;display:flex}.lightbox-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;border-radius:.625rem;align-items:center;gap:.375rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .2s;display:flex}.lightbox-btn:hover{background:#fff3}.lightbox-close{cursor:pointer;color:#fff;background:#ffffff26;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:1.25rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:-1rem;right:-1rem}.lightbox-close:hover{background:#ffffff40}.lightbox-label{color:#fff9;margin-top:-.5rem;font-family:DM Mono,monospace;font-size:.75rem}.mobile-menu-btn{cursor:pointer;color:var(--slate-600);background:0 0;border:none;border-radius:.5rem;padding:.5rem;transition:background .2s;display:none}.mobile-menu-btn:hover{background:var(--slate-100)}.mobile-menu{border-top:1px solid var(--slate-200);background:#fff;flex-direction:column;gap:.5rem;padding:1rem 2rem;display:none}.mobile-menu a{color:var(--slate-600);border-bottom:1px solid var(--slate-100);padding:.625rem 0;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .2s}.mobile-menu a:hover{color:var(--brand-500)}.policy-page{max-width:760px;margin:0 auto;padding:4rem 2rem}.policy-page h1{color:var(--slate-900);letter-spacing:-.025em;margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.policy-page .last-updated{color:var(--slate-400);border-bottom:1px solid var(--slate-200);margin-bottom:3rem;padding-bottom:1.5rem;font-size:.875rem}.policy-page h2{color:var(--slate-800);margin:2.5rem 0 .75rem;font-size:1.25rem;font-weight:700}.policy-page p{color:var(--slate-600);margin-bottom:1rem;line-height:1.75}.policy-page ul{margin-bottom:1rem;padding-left:1.5rem;list-style:outside}.policy-page ul li{color:var(--slate-600);margin-bottom:.375rem;line-height:1.75}.policy-page a{color:var(--brand-600);text-underline-offset:2px;text-decoration:underline}@media (max-width:768px){.navbar-inner{height:60px;padding:0 1.25rem}.nav-links,.navbar .btn-primary{display:none}.mobile-menu-btn{display:block}.main-container{padding:0 1.25rem}.hero{padding:3rem 0 2rem}.steps-grid,.pillars-grid{grid-template-columns:1fr;gap:1.25rem}.cta-input-row{flex-direction:column}.results-header{flex-direction:column;align-items:flex-start}.footer{text-align:center;flex-direction:column;gap:1.25rem}.images-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.cta-section{padding:2.5rem 1.5rem}.built-for-creators{padding:2rem 1.5rem}}@media (max-width:480px){.url-input-box{flex-direction:column;gap:.75rem;padding:.75rem}.url-input-box input{padding:0}.extract-btn{justify-content:center;width:100%}}