:root{--navy:#19324a;--dark:#102337;--blue:#285d88;--paper:#f5f6f7;--white:#fff;--text:#1f2933;--muted:#667684;--line:#d8dee4;--gold:#b7904d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,Arial,sans-serif}.wrap{width:min(1060px,calc(100% - 40px));margin:auto}.site-header{height:76px;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);text-decoration:none;font:700 21px 'PT Serif'}.brand small{display:block;font:500 9px Inter;color:var(--muted);margin-top:2px}.seal{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:23px}.site-header nav{display:flex;gap:28px}.site-header nav a{color:var(--text);text-decoration:none;font-size:12px;font-weight:600}.intro{padding:75px 0 68px;display:grid;grid-template-columns:1.5fr .7fr;gap:75px;align-items:center}.label{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:1.3px}.intro h1{font:700 clamp(38px,5vw,58px)/1.08 'PT Serif';color:var(--navy);margin:18px 0}.intro-copy>p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:28px}.main-button{border:0;border-radius:3px;background:var(--navy);color:#fff;padding:14px 22px;font:600 13px Inter;cursor:pointer}.main-button:hover{background:var(--blue)}.notice{background:#fff;border:1px solid var(--line);border-top:3px solid var(--gold);padding:24px}.notice b{font:700 18px 'PT Serif'}.notice ol{padding-left:20px}.notice li{font-size:12px;margin:12px 0;color:#455461}.notice p{border-top:1px solid var(--line);padding-top:14px;color:var(--muted);font-size:10px}.section{padding:65px 0 85px}.section-heading{display:flex;gap:18px;align-items:flex-start;margin-bottom:27px}.section-heading>span{color:var(--gold);font-weight:700;font-size:12px;margin-top:6px}.section-heading h2{font:700 30px 'PT Serif';color:var(--navy);margin:0 0 7px}.section-heading p{color:var(--muted);font-size:12px;margin:0}.panel{background:#fff;border:1px solid var(--line);padding:24px}.dropzone{height:225px;border:1px dashed #aeb9c2;background:#fafbfc;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative}.dropzone:hover,.dropzone.drag{border-color:var(--blue);background:#f3f7fa}.dropzone input,.modal-drop input{display:none}.file-icon{width:38px;height:38px;border-radius:50%;background:#e7edf2;color:var(--blue);display:grid;place-items:center;font-size:22px;margin-bottom:14px}.dropzone strong{font-size:14px;color:var(--navy)}.dropzone>span:not(.file-icon){font-size:11px;color:var(--muted);margin-top:6px}.dropzone small{font-size:10px;color:#8c99a4;margin-top:18px}.file-picked{display:none;position:absolute;inset:0;background:#edf3f7;align-items:center;justify-content:center;gap:15px}.file-picked b{max-width:70%;overflow:hidden;text-overflow:ellipsis}.file-picked button{border:0;background:var(--navy);color:#fff;border-radius:50%;width:26px;height:26px}.dropzone.has-file .file-picked{display:flex}.form-footer{display:flex;align-items:flex-end;justify-content:space-between;margin-top:22px}.field-label{display:block;font-size:10px;font-weight:700;margin-bottom:8px}.formats{display:flex}.formats button{border:1px solid var(--line);background:#fff;padding:9px 15px;font-size:11px;font-weight:600;margin-right:-1px}.formats button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.progress{display:none;margin-top:20px}.progress.show{display:block}.progress>div{height:4px;background:#e4e8eb}.progress>div span{display:block;height:100%;background:var(--blue)}.progress p{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.convert-result{display:none;align-items:center;gap:12px;margin-top:20px;padding:14px;background:#eef6ef;border:1px solid #c9dfcb}.convert-result.show{display:flex}.result-check{width:30px;height:30px;border-radius:50%;background:#397a45;color:#fff;display:grid;place-items:center}.convert-result>div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.convert-result b{font-size:12px}.convert-result span{font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convert-result a{background:var(--navy);color:#fff;text-decoration:none;padding:10px 14px;font-size:11px;font-weight:600}.records{background:var(--dark);color:#fff;padding:70px 0 85px}.records-head{display:flex;justify-content:space-between;align-items:center}.section-heading.light{margin:0}.section-heading.light h2{color:#fff}.section-heading.light p{color:#9fb0bf}.secondary-button{border:1px solid #718494;background:transparent;color:#fff;padding:12px 16px;font-weight:600;font-size:11px}.privacy-note{background:#1a344c;border-left:3px solid var(--gold);color:#b9c5cf;font-size:10px;line-height:1.5;padding:12px 15px;margin:28px 0}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.empty{grid-column:1/-1;text-align:center;border:1px dashed #52687a;padding:50px;color:#b5c1cb}.empty b{color:#fff;font:700 17px 'PT Serif'}.empty p{font-size:11px}.track{background:#172e43;border:1px solid #344d61;padding:17px}.track-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.play{width:38px;height:38px;border-radius:50%;border:0;background:#fff;color:var(--navy)}.track-name{min-width:0;flex:1}.track-name b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.track-name span,.track-bottom{font-size:9px;color:#91a3b2}.wave{height:26px;display:flex;align-items:center;gap:2px;margin-bottom:12px}.wave i{flex:1;background:#52687a;height:var(--h);max-height:25px}.track.playing .wave i{background:#d4b36f}.track-bottom{display:flex;align-items:center;justify-content:space-between}.copy{border:1px solid #52687a;background:transparent;color:#fff;padding:7px 9px;font-size:9px}footer{background:#fff}footer .wrap{height:80px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#0d1b28cc}.modal-card{width:min(470px,calc(100vw - 28px));background:#fff;padding:34px;position:relative}.modal-close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:23px}.modal-card h2{font:700 27px 'PT Serif';color:var(--navy);margin:12px 0 5px}.modal-card>p{font-size:11px;color:var(--muted);margin-bottom:25px}.input-label{display:block;font-size:10px;font-weight:700}.input-label input{display:block;width:100%;padding:12px;border:1px solid var(--line);font:12px Inter;margin:7px 0 14px}.modal-drop{height:125px;border:1px dashed #aeb9c2;display:flex;flex-direction:column;align-items:center;justify-content:center}.modal-drop>span{font-size:22px;color:var(--blue)}.modal-drop b{font-size:12px}.modal-drop small{color:var(--muted);font-size:9px;margin-top:5px}.modal-submit{width:100%;margin-top:14px}.toast{position:fixed;right:20px;bottom:20px;background:var(--navy);color:#fff;padding:13px 17px;display:flex;gap:10px;align-items:center;transform:translateY(100px);transition:.25s}.toast.show{transform:none}.toast p{margin:0;font-size:11px}@media(max-width:760px){.site-header nav{display:none}.intro{grid-template-columns:1fr;gap:35px;padding:50px 0}.records-head{align-items:flex-start;flex-direction:column;gap:22px}.track-grid{grid-template-columns:1fr}.form-footer{align-items:stretch;flex-direction:column;gap:18px}.convert-btn{width:100%}.convert-result{flex-wrap:wrap}.convert-result a{width:100%;text-align:center}.wrap{width:min(100% - 28px,1060px)}}