@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;700&display=swap");:root{--sc-orange:#f50;--sc-orange-hover:#e64e00;--sc-orange-light:#fff2eb;--sc-orange-gradient:linear-gradient(135deg,#ff7a00,#f30);--dark-charcoal:#111;--dark-grey:#333;--zinc-100:#f4f4f5;--zinc-200:#e4e4e7;--zinc-300:#d4d4d8;--zinc-400:#a1a1aa;--zinc-500:#71717a;--zinc-600:#52525b;--zinc-750:#3f3f46;--border-color:rgba(255,85,0,.18);--border-color-hover:rgba(255,85,0,.35);--shadow-sm:0 4px 6px -1px rgba(255,85,0,.01),0 2px 4px -1px rgba(0,0,0,.02);--shadow-md:0 10px 15px -3px rgba(255,85,0,.03),0 4px 6px -2px rgba(255,85,0,.01);--shadow-lg:0 20px 25px -5px rgba(255,85,0,.06),0 10px 10px -5px rgba(255,85,0,.02);--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-title:"Space Grotesk",var(--font-sans)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%}body{font-family:var(--font-sans);background-color:#f9f9fb;color:var(--dark-charcoal);min-height:100%;overflow-x:hidden;line-height:1.65;display:flex;flex-direction:column}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:var(--zinc-300);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--zinc-400)}::selection{background-color:rgba(255,85,0,.1);color:var(--sc-orange)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.hidden{display:none!important}.scroll-mt{scroll-margin-top:5rem}.hero-bg-wrapper{position:absolute;top:0;left:0;right:0;height:600px;overflow:hidden;pointer-events:none;z-index:0}.hero-bg-grid{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,85,0,.02) 1px,transparent 0),linear-gradient(180deg,rgba(255,85,0,.02) 1px,transparent 0);background-size:24px 24px;mask-image:radial-gradient(ellipse 60% 50% at 50% 0,#000 70%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0,#000 70%,transparent 100%);opacity:.8}.glow-sphere{position:absolute;border-radius:50%;filter:blur(120px);pointer-events:none;animation:float-slow 20s ease-in-out infinite}.sphere-1{top:-10%;left:5%;width:450px;height:450px;background-color:rgba(255,85,0,.05);animation-delay:0s}.sphere-2{top:15%;right:5%;width:400px;height:400px;background-color:rgba(255,85,0,.03);animation-delay:-5s}@keyframes float-slow{0%,to{transform:translate(0) scale(1)}33%{transform:translate(40px,-60px) scale(1.08)}66%{transform:translate(-30px,30px) scale(.92)}}.main-header{position:relative;z-index:20;width:100%;background-color:transparent;padding-top:1rem}.header-container{justify-content:space-between;background-color:hsla(0,0%,100%,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:9999px;padding:.6rem 1rem;box-shadow:var(--shadow-sm)}.header-container,.logo-link{display:flex;align-items:center}.logo-link{gap:.5rem;text-decoration:none;cursor:pointer;flex-shrink:0}.logo-badge{width:2.2rem;height:2.2rem;border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;transition:transform .3s ease;overflow:hidden}.logo-link:hover .logo-badge{transform:rotate(12deg) scale(1.05)}.logo-icon{width:2.2rem;height:2.2rem;object-fit:contain}.logo-text{font-family:var(--font-title);font-size:1.15rem;font-weight:900;letter-spacing:-.03em;color:var(--dark-charcoal);transition:color .2s ease}.logo-link:hover .logo-text{color:var(--sc-orange)}.desktop-nav{display:flex;align-items:center;gap:.25rem;flex-grow:1;justify-content:center;padding:0 1rem}.nav-link{color:var(--zinc-600);font-size:.875rem;font-weight:500;text-decoration:none;padding:.4rem .8rem;border-radius:9999px;transition:var(--transition);white-space:nowrap}.nav-link:hover{color:var(--sc-orange);background-color:rgba(255,85,0,.04)}.nav-link.active{color:var(--sc-orange);background-color:var(--sc-orange-light)}.header-actions{gap:.5rem;flex-shrink:0}.header-actions,.lang-btn{display:flex;align-items:center}.lang-btn{gap:.3rem;padding:.4rem .7rem;background-color:#fafafa;border:1px solid var(--zinc-200);color:var(--zinc-600);font-size:.75rem;font-weight:700;border-radius:9999px;cursor:pointer;transition:var(--transition)}.lang-btn:hover{border-color:var(--zinc-300);color:var(--sc-orange);background-color:#f5f5f5}.lang-icon{width:.9rem;height:.9rem}.arrow-icon{width:.75rem;height:.75rem;margin-left:.1rem}.extension-btn{display:inline-block;padding:.45rem 1rem;background-color:var(--sc-orange);color:#fff;font-size:.75rem;font-weight:800;text-decoration:none;border-radius:9999px;box-shadow:0 2px 8px rgba(255,85,0,.15);transition:var(--transition)}.extension-btn:hover{background-color:var(--sc-orange-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,85,0,.25)}.extension-btn:active{transform:scale(.96)}.mobile-menu-btn{display:none;background:none;border:none;color:var(--zinc-600);padding:.35rem;border-radius:50%;cursor:pointer;transition:var(--transition)}.mobile-menu-btn:hover{background-color:var(--zinc-100);color:var(--sc-orange)}.mobile-nav-drawer{display:none;position:absolute;top:4.8rem;left:1.5rem;right:1.5rem;background-color:#fff;border:1px solid var(--border-color);border-radius:20px;padding:1rem;box-shadow:var(--shadow-lg);z-index:100;transform-origin:top center;animation:slideDown .2s ease-out forwards}.mobile-nav-drawer.open{display:block}.mobile-nav-links{display:flex;flex-direction:column;gap:.5rem}.mobile-nav-link{color:var(--dark-grey);font-size:.875rem;font-weight:500;text-decoration:none;padding:.6rem 1rem;border-radius:10px;transition:var(--transition);white-space:nowrap}.mobile-ext-link,.mobile-nav-link:hover{background-color:var(--sc-orange-light);color:var(--sc-orange)}.mobile-ext-link{text-align:center;margin-top:.5rem;border:1px dashed rgba(255,85,0,.3)}.main-content{flex-grow:1;width:100%}.hero-section,.main-content{position:relative;z-index:10}.hero-section{padding-top:3.5rem;padding-bottom:2rem}.hero-container{display:flex;flex-direction:column;align-items:center}.hero-title{font-family:var(--font-title);font-size:3.4rem;font-weight:800;letter-spacing:-.04em;line-height:1.2;background:linear-gradient(135deg,var(--dark-charcoal) 30%,#222 55%,var(--sc-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.2rem;max-width:950px}.hero-subtitle{color:var(--zinc-500);font-size:1.1rem;font-weight:400;max-width:580px;line-height:1.65;margin-bottom:2.2rem;letter-spacing:-.01em}.downloader-wrapper{width:100%;max-width:640px;margin:0 auto 1.5rem}.downloader-form{position:relative}.input-container-pill{display:flex;align-items:center;background-color:hsla(0,0%,100%,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,85,0,.2);border-radius:9999px;padding:.45rem .45rem .45rem 1.3rem;gap:.6rem;box-shadow:0 10px 30px -10px rgba(0,0,0,.03),var(--shadow-sm);transition:var(--transition)}.input-container-pill:hover{border-color:rgba(255,85,0,.3)}.input-container-pill:focus-within{border-color:var(--sc-orange);background-color:#fff;box-shadow:0 0 0 5px rgba(255,85,0,.12),0 20px 40px -15px rgba(255,85,0,.05)}.input-left-decor{display:flex;align-items:center;justify-content:center;flex-shrink:0}.music-icon{width:1.2rem;height:1.2rem;color:var(--zinc-400);transition:var(--transition)}.input-container-pill:focus-within .music-icon{color:var(--sc-orange);transform:scale(1.05)}.url-input{flex-grow:1;background:transparent;border:none;font-family:var(--font-sans);font-size:.95rem;font-weight:700;color:var(--dark-charcoal);padding:.6rem 0;min-width:0}.url-input::placeholder{color:var(--zinc-400);font-weight:600}.url-input:focus{outline:none}.input-actions-wrapper{display:flex;align-items:center;flex-shrink:0}.paste-btn{display:flex;align-items:center;gap:.3rem;background-color:rgba(255,85,0,.05);border:1px solid rgba(255,85,0,.15);color:var(--sc-orange);font-family:var(--font-sans);font-size:.9375rem;font-weight:700;letter-spacing:.02em;padding:.4rem .8rem;border-radius:9999px;cursor:pointer;box-shadow:var(--shadow-sm);transition:var(--transition)}.paste-btn:hover{background-color:rgba(255,85,0,.08);transform:scale(1.03)}.paste-btn:active{transform:scale(.96)}.paste-icon{width:.85rem;height:.85rem}.download-submit-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--sc-orange-gradient);color:#fff;font-family:var(--font-sans);font-size:.9375rem;font-weight:700;letter-spacing:.02em;border:none;padding:.75rem 1.8rem;border-radius:9999px;cursor:pointer;box-shadow:0 4px 14px rgba(255,85,0,.2);transition:var(--transition)}.download-submit-btn:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 18px rgba(255,85,0,.3)}.download-submit-btn:active{transform:translateY(0) scale(.97)}.download-submit-btn:disabled{background:var(--zinc-100);color:var(--zinc-400);cursor:not-allowed;box-shadow:none;transform:none}.download-icon{width:1rem;height:1rem}.message-banner{background-color:#fff1f2;border:1px solid #fee2e2;color:#ef4444;border-radius:12px;padding:.75rem 1.2rem;font-size:.85rem;font-weight:700;text-align:center;margin-top:1rem;animation:fadeIn .3s ease}.message-banner.success{background-color:#ecfdf5;border-color:#d1fae5;color:#10b981}.feature-badges{flex-wrap:wrap;justify-content:center;gap:1.5rem 2rem;margin-top:1.5rem}.badge-item,.feature-badges{display:flex;align-items:center}.badge-item{gap:.4rem;color:var(--zinc-500);font-size:.75rem;font-weight:600;letter-spacing:.1em}.dot-green{background-color:#10b981}.dot-green,.dot-orange{width:.45rem;height:.45rem;border-radius:50%}.dot-orange{background-color:var(--sc-orange)}.result-container-wrapper{width:100%;max-width:680px;margin:2.2rem auto 0;animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards}.skeleton-loader{display:flex;background-color:#fff;border:1px solid var(--border-color);border-radius:24px;padding:1.2rem;gap:1.2rem;box-shadow:var(--shadow-md)}.skeleton-art{width:130px;height:130px;border-radius:16px;background:linear-gradient(90deg,#f3f3f3 25%,#ececec 50%,#f3f3f3 75%);background-size:200% 100%;animation:loadingBg 1.5s infinite;flex-shrink:0}.skeleton-details{flex-grow:1;display:flex;flex-direction:column;justify-content:center;gap:.7rem}.skeleton-line{height:12px;border-radius:6px;background:linear-gradient(90deg,#f3f3f3 25%,#ececec 50%,#f3f3f3 75%);background-size:200% 100%;animation:loadingBg 1.5s infinite}.skeleton-title{width:80%;height:18px}.skeleton-artist{width:50%;height:14px}.skeleton-player{width:95%;height:30px;margin-top:.5rem}.track-card{display:flex;background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;padding:1.2rem;gap:1.2rem;text-align:left;box-shadow:0 20px 50px -15px rgba(0,0,0,.05),var(--shadow-md);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s}.track-card:hover{transform:translateY(-4px);border-color:var(--border-color-hover);box-shadow:0 30px 60px -20px rgba(255,85,0,.1),var(--shadow-lg)}.card-left{position:relative;width:140px;height:140px;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);background-color:var(--zinc-100);flex-shrink:0}.track-artwork{width:100%;height:100%;object-fit:cover}.preview-play-btn{position:absolute;inset:0;margin:auto;width:3.2rem;height:3.2rem;background-color:rgba(255,85,0,.95);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;opacity:0;transform:scale(.9);transition:var(--transition);z-index:5;box-shadow:0 4px 12px rgba(0,0,0,.25)}.card-left:hover .preview-play-btn,.preview-play-btn.playing{opacity:1;transform:scale(1)}.pause-svg,.play-svg{width:1.4rem;height:1.4rem}.play-svg{margin-left:.15rem}.card-right{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.track-genre-tag{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;background-color:var(--sc-orange-light);color:var(--sc-orange);padding:.2rem .5rem;border-radius:9999px;border:1px solid rgba(255,85,0,.12);margin-bottom:.35rem}.track-title-text{font-family:var(--font-title);font-size:1.125rem;font-weight:600;color:var(--dark-charcoal);letter-spacing:-.02em;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:.15rem}.track-artist-text{color:var(--zinc-500);font-size:.85rem;font-weight:600;margin-bottom:.5rem}.track-artist-text span{font-weight:700;color:var(--dark-grey)}.track-stats-row{gap:1rem;color:var(--zinc-400);font-size:.75rem;font-weight:700}.track-plays,.track-stats-row{display:flex;align-items:center}.track-plays{gap:.2rem}.plays-icon{width:.85rem;height:.85rem;fill:currentColor}.download-action-box{display:grid;grid-template-columns:1fr 1fr;grid-gap:.6rem;gap:.6rem;margin-top:.75rem;width:100%}.format-select-wrapper{grid-column:span 2;display:flex;align-items:center;justify-content:space-between;gap:.4rem;background-color:#fafafa;border:1px solid var(--zinc-200);border-radius:12px;padding:.4rem .8rem;height:42px}.format-label{font-size:.7rem;font-weight:800;color:var(--zinc-400);text-transform:uppercase}.format-select{background:transparent;font-size:.85rem;color:var(--dark-charcoal);outline:none}.format-select,.start-download-btn{border:none;font-family:var(--font-sans);font-weight:700;cursor:pointer}.start-download-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;height:42px;background-color:var(--dark-charcoal);color:#fff;border-radius:12px;font-size:.9375rem;letter-spacing:.02em;transition:var(--transition)}.start-download-btn:hover{background-color:var(--sc-orange);box-shadow:0 4px 12px rgba(255,85,0,.2)}.start-download-btn:active{transform:scale(.98)}.btn-download-icon{width:1rem;height:1rem}.convert-next-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;height:42px;background-color:var(--zinc-100);border:1px solid var(--zinc-200);color:var(--zinc-600);padding:0 1.2rem;border-radius:12px;font-family:var(--font-sans);font-size:.9375rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:var(--transition)}.convert-next-btn:hover{background-color:var(--sc-orange-light);border-color:rgba(255,85,0,.2);color:var(--sc-orange)}.convert-next-btn:active{transform:scale(.98)}.btn-reset-icon{width:.95rem;height:.95rem}.playlist-reset-btn{margin-left:auto;flex-shrink:0;width:auto}.extraction-progress-wrapper{margin-top:.8rem}.progress-details-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.3rem;font-size:.75rem;font-weight:700}.progress-status-text{color:var(--sc-orange)}.progress-percentage-text{color:var(--zinc-500)}.progress-bar-track{width:100%;height:6px;background-color:var(--zinc-100);border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--sc-orange-gradient);border-radius:3px;transition:width .3s ease}.playlist-card{background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:24px;padding:1.5rem;text-align:left;box-shadow:0 20px 50px -15px rgba(0,0,0,.05),var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s}.playlist-card:hover{transform:translateY(-4px);border-color:var(--border-color-hover);box-shadow:0 30px 60px -20px rgba(255,85,0,.1),var(--shadow-lg)}.playlist-header{display:flex;gap:1.2rem;align-items:center}.playlist-artwork{width:100px;height:100px;border-radius:12px;object-fit:cover;box-shadow:var(--shadow-sm);background-color:var(--zinc-100)}.playlist-meta{flex-grow:1;min-width:0}.playlist-tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.1em;background-color:var(--sc-orange-light);color:var(--sc-orange);padding:.2rem .5rem;border-radius:9999px;border:1px solid rgba(255,85,0,.15);margin-bottom:.3rem;text-transform:uppercase}.playlist-title-text{font-family:var(--font-title);font-size:1.125rem;font-weight:600;color:var(--dark-charcoal);margin-bottom:.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playlist-artist-text{color:var(--zinc-500);font-size:.85rem;font-weight:600;margin-bottom:.3rem}.playlist-stats-row{display:flex;gap:1rem;color:var(--zinc-400);font-size:.75rem;font-weight:700}.playlist-tracks-list{display:flex;flex-direction:column;gap:.5rem;max-height:350px;overflow-y:auto;border-top:1px solid var(--zinc-100);padding-top:1rem}.playlist-track-item{display:flex;align-items:center;justify-content:space-between;padding:.6rem .8rem;background-color:#fafafa;border:1px solid var(--zinc-200);border-radius:12px;transition:var(--transition)}.playlist-track-item:hover{background-color:var(--sc-orange-light);border-color:rgba(255,85,0,.15)}.track-item-info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex-grow:1;padding-right:1rem}.track-item-title{font-size:.85rem;font-weight:750;color:var(--dark-charcoal);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item-meta{font-size:.7rem;color:var(--zinc-500);font-weight:600}.track-item-download-btn{display:flex;align-items:center;gap:.3rem;background-color:var(--dark-charcoal);color:#fff;border:none;font-family:var(--font-sans);font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.4rem .8rem;border-radius:8px;cursor:pointer;transition:var(--transition);flex-shrink:0}.track-item-download-btn:hover{background-color:var(--sc-orange);box-shadow:0 2px 8px rgba(255,85,0,.15)}.extension-banner{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:720px;margin:3.5rem auto 0;background-color:#fff;border:1px solid var(--border-color);border-radius:20px;padding:1rem 1.4rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.extension-banner:hover{box-shadow:var(--shadow-md);border-color:var(--border-color-hover)}.extension-content{display:flex;align-items:center;gap:1rem;text-align:left}.ext-logo-wrapper{width:44px;height:44px;background-color:#fff;border:1px solid var(--border-color);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:.4rem;box-shadow:0 2px 8px rgba(255,85,0,.03);flex-shrink:0}.chrome-store-icon{width:100%;height:100%}.ext-text-box{display:flex;flex-direction:column}.ext-title-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.1rem}.ext-title{font-family:var(--font-title);font-size:1.125rem;font-weight:600;color:var(--dark-charcoal)}.official-tag{text-transform:uppercase;letter-spacing:.1em;background-color:var(--sc-orange-light);color:var(--sc-orange);border:1px solid rgba(255,85,0,.15);padding:.1rem .35rem;border-radius:9999px}.ext-description,.official-tag{font-size:.75rem;font-weight:600}.ext-description{color:var(--zinc-500)}.ext-install-link{display:inline-flex;align-items:center;gap:.3rem;background-color:var(--sc-orange);color:#fff;font-size:.75rem;font-weight:800;text-decoration:none;padding:.6rem 1.1rem;border-radius:9999px;box-shadow:0 4px 10px rgba(255,85,0,.12);transition:var(--transition);white-space:nowrap}.ext-install-link:hover{background-color:var(--sc-orange-hover);transform:translateY(-1px);box-shadow:0 6px 14px rgba(255,85,0,.22)}.ext-install-link:active{transform:scale(.96)}.metrics-divider-section{background-color:transparent;padding:2rem 0;border-top:1px solid #efefef;border-bottom:1px solid #efefef;margin:3.5rem 0}.metrics-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);width:100%;grid-gap:1.5rem;gap:1.5rem;text-align:center}.metric-number{font-family:var(--font-title);font-size:1.8rem;font-weight:900;letter-spacing:-.02em;color:var(--dark-charcoal);line-height:1.1}.metric-label{color:var(--zinc-400);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:.2rem}.metrics-disclaimer{display:flex;align-items:center;justify-content:center;gap:.4rem;color:var(--zinc-500);font-size:.7rem;font-weight:700;margin-top:.5rem}.pulse-indicator{width:.4rem;height:.4rem;background-color:#10b981;border-radius:50%;display:inline-block}.section-header{margin-bottom:2.5rem}.section-title{font-family:var(--font-title);font-size:2.25rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--dark-charcoal);margin-bottom:.5rem}.section-subtitle{color:var(--zinc-500);font-size:.9rem;font-weight:500;max-width:480px;margin:0 auto;line-height:1.5}.how-to-use-section{padding:1rem 0 3.5rem}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.step-card{position:relative;background-color:hsla(0,0%,100%,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:28px;padding:1.8rem;display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s}.step-card:hover{transform:translateY(-8px);border-color:var(--border-color-hover);box-shadow:0 20px 40px -15px rgba(255,85,0,.08);background-color:hsla(0,0%,100%,.9)}.step-number{position:absolute;top:.5rem;right:1.2rem;font-family:var(--font-title);font-size:4.5rem;font-weight:900;color:rgba(255,85,0,.03);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;transition:color .3s ease}.step-card:hover .step-number{color:rgba(255,85,0,.06)}.step-icon-wrapper{width:2.5rem;height:2.5rem;border-radius:12px;background-color:var(--sc-orange-light);color:var(--sc-orange);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;transition:var(--transition)}.step-card:hover .step-icon-wrapper{background-color:var(--sc-orange);color:#fff;transform:scale(1.05)}.step-icon{width:1.2rem;height:1.2rem}.step-title{font-family:var(--font-title);font-size:1.125rem;font-weight:600;color:var(--dark-charcoal);margin-bottom:.6rem}.step-description{color:var(--zinc-500);font-size:.95rem;font-weight:400;line-height:1.65}.step-card-footer{margin-top:1.5rem;border-top:1px solid rgba(255,85,0,.05);justify-content:space-between;background-color:hsla(0,0%,98%,.5);border-radius:16px;padding:.6rem;border:1px solid var(--zinc-100)}.app-mockup,.step-card-footer{display:flex;align-items:center}.app-mockup{gap:.3rem}.app-logo{font-size:.8rem}.app-label{font-size:.65rem;font-weight:700;color:var(--zinc-500)}.mockup-action-btn{padding:.25rem .6rem;background-color:var(--sc-orange);color:#fff;font-size:.65rem;font-weight:800;border-radius:9999px;box-shadow:var(--shadow-sm)}.input-mockup{width:100%;height:28px;background-color:#fff;border:1px solid rgba(255,85,0,.15);border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;box-shadow:inset 0 1px 3px rgba(0,0,0,.03)}.mockup-text{font-size:.6rem;color:var(--zinc-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:110px}.mockup-action-badge{font-size:.6rem;font-weight:850;color:var(--sc-orange);background-color:rgba(255,85,0,.06);padding:.1rem .3rem;border-radius:4px;border:1px solid rgba(255,85,0,.1)}.extraction-status{display:flex;align-items:center;gap:.25rem;font-size:.65rem}.mockup-circle-download-btn{width:24px;height:24px;border-radius:50%;background-color:var(--dark-charcoal);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px rgba(0,0,0,.15)}.features-section{padding:3.5rem 0}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.feature-card{background:linear-gradient(180deg,#fff,#fffdfc);border:1px solid var(--border-color);border-radius:24px;padding:1.5rem;box-shadow:var(--shadow-sm);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s}.feature-card:hover{border-color:var(--border-color-hover);box-shadow:0 20px 40px -15px rgba(255,85,0,.08);transform:translateY(-6px)}.feat-icon-wrapper{width:2.2rem;height:2.2rem;background-color:var(--sc-orange-light);color:var(--sc-orange);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;box-shadow:var(--shadow-sm)}.feat-icon{width:1.1rem;height:1.1rem}.feat-title{font-family:var(--font-title);font-size:1.125rem;font-weight:600;color:var(--dark-charcoal);margin-bottom:.5rem}.feat-description{color:var(--zinc-500);font-size:.95rem;font-weight:400;line-height:1.65}.guide-section{padding:3.5rem 0}.guide-article-wrapper{display:flex;flex-direction:column;gap:1.5rem}.guide-article-card{background:linear-gradient(180deg,#fff,#fffdfc);border:1px solid var(--border-color);border-radius:28px;padding:2.2rem;box-shadow:var(--shadow-sm);text-align:left}.guide-article-card h3{font-family:var(--font-title);font-size:1.125rem;font-weight:600;color:var(--dark-charcoal);margin-bottom:.8rem}.guide-article-card p{color:var(--zinc-600);font-size:.95rem;font-weight:400;line-height:1.65;margin-bottom:.8rem}.guide-article-card p:last-child{margin-bottom:0}.guide-article-card ul{list-style:none;margin-top:.5rem;display:flex;flex-direction:column;gap:.6rem}.guide-article-card ul li{color:var(--zinc-600);font-size:.95rem;font-weight:400;position:relative;padding-left:1.2rem;line-height:1.65}.guide-article-card ul li:before{content:"";position:absolute;left:.3rem;top:.5rem;width:.35rem;height:.35rem;background-color:var(--sc-orange);border-radius:50%}.faq-section{padding:3.5rem 0}.accordion-wrapper{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.accordion-item{background:#fff;border:1px solid var(--border-color);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}.accordion-item:hover{border-color:var(--border-color-hover);box-shadow:0 10px 20px -5px rgba(255,85,0,.02),var(--shadow-md)}.accordion-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;padding:1.1rem 1.4rem;color:var(--dark-charcoal);font-family:var(--font-title);font-size:1.125rem;font-weight:600;text-align:left;cursor:pointer;transition:var(--transition);outline:none}.accordion-header:hover{color:var(--sc-orange)}.accordion-icon{font-size:1.2rem;font-weight:500;color:var(--zinc-400);transition:transform .3s ease}.accordion-item.active{background:hsla(0,0%,100%,.95);border-color:var(--border-color-hover);box-shadow:0 15px 30px -10px rgba(255,85,0,.05),var(--shadow-md)}.accordion-item.active .accordion-icon{transform:rotate(45deg);color:var(--sc-orange)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.accordion-content p{padding:0 1.4rem 1.2rem;color:var(--zinc-500);font-size:.95rem;font-weight:400;line-height:1.65}.main-footer{background-color:transparent;padding:4rem 0 2.5rem;border-top:1px solid var(--border-color);position:relative;z-index:10}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:2.5rem;gap:2.5rem;margin-bottom:2.5rem}.footer-col{display:flex;flex-direction:column;gap:1rem}.brand-col{max-width:320px}.brand-tagline{color:var(--zinc-500);font-size:.875rem;line-height:1.65;margin:0}.footer-title{color:var(--dark-charcoal);font-family:var(--font-title);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links a{color:var(--zinc-500);font-size:.875rem;font-weight:500;text-decoration:none;transition:var(--transition)}.footer-links a:hover{color:var(--sc-orange)}.footer-divider{border:0;height:1px;background-color:var(--zinc-100);margin:1.5rem 0}.footer-bottom-row{display:flex;flex-direction:column;gap:.6rem;text-align:left}.copyright-text{color:var(--zinc-650);font-size:.8125rem;font-weight:500}.disclaimer-text{color:var(--zinc-400);font-size:.75rem;font-weight:400;line-height:1.6}@media (max-width:992px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}.brand-col{max-width:100%;grid-column:span 2}}@media (max-width:576px){.footer-grid{grid-template-columns:1fr;gap:1.5rem}.brand-col{grid-column:span 1}}@keyframes slideDown{0%{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingBg{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1240px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.extension-btn{display:none}}@media (min-width:1241px) and (max-width:1366px){.nav-link{padding:.35rem .6rem;font-size:.825rem}.desktop-nav{gap:.15rem}}@media (max-width:900px){.hero-title{font-size:3rem}.steps-grid{grid-template-columns:1fr;gap:1.2rem}.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu-btn{display:flex}.extension-btn{display:none}.hero-title{font-size:2rem}.section-title{font-size:1.5rem}.hero-subtitle{font-size:.95rem}.input-container-pill{flex-direction:column;border-radius:24px;padding:1rem;gap:.8rem}.input-left-decor{display:none}.url-input{width:100%;text-align:center;border-bottom:1px solid var(--zinc-200);padding-bottom:.6rem}.input-actions-wrapper{width:100%;justify-content:center}.download-submit-btn{width:100%;padding:.8rem 0;border-radius:16px}.track-card{flex-direction:column;align-items:center;text-align:center}.card-right{width:100%}.track-title-text{text-align:center}.track-stats-row{justify-content:center}.download-action-box{display:flex;flex-direction:column;width:100%;gap:.6rem}.format-select-wrapper{width:100%;height:auto;justify-content:space-between;padding:.6rem .8rem}.convert-next-btn,.start-download-btn{width:100%}.playlist-header{flex-direction:column;text-align:center;align-items:center;gap:1rem}.playlist-reset-btn{margin-left:0;width:100%}.extension-banner{gap:1.2rem}.extension-banner,.extension-content{flex-direction:column;text-align:center}.ext-install-link,.ext-title-row{justify-content:center}.ext-install-link{width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}.footer-top-row{flex-direction:column;gap:1.2rem;align-items:center}}@media (max-width:480px){.hero-title{font-size:1.65rem}.features-grid{grid-template-columns:1fr}.metric-number{font-size:1.5rem}.format-select-wrapper{flex-direction:column;gap:.25rem;padding:.5rem;height:auto;align-items:center}.format-select{width:100%;text-align:center;text-align-last:center}}.legal-section{padding:5rem 0;min-height:70vh}.legal-container{max-width:800px;margin:0 auto;text-align:left}.last-updated{font-size:.85rem;color:var(--zinc-500);margin-bottom:2.5rem;font-weight:500;display:inline-block;background-color:var(--zinc-100);padding:.25rem .75rem;border-radius:9999px}.legal-content{background:#fff;border:1px solid var(--border-color);border-radius:28px;padding:2.5rem;box-shadow:var(--shadow-sm)}.legal-content h2{font-family:var(--font-title);font-size:1.35rem;font-weight:700;color:var(--dark-charcoal);margin-top:2rem;margin-bottom:.8rem;border-bottom:1px solid var(--zinc-100);padding-bottom:.4rem}.legal-content h2:first-of-type{margin-top:0}.legal-content p{font-size:.95rem;line-height:1.65;color:var(--zinc-600);margin-bottom:1.2rem}.legal-content p:last-child{margin-bottom:0}.legal-content ol,.legal-content ul{margin-left:1.5rem;margin-bottom:1.2rem;display:flex;flex-direction:column;gap:.5rem}.legal-content li{font-size:.95rem;line-height:1.65;color:var(--zinc-600)}.legal-content a{color:var(--sc-orange);text-decoration:none;font-weight:600}.legal-content a:hover{text-decoration:underline}@media (max-width:768px){.legal-section{padding:3rem 0}.legal-content{padding:1.5rem;border-radius:20px}}.contact-form-wrapper{margin-top:1.5rem}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.2rem}.form-label{font-size:.8rem;font-weight:600;color:var(--zinc-600);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-textarea{background-color:var(--zinc-100);border:1px solid var(--zinc-200);border-radius:12px;padding:.8rem 1rem;color:var(--dark-charcoal);font-family:var(--font-sans);font-size:.9375rem;outline:none;transition:var(--transition)}.form-textarea{resize:vertical;min-height:120px}.form-input:focus,.form-textarea:focus{background-color:#fff;border-color:var(--sc-orange);box-shadow:0 0 0 3px rgba(255,85,0,.1)}.form-submit-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background:var(--sc-orange-gradient);color:#fff;font-family:var(--font-sans);font-size:.9375rem;font-weight:700;letter-spacing:.02em;border:none;padding:.8rem 2rem;border-radius:12px;cursor:pointer;box-shadow:0 4px 14px rgba(255,85,0,.2);transition:var(--transition);margin-top:.5rem}.form-submit-btn:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 6px 18px rgba(255,85,0,.3)}.form-submit-btn:active{transform:translateY(0) scale(.98)}.contact-success-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem;background-color:#fff;border:1px solid var(--zinc-200);border-radius:24px;box-shadow:0 10px 30px rgba(0,0,0,.05);animation:slideUp .4s cubic-bezier(.16,1,.3,1) forwards;margin-top:1.5rem}.contact-success-card.hidden{display:none!important}.success-icon-wrapper{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.1) 0,rgba(16,185,129,.02) 100%);color:#10b981;margin-bottom:1.5rem;border:1px solid rgba(16,185,129,.2);animation:pulseScale 2s infinite}.success-icon-wrapper svg{width:40px;height:40px}.success-title{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--dark-charcoal);margin-bottom:.8rem}.success-message{font-size:1.05rem;line-height:1.6;color:var(--zinc-600);max-width:480px;margin-bottom:2rem}.back-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;background-color:var(--zinc-100);color:var(--zinc-800);border:1px solid var(--zinc-200);padding:.8rem 1.8rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition)}.back-btn:hover{background-color:var(--zinc-200);color:var(--dark-charcoal);transform:translateY(-1px)}@keyframes pulseScale{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,.2)}70%{transform:scale(1.05);box-shadow:0 0 0 15px rgba(16,185,129,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(16,185,129,0)}}.interlinking-section{padding:3.5rem 0;background-color:hsla(0,0%,98%,.5);border-top:1px solid var(--zinc-100)}.interlinking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-top:2rem}.interlink-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:#fff;border:1px solid var(--border-color);border-radius:16px;color:var(--dark-charcoal);font-family:var(--font-title);font-size:1rem;font-weight:600;text-decoration:none;box-shadow:var(--shadow-sm);transition:var(--transition)}.interlink-card:hover{border-color:var(--border-color-hover);color:var(--sc-orange);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown-btn{display:flex;align-items:center;gap:.2rem;color:var(--zinc-600);background:transparent;border:none;font-family:var(--font-sans);font-size:.875rem;font-weight:500;padding:.4rem .8rem;border-radius:9999px;cursor:pointer;transition:var(--transition);outline:none}.nav-dropdown-btn:hover{color:var(--sc-orange);background-color:rgba(255,85,0,.04)}.dropdown-chevron{width:.8rem;height:.8rem;transition:transform .2s ease}.nav-dropdown:hover .dropdown-chevron{transform:rotate(180deg)}.nav-dropdown-content{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(.5rem);background-color:#fff;min-width:220px;border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-lg);z-index:100;padding:.5rem;animation:slideDown .2s cubic-bezier(.4,0,.2,1)}.nav-dropdown:hover .nav-dropdown-content{display:block}.nav-dropdown-content a{color:var(--zinc-600);font-family:var(--font-sans);font-size:.85rem;font-weight:500;text-decoration:none;padding:.6rem .8rem;border-radius:10px;display:block;text-align:left;transition:var(--transition)}.nav-dropdown-content a.active,.nav-dropdown-content a:hover{background-color:var(--sc-orange-light);color:var(--sc-orange)}.mobile-nav-divider{font-size:.65rem;font-weight:700;color:var(--zinc-400);text-transform:uppercase;letter-spacing:.08em;padding:.8rem 1rem .2rem;border-top:1px solid var(--zinc-100);margin-top:.4rem}.mobile-nav-divider:first-of-type{border-top:none;margin-top:0;padding-top:.4rem}.mobile-nav-link.active,.nav-dropdown-btn.active{color:var(--sc-orange);background-color:var(--sc-orange-light)}.blog-image-wrapper{aspect-ratio:1200/628;width:100%;overflow:hidden;position:relative;border-radius:16px;background-color:#18181b}.blog-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.blog-card:hover .blog-image-wrapper img{transform:scale(1.03)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.blog-card{background-color:hsla(0,0%,100%,.75);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:28px;padding:1.25rem;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s;cursor:pointer;text-decoration:none;color:inherit}.blog-card:hover{transform:translateY(-6px);border-color:var(--border-color-hover);box-shadow:0 20px 40px -15px rgba(255,85,0,.08)}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;padding:1rem .5rem .5rem}.blog-card-meta{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--zinc-500);margin-bottom:.5rem;font-weight:500}.blog-card-title{font-family:var(--font-title);font-size:1.25rem;font-weight:700;line-height:1.3;color:var(--dark-charcoal);margin-bottom:.75rem;transition:color .2s ease}.blog-card:hover .blog-card-title{color:var(--sc-orange)}.blog-card-excerpt{color:var(--zinc-500);font-size:.9rem;line-height:1.5;margin-bottom:1.25rem;flex-grow:1}.blog-card-link{font-size:.85rem;font-weight:600;color:var(--sc-orange);display:flex;align-items:center;gap:.25rem}.blog-card-link svg{transition:transform .2s ease}.blog-card:hover .blog-card-link svg{transform:translateX(3px)}.prose{color:var(--dark-charcoal);font-family:var(--font-sans);line-height:1.7;font-size:1.05rem}.prose p{margin-bottom:1.5rem}.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-title);color:var(--dark-charcoal);font-weight:700;line-height:1.25;margin-top:2rem;margin-bottom:1rem}.prose h1{font-size:2.25rem}.prose h2{font-size:1.75rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.prose h3{font-size:1.4rem}.prose h4{font-size:1.2rem}.prose a{color:var(--sc-orange);text-decoration:underline;font-weight:500}.prose a:hover{color:#e04b00}.prose b,.prose strong{font-weight:700;color:var(--dark-charcoal)}.prose ol,.prose ul{margin-bottom:1.5rem;padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:4px solid var(--sc-orange);background-color:rgba(255,85,0,.03);padding:1rem 1.5rem;margin:1.5rem 0;border-radius:0 12px 12px 0;font-style:italic;color:var(--zinc-700)}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}.prose td,.prose th{border:1px solid var(--border-color);padding:.75rem 1rem;text-align:left}.prose th{background-color:rgba(255,85,0,.02);font-weight:600;color:var(--dark-charcoal)}.prose img{max-width:100%;height:auto;border-radius:12px}.prose figure,.prose img{margin:1.5rem 0}.prose figcaption{font-size:.8rem;color:var(--zinc-500);text-align:center;margin-top:.5rem}.prose .has-gray-color,.prose .has-light-gray-color,.prose .has-very-light-gray-color,.prose .has-white-color,.prose [style*="color: #FFF"],.prose [style*="color: #fff"],.prose [style*="color: rgb(255, 255, 255)"],.prose [style*="color: white"],.prose [style*="color:#FFF"],.prose [style*="color:#fff"],.prose [style*="color:rgb(255,255,255)"],.prose [style*="color:white"]{color:var(--dark-charcoal)!important}.prose-invert{color:#e4e4e7}.prose-invert b,.prose-invert h1,.prose-invert h2,.prose-invert h3,.prose-invert h4,.prose-invert strong{color:#fff}.prose-invert blockquote{background-color:rgba(255,85,0,.05);color:#d4d4d8}.prose-invert th{background-color:rgba(255,85,0,.05);color:#fff}.prose-invert td,.prose-invert th{border-color:hsla(0,0%,100%,.1)}.blog-post-container{max-width:800px;margin:0 auto;padding:0 1rem}.blog-post-header{margin-bottom:2.5rem}.blog-post-category{font-size:.8rem;font-weight:750;text-transform:uppercase;color:var(--sc-orange);letter-spacing:.05em;margin-bottom:.75rem}.blog-post-title{font-family:var(--font-title);font-size:2.5rem;font-weight:800;line-height:1.2;letter-spacing:-.02em;color:var(--dark-charcoal);margin-bottom:1.25rem}.blog-post-meta{display:flex;align-items:center;gap:1rem;font-size:.9rem;color:var(--zinc-500);padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.wp-block-kadence-accordion{margin:2.5rem 0;max-width:100%}.kt-accordion-inner-wrap{display:flex;flex-direction:column;gap:.85rem}.wp-block-kadence-pane{background:#fff;border:1px solid var(--border-color)!important;border-radius:16px!important;overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition);margin-bottom:0!important}.wp-block-kadence-pane:hover{border-color:var(--border-color-hover)!important;box-shadow:0 10px 20px -5px rgba(255,85,0,.02),var(--shadow-md)}.wp-block-kadence-pane.kt-accordion-panel-active{background:hsla(0,0%,100%,.98);border-color:var(--border-color-hover)!important;box-shadow:0 15px 30px -10px rgba(255,85,0,.05),var(--shadow-md)}.kt-accordion-header-wrap{width:100%}.kt-blocks-accordion-header{width:100%!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;border:none!important;padding:1.2rem 1.5rem!important;color:var(--dark-charcoal)!important;font-family:var(--font-title)!important;font-size:1.125rem!important;font-weight:600!important;text-align:left!important;cursor:pointer!important;transition:var(--transition)!important;outline:none!important;box-shadow:none!important}.kt-blocks-accordion-header:hover{color:var(--sc-orange)!important}.kt-blocks-accordion-title-wrap{display:inline-block;flex:1 1;padding-right:1rem}.kt-blocks-accordion-title{font-size:1.125rem;color:inherit!important;line-height:1.4}.kt-blocks-accordion-title strong{font-weight:600;color:inherit!important}.kt-blocks-accordion-icon-trigger{position:relative;width:28px;height:28px;display:flex!important;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--zinc-800)!important;border-radius:50%;flex-shrink:0}.kt-blocks-accordion-icon-trigger:after,.kt-blocks-accordion-icon-trigger:before{content:""!important;position:absolute!important;background-color:var(--zinc-400)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;height:2px!important}.kt-blocks-accordion-icon-trigger:before{width:12px!important;transform:none!important}.kt-blocks-accordion-icon-trigger:after{width:12px!important;transform:rotate(90deg)!important}.kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger{background:var(--sc-orange)!important}.kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:after,.kt-blocks-accordion-header:hover .kt-blocks-accordion-icon-trigger:before{background-color:var(--zinc-100)!important}.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger{transform:rotate(45deg);background:var(--sc-orange)!important}.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after,.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:before{background-color:var(--zinc-100)!important}.kt-accordion-panel-active .kt-blocks-accordion-icon-trigger:after{opacity:1!important}.kt-accordion-panel{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:0;background:transparent!important;border:none!important}.kt-accordion-panel.kt-accordion-panel-hidden{display:block!important;max-height:0!important;overflow:hidden!important;opacity:0!important;pointer-events:none;padding-top:0!important;padding-bottom:0!important}.kt-accordion-panel-inner{padding:0 1.5rem 1.35rem!important;background:transparent!important;border:none!important}.kt-accordion-panel-inner p{margin-bottom:0!important;color:var(--zinc-600)!important;font-size:.95rem!important;font-weight:400!important;line-height:1.65!important}.toc-card{margin:2rem 0;padding:1.5rem;background:var(--zinc-900);border:1px solid var(--border-color);border-radius:16px}.toc-title{margin:0 0 1rem;font-size:1.15rem;color:var(--sc-orange);font-weight:700;font-family:Space Grotesk,sans-serif}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.toc-item-h2{padding-left:0}.toc-item-h3{padding-left:1.25rem}.toc-link{color:var(--zinc-300);text-decoration:none;font-size:.95rem;transition:color .2s}.toc-link:hover{color:var(--sc-orange)}.blog-nav-wrapper{display:flex;justify-content:space-between;gap:1.5rem;margin-top:4rem;padding:2rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.blog-nav-link{text-decoration:none;width:48%}.blog-nav-link.next-link{text-align:right}.blog-nav-label{font-size:.8rem;text-transform:uppercase;color:var(--sc-orange);font-weight:700;margin-bottom:.25rem}.blog-nav-title{font-size:1rem;color:var(--zinc-100);font-weight:600;line-height:1.4}.related-articles-section{margin-top:4rem;border-top:1px solid var(--border-color);padding-top:3rem}.related-articles-title{font-size:1.75rem;margin:0 0 2rem;font-family:Space Grotesk,sans-serif}.related-card-title{font-size:1.15rem;margin-bottom:.5rem}.related-card-excerpt{font-size:.85rem}.post-loading-wrap{padding:6rem 0;text-align:center}.post-loading-spinner{width:50px;height:50px;border-top:4px solid var(--border-color);border:4px solid var(--border-color);border-top-color:var(--sc-orange);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.post-loading-text{margin-top:1.5rem;color:var(--zinc-500);font-weight:500}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.post-featured-image-wrapper{margin-bottom:2.5rem;border-radius:24px;overflow:hidden}.blog-back-button{color:var(--sc-orange);text-decoration:none;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;margin-bottom:1.5rem}.blog-back-button svg{width:.9rem;height:.9rem;transform:rotate(180deg)}.post-error-banner{margin-bottom:2rem}.kt-accordion-wrap{max-width:none!important}.testimonials-section{padding:3.5rem 0}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:2.5rem}.testimonial-card{background:linear-gradient(180deg,#fff,#fffdfc);border:1px solid var(--border-color);border-radius:24px;padding:2rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;justify-content:space-between;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .3s,box-shadow .3s}.testimonial-card:hover{border-color:var(--border-color-hover);box-shadow:0 20px 40px -15px rgba(255,85,0,.08);transform:translateY(-6px)}.testimonial-text{font-size:.95rem;color:var(--dark-charcoal);line-height:1.6;font-style:italic;margin-bottom:1.2rem}.testimonial-author{font-size:.85rem;font-weight:700;color:var(--sc-orange)}@media (max-width:900px){.testimonials-grid{grid-template-columns:1fr;gap:1.2rem}}.back-to-top{position:fixed;bottom:24px;right:24px;width:46px;height:46px;border-radius:50%;background:hsla(0,0%,100%,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);color:var(--sc-orange);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;box-shadow:0 4px 12px rgba(255,85,0,.08),0 2px 4px rgba(0,0,0,.04);opacity:0;pointer-events:none;transform:translateY(20px);transition:all .4s cubic-bezier(.16,1,.3,1)}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-to-top:hover{background:var(--sc-orange-gradient);color:#fff;border-color:transparent;transform:translateY(-4px);box-shadow:0 8px 16px rgba(255,85,0,.2),0 4px 8px rgba(255,85,0,.1)}.back-to-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s ease}.back-to-top:hover svg{transform:translateY(-2px)}.install-popup-overlay{position:fixed;bottom:24px;right:24px;z-index:100000;animation:slideInUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInUp{0%{transform:translateY(100px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.install-popup-card{background:rgba(10,10,12,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,85,0,.35);border-radius:16px;width:360px;max-width:calc(100vw - 48px);padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.5),0 0 20px rgba(255,85,0,.15);position:relative;overflow:hidden;color:#f4f4f5;font-family:Inter,-apple-system,sans-serif}.install-popup-close{position:absolute;top:12px;right:14px;background:none;border:none;color:#a1a1aa;font-size:20px;cursor:pointer;line-height:1;padding:4px;transition:color .2s ease,transform .2s ease}.install-popup-close:hover{color:#f50;transform:scale(1.1)}.install-popup-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.install-popup-icon-wrapper{background:rgba(255,85,0,.15);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.install-popup-icon{font-size:18px}.install-popup-title{font-size:15px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.install-popup-body{font-size:13px;line-height:1.5}.install-popup-thanks{margin:0 0 10px;color:#e4e4e7}.install-popup-instructions{background:hsla(0,0%,100%,.03);border-radius:8px;padding:10px 12px;border:1px solid hsla(0,0%,100%,.05)}.install-popup-instructions p{margin:0 0 6px;font-weight:600;color:#fff}.install-popup-instructions ol{margin:0;padding-left:18px;color:#a1a1aa}.install-popup-instructions li{margin-bottom:4px}.install-popup-instructions li:last-child{margin-bottom:0}.install-popup-instructions a{color:#f50;text-decoration:none;font-weight:500}.install-popup-instructions a:hover{text-decoration:underline}.install-popup-timer-bar{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#ff7a00,#f50);width:100%;animation:shrinkWidth 5s linear forwards}@keyframes shrinkWidth{0%{width:100%}to{width:0}}@media (max-width:480px){.install-popup-overlay{bottom:16px;right:16px;left:16px}.install-popup-card{width:100%}}