@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#0c111b;--bg2:#111a25;--panel:#192331;--panel2:#1d2c39;--ink:#f6f5ef;--muted:#a6b4bf;--cyan:#8be9e0;--cyan2:#57c8d0;--coral:#fa967b;--line:rgba(255,255,255,.13);--cream:#eee9dd;--dark:#13202b;--max:1220px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--cyan)}img{display:block;max-width:100%}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace}code:not(pre code){font-size:.9em;background:rgba(139,233,224,.09);color:#bbf4ec;padding:.13em .38em;border-radius:.3em}em{font-style:normal;color:var(--cyan)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.skip-link{position:absolute;left:-999px;top:8px;z-index:20;background:var(--cyan);color:var(--bg);padding:12px 18px}.skip-link:focus{left:8px}
.section-shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.site-header{height:80px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:10;background:rgba(12,17,27,.92);backdrop-filter:blur(16px)}.brand{display:inline-flex;gap:11px;align-items:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.17rem;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}.brand:hover{color:var(--ink)}.brand-mark{width:31px;height:31px;border:2px solid var(--cyan);border-radius:9px;color:var(--cyan);display:grid;place-items:center;font-size:16px;line-height:1;letter-spacing:-.12em;padding-right:3px;transform:rotate(-9deg)}.brand-mark span{font-size:11px;margin-top:7px}.brand-dot{color:var(--coral)}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav a{text-decoration:none;font-size:.89rem;font-weight:700;color:#dbe3e5}.site-header nav a:hover{color:var(--cyan)}.site-header .nav-download{padding:11px 17px;border:1px solid var(--cyan);border-radius:8px;color:var(--cyan)}.menu-toggle{display:none;appearance:none;background:none;border:0;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:665px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:42px;padding-block:65px 80px;position:relative}.hero:before{content:'';position:absolute;inset:0 auto auto -20%;width:75%;height:600px;pointer-events:none;background:radial-gradient(circle at 50% 40%,rgba(49,101,110,.18),transparent 65%)}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:.73rem;letter-spacing:.18em;font-weight:800;text-transform:uppercase;color:var(--cyan)}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:99px;padding:9px 13px;background:rgba(255,255,255,.03)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(139,233,224,.12)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.065em;line-height:1.03}h1{font-size:clamp(4rem,7.1vw,7.9rem);margin:25px 0 25px;font-weight:700}.outline-word{color:transparent;-webkit-text-stroke:1px #c4d0d7}.hero-lede{font-size:1.08rem;max-width:540px;color:#bbc9d0;line-height:1.8}.hero-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:15px 23px;border-radius:9px;text-decoration:none;font-weight:800;font-size:.94rem;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--cyan);color:var(--dark);box-shadow:0 8px 30px rgba(139,233,224,.13)}.button-primary:hover{color:var(--dark);background:#b7fff1;box-shadow:0 12px 36px rgba(139,233,224,.22)}.button-ghost{border:1px solid var(--line);color:var(--ink)}.button-ghost:hover{border-color:var(--cyan)}.hero-stats{display:flex;gap:36px;margin-top:50px;border-top:1px solid var(--line);padding-top:22px}.hero-stats div{display:flex;flex-direction:column;gap:0}.hero-stats strong{font:700 1.24rem 'Space Grotesk',sans-serif}.hero-stats span{color:var(--muted);font-size:.78rem}
.hero-visual{height:570px;position:relative;display:grid;place-items:center}.orb{border-radius:50%;position:absolute;filter:blur(2px)}.orb-a{width:430px;height:430px;background:radial-gradient(circle,rgba(80,172,188,.22),rgba(95,44,97,.09) 58%,transparent 70%)}.orb-b{width:300px;height:300px;background:radial-gradient(circle,rgba(250,150,123,.12),transparent 72%);right:-70px;top:70px}.player-halo{position:relative;transform:rotate(5deg);filter:drop-shadow(30px 50px 50px rgba(0,0,0,.42));transition:transform .45s}.hero-visual:hover .player-halo{transform:rotate(1deg) translateY(-4px)}.player{width:min(100%,405px);aspect-ratio:405/510;border-radius:38px;background:linear-gradient(135deg,#3d454d 0%,#161b20 24%,#12171c 75%,#3d4349 100%);border:2px solid #737b82;box-shadow:inset 4px 4px 8px rgba(255,255,255,.17),inset -7px -8px 12px #090c0f;padding:34px 24px 20px;position:relative}.player-screen{height:auto;aspect-ratio:4/3;background:#020304;border:12px solid #020406;border-radius:15px;position:relative;overflow:hidden;box-shadow:0 0 0 2px #555b60,0 8px 18px rgba(0,0,0,.8)}.player-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.3s ease}.player-screen img.is-active{opacity:1}.screen-gloss{position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 37%)}.wheel{height:190px;width:190px;border-radius:50%;position:relative;margin:21px auto 0;background:radial-gradient(circle at 40% 35%,#1f272e 0,#06080b 58%,#161d22 100%);box-shadow:inset 0 0 0 2px #30373d,inset 4px 4px 9px #000,0 2px 2px rgba(255,255,255,.12);font-family:'Space Grotesk',sans-serif;color:#727d82;font-size:12px;font-weight:700}.wheel span:not(.wheel-center){position:absolute}.wheel-menu{left:50%;top:14px;transform:translateX(-50%)}.wheel-back{left:19px;top:50%;transform:translateY(-50%)}.wheel-next{right:19px;top:50%;transform:translateY(-50%)}.wheel-play{left:50%;bottom:13px;transform:translateX(-50%)}.wheel-center{position:absolute;width:83px;height:83px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#323a41,#11171d);border:2px solid #444b50;box-shadow:inset 3px 3px 8px rgba(255,255,255,.09)}.floating-note{position:absolute;display:flex;align-items:center;gap:11px;padding:12px 15px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(24,34,47,.86);backdrop-filter:blur(12px);box-shadow:0 12px 40px rgba(0,0,0,.2);font-size:.77rem;line-height:1.4;color:#afc4cb}.floating-note strong{color:#fff;font-size:.86rem}.note-one{right:-9px;top:70px;transform:rotate(5deg)}.note-two{left:-16px;bottom:89px;transform:rotate(-4deg)}.note-icon{font-size:28px;color:var(--cyan)}.mini-bars{display:flex;gap:3px;align-items:center;height:22px}.mini-bars i{display:block;width:4px;background:var(--coral);border-radius:5px}.mini-bars i:nth-child(1){height:11px}.mini-bars i:nth-child(2){height:20px}.mini-bars i:nth-child(3){height:13px}.mini-bars i:nth-child(4){height:17px}.mini-bars i:nth-child(5){height:8px}
.ticker{height:56px;overflow:hidden;background:var(--cyan);color:#17333d;display:flex;align-items:center;font:700 .83rem 'Space Grotesk',sans-serif;letter-spacing:.16em;white-space:nowrap}.ticker div{animation:marquee 30s linear infinite;min-width:max-content}.ticker span{padding-inline:30px;color:#167078}@keyframes marquee{to{transform:translateX(-50%)}}
.result-section,.guide-section,.advanced-section,.faq-section{padding-block:120px}.section-intro{max-width:770px;margin-bottom:40px}.section-intro h2,.guide-heading h2,.advanced-section h2,.download-section h2,.faq-section h2{font-size:clamp(2.9rem,5vw,5.7rem);margin:12px 0 20px}.section-intro>p:last-child,.guide-heading>div>p:last-child,.advanced-section p,.faq-intro p:last-child{font-size:1.06rem;color:var(--muted);line-height:1.75}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feature-card{border:1px solid var(--line);background:var(--bg2);border-radius:20px;overflow:hidden}.feature-image{padding:36px 34px;background:radial-gradient(circle at 50% 50%,#31495a,#1a2a35 70%);display:grid;place-items:center;min-height:315px}.feature-flow .feature-image{background:radial-gradient(circle at 50% 50%,#34333d,#171b23 72%)}.feature-image img{width:min(100%,430px);aspect-ratio:4/3;object-fit:contain;box-shadow:0 22px 30px rgba(0,0,0,.3)}.feature-body{padding:30px 34px 35px}.feature-number{font-size:.72rem;letter-spacing:.17em;font-weight:800;color:var(--coral)}.feature-body h3{font-size:2rem;margin:9px 0 12px}.feature-body p{color:var(--muted);line-height:1.75}.feature-chip{display:inline-flex;border:1px solid rgba(139,233,224,.35);background:rgba(139,233,224,.07);border-radius:99px;padding:7px 12px;color:var(--cyan);font-size:.77rem;font-weight:700}.callout{display:flex;gap:15px;border-radius:12px;padding:19px 21px;margin-top:25px}.callout p{margin:0;color:#ccdae0}.callout strong{color:white}.callout-icon{flex:0 0 25px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-weight:800}.callout-light{border:1px solid rgba(139,233,224,.21);background:rgba(139,233,224,.055)}.callout-light .callout-icon{background:var(--cyan);color:var(--dark)}
.guide-section{border-top:1px solid var(--line)}.guide-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:50px}.guide-heading>div:first-child{max-width:750px}.guide-heading h2{margin-bottom:14px}.progress-widget{width:228px;flex:none;padding-bottom:12px}.progress-top{display:flex;justify-content:space-between;font-size:.8rem;gap:10px;margin-bottom:12px}.progress-top span{color:var(--muted)}.progress-top strong{color:var(--cyan)}.progress-track{height:5px;background:#2e3b48;border-radius:99px;overflow:hidden}.progress-track span{height:100%;width:0;display:block;background:linear-gradient(90deg,var(--cyan2),var(--cyan));border-radius:99px;transition:width .35s}.steps{border-top:1px solid var(--line);min-width:0}.step{display:grid;grid-template-columns:137px minmax(0,1fr);gap:30px;border-bottom:1px solid var(--line);padding:39px 0 45px;transition:background .25s;min-width:0}.step:hover{background:linear-gradient(90deg,rgba(139,233,224,.03),transparent 60%)}.step-meta{display:flex;align-items:start;flex-direction:column;gap:25px}.step-number{font:700 3.2rem 'Space Grotesk',sans-serif;line-height:1;color:#536574;letter-spacing:-.08em}.step-check{display:flex;align-items:center;gap:8px;font-size:.79rem;color:#96aeb9;cursor:pointer}.step-check input{accent-color:var(--cyan);width:16px;height:16px;cursor:pointer}.step:has(input:checked) .step-number{color:var(--cyan)}.step-header{display:flex;align-items:baseline;justify-content:space-between;gap:15px}.step h3{font-size:clamp(1.5rem,2.5vw,2.5rem);margin:0 0 15px}.step-content{max-width:860px;min-width:0}.step-content p{font-size:1.02rem;color:#b7c4cc;line-height:1.75;margin-bottom:15px}.step-content strong{color:#eef6f4}.step-content a{color:var(--cyan)}.time-chip{font-size:.7rem;color:var(--coral);font-weight:800;letter-spacing:.13em;white-space:nowrap}.inline-hint{padding:14px 17px;margin-top:20px;background:rgba(255,255,255,.04);border-left:3px solid var(--cyan);font-size:.88rem;color:#b4c5cf;border-radius:0 8px 8px 0}.path-block{padding:19px 22px;border-radius:10px;border:1px solid var(--line);background:#0a1018;margin-top:22px;overflow-wrap:anywhere}.path-block span{display:block;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:10px}.path-block code{background:none!important;padding:0!important;color:#d9ebef!important;line-height:1.8}.code-tabs{display:flex;gap:2px;margin-top:22px}.code-tab{border:1px solid var(--line);border-radius:8px 8px 0 0;background:#1a2631;color:var(--muted);font-size:.8rem;font-weight:800;padding:9px 16px}.code-tab.is-active{background:#0a1018;color:var(--cyan);border-bottom-color:#0a1018}.code-wrap{position:relative;min-width:0}.code-wrap pre{margin:0;background:#0a1018;border:1px solid var(--line);border-radius:0 9px 9px 9px;color:#d8f6f2;padding:25px 24px;overflow-x:auto;line-height:1.8;font-size:.85rem}.copy-button{position:absolute;right:10px;top:9px;border:1px solid #536576;background:#21303d;color:#e7f7f5;border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700}.copy-button:hover{background:#304858}
.advanced-section{padding-top:80px}.advanced-grid{display:grid;grid-template-columns:1fr .83fr;gap:65px;align-items:center}.advanced-section h2{margin-bottom:25px}.advanced-section p{font-size:1rem}.text-link{display:inline-flex;gap:12px;font-weight:800;color:var(--cyan);text-decoration:none;margin-top:10px}.advanced-card{border:1px solid #46616b;background:#0b141c;border-radius:15px;overflow:hidden;box-shadow:20px 30px 80px rgba(0,0,0,.24);transform:rotate(1.5deg)}.terminal-header{display:flex;gap:6px;align-items:center;height:42px;background:#1a2c37;padding:0 14px;border-bottom:1px solid #365363}.terminal-header span{width:8px;height:8px;border-radius:50%;background:#f89781}.terminal-header span:nth-child(2){background:#f2c26f}.terminal-header span:nth-child(3){background:#91dbc7}.terminal-header em{margin-left:auto;font:700 .65rem ui-monospace,monospace;color:#a3b3bc}.terminal-body{padding:26px;font:.82rem/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d0e3e8}.terminal-body p{font:inherit;color:inherit;margin-bottom:21px}.term-comment{color:#71939d}.hash{word-break:break-all}.terminal-status{border-top:1px solid #304553;padding-top:14px;display:flex;gap:9px;align-items:center;color:#9eeadf}.status-light{width:7px;height:7px;border-radius:50%;background:#9eeadf;box-shadow:0 0 0 4px rgba(158,234,223,.1)}.callout-warning{margin-top:50px;border:1px solid rgba(250,150,123,.3);background:rgba(250,150,123,.06)}.callout-warning .callout-icon{background:var(--coral);color:#1e1719}
.download-section{width:100%;max-width:none;background:var(--cream);color:var(--dark);padding:85px max(32px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center;overflow:hidden}.download-section .kicker{color:#367b7b}.download-section h2{font-size:clamp(3.2rem,5.8vw,6rem)}.download-section em{color:#368f93}.download-section p:not(.kicker){max-width:565px;color:#435760;line-height:1.8;font-size:1.04rem}.download-section .button-primary{background:#122633;color:#e8fbf5;margin-top:12px}.download-section .button-primary:hover{background:#254853;color:#fff}.download-details{display:flex;flex-wrap:wrap;gap:18px;margin-top:26px;color:#53656c;font-size:.75rem;font-weight:700}.download-details span:before{content:'✦';color:#368f93;margin-right:7px}.download-art{min-height:360px;position:relative;display:grid;place-items:center}.vinyl{width:330px;height:330px;border-radius:50%;background:repeating-radial-gradient(circle,#17222c 0 5px,#23303a 6px 7px,#17222c 8px 12px);position:absolute;right:20px;box-shadow:20px 25px 25px rgba(27,45,51,.2);transform:rotate(20deg)}.vinyl-inner{width:103px;height:103px;border-radius:50%;background:var(--coral);position:absolute;right:134px;z-index:1;border:4px solid #283f48}.album-front{width:265px;height:265px;background:linear-gradient(145deg,#1f4b58,#1a2d41 50%,#4b4559);z-index:2;position:absolute;left:10px;transform:rotate(-8deg);display:flex;flex-direction:column;padding:22px;border:1px solid #b2c2c0;box-shadow:18px 24px 26px rgba(27,45,51,.3);overflow:hidden}.album-front:after{content:'';border:2px solid rgba(139,233,224,.5);border-radius:50%;position:absolute;width:230px;height:230px;right:-65px;bottom:-80px}.album-front span,.album-front small{font-size:.62rem;color:#9be9dc;letter-spacing:.2em;font-weight:800}.album-front strong{font:700 2.45rem/1.05 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:white;margin-top:42px}.album-front small{margin-top:auto}
.faq-section{display:grid;grid-template-columns:.65fr 1fr;gap:60px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;list-style:none;font-weight:800;font-family:'Space Grotesk',sans-serif;font-size:1.17rem;display:flex;align-items:center;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.6rem;color:var(--cyan);font-weight:400}details[open] summary:after{content:'−'}details p{color:var(--muted);line-height:1.75;margin:18px 0 4px;font-size:.95rem}.site-footer{border-top:1px solid var(--line);padding:35px max(32px,calc((100vw - var(--max))/2)) 40px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid var(--line);padding-bottom:30px}.footer-top p{margin:0;color:var(--muted);font-size:.88rem}.footer-top>a:last-child{font-size:.83rem;font-weight:800;text-decoration:none;color:var(--cyan);white-space:nowrap}.footer-bottom{display:flex;justify-content:space-between;gap:45px;padding-top:25px;color:#8fa3ae;font-size:.77rem}.footer-bottom p{max-width:700px;margin:0}.footer-bottom div{display:flex;gap:15px;white-space:nowrap}.footer-bottom a{color:#c4dee0}
@media(max-width:1000px){.hero{gap:10px}.hero-visual{transform:scale(.83)}.floating-note{display:none}.advanced-grid{gap:32px}.site-header nav{gap:18px}.footer-bottom{display:block}.footer-bottom div{margin-top:20px}}
@media(max-width:760px){.section-shell{width:min(calc(100% - 38px),var(--max))}.site-header{padding-inline:19px;height:68px}.site-header nav{display:none;position:absolute;left:0;right:0;top:68px;background:#101923;padding:18px 24px 27px;flex-direction:column;align-items:stretch;gap:17px;box-shadow:0 14px 20px rgba(0,0,0,.3)}.site-header nav.is-open{display:flex}.menu-toggle{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding-block:52px 28px}.hero h1{font-size:clamp(3.65rem,14vw,6rem)}.hero-lede{font-size:1rem}.hero-visual{height:490px;transform:scale(.8);transform-origin:top center;margin-bottom:-65px}.hero-stats{gap:20px;margin-top:36px}.hero-stats strong{font-size:1rem}.result-section,.guide-section,.advanced-section,.faq-section{padding-block:76px}.feature-grid,.advanced-grid,.faq-section,.download-section{grid-template-columns:1fr}.section-intro h2,.guide-heading h2,.advanced-section h2,.download-section h2,.faq-section h2{font-size:clamp(2.75rem,11vw,4.5rem)}.feature-image{padding:25px;min-height:0}.guide-heading{display:block}.progress-widget{margin-top:22px;width:100%}.step{grid-template-columns:minmax(0,1fr);gap:9px;padding-block:31px}.step-meta{flex-direction:row;align-items:center;justify-content:space-between}.step-number{font-size:2.5rem}.step-header{display:block}.time-chip{display:inline-block;margin-bottom:9px}.advanced-card{transform:none}.download-section{padding:65px 23px;gap:15px}.download-art{min-height:325px;order:2}.download-copy{order:1}.faq-section{gap:20px}.footer-top{align-items:start;flex-wrap:wrap}.footer-top p{order:3;width:100%}.footer-bottom div{flex-wrap:wrap;white-space:normal}}
@media(max-width:460px){.hero-visual{transform:scale(.68);height:405px;margin-bottom:-85px}.hero-actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}.hero-stats{justify-content:space-between}.hero-stats div{max-width:30%}.player{width:min(405px,100%)}.feature-body{padding:25px}.download-art{transform:scale(.82);transform-origin:left center;min-height:285px}.code-wrap pre{font-size:.75rem;padding:39px 14px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker div{animation:none}.player-screen img,.button,.player-halo,.progress-track span{transition:none!important}}
.hero-byline{margin:18px 0 0;color:#8fa9b5;font-size:.87rem;letter-spacing:.02em}.hero-byline strong{color:var(--cyan);font-weight:800}