.night-nav{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#06060ab3,#0000);justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:absolute;top:0;left:0;right:0}.night-logo{letter-spacing:.5px;color:var(--frost);font-family:Instrument Serif,serif;font-size:26px;text-decoration:none}.night-logo b{background:linear-gradient(120deg,var(--aurora-b),var(--aurora-a));color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:400}.night-nav ul{gap:36px;margin:0;padding:0;list-style:none;display:flex}.night-nav ul a{color:var(--mist);letter-spacing:.04em;font-size:13.5px;text-decoration:none;transition:color .25s}.night-nav ul a:hover{color:var(--frost)}.night-btn{color:var(--ink);background:var(--frost);cursor:pointer;border:none;border-radius:100px;align-items:center;gap:10px;padding:13px 26px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .3s cubic-bezier(.2,.9,.3,1.4),box-shadow .3s;display:inline-flex}.night-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 12px 40px -8px #7c5cff8c}.night-btn.ghost{color:var(--frost);border:1px solid var(--line);background:0 0}.night-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:140px 24px 60px;display:flex}.night-kicker{letter-spacing:.28em;text-transform:uppercase;color:var(--aurora-b);border:1px solid var(--line);background:var(--glass);border-radius:100px;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:12px;animation:.9s .1s both night-rise}.night-hero h1{letter-spacing:-.015em;margin:32px 0 24px;font-family:Instrument Serif,serif;font-size:clamp(52px,9vw,124px);font-weight:400;line-height:.98;animation:.9s .25s both night-rise}.night-hero h1 em{background:linear-gradient(110deg,var(--aurora-b)10%,var(--aurora-a)50%,var(--aurora-c)90%);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:5s linear infinite night-shimmer}.night-sub{max-width:560px;color:var(--mist);margin-left:auto;margin-right:auto;font-size:18px;line-height:1.65;animation:.9s .4s both night-rise}.night-cta-row{justify-content:center;gap:16px;margin-top:40px;animation:.9s .55s both night-rise;display:flex}.night-editor{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:left;border-radius:18px;width:min(1060px,92vw);margin:90px auto 0;animation:1.1s .7s both night-rise;overflow:hidden;box-shadow:0 60px 120px -40px #000c,inset 0 0 0 1px #ffffff05}.night-editor-bar{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:14px 18px;display:flex}.night-dot{border-radius:50%;width:11px;height:11px}.night-dot:first-child{background:#ff5f57}.night-dot:nth-child(2){background:#febc2e}.night-dot:nth-child(3){background:#28c840}.night-editor-bar span.title{color:var(--mist);margin-left:14px;font-family:JetBrains Mono,monospace;font-size:11.5px}.night-rec{color:#ff5c8a;align-items:center;gap:8px;margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.night-rec:before{content:"";background:#ff5c8a;border-radius:50%;width:8px;height:8px;animation:1.2s infinite night-blink}.night-viewport{background:radial-gradient(60% 80% at 30% 40%,#7c5cff59,#0000),radial-gradient(50% 70% at 75% 65%,#2dd6c14d,#0000),#0a0a12;border-radius:12px;height:300px;margin:18px;position:relative;overflow:hidden}.night-viewport:after{content:"▶";opacity:.25;color:#fff;place-items:center;font-size:42px;display:grid;position:absolute;inset:0}.night-playhead-time{color:var(--mist);font-family:JetBrains Mono,monospace;font-size:11px;position:absolute;bottom:12px;right:14px}.night-timeline{flex-direction:column;gap:7px;padding:0 18px 20px;display:flex;position:relative}.night-track{border-radius:7px;gap:6px;height:34px;display:flex;overflow:hidden}.night-clip{border:1px solid #ffffff1f;border-radius:7px;height:100%;position:relative;overflow:hidden}.night-clip:before{content:"";background:repeating-linear-gradient(90deg,#0000 0 7px,#ffffff12 7px 8px);position:absolute;inset:0}.night-c1{background:linear-gradient(120deg,#5b46c9,#7c5cff)}.night-c2{background:linear-gradient(120deg,#1d9c8d,#2dd6c1)}.night-c3{background:linear-gradient(120deg,#c2436a,#ff5c8a)}.night-c4{background:linear-gradient(120deg,#2b2f4a,#454a76)}.night-playhead{background:var(--frost);z-index:10;width:2px;animation:9s linear infinite night-scrub;position:absolute;top:-6px;bottom:14px;left:8%;box-shadow:0 0 12px #eef2ffe6}.night-playhead:before{content:"";border:6px solid #0000;border-top:8px solid var(--frost);position:absolute;top:-7px;left:-5px}.night-marquee{border-block:1px solid var(--line);white-space:nowrap;z-index:1;margin:130px 0;padding:22px 0;position:relative;overflow:hidden}.night-marquee div{color:var(--mist);font-family:Instrument Serif,serif;font-size:30px;animation:26s linear infinite night-slide;display:inline-block}.night-marquee em{color:var(--frost);margin:0 28px;font-style:italic}.night-marquee span{color:var(--aurora-b);margin:0 28px}.night-section{z-index:1;max-width:1100px;margin:0 auto;padding:80px 24px;position:relative}.night-section-head{max-width:640px;color:var(--frost);margin-bottom:64px;font-family:Instrument Serif,serif;font-size:clamp(36px,5vw,58px);font-weight:400;line-height:1.05}.night-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;display:grid}.night-card{border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;text-align:left;border-radius:18px;padding:34px 30px;transition:transform .4s cubic-bezier(.2,.9,.3,1.2),border-color .4s;position:relative;overflow:hidden;transform:translateY(36px)}.night-card.in{opacity:1;transition:opacity .8s var(--d,0s),transform .8s var(--d,0s)cubic-bezier(.2,.9,.3,1.1);transform:none}.night-card:hover{border-color:#7c5cff73;transform:translateY(-6px)}.night-card:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,50%)var(--my,50%),#7c5cff24,transparent 70%);transition:opacity .5s;position:absolute;inset:0}.night-card:hover:before{opacity:1}.night-card .num{color:var(--aurora-b);letter-spacing:.2em;font-family:JetBrains Mono,monospace;font-size:11px}.night-card h3{color:var(--frost);margin:14px 0 12px;font-family:Instrument Serif,serif;font-size:26px;font-weight:400}.night-card p{color:var(--mist);font-size:14.5px;line-height:1.7}.night-price-card{text-align:left}.night-price-card .amt{color:var(--frost);margin:8px 0;font-family:Instrument Serif,serif;font-size:54px}.night-price-card .amt small{color:var(--mist);font-family:Inter,sans-serif;font-size:16px}.night-price-card ul{color:var(--mist);gap:11px;margin:20px 0 28px;padding:0;font-size:14px;list-style:none;display:grid}.night-price-card li:before{content:"✦ ";color:var(--aurora-b)}.night-featured{background:linear-gradient(160deg,#2dd6c112,var(--glass));border-color:#2dd6c180}.night-final{text-align:center;z-index:1;border-top:1px solid var(--line);margin-top:80px;padding:140px 24px 60px;position:relative}.night-final h2{color:var(--frost);margin-bottom:30px;font-family:Instrument Serif,serif;font-size:clamp(44px,7vw,92px);font-weight:400;line-height:1}.night-final h2 em{background:linear-gradient(110deg,var(--aurora-b),var(--aurora-c));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.editor-mockup{--bg:#08080d;--panel:#0e0f17;--panel2:#12131d;--dim:#4a5070;--vio:#7c5cff;--teal:#2dd6c1;--rose:#ff5c8a;text-align:left;flex-direction:column;width:100%;font-family:Inter,sans-serif;display:flex}.editor-mockup .mono{font-family:JetBrains Mono,monospace}.editor-mockup .topbar{border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;align-items:center;gap:14px;height:46px;padding:0 14px;display:flex}.editor-mockup .topbar .logo{letter-spacing:.3px;color:var(--frost);font-size:14px;font-weight:600}.editor-mockup .topbar .logo b{color:var(--teal);font-weight:600}.editor-mockup .topbar .crumb{color:var(--dim);font-size:12.5px}.editor-mockup .topbar .crumb b{color:var(--mist);font-weight:500}.editor-mockup .topbar .saved{color:var(--dim);font-size:11px}.editor-mockup .topbar .saved:before{content:"●";color:var(--teal);vertical-align:1px;margin-right:5px;font-size:8px}.editor-mockup .topbar .avatars{margin-left:auto;display:flex}.editor-mockup .topbar .avatars span{border:2px solid var(--panel);border-radius:50%;place-items:center;width:24px;height:24px;margin-left:-7px;font-size:9px;font-weight:600;display:grid}.editor-mockup .work{height:340px;display:flex}.editor-mockup .center{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex}.editor-mockup .viewport{border:1px solid var(--line);background:radial-gradient(55% 70% at 32% 38%,#7c5cff52,#0000),radial-gradient(45% 60% at 72% 70%,#2dd6c142,#0000),#05050a;border-radius:12px;flex:1;margin:14px;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #000}.editor-mockup .safe{pointer-events:none;border:1px dashed #eef2ff1a;border-radius:4px;position:absolute;inset:8%}.editor-mockup .vp-meta{color:var(--mist);gap:12px;font-size:10px;display:flex;position:absolute;top:10px;left:12px}.editor-mockup .cursor-tag{color:var(--bg);background:var(--rose);border-radius:3px 8px 8px;padding:2px 7px;font-size:10px;animation:6s ease-in-out infinite alternate night-peer;position:absolute;top:34%;left:58%}@keyframes night-peer{to{transform:translate(-90px,60px)}}.editor-mockup .transport{justify-content:center;align-items:center;gap:6px;height:44px;padding:0 14px;display:flex}.editor-mockup .tbtn{width:32px;height:32px;color:var(--mist);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;font-size:13px;transition:all .2s;display:grid}.editor-mockup .tbtn:hover{background:var(--panel2);color:var(--frost)}.editor-mockup .tbtn.play{background:var(--frost);width:38px;height:38px;color:var(--bg);border-radius:50%;font-size:14px}.editor-mockup .tc{color:var(--frost);margin:0 18px;font-size:13px}.editor-mockup .tc small{color:var(--dim)}.editor-mockup .tl{border-top:1px solid var(--line);background:var(--panel);flex-direction:column;flex-shrink:0;height:236px;display:flex}.editor-mockup .tl-tools{border-bottom:1px solid var(--line);align-items:center;gap:4px;height:38px;padding:0 12px;display:flex}.editor-mockup .tool{color:var(--mist);border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:11.5px;display:flex}.editor-mockup .tool.on{background:var(--panel2);color:var(--frost)}.editor-mockup .kbd{background:var(--panel2);border:1px solid var(--line);color:var(--dim);border-radius:4px;padding:1px 5px;font-size:9px}.editor-mockup .tl-body{flex:1;min-height:0;display:flex}.editor-mockup .heads{border-right:1px solid var(--line);flex-shrink:0;width:128px}.editor-mockup .head{border-bottom:1px solid var(--line);height:44px;color:var(--mist);align-items:center;gap:8px;padding:0 12px;font-size:11px;display:flex}.editor-mockup .head:first-child{height:26px;color:var(--dim)}.editor-mockup .head i{opacity:.6;font-style:normal}.editor-mockup .head i.on{opacity:1;color:var(--teal)}.editor-mockup .lanes{cursor:ew-resize;touch-action:none;flex:1;position:relative;overflow-x:hidden}.editor-mockup .ruler{border-bottom:1px solid var(--line);height:26px;color:var(--dim);font-size:9.5px;display:flex}.editor-mockup .ruler span{border-left:1px solid var(--line);flex-shrink:0;width:90px;padding:7px 0 0 6px}.editor-mockup .lane{border-bottom:1px solid var(--line);height:44px;position:relative}.editor-mockup .clip{border:1px solid #ffffff24;border-radius:7px;padding:5px 9px;font-size:10px;font-weight:500;transition:box-shadow .2s;position:absolute;top:5px;bottom:5px;overflow:hidden}.editor-mockup .clip.sel{box-shadow:0 0 0 1.5px var(--frost),0 6px 18px -6px #000;z-index:2}.editor-mockup .clip .wave{opacity:.5;background:repeating-linear-gradient(90deg,currentColor 0 2px,#0000 2px 5px);height:16px;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000)}.editor-mockup .cv{color:#cfc4ff;background:linear-gradient(120deg,#4c3aad,#7c5cff)}.editor-mockup .cs{color:#bdf3ec;background:linear-gradient(120deg,#157a6e,#2dd6c1)}.editor-mockup .ca{color:#aab0d8;background:linear-gradient(120deg,#23263c,#3c4166)}.editor-mockup .cx{color:#ffd2df;background:linear-gradient(120deg,#a93a5e,#ff5c8a)}.editor-mockup .playhead{background:var(--rose);z-index:5;pointer-events:none;width:1.5px;position:absolute;top:0;bottom:0;box-shadow:0 0 10px #ff5c8ab3}.editor-mockup .playhead:before{content:"";border:6.5px solid #0000;border-top:9px solid var(--rose);position:absolute;top:0;left:-5.5px}@media (max-width:720px){.night-nav ul{display:none}.night-nav{padding:18px 22px}}
