*{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f7f8fc;color:#14151a}body{margin:0}.topbar{height:68px;background:#fff;border-bottom:1px solid #eceef3;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100% - 1100px)/2))}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.logo{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#111;color:#fff}.badge{font-size:12px;color:#5e6470;background:#f1f2f6;border-radius:99px;padding:8px 12px}.hero{max-width:900px;margin:0 auto;padding:70px 20px 35px;text-align:center}.pill{display:inline-block;border:1px solid #e0e3ea;border-radius:99px;background:#fff;padding:8px 13px;font-size:13px;font-weight:700;color:#606675}h1{font-size:clamp(38px,7vw,68px);line-height:1.02;letter-spacing:-2.5px;margin:20px 0 16px}h1 span{color:#646b78}.lead{max-width:620px;margin:0 auto;color:#646a76;font-size:17px;line-height:1.6}.download-form{display:flex;gap:10px;background:#fff;border:1px solid #e0e3e9;border-radius:16px;padding:8px;margin:30px auto 10px;max-width:760px;box-shadow:0 12px 35px rgba(20,25,40,.07)}input{min-width:0;flex:1;border:0;outline:0;padding:16px;font-size:15px;background:transparent}button{border:0;border-radius:11px;background:#111;color:#fff;padding:0 25px;font-size:15px;font-weight:800;cursor:pointer}.hint{font-size:12px;color:#8a909b}.alert{max-width:760px;margin:18px auto;padding:13px 15px;border-radius:12px;text-align:left;font-size:14px}.error{background:#fff0f0;border:1px solid #ffd4d4;color:#9a2f2f}.results{max-width:760px;margin:30px auto;background:#fff;border:1px solid #e5e7ec;border-radius:18px;padding:20px;text-align:left}.results h2{margin:0 0 15px}.thumb{width:100%;max-height:420px;object-fit:cover;border-radius:12px;margin-bottom:14px}.options{display:grid;gap:10px}.option{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;color:#17191e;border:1px solid #e2e4e9;border-radius:12px;padding:14px 16px}.option:hover{background:#f7f8fa}.option small{display:block;color:#858b96;margin-top:3px}.option b{background:#111;color:#fff;border-radius:9px;padding:9px 13px;font-size:13px}.notice{font-size:11px;line-height:1.5;color:#858b96;margin:16px 0 0}.features{max-width:1000px;margin:25px auto 0;padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.features article,.info{background:#fff;border:1px solid #e5e7ec;border-radius:16px;padding:22px}.icon{font-size:24px}.features h3{margin:12px 0 6px}.features p{color:#737985;font-size:14px;line-height:1.5;margin:0}.info{max-width:960px;margin:10px auto 50px}.info h2{margin-top:0}.info li{margin:10px 0;color:#616773}footer{text-align:center;border-top:1px solid #e6e8ed;background:#fff;padding:25px;color:#858b96;font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:650px){.topbar{height:60px}.badge{display:none}.hero{padding:48px 14px 25px}h1{letter-spacing:-1.6px}.lead{font-size:15px}.download-form{flex-direction:column;padding:7px;border-radius:14px}.download-form input{padding:14px 12px}.download-form button{height:50px}.features{grid-template-columns:1fr;padding:14px;margin-top:5px}.info{margin:10px 14px 35px}.results{margin:25px 0}.option{padding:12px}.option b{padding:8px 10px}}

.setup{max-width:560px;margin:25px auto;background:#fff;border:1px solid #e1e3e8;border-radius:16px;padding:22px;text-align:left}.setup input{width:100%;box-sizing:border-box;border:1px solid #ddd;border-radius:10px;padding:14px;margin:7px 0 12px}.setup button{height:48px;width:100%;background:#111;color:#fff;border:0;border-radius:10px;font-weight:800}.setup h2{font-size:18px;margin-top:8px}
.language-box {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: auto;
}

.language-box select {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 8px 10px;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
}

@media (max-width: 600px) {
    .topbar {
        flex-wrap: wrap;
    }

    .language-box {
        width: 100%;
        justify-content: flex-end;
        margin-top: 8px;
    }
}