.mac-app-wrapper{width:100%;max-width:780px;margin:0 auto;perspective:1200px}.mac-app-window{background-color:#1e1e1e;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 0 0 1px #ffffff0d inset,0 25px 65px #000c,0 10px 25px #0009;display:flex;height:480px;overflow:hidden;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease;text-align:left}.mac-app-window:hover{transform:translateY(-5px) rotateX(1deg);box-shadow:0 0 0 1px #fff3 inset,0 35px 80px #000000e6,0 12px 30px #000000b3,0 0 40px #0a84ff1a}.sidebar{width:200px;background-color:#2d2d2d;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;padding:16px;user-select:none;flex-shrink:0}.window-controls{display:flex;gap:8px;margin-bottom:24px}.control-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.control-dot.red{background-color:#ff5f56}.control-dot.yellow{background-color:#ffbd2e}.control-dot.green{background-color:#27c93f}.brand-header{display:flex;align-items:center;gap:10px;margin-bottom:24px;position:relative}.brand-logo-container{width:28px;height:28px;border-radius:50%;background-color:#0a84ff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0a84ff66}.brand-text{display:flex;flex-direction:column;flex:1}.brand-name{font-size:13px;font-weight:700;color:#fff;line-height:1.2}.brand-sub{font-size:10px;color:#8c8c8e}.brand-chevron{color:#555558}.sidebar-menu{flex:1;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:2px}.menu-group{display:flex;flex-direction:column;gap:4px}.group-title{font-size:9px;font-weight:700;color:#727276;margin-bottom:2px;letter-spacing:.05em}.group-list{list-style:none;display:flex;flex-direction:column;gap:2px}.menu-item{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;color:#c5c5c7;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.menu-item svg{color:#8c8c8e;transition:color .15s}.menu-item:hover{background-color:#ffffff0a;color:#fff}.menu-item.active{background-color:#0a84ff26;border:1px solid rgba(10,132,255,.25);color:#0a84ff}.menu-item.active svg{color:#0a84ff}.sidebar-footer{border-top:1px solid rgba(255,255,255,.05);padding-top:12px;margin-top:12px;display:flex;flex-direction:column;gap:8px}.links-row{display:flex;gap:14px}.footer-link{font-size:10.5px;color:#0a84ff;font-weight:500}.footer-link:hover{color:#2e93ff;text-decoration:underline}.app-details{display:flex;justify-content:space-between;font-size:9px;color:#6e6e72}.main-workspace{flex:1;display:flex;flex-direction:column;background-color:#1e1e1e;overflow:hidden;position:relative}.top-nav-bar{height:38px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-toggle-btn{background:none;border:none;color:#8c8c8e;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.sidebar-toggle-btn:hover{color:#fff;background-color:#ffffff0d}.workspace-area{flex:1;padding:24px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.download-header-row{display:flex;justify-content:space-between;align-items:flex-start}.header-titles h2{font-size:28px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:-.02em}.header-titles p{font-size:13px;color:#8c8c8e}.auto-detect-pill{display:flex;align-items:center;gap:8px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:980px;padding:5px 12px;font-size:11px;color:#c5c5c7;font-weight:500;cursor:pointer;transition:border-color .2s}.auto-detect-pill:hover{border-color:#ffffff26}.radio-circle{width:12px;height:12px;border-radius:50%;border:1.5px solid #8c8c8e;display:inline-block}.download-card{background-color:#272727;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #00000040}.section-label{display:block;font-size:12px;font-weight:600;color:#fff;margin-bottom:8px;letter-spacing:.01em}.url-input-field{background-color:#212121;border:1px solid rgba(255,255,255,.08);border-radius:8px;height:38px;display:flex;align-items:center;padding:0 10px;gap:8px;overflow:hidden;position:relative}.input-link-icon{color:#727276;flex-shrink:0}.url-text-display{font-size:12px;color:#a0a0a2;white-space:nowrap;overflow:hidden;text-overflow:clip;width:0;border-right:1.5px solid transparent;animation:typeLink 6s steps(45) infinite,blinkCursor .75s step-end infinite alternate}.input-actions-right{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-paste-mock{background:none;border:none;color:#8c8c8e;cursor:pointer;padding:6px;border-radius:5px;display:flex;align-items:center}.btn-paste-mock:hover{color:#fff;background-color:#ffffff0d}.btn-download-trigger{background-color:#0a84ff;border:none;border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0a84ff4d;animation:triggerClick 6s infinite}.btn-download-trigger:hover{background-color:#0071e3}.format-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.format-card{background-color:#2e2e2e;border:1px solid transparent;border-radius:8px;height:74px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8c8c8e;cursor:pointer;transition:all .2s}.format-card svg{color:#8c8c8e;transition:color .2s}.format-card span{font-size:11px;font-weight:500}.format-card:hover{background-color:#353535;color:#fff}.format-card:hover svg{color:#fff}.format-card.active{background-color:#383838;border-color:#fff;color:#fff;box-shadow:0 4px 10px #00000026}.format-card.active svg{color:#fff}.format-card.no-wm-card{animation:toggleNoWm 6s infinite}.format-card.audio-card{animation:toggleAudio 6s infinite}.download-progress-row{background-color:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:0 12px;display:flex;flex-direction:column;gap:8px;height:0;opacity:0;overflow:hidden;animation:animateProgressBox 6s infinite}.progress-meta{display:flex;justify-content:space-between;font-size:11px;font-weight:500}.p-status{color:#c5c5c7}.p-percentage{color:#fff}.progress-bar-track{height:5px;background-color:#ffffff14;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background-color:#0a84ff;width:0%;border-radius:3px;animation:fillProgressBar 6s infinite}.progress-speeds{display:flex;justify-content:space-between;font-size:9px;color:#6e6e72}.completion-toast{position:absolute;bottom:16px;left:50%;transform:translate(-50%) translateY(50px);background-color:#272727f2;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:11.5px;color:#fff;box-shadow:0 10px 25px #00000080;opacity:0;z-index:10;white-space:nowrap;animation:animateToast 6s infinite}@keyframes typeLink{0%{width:0}30%,to{width:100%}}@keyframes blinkCursor{0%,to{border-color:transparent}50%{border-color:#0a84ff}}@keyframes toggleNoWm{0%,20%{background-color:#383838;border-color:#fff;color:#fff;box-shadow:0 4px 10px #00000026}23%,38%{background-color:#2e2e2e;border-color:transparent;color:#8c8c8e;box-shadow:none}42%,to{background-color:#383838;border-color:#fff;color:#fff;box-shadow:0 4px 10px #00000026}}@keyframes toggleAudio{0%,20%{background-color:#2e2e2e;border-color:transparent;color:#8c8c8e;box-shadow:none}23%,38%{background-color:#383838;border-color:#fff;color:#fff;box-shadow:0 4px 10px #00000026}42%,to{background-color:#2e2e2e;border-color:transparent;color:#8c8c8e;box-shadow:none}}@keyframes triggerClick{0%,43%{transform:scale(1);background-color:#0a84ff}45%{transform:scale(.92);background-color:#0071e3}47%,to{transform:scale(1);background-color:#0a84ff}}@keyframes animateProgressBox{0%,48%{opacity:0;height:0;padding-top:0;padding-bottom:0;margin-top:0}50%,82%{opacity:1;height:52px;padding-top:12px;padding-bottom:12px;margin-top:4px}85%,to{opacity:0;height:0;padding-top:0;padding-bottom:0;margin-top:0}}@keyframes fillProgressBar{0%,50%{width:0%}78%{width:100%}to{width:100%}}@keyframes animateToast{0%,82%{opacity:0;transform:translate(-50%) translateY(50px)}85%,95%{opacity:1;transform:translate(-50%) translateY(0)}98%,to{opacity:0;transform:translate(-50%) translateY(-20px)}}@media(max-width:580px){.sidebar{display:none}.mac-app-window{height:400px}.format-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.format-card{height:60px}.auto-detect-pill{display:none}}.sparkle-dialog-container{width:100%;max-width:580px;margin:0 auto;position:relative}.sparkle-dialog{background-color:#1c1c24f2;backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 0 0 1px #ffffff0d inset,0 20px 50px #0009,0 10px 20px #0006;padding:24px;color:#f5f5f7;display:flex;flex-direction:column;gap:20px;text-align:left;animation:pulseGlow 6s infinite}.dialog-header{display:flex;gap:20px;align-items:flex-start}.app-icon-wrapper{flex-shrink:0}.app-icon{border-radius:10px;box-shadow:0 4px 12px #0006}.dialog-title-info h2{font-size:13px;font-weight:500;color:#86868b;margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em}.dialog-subtitle{font-size:17px;font-weight:600;color:#fff;margin-bottom:6px;letter-spacing:-.01em}.version-compare{font-size:12px;color:#aeaeaf;line-height:1.5}.release-notes-section{display:flex;flex-direction:column;gap:8px}.release-notes-section h3{font-size:11px;font-weight:600;color:#86868b;text-transform:uppercase;letter-spacing:.02em}.release-notes-box{background-color:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:16px;height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.release-notes-box::-webkit-scrollbar{width:6px}.release-notes-box::-webkit-scrollbar-track{background:transparent}.release-notes-box::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.notes-header{font-size:12px;font-weight:600;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:6px}.notes-list{list-style:none;display:flex;flex-direction:column;gap:10px}.notes-list li{display:flex;gap:10px;align-items:flex-start;font-size:11.5px;line-height:1.4}.dynamic-notes{font-size:12px;line-height:1.5;color:#d1d1d6}.dynamic-notes p{margin-bottom:8px;color:#d1d1d6}.dynamic-notes ul{margin-left:16px;margin-bottom:10px;display:flex;flex-direction:column;gap:6px}.dynamic-notes li{margin-bottom:2px;list-style-type:disc}.dynamic-notes h3{font-size:12px;font-weight:600;color:#fff;margin-top:10px;margin-bottom:6px}.badge{font-size:8.5px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;letter-spacing:.04em;flex-shrink:0}.badge.new{background-color:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.badge.fix{background-color:#ff453a26;color:#ff453a;border:1px solid rgba(255,69,58,.25)}.badge.improved{background-color:#ffffff0d;color:#aeaeaf;border:1px solid rgba(255,255,255,.1)}.note-text{color:#d1d1d6}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid rgba(255,255,255,.08);padding-top:16px}.btn-sparkle{padding:6px 14px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .2s,transform .1s,border-color .2s}.btn-sparkle.secondary{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#e5e5ea}.btn-sparkle.secondary:hover{background-color:#ffffff1a;border-color:#ffffff26}.btn-sparkle.primary{background-color:#fff;border:1px solid #ffffff;color:#0a0a0c;font-weight:600;box-shadow:0 2px 6px #ffffff1a;display:inline-flex;align-items:center;gap:8px;position:relative}.btn-sparkle.primary:hover{background-color:#e5e5ea;border-color:#e5e5ea;box-shadow:0 4px 12px #fff3}.btn-sparkle:active{transform:scale(.97)}.install-loader{width:12px;height:12px;border:2px solid rgba(10,10,12,.2);border-top:2px solid #0a0a0c;border-radius:50%;display:none;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.dialog-header{flex-direction:column;gap:12px}.dialog-footer{flex-direction:column;align-items:stretch}.btn-sparkle{text-align:center;padding:10px}}.hero-section{padding:120px 22px 80px;background:radial-gradient(circle at top,rgba(10,132,255,.05) 0%,transparent 70%);text-align:center;border-bottom:1px solid var(--border-color);overflow:hidden}.hero-container{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:60px}.hero-text-content{max-width:820px}.hero-eyebrow{font-size:14px;font-weight:600;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:16px}.hero-title{font-size:56px;font-weight:700;color:#fff;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em}.gradient-text{color:var(--text-secondary);background:linear-gradient(180deg,#ffffff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:20px;font-weight:400;color:var(--text-secondary);line-height:1.5;margin-bottom:36px;text-wrap:balance}.hero-buttons{display:flex;justify-content:center;gap:16px;margin-bottom:20px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border-radius:980px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);cursor:pointer}.btn-primary{background-color:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 4px 14px #0a84ff4d}.btn-primary:hover{background-color:#0071e3;border-color:#0071e3;transform:scale(1.02);box-shadow:0 6px 20px #0a84ff73}.btn-primary:active{transform:scale(.98)}.btn-secondary{background-color:#ffffff0a;color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background-color:#ffffff14;border-color:var(--border-focus);transform:scale(1.02)}.btn-secondary:active{transform:scale(.98)}.btn-large{padding:16px 36px;font-size:16px}.hero-meta{font-size:12px;color:var(--text-tertiary)}.hero-mockup-wrapper{width:100%;max-width:680px;box-shadow:0 30px 70px #000c,0 0 40px #0a84ff0d;border-radius:12px}.section-container{max-width:1000px;margin:0 auto;padding:0 22px}.section-header{text-align:center;max-width:680px;margin:0 auto 60px}.section-eyebrow{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:12px}.section-title{font-size:40px;font-weight:700;color:#fff;margin-bottom:16px;letter-spacing:-.02em}.section-subtitle{font-size:18px;color:var(--text-secondary);line-height:1.4}.about-section{padding:100px 0;border-bottom:1px solid var(--border-color);background-color:var(--bg-primary)}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.about-paragraph{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:20px}.about-paragraph.highlight{font-size:18px;color:#fff;font-weight:500;line-height:1.5}.about-card-side{display:flex;flex-direction:column;gap:20px}.about-badge-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:24px;border-radius:12px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.about-badge-card:hover{border-color:var(--border-focus)}.badge-icon{display:flex;align-items:center}.about-badge-card h4{font-size:15px;font-weight:600;color:#fff}.about-badge-card p{font-size:13px;color:var(--text-secondary);line-height:1.5}.features-section{padding:100px 0;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:32px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:14px}.feature-card:hover{transform:translateY(-5px);border-color:var(--border-focus);box-shadow:0 15px 35px #00000080,0 0 20px #0a84ff0d}.feature-header-inline{display:flex;flex-direction:column;gap:12px}.feature-icon{width:40px;height:40px;border-radius:8px;background-color:#0a84ff14;border:1px solid rgba(10,132,255,.2);display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:16px;color:#fff;font-weight:600;letter-spacing:-.01em}.feature-card p{font-size:13.5px;line-height:1.6;color:var(--text-secondary)}.feature-wide{grid-column:span 3;flex-direction:row;align-items:center;gap:32px}.feature-wide .feature-icon-row{display:flex;flex-direction:column;gap:12px;min-width:250px}.tech-section{padding:100px 0;border-bottom:1px solid var(--border-color);background-color:var(--bg-primary)}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.tech-card{background-color:#ffffff03;border:1px solid var(--border-color);border-radius:12px;padding:24px;transition:border-color .2s}.tech-card:hover{border-color:#0a84ff33}.tech-card h4{font-size:16px;color:#fff;margin-bottom:10px;font-weight:600}.tech-card p{font-size:13px;line-height:1.5;color:var(--text-secondary)}.sparkle-section{padding:100px 0;border-bottom:1px solid var(--border-color);background:radial-gradient(circle at bottom right,rgba(10,132,255,.03) 0%,transparent 60%)}.sparkle-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.sparkle-text{display:flex;flex-direction:column;gap:20px}.sparkle-text .section-title{margin-bottom:0}.sparkle-p{font-size:15px;line-height:1.6;color:var(--text-secondary)}.dev-spec-box{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:16px;margin-top:12px;display:flex;flex-direction:column;gap:8px}.dev-spec-box h4{font-size:11px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.dev-spec-box p{font-size:11px;color:var(--text-secondary)}.code-url{font-family:monospace;font-size:11px;background-color:var(--bg-primary);border:1px solid var(--border-color);padding:8px 12px;border-radius:4px;color:#fff;overflow-x:auto;white-space:nowrap}.sparkle-mockup-side{display:flex;justify-content:center}.cta-section{padding:120px 22px;text-align:center;background-color:var(--bg-primary)}.cta-container{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:28px}.cta-title{font-size:44px;font-weight:700;color:#fff;letter-spacing:-.02em}.cta-description{font-size:18px;color:var(--text-secondary);line-height:1.5}.cta-buttons{display:flex;justify-content:center}.requirements-box{width:100%;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:24px;text-align:left;margin-top:20px}.requirements-box h4{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.req-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.req-grid h5{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}.req-grid p{font-size:13px;color:#fff;font-weight:500}.cta-small-print{font-size:11px;color:var(--text-tertiary)}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}.feature-wide{grid-column:span 2;flex-direction:column;align-items:flex-start;gap:16px}.tech-grid{grid-template-columns:repeat(2,1fr)}.about-grid,.sparkle-grid{grid-template-columns:1fr;gap:40px}.hero-title{font-size:44px}.hero-description{font-size:18px}.req-grid{grid-template-columns:1fr;gap:16px}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}.feature-wide{grid-column:span 1}.tech-grid{grid-template-columns:1fr}.hero-title{font-size:36px}.btn{padding:10px 18px;font-size:12px}.hero-buttons{flex-direction:column;align-items:stretch;max-width:280px;margin:0 auto 20px}.section-title,.cta-title{font-size:32px}}