:root{
  --bg:#0a0a0a;--panel:#111;--soft:#171717;--line:#2a2a2a;--text:#f5f5f5;--muted:#a3a3a3;--accent:#f4f4f4;--danger:#ff6961;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#080808 0%,#0c0c0c 100%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 32px));margin:auto}
header{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);background:rgba(8,8,8,.78);border-bottom:1px solid rgba(255,255,255,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:baseline;gap:10px;font-weight:900;letter-spacing:-.04em}
.brand .main{font-size:22px}.brand .jp{font-size:12px;color:var(--muted);letter-spacing:.08em}nav{display:flex;gap:18px;font-size:14px;color:#cfcfcf}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:12px;background:#f5f5f5;color:#090909;font-weight:800;border:1px solid #f5f5f5}
.btn.secondary{background:transparent;color:#fff;border-color:#343434}.hero{padding:96px 0 72px}.kicker{font-size:13px;letter-spacing:.16em;color:#bcbcbc;font-weight:700;text-transform:uppercase}
h1{margin:14px 0 18px;font-size:clamp(52px,10vw,108px);line-height:.92;letter-spacing:-.075em}.hero p{max-width:720px;font-size:clamp(18px,2.4vw,25px);color:#c6c6c6}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px}.badge{border:1px solid #2c2c2c;background:#111;padding:8px 12px;border-radius:999px;color:#bbb;font-size:13px}
section{padding:70px 0;border-top:1px solid rgba(255,255,255,.07)}h2{font-size:clamp(34px,5vw,60px);letter-spacing:-.055em;margin:0 0 18px;line-height:1}
.lead{font-size:19px;color:#b8b8b8;max-width:820px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:28px}.card{background:#101010;border:1px solid #262626;border-radius:18px;padding:22px}
.card h3{margin:0 0 8px;font-size:22px}.card p{margin:0;color:#aaa}.mode{font-size:12px;letter-spacing:.12em;color:#9a9a9a;margin-bottom:8px;font-weight:800}
.steps{counter-reset:step;display:grid;gap:12px;margin-top:26px}.step{display:grid;grid-template-columns:64px 1fr;gap:18px;align-items:start;background:#101010;border:1px solid #242424;border-radius:16px;padding:18px}
.step:before{counter-increment:step;content:"0" counter(step);color:#8b8b8b;font-weight:900;font-size:22px}.note{padding:16px 18px;border-left:3px solid #777;background:#101010;color:#bdbdbd}
.price{display:flex;align-items:baseline;gap:8px}.price strong{font-size:48px;letter-spacing:-.05em}.price span{color:#9d9d9d}
form{display:grid;gap:12px;margin-top:24px}label{font-size:13px;color:#aaa}input,select,textarea{width:100%;background:#0b0b0b;border:1px solid #303030;border-radius:12px;color:#fff;padding:14px;font:inherit}
textarea{min-height:120px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}footer{padding:40px 0 60px;color:#858585;font-size:13px;border-top:1px solid #222}
.footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:12px}.mini{font-size:12px;color:#7f7f7f}ul.clean{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}ul.clean li:before{content:"→ ";color:#777}
@media(max-width:820px){nav{display:none}.grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.hero{padding-top:72px}}
.upload-shell{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:18px;align-items:start}
.upload-box{background:#101010;border:1px solid #292929;border-radius:20px;padding:22px}
.dropzone{display:block;width:100%;min-height:190px;border:1px dashed #555;border-radius:18px;padding:42px 22px;text-align:center;cursor:pointer;transition:.2s;background:#0c0c0c;overflow:hidden}
.dropzone:hover,.dropzone.drag{border-color:#aaa;background:#121212}
.dropzone strong{display:block;font-size:22px;margin-bottom:6px}
.dropzone input{display:none}
.file-meta{margin-top:14px;padding:14px;border-radius:12px;background:#0b0b0b;border:1px solid #272727;color:#bdbdbd}
.upload-status{margin-top:14px;min-height:28px;color:#d1d1d1}
.progress{height:8px;background:#1d1d1d;border-radius:999px;overflow:hidden;margin-top:14px;display:none}
.progress.active{display:block}
.progress>span{display:block;height:100%;width:36%;background:#f5f5f5;border-radius:999px;animation:zasuUpload 1.1s ease-in-out infinite alternate}
@keyframes zasuUpload{from{transform:translateX(-100%)}to{transform:translateX(280%)}}
.beta-gate{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}
.spec-list{display:grid;gap:10px;margin-top:18px}
.spec-item{padding:12px 0;border-bottom:1px solid #242424;color:#aaa}
.spec-item strong{color:#f1f1f1}
.success-panel{border:1px solid #404040;background:#111;border-radius:16px;padding:18px;margin-top:16px}
@media(max-width:820px){.upload-shell{grid-template-columns:1fr}.beta-gate{grid-template-columns:1fr}}

@media(max-width:820px){
  .upload-box{padding:18px}
  .dropzone{min-height:170px;padding:34px 16px}
  .dropzone strong{font-size:20px}
  .file-meta{overflow-wrap:anywhere}
}

.result-shell{max-width:860px;margin:0 auto}
.result-card{background:#101010;border:1px solid #292929;border-radius:20px;padding:24px;margin-bottom:18px}
.result-state{font-size:clamp(32px,7vw,58px);font-weight:900;letter-spacing:-.04em;margin:8px 0 10px}
.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #343434;border-radius:999px;padding:8px 12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.metric{background:#0b0b0b;border:1px solid #242424;border-radius:14px;padding:14px}
.metric .label{font-size:11px;letter-spacing:.08em;color:#8e8e8e;text-transform:uppercase}
.metric strong{display:block;font-size:22px;margin-top:4px}
.ab-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.ab-card{background:#0b0b0b;border:1px solid #242424;border-radius:14px;padding:16px}
.ab-card audio{width:100%;margin-top:10px}
.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
@media(max-width:680px){.metric-grid{grid-template-columns:1fr}.ab-grid{grid-template-columns:1fr}.result-card{padding:18px}}