
:root{color-scheme:dark;--bg:#10120f;--panel:#1b2019;--ink:#f1f3e8;--muted:#b8c0b0;--line:#414d39;--lime:#d4ff70;--orange:#ffd191;font-family:Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:var(--lime)}a:hover{text-decoration-thickness:2px}header,main,footer{max-width:1120px;margin:auto;padding:24px 30px}header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.brand{font-size:15px;font-weight:800;letter-spacing:.06em;text-decoration:none;color:var(--ink)}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}nav a{color:var(--muted);text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--lime);font-size:12px;font-weight:800;margin:28px 0 14px}h1{font-size:clamp(39px,7vw,76px);line-height:1.02;letter-spacing:-.055em;margin:12px 0 22px;max-width:840px}h2{font-size:28px;line-height:1.2;margin-top:32px}h3{font-size:21px}.lede{font-size:20px;line-height:1.6;color:var(--muted);max-width:740px}.big{font-size:clamp(46px,8vw,84px);font-weight:800;letter-spacing:-.05em}.hero{padding:30px 0 48px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tool{padding:26px;background:var(--panel);border-top:2px solid var(--lime);text-decoration:none;color:var(--ink)}.tool p{line-height:1.6;color:var(--muted)}.tool span{color:var(--lime)}.row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.button,button{display:inline-block;background:var(--lime);color:#142006;text-decoration:none;border:1px solid var(--lime);border-radius:2px;padding:14px 20px;font:700 15px Arial,sans-serif;cursor:pointer;line-height:1.4;min-height:48px}.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.panel{border:1px solid var(--line);background:var(--panel);padding:26px;margin:28px 0}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}label{display:block;font-size:15px;line-height:1.5}input[type=number]{display:block;margin-top:8px;padding:12px;width:100%;min-height:48px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:22px Arial,sans-serif}input[type=checkbox]{accent-color:var(--lime);width:20px;height:20px;flex:none}.check{display:flex;gap:14px;align-items:flex-start;margin:18px 0}.muted,small{color:var(--muted)}p,li{line-height:1.65}.output{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.output .big{color:var(--lime)}.error{color:#ffb1a6}footer{margin-top:40px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);line-height:1.6}details{padding:15px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700}.steps{counter-reset:steps;padding:0;list-style:none}.steps li{border-bottom:1px solid var(--line);padding:20px 0}.steps b{color:var(--lime)}.formula{font-family:monospace;overflow-wrap:anywhere;color:var(--orange)}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}img{max-width:100%;height:auto}.sectionline{padding-top:30px;margin-top:36px;border-top:1px solid var(--line)}@media(max-width:650px){header,main,footer{padding:20px 18px}.grid,.formgrid{grid-template-columns:1fr}.panel{padding:18px}.lede{font-size:18px}nav{gap:14px}.hero{padding-top:15px}h2{font-size:25px}}

.mt5-video{display:block;width:min(100%,270px);height:auto;aspect-ratio:9/16;border:0}
