:root{--ink:#000;--mute:#5f5f5f;--line:#e6e6e6;--wash:#f6f6f6;--ok:#0a7a3d;--bad:#b3261e;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Bengali","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
h1,h2,h3{margin:0;letter-spacing:-.03em;line-height:1.1}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.muted{color:var(--mute)}
.mono{font-family:var(--mono);font-size:14px;word-break:break-all}

.top{border-bottom:1px solid var(--line);background:#fff}
.bar{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:800;letter-spacing:-.03em;text-decoration:none;font-size:19px}
nav{display:flex;gap:22px;align-items:center;font-size:15px}
nav a:not(.btn){color:var(--mute);text-decoration:none}
nav a:not(.btn):hover{color:var(--ink)}
nav form{margin:0}

.btn{display:inline-block;font:inherit;font-weight:600;background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:999px;padding:10px 22px;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{background:#222}
.btn.ghost{background:#fff;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{border-color:var(--ink)}
.btn.danger{background:#fff;color:var(--bad);border-color:#efc4c0}
.btn.sm{padding:6px 14px;font-size:14px}
.link{font:inherit;background:none;border:0;padding:0;color:var(--mute);cursor:pointer}
.link:hover{color:var(--ink)}

.hero{padding:88px 0 40px}
.hero h1{font-size:clamp(2.5rem,7.5vw,4.8rem);font-weight:800;letter-spacing:-.045em;line-height:1;max-width:13ch;margin-bottom:22px}
.lead{font-size:1.2rem;color:var(--mute);max-width:54ch;margin:0}
.claim{display:flex;align-items:center;gap:4px;border:1.5px solid var(--ink);border-radius:999px;padding:6px 6px 6px 28px;max-width:760px;margin-top:38px;background:#fff}
.claim:focus-within{box-shadow:0 0 0 5px rgba(0,0,0,.08)}
.claim input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:600 1.35rem var(--mono);padding:12px 0}
.claim select{border:0;outline:0;background:transparent;font:600 1.35rem var(--mono);color:var(--mute);padding:12px 6px;cursor:pointer}
.result{min-height:30px;margin:14px 6px 0;font-weight:600}
.result.ok{color:var(--ok)}.result.bad{color:var(--bad)}

.split{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;padding:64px 0;border-top:1px solid var(--line);margin-top:56px}
.split h2{font-size:2.1rem;margin-bottom:14px}
.split p{margin:0 0 14px;color:var(--mute);max-width:46ch}
.sample{border:1px solid var(--line);border-radius:14px;overflow:hidden;align-self:start}
.sample .cap{padding:12px 18px;border-bottom:1px solid var(--line);background:var(--wash);font:600 13px var(--mono);color:var(--mute)}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;padding:56px 0 88px;border-top:1px solid var(--line)}
.facts h3{font-size:1.25rem;margin-bottom:8px}
.facts p{margin:0;color:var(--mute)}

.page{padding:48px 0 80px}
.head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;flex-wrap:wrap}
.head h2{font-size:2rem}
.narrow{max-width:420px;margin:64px auto;padding:0 24px}
.narrow h2{font-size:2rem;margin-bottom:24px}
.wide{max-width:640px}
.scroll{overflow-x:auto}
.tbl{width:100%;border-collapse:collapse}
.tbl th{text-align:left;font-weight:600;font-size:13px;color:var(--mute);padding:10px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl form{margin:0}
.tag{font:700 12px var(--mono);border:1px solid var(--line);border-radius:6px;padding:2px 8px;background:var(--wash)}

label{display:block;font-size:13px;font-weight:600;color:var(--mute);margin-bottom:5px}
.in{width:100%;font:inherit;padding:11px 14px;border:1px solid #cfcfcf;border-radius:10px;background:#fff;color:var(--ink)}
.in:focus{border-color:var(--ink);outline:0;box-shadow:0 0 0 4px rgba(0,0,0,.07)}
.field{margin-bottom:16px}
.err{color:var(--bad);font-size:14px;margin:5px 0 0}
.note{padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:var(--wash);margin:0 0 20px}
.note.bad{background:#fff;border-color:#efc4c0;color:var(--bad)}
.rec{display:grid;grid-template-columns:110px 1.1fr 2fr 90px 120px auto;gap:12px;align-items:end;padding:22px;border:1px solid var(--line);border-radius:14px;margin-bottom:28px}
.checks{list-style:none;padding:0;margin:0 0 24px}
.checks li{padding:8px 0;border-bottom:1px solid var(--line)}
.checks .y{color:var(--ok);font-weight:700}.checks .n{color:var(--bad);font-weight:700}
.danger-zone{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
footer{border-top:1px solid var(--line);padding:28px 0;color:var(--mute);font-size:14px}
footer .wrap{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{text-decoration:none}

@media(max-width:860px){
 .split{grid-template-columns:1fr;gap:32px}
 .facts{grid-template-columns:1fr;gap:28px}
 .rec{grid-template-columns:1fr 1fr}
 .hero{padding-top:56px}
}
@media(max-width:620px){
 .claim{flex-wrap:wrap;border-radius:22px;padding:16px 18px}
 .claim input,.claim select{font-size:1.15rem}
 .claim .btn{width:100%;margin-top:6px}
 .rec{grid-template-columns:1fr}
 nav{gap:14px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

.subnav{display:flex;gap:22px;flex-wrap:wrap;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px}
.subnav a{text-decoration:none;color:var(--mute)}.subnav a.on,.subnav a:hover{color:var(--ink)}.subnav form{margin:0 0 0 auto}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px}
.stat{border:1px solid var(--line);border-radius:14px;padding:18px 20px}
.stat b{display:block;font-size:2.1rem;letter-spacing:-.03em;line-height:1.1}
.inl{display:inline-block;margin:0 4px 0 0}
@media(max-width:860px){.stats{grid-template-columns:1fr 1fr}}