*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#08080a;--bg-raised:#111114;--bg-subtle:#18181c;--bg-card:#131316;--text:#eae8e3;--text-secondary:#9a9890;--text-tertiary:#85837b;--border:#28282e;--border-light:#1e1e24;--accent:#e85d75;--accent-warm:#f4a261;--accent-cool:#2a9d8f;--accent-deep:#7b2cbf;--serif:"Instrument Serif", Georgia, "Times New Roman", serif;--sans:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(0, 0, .2, 1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#features,#how-it-works,#download{scroll-margin-top:80px}body{font-family:var(--sans);color:var(--text);background:var(--bg);font-weight:400;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent-warm);outline-offset:4px}.skip-link{z-index:10000;color:var(--bg);background:var(--text);transition:transform .2s var(--ease-out);border-radius:8px;padding:10px 16px;font-weight:600;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}img{max-width:100%;display:block}.grain{pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.container{max-width:1200px;margin:0 auto;padding:0 32px}.nav{z-index:1000;-webkit-backdrop-filter:blur(20px)saturate(1.4);border-bottom:1px solid var(--border-light);transition:box-shadow .4s var(--ease);background:#08080ab3;position:fixed;top:0;left:0;right:0}.nav.scrolled{box-shadow:0 8px 32px #0006}.nav-content{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo-mark{gap:3px;display:flex}.logo-swatch{background:var(--sw);border-radius:2px;width:8px;height:18px}.logo-text{font-family:var(--sans);letter-spacing:-.02em;font-size:18px;font-weight:600}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a:not(.btn){color:var(--text-secondary);font-size:14px;font-weight:400;transition:color .25s}.nav-links a:not(.btn):hover{color:var(--text)}.btn{font-family:var(--sans);cursor:pointer;transition:all .3s var(--ease);white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-nav{background:var(--bg-raised);color:var(--text);border:1px solid var(--border);padding:8px 16px;font-size:13px}.btn-nav:hover{background:var(--bg-subtle);border-color:var(--accent)}.btn-nav svg{flex-shrink:0}.btn-primary{background:var(--text);color:var(--bg);font-weight:600}.btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #eae8e326}.btn-secondary{color:var(--text);background:var(--bg-raised);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-subtle);border-color:var(--accent)}.btn-large{border-radius:10px;padding:14px 28px;font-size:16px}.hero{padding:160px 0 80px;position:relative;overflow:hidden}.hero-layout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.hero-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:20px;font-size:13px;font-weight:500}.hero-title{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:24px;font-size:clamp(42px,5vw,64px);font-weight:400;line-height:1.1}.hero-title em{color:var(--accent);font-style:italic}.hero-subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:36px;font-size:17px;line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.hero-price{color:var(--text-tertiary);font-size:14px}.hero-visual{justify-content:center;display:flex}.extraction-demo{flex-direction:column;gap:0;width:100%;max-width:420px;display:flex}.demo-frame{border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;position:relative;overflow:hidden}.demo-frame-image{aspect-ratio:16/9;position:relative;overflow:hidden}.demo-gradient{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 25%,#0f3460 50%,#e94560 75%,#f4a261 100%);animation:8s ease-in-out infinite alternate gradient-shift;position:absolute;inset:0}@keyframes gradient-shift{0%{filter:hue-rotate();background-position:0%}to{filter:hue-rotate(20deg);background-position:100%}}.demo-scanline{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#0000000f 3px 4px);position:absolute;inset:0}.demo-timecode{color:#ffffff80;letter-spacing:.06em;font-family:SF Mono,Menlo,monospace;font-size:11px;position:absolute;bottom:10px;right:12px}.demo-connections{opacity:.4;width:100%;height:24px}.demo-palette{border:1px solid var(--border);border-top:none;border-radius:0 0 12px 12px;display:flex;overflow:hidden}.demo-swatch{flex-direction:column;flex:1;display:flex}.swatch-fill{background:var(--color);height:56px;animation:swatch-in .6s var(--ease) calc(var(--delay) * .15s + .5s) both;display:block}@keyframes swatch-in{0%{opacity:0;transform-origin:top;transform:scaleY(0)}to{opacity:1;transform-origin:top;transform:scaleY(1)}}.swatch-hex{text-align:center;letter-spacing:.04em;color:var(--text-tertiary);background:var(--bg-card);padding:6px 0;font-family:SF Mono,Menlo,monospace;font-size:9px;display:block}.hero-accents{pointer-events:none;position:absolute;inset:0;overflow:hidden}.accent{filter:blur(80px);opacity:.15;border-radius:50%;position:absolute}.accent-1{background:var(--accent);width:400px;height:400px;animation:12s ease-in-out infinite alternate float;top:-100px;right:-100px}.accent-2{background:var(--accent-cool);width:300px;height:300px;animation:10s ease-in-out 2s infinite alternate-reverse float;bottom:-50px;left:-50px}.accent-3{background:var(--accent-warm);width:200px;height:200px;animation:14s ease-in-out 4s infinite alternate float;top:40%;left:30%}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(30px,-20px)scale(1.1)}}.palette-strip{border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:0;overflow:hidden}.strip-track{overflow:hidden}.strip-colors{width:max-content;animation:30s linear infinite scroll-strip;display:flex}.strip-colors span{background:var(--c);flex-shrink:0;width:80px;height:6px;display:block}@keyframes scroll-strip{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-header{margin-bottom:64px}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-cool);margin-bottom:16px;font-size:12px;font-weight:500}.section-title{font-family:var(--serif);letter-spacing:-.02em;max-width:600px;font-size:clamp(36px,4vw,52px);font-weight:400;line-height:1.15}.section-title em{color:var(--accent-warm);font-style:italic}.features{padding:120px 0}.features-grid{background:var(--border-light);border:1px solid var(--border-light);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.feature-card{background:var(--bg-card);transition:background .4s var(--ease);padding:36px}.feature-card:hover{background:var(--bg-subtle)}.feature-wide{grid-column:1/-1;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr;gap:0 24px;display:grid}.feature-wide .feature-icon-wrap{grid-row:1/3}.feature-wide .feature-formats{grid-column:1/-1}.feature-wide-half{grid-column:span 3}@media (width>=641px){.features-grid{grid-template-columns:repeat(6,1fr)}.feature-wide{grid-column:1/-1}.feature-card:not(.feature-wide):not(.feature-wide-half){grid-column:span 2}.feature-wide-half{grid-column:span 3}}.feature-icon-wrap{width:48px;height:48px;color:var(--accent);background:#e85d7514;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card h3{font-family:var(--sans);letter-spacing:-.01em;margin-bottom:8px;font-size:17px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.feature-formats{border-top:1px solid var(--border-light);flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:20px;display:flex}.feature-formats span{letter-spacing:.04em;color:var(--accent-cool);background:#2a9d8f1a;border:1px solid #2a9d8f26;border-radius:4px;padding:4px 10px;font-family:SF Mono,Menlo,monospace;font-size:11px;font-weight:500}.how-it-works{background:var(--bg-raised);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:120px 0}.workflow{flex-direction:column;gap:80px;display:flex}.workflow-step{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.workflow-step:nth-child(2n){direction:rtl}.workflow-step:nth-child(2n)>*{direction:ltr}.step-visual{justify-content:center;display:flex}.step-mock{border:1px solid var(--border);background:var(--bg-card);border-radius:12px;width:100%;max-width:380px;overflow:hidden}.mock-dropzone{aspect-ratio:4/3;color:var(--text-tertiary);border:2px dashed var(--border);transition:all .4s var(--ease);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:20px;display:flex}.step-mock-import:hover .mock-dropzone{border-color:var(--accent);color:var(--accent);background:#e85d750a}.mock-dropzone span{font-size:13px;font-weight:500}.step-mock-analyze{flex-direction:column;gap:20px;padding:24px;display:flex}.mock-progress{flex-direction:column;gap:8px;display:flex}.mock-progress span{color:var(--text-tertiary);font-size:12px}.mock-bar{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.mock-bar-fill{background:linear-gradient(90deg, var(--accent-cool), var(--accent));border-radius:2px;width:72%;height:100%;animation:2.5s ease-in-out infinite bar-pulse}@keyframes bar-pulse{0%,to{opacity:1;width:65%}50%{opacity:.8;width:85%}}.mock-swatches-emerging{gap:6px;display:flex}.mock-swatches-emerging span{background:var(--c);height:40px;animation:emerge 1.2s var(--ease) var(--d) both;border-radius:6px;flex:1}@keyframes emerge{0%{opacity:0;transform:translateY(10px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.step-mock-export{flex-direction:column;gap:12px;padding:20px;display:flex}.mock-export-preview{border:1px solid var(--border);border-radius:6px;overflow:hidden}.mock-hero-frame{aspect-ratio:16/7;background:linear-gradient(135deg,#264653,#2a9d8f,#e9c46a)}.mock-palette-bar{display:flex}.mock-palette-bar span{background:var(--c);flex:1;height:24px}.mock-export-label{text-align:center;color:var(--text-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500}.step-content{max-width:400px}.step-num{color:var(--accent-warm);letter-spacing:.06em;margin-bottom:12px;font-family:SF Mono,Menlo,monospace;font-size:12px;font-weight:500;display:block}.step-content h3{font-family:var(--serif);margin-bottom:12px;font-size:32px;font-weight:400}.step-content p{color:var(--text-secondary);font-size:15px;line-height:1.7}.download{background:var(--bg-raised);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:120px 0}.download-card{text-align:center;max-width:640px;margin:0 auto;position:relative}.download-palette{justify-content:center;gap:6px;margin-bottom:32px;display:flex}.download-palette span{background:var(--c);width:32px;height:32px;animation:3s ease-in-out infinite palette-bob;animation-delay:calc(var(--i,0) * .15s);border-radius:50%}.download-palette span:first-child{--i:0}.download-palette span:nth-child(2){--i:1}.download-palette span:nth-child(3){--i:2}.download-palette span:nth-child(4){--i:3}.download-palette span:nth-child(5){--i:4}@keyframes palette-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.download-card h2{font-family:var(--serif);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(32px,3.5vw,44px);font-weight:400}.download-card h2 em{color:var(--accent);font-style:italic}.download-card>p{color:var(--text-secondary);margin-bottom:32px;font-size:15px;line-height:1.7}.download-actions{margin-bottom:32px}.download-details{flex-wrap:wrap;justify-content:center;gap:24px;display:flex}.download-details span{color:var(--text-tertiary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.download-details svg{flex-shrink:0}.specs{padding:64px 0}.specs-layout{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.specs-col h3{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:8px;font-size:12px;font-weight:600}.specs-col p{color:var(--text-secondary);font-size:13px;line-height:1.7}.footer{border-top:1px solid var(--border-light);padding:64px 0 32px}.footer-content{flex-direction:column;gap:48px;display:flex}.footer-top{justify-content:space-between;gap:64px;display:flex}.footer-brand{max-width:280px}.footer-tagline{color:var(--text-tertiary);margin-top:12px;font-size:14px}.footer-nav{gap:64px;display:flex}.footer-col{flex-direction:column;gap:10px;display:flex}.footer-col h2,.footer-col h4{letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:4px;font-size:12px;font-weight:600}.footer-col [aria-current=page]{color:var(--text)}.footer-col a{color:var(--text-secondary);font-size:14px;transition:color .25s}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border-light);color:var(--text-tertiary);justify-content:space-between;padding-top:24px;font-size:13px;display:flex}.footer-note{font-size:12px}.reveal{opacity:0;transition:opacity .7s var(--ease), transform .7s var(--ease);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger>.reveal:first-child{transition-delay:0s}.reveal-stagger>.reveal:nth-child(2){transition-delay:80ms}.reveal-stagger>.reveal:nth-child(3){transition-delay:.16s}.reveal-stagger>.reveal:nth-child(4){transition-delay:.24s}.reveal-stagger>.reveal:nth-child(5){transition-delay:.32s}.reveal-stagger>.reveal:nth-child(6){transition-delay:.4s}.legal-content{min-height:100vh;padding:140px 0 80px}.legal-document{background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;max-width:720px;margin:0 auto;padding:48px}.legal-document h1{font-family:var(--serif);margin-bottom:16px;font-size:42px;font-weight:400}.legal-meta{color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:48px;padding-bottom:24px;font-size:14px}.legal-document h2{font-family:var(--sans);margin-top:48px;margin-bottom:16px;font-size:22px;font-weight:600}.legal-document h2:first-of-type{margin-top:0}.legal-document h3{color:var(--accent-cool);margin-top:32px;margin-bottom:12px;font-size:17px;font-weight:600}.legal-document p{color:var(--text-secondary);margin-bottom:16px;line-height:1.8}.legal-document ul{margin:16px 0;padding-left:24px}.legal-document li{color:var(--text-secondary);margin-bottom:12px;line-height:1.8}.legal-document a{color:var(--accent);transition:color .2s}.legal-document a:hover{color:var(--accent-warm)}.legal-document strong{color:var(--text);font-weight:600}.legal-summary{background:var(--bg-subtle);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin-top:48px;padding:24px}.error-content{place-items:center;min-height:100vh;padding:140px 0 80px;display:grid}.error-card{text-align:center;background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;max-width:680px;margin:0 auto;padding:64px 48px}.error-code{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-family:SF Mono,Menlo,monospace;font-size:13px;font-weight:600}.error-card h1{font-family:var(--serif);margin-bottom:20px;font-size:clamp(42px,7vw,72px);font-weight:400;line-height:1}.error-card p:not(.error-code){max-width:520px;color:var(--text-secondary);margin:0 auto 32px;font-size:17px}@media (width<=960px){.hero-layout{grid-template-columns:1fr;gap:48px}.hero{text-align:center;padding:140px 0 60px}.hero-subtitle{margin:0 auto 36px}.hero-actions{justify-content:center}.hero-visual{order:-1}.features-grid{grid-template-columns:1fr 1fr!important}.feature-wide{grid-column:1/-1!important}.feature-card:not(.feature-wide):not(.feature-wide-half),.feature-wide-half{grid-column:span 1!important}.workflow-step{grid-template-columns:1fr;gap:32px}.workflow-step:nth-child(2n){direction:ltr}.specs-layout{grid-template-columns:repeat(2,1fr)}.footer-top{flex-direction:column;gap:40px}}@media (width<=640px){.container{padding:0 20px}.nav-links a:not(.btn){display:none}.hero-title{font-size:36px}.features-grid{grid-template-columns:1fr!important}.feature-card,.feature-wide,.feature-wide-half{grid-column:span 1!important}.specs-layout{grid-template-columns:1fr;gap:24px}.hero-actions,.download-details{flex-direction:column;align-items:center}.footer-nav{flex-direction:column;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:4px}}@media (width<=400px){.hero{padding:120px 0 40px}.hero-title{font-size:30px}.section-title{font-size:28px}.features,.showcase,.download,.how-it-works{padding:80px 0}.legal-document{padding:28px 20px}.legal-document h1{font-size:30px}.legal-content{padding:110px 0 60px}.error-card{padding:48px 24px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}