*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0b0d0e;--panel: #121517;--panel-2: #171b1e;--line: rgba(255, 255, 255, .08);--teal: #2fd8c3;--orange: #ff8a4c;--grad: linear-gradient(92deg, #2fd8c3, #ff8a4c);--text: #eef1f0;--muted: #8b9599;--paper: #f2efe9;--ink: #16181a;--ink-muted: #5c625f;--ff-display: "Space Grotesk", system-ui, sans-serif;--ff-body: "Manrope", system-ui, sans-serif;--ff-mono: "JetBrains Mono", monospace;--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E")}html{scroll-behavior:smooth}body{background:var(--bg);background-image:var(--noise);color:var(--text);font-family:var(--ff-body);font-size:16px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:1180px;margin:0 auto;padding:0 6vw}.container.narrow{max-width:860px}.accent{color:var(--teal)}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:normal}.tc{font-family:var(--ff-mono);font-size:13px;letter-spacing:.08em;color:var(--teal);font-variant-numeric:tabular-nums}[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1)}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.marquee-inner,.rec-dot,.playhead-cursor{animation:none!important}}.scroll-line{position:fixed;top:0;left:0;height:3px;background:var(--grad);z-index:300}.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 26px;border-radius:8px;font-family:var(--ff-display);font-size:15px;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s,color .18s}.btn-solid{background:var(--teal);color:#062521;box-shadow:0 6px 24px #2fd8c340}.btn-solid:hover{transform:translateY(-2px);background:#4ce4d1}.btn-solid .icon{stroke:#062521}.btn-ghost{border:1px solid var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal)}.btn-lg{padding:16px 34px;font-size:16px}nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:16px 4vw;background:#0b0d0ed9;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-logo{font-family:var(--ff-display);font-size:21px;font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.01em}.nav-links{display:flex;list-style:none;gap:34px}.nav-links a{color:var(--muted);font-size:14.5px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--teal)}.nav-right{display:flex;align-items:center;gap:12px}.nav-cta{padding:10px 20px;font-size:14px}.nav-toggle{display:none;flex-direction:column;gap:6px;background:none;border:none;cursor:pointer;padding:6px}.nav-toggle span{width:24px;height:2px;background:var(--text);border-radius:2px}.hero{padding:150px 0 40px}.viewfinder{position:relative;padding:clamp(28px,5vw,64px);min-height:62vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse 60% 50% at 70% 20%,rgba(47,216,195,.07),transparent 70%),radial-gradient(ellipse 40% 40% at 15% 85%,rgba(255,138,76,.07),transparent 70%)}.vf-corner{position:absolute;width:34px;height:34px;border:2px solid rgba(255,255,255,.35)}.vf-corner.tl{top:0;left:0;border-right:none;border-bottom:none}.vf-corner.tr{top:0;right:0;border-left:none;border-bottom:none}.vf-corner.bl{bottom:0;left:0;border-right:none;border-top:none}.vf-corner.br{bottom:0;right:0;border-left:none;border-top:none}.vf-top,.vf-bottom{position:absolute;left:clamp(28px,5vw,64px);right:clamp(28px,5vw,64px);display:flex;justify-content:space-between;align-items:center;font-family:var(--ff-mono);font-size:12.5px;letter-spacing:.1em;color:var(--muted)}.vf-top{top:26px}.vf-bottom{bottom:26px;text-transform:uppercase}.rec{display:inline-flex;align-items:center;gap:8px;color:#ff5c5c;font-weight:500}.rec-dot{width:9px;height:9px;border-radius:50%;background:#ff5c5c;animation:blink 1.2s steps(1) infinite}@keyframes blink{50%{opacity:0}}.hero h1{font-family:var(--ff-display);font-size:clamp(40px,7vw,88px);font-weight:700;line-height:1.04;letter-spacing:-.025em;max-width:900px}.playhead-cursor{display:inline-block;width:4px;height:.85em;margin-left:12px;background:var(--teal);vertical-align:-.08em;animation:blink 1s steps(1) infinite}.hero-sub{max-width:540px;margin-top:26px;color:var(--muted);font-size:17px;font-weight:300}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:40px}.marquee-inner{display:flex;gap:44px;width:max-content;animation:scroll 28s linear infinite}.marquee-inner span{font-family:var(--ff-display);font-size:17px;font-weight:500;color:var(--muted);white-space:nowrap;display:inline-flex;align-items:center;gap:44px}.marquee-inner i{font-style:normal;font-size:13px}@keyframes scroll{to{transform:translate(-50%)}}.stats-bar{padding:70px 0 20px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat{border-left:2px solid;border-image:var(--grad) 1;padding-left:20px}.stat-value{display:block;font-family:var(--ff-display);font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.stat-label{font-family:var(--ff-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.section{padding:110px 0}.sec-head{margin-bottom:40px}.sec-label{display:block;font-family:var(--ff-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--teal);margin-bottom:14px}.sec-title{font-family:var(--ff-display);font-size:clamp(30px,4.6vw,54px);font-weight:700;letter-spacing:-.02em;line-height:1.1}.sec-sub{color:var(--muted);max-width:520px;margin:-18px 0 44px;font-weight:300}.nle{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px 22px;overflow:hidden}.nle-ruler{display:flex;justify-content:space-between;font-family:var(--ff-mono);font-size:11px;color:var(--muted);padding:0 6px 10px;border-bottom:1px solid var(--line);margin-bottom:14px;background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 40px);background-size:100% 6px;background-position:0 100%;background-repeat:no-repeat}.nle-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--teal) transparent;padding-bottom:6px}.nle-track{display:flex;align-items:stretch;gap:12px;min-width:900px}.nle-track+.nle-track{margin-top:12px}.track-label{flex:0 0 34px;display:flex;align-items:center;justify-content:center;font-family:var(--ff-mono);font-size:12px;color:var(--muted);background:var(--panel-2);border-radius:8px;align-self:stretch}.track-clips{display:flex;gap:6px;flex:1}.clip{position:relative;flex-basis:0;min-width:150px;height:168px;border-radius:10px;padding:14px 14px 12px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;color:var(--text);border:1px solid var(--line);overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),border-color .25s}.clip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px solid var(--orange);opacity:0;transition:opacity .2s}.clip:hover{transform:translateY(-4px);border-color:var(--teal)}.clip:hover:after{opacity:1}.c1{background:linear-gradient(150deg,#14453f,#0e1f1d 75%)}.c2{background:linear-gradient(150deg,#4a2e17,#201410 75%)}.c3{background:linear-gradient(150deg,#163b4a,#101b20 75%)}.c4{background:linear-gradient(150deg,#45203a,#1d1119 75%)}.c5{background:linear-gradient(150deg,#3c3c1c,#191910 75%)}.clip-dur{position:absolute;top:10px;right:10px;font-family:var(--ff-mono);font-size:11px;padding:3px 8px;border-radius:5px;background:#00000080;color:var(--text)}.clip-name{font-family:var(--ff-display);font-size:17px;font-weight:600;line-height:1.2}.clip-cat{font-size:12.5px;color:var(--muted)}.clip-in{font-family:var(--ff-mono);font-size:10px;color:#ffffff59;margin-top:8px;letter-spacing:.06em}.track-audio{flex:1;display:flex;align-items:center;gap:3px;height:56px;background:var(--panel-2);border-radius:10px;padding:0 14px;overflow:hidden}.track-audio span{flex:1;min-width:2px;border-radius:2px;background:linear-gradient(180deg,#2fd8c3bf,#2fd8c340)}.nle-hint{font-family:var(--ff-mono);font-size:11.5px;letter-spacing:.1em;color:var(--muted);text-align:center;margin-top:14px;text-transform:uppercase}.monitor{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.monitor-top{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid var(--line);font-family:var(--ff-mono);font-size:12px}.monitor-tag{color:var(--orange);letter-spacing:.1em}.monitor-title{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.monitor-dur{margin-left:auto;color:var(--muted);font-variant-numeric:tabular-nums}.monitor-screen{position:relative;aspect-ratio:16 / 9;background:#000}.monitor-screen iframe,.monitor-screen video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.monitor-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;cursor:pointer;background-color:#000;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.monitor-poster:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#05080873;transition:background .25s}.monitor-poster:hover:before{background:#05080840}.poster-play{position:relative;width:84px;height:84px;border-radius:50%;background:#0b0d0ebf;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;transition:transform .25s,border-color .25s}.monitor-poster:hover .poster-play{transform:scale(1.08);border-color:var(--teal)}.playlist{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:16px}.playlist-item{display:flex;flex-direction:column;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:8px;cursor:pointer;color:var(--text);font-family:var(--ff-body);transition:border-color .2s,transform .2s}.playlist-item:hover{transform:translateY(-3px);border-color:#2fd8c380}.playlist-item.active{border-color:var(--teal)}.playlist-thumb{position:relative;aspect-ratio:16 / 9;border-radius:6px;background:linear-gradient(150deg,#163b4a,#101b20 75%);background-size:cover;background-position:center;overflow:hidden}.playlist-item.active .playlist-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-left:2px solid var(--orange)}.playlist-dur{position:absolute;bottom:6px;right:6px;font-family:var(--ff-mono);font-style:normal;font-size:10.5px;padding:2px 6px;border-radius:4px;background:#000000a6}.playlist-meta{display:flex;flex-direction:column;padding:10px 6px 6px;line-height:1.35;min-width:0}.playlist-meta strong{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playlist-meta em{font-style:normal;font-size:12px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:34px 30px;transition:border-color .25s,transform .25s}.service-card:hover{border-color:#2fd8c380;transform:translateY(-4px)}.service-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:56px}.service-num{font-family:var(--ff-mono);font-size:13px;color:var(--muted)}.service-card h3{font-family:var(--ff-display);font-size:22px;font-weight:600;margin-bottom:12px}.service-card p{color:var(--muted);font-size:14.5px;font-weight:300}.section-light{background:radial-gradient(circle 400px at 90% 10%,rgba(47,216,195,.12),transparent 70%),radial-gradient(circle 400px at 5% 90%,rgba(255,138,76,.12),transparent 70%),var(--paper);color:var(--ink)}.section-light .sec-label{color:#0d8a7a}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}.about-lead{font-family:var(--ff-display);font-size:clamp(22px,2.6vw,30px);font-weight:600;line-height:1.35;letter-spacing:-.01em}.about-body{color:var(--ink-muted);font-size:15.5px}.tool-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.tool-chip{font-family:var(--ff-mono);font-size:12.5px;padding:8px 16px;border-radius:7px;background:var(--ink);color:var(--paper)}.queue{display:flex;flex-direction:column}.queue-row{display:grid;grid-template-columns:70px 1.3fr 1fr;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.queue-row:first-child{border-top:1px solid var(--line)}.queue-step{font-family:var(--ff-mono);font-size:15px;color:var(--muted)}.queue-info h3{font-family:var(--ff-display);font-size:21px;font-weight:600;margin-bottom:6px}.queue-info p{color:var(--muted);font-size:14.5px;font-weight:300}.queue-progress{display:grid;grid-template-columns:1fr auto;gap:8px 14px;align-items:center}.queue-status{grid-column:1 / -1;font-family:var(--ff-mono);font-size:11px;letter-spacing:.14em;color:var(--teal)}.bar{height:7px;border-radius:99px;background:var(--panel-2);overflow:hidden}.bar-fill{height:100%;border-radius:99px;background:var(--grad)}.queue-pct{font-family:var(--ff-mono);font-size:12px;color:var(--muted)}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.note{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.note-head{display:flex;align-items:center;gap:12px}.note-avatar{width:40px;height:40px;border-radius:50%;flex:0 0 40px;display:flex;align-items:center;justify-content:center;font-family:var(--ff-display);font-size:13px;font-weight:700;color:#062521;background:var(--grad)}.note-who{display:flex;flex-direction:column;line-height:1.3;min-width:0}.note-who strong{font-size:14px}.note-who em{font-style:normal;font-size:12px;color:var(--muted)}.note-at{margin-left:auto;font-family:var(--ff-mono);font-size:11.5px;color:var(--orange);padding:4px 9px;border-radius:6px;background:#ff8a4c1a;white-space:nowrap}.note blockquote{font-size:15.5px;line-height:1.55}.note-resolved{margin-top:auto;font-family:var(--ff-mono);font-size:11px;letter-spacing:.08em;color:var(--teal)}.faq-list{border-top:1px solid var(--line)}.faq{border-bottom:1px solid var(--line)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:none;border:none;color:var(--text);font-family:var(--ff-display);font-size:18px;font-weight:600;padding:24px 4px;cursor:pointer;text-align:left}.faq-chevron{font-size:24px;font-weight:400;line-height:1;color:var(--teal);transition:transform .25s}.faq.open .faq-chevron{transform:rotate(45deg)}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.faq-a p{overflow:hidden;color:var(--muted);font-weight:300;padding:0 4px}.faq.open .faq-a{grid-template-rows:1fr}.faq.open .faq-a p{padding-bottom:24px}.footer{padding:120px 0 30px;border-top:1px solid var(--line);overflow:hidden}.credits{display:flex;flex-direction:column;align-items:center;text-align:center}.credits-kicker{font-family:var(--ff-mono);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.credits-title{font-family:var(--ff-display);font-size:clamp(32px,5vw,58px);font-weight:700;letter-spacing:-.02em;margin:18px 0 44px;max-width:760px}.credits-list{width:min(440px,100%);margin-bottom:44px}.credit-row{display:flex;align-items:baseline;gap:14px;padding:9px 0;font-size:15px}.credit-role{font-family:var(--ff-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.credit-dots{flex:1;border-bottom:1px dotted rgba(255,255,255,.2)}.credit-name{font-family:var(--ff-display);font-weight:600}.footer-socials{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;margin-top:30px}.footer-socials a{color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s}.footer-socials a:hover{color:var(--teal)}.footer-wordmark{font-family:var(--ff-display);font-size:clamp(60px,13.5vw,200px);font-weight:700;letter-spacing:.02em;line-height:1;text-align:center;margin:90px 0 30px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.18);-webkit-user-select:none;user-select:none;transition:-webkit-text-stroke-color .4s}.footer-wordmark:hover{-webkit-text-stroke-color:rgba(47,216,195,.5)}.footer-copy{text-align:center;font-family:var(--ff-mono);font-size:12px;color:var(--muted);border-top:1px solid var(--line);padding-top:22px;margin:0 6vw}@media(max-width:960px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:34px 20px}.service-grid,.notes-grid{grid-template-columns:1fr}.playlist{grid-template-columns:repeat(2,1fr)}.service-top{margin-bottom:30px}.about-grid{grid-template-columns:1fr;gap:30px}.queue-row{grid-template-columns:44px 1fr}.queue-progress{grid-column:2}}@media(max-width:760px){.section{padding:80px 0}.hero{padding-top:120px}.viewfinder{min-height:78vh}.vf-bottom span:nth-child(2){display:none}.nav-links{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;flex-direction:column;gap:0;background:#0b0d0ef7;border-bottom:1px solid var(--line);padding:10px 0}.nav-links.open{display:flex}.nav-links a{display:block;padding:12px 6vw}.nav-toggle{display:flex}.nav-cta{display:none}}