/* MachineryRentalMarket — Tools shared styles (matches main site design system) */
:root{
  --bg:#0a0a0b; --panel:#141416; --panel2:#1b1b1e; --line:#2a2a2d; --line2:#3a3a3e;
  --text:#e9e9ea; --dim:#8a8a90; --faint:#5a5a60;
  --yellow:#f6d000; --yellow2:#ffd83a; --hazard:#ff5b1f;
  --ok:#22c55e; --ok-bg:rgba(34,197,94,0.1); --ok-br:rgba(34,197,94,0.25);
  --blue:#5aa9ff; --am:#f59e0b; --am-bg:rgba(245,158,11,0.1); --am-br:rgba(245,158,11,0.25);
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,monospace; --r:2px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  font-family:'Inter',-apple-system,system-ui,sans-serif;
  background:var(--bg); color:var(--text); line-height:1.5;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:760px;margin:0 auto;padding:0 18px}
.mono{font-family:var(--mono);letter-spacing:.06em}
.mono-sm{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}

/* Header */
.tools-hd{border-bottom:1px solid var(--line);background:rgba(10,10,11,.9);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50}
.tools-hd-in{max-width:1100px;margin:0 auto;padding:14px 18px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:17px;font-weight:800;letter-spacing:-.01em}
.logo span{color:var(--yellow)}
.hd-cta{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--yellow);color:#0a0a0b;padding:8px 14px;border-radius:var(--r)}

/* Hero / intro */
.tool-hero{padding:40px 0 24px}
.crumb{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:16px}
.crumb a{color:var(--dim)}
h1{font-size:30px;font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:14px}
.lede{font-size:16px;color:var(--dim);line-height:1.65;max-width:620px}

/* Calculator card */
.calc{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:22px;margin:8px 0 20px}
.calc-title{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--yellow);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.calc-title .ln{flex:1;height:1px;background:var(--line)}
.fld{margin-bottom:16px}
.fld label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:7px}
.inp,select.inp,textarea.inp{
  width:100%;background:var(--panel2);border:1px solid var(--line2);color:var(--text);
  border-radius:var(--r);padding:13px 12px;font-size:16px;font-family:inherit;
}
.inp:focus{outline:none;border-color:var(--yellow)}
select.inp{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a8a90' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.row2{grid-template-columns:1fr}}
.seg{display:flex;gap:8px;flex-wrap:wrap}
.seg button{flex:1;min-width:90px;background:var(--panel2);border:1px solid var(--line2);color:var(--text);padding:12px;border-radius:var(--r);font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.seg button.on{background:var(--yellow);color:#0a0a0b;border-color:var(--yellow);font-weight:700}
.btn-calc{width:100%;background:var(--yellow);color:#0a0a0b;border:0;border-radius:var(--r);padding:15px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:4px}
.btn-calc:active{filter:brightness(.92)}

/* Result card */
.result{display:none;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line2);border-left:3px solid var(--yellow);border-radius:var(--r);padding:24px;margin-bottom:18px;animation:fadeIn .25s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.result.show{display:block}
.result-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}
.result-big{font-family:var(--mono);font-size:30px;font-weight:700;color:var(--yellow);letter-spacing:-.01em;line-height:1.1}
.result-sub{font-size:14px;color:var(--dim);margin-top:6px}
.result-rows{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.rr{display:flex;justify-content:space-between;padding:7px 0;font-size:14px}
.rr span:first-child{color:var(--dim)}
.rr span:last-child{font-family:var(--mono);font-weight:600}
.badge-note{display:inline-block;margin-top:14px;font-size:12px;color:var(--am);background:var(--am-bg);border:1px solid var(--am-br);padding:6px 10px;border-radius:var(--r);line-height:1.4}

/* Lead CTA */
.lead{display:none;background:var(--panel);border:1px solid var(--yellow);border-radius:var(--r);padding:24px;margin-bottom:26px}
.lead.show{display:block}
.lead h3{font-size:19px;font-weight:700;margin-bottom:6px}
.lead p.sub{font-size:14px;color:var(--dim);margin-bottom:18px;line-height:1.55}
.lead-submit{width:100%;background:var(--yellow);color:#0a0a0b;border:0;border-radius:var(--r);padding:15px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;margin-top:6px}
.lead-call{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:10px;background:transparent;border:1px solid var(--line2);color:var(--text);border-radius:var(--r);padding:13px;font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}

/* FAQ */
.faq{margin:8px 0 30px}
.faq h2{font-size:20px;font-weight:700;margin-bottom:16px}
.faq-item{border-top:1px solid var(--line);padding:16px 0}
.faq-q{font-size:15px;font-weight:600;margin-bottom:7px}
.faq-a{font-size:14px;color:var(--dim);line-height:1.6}

/* Related tools */
.related{border-top:1px solid var(--line);padding:28px 0 12px}
.related h2{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:520px){.related-grid{grid-template-columns:1fr}}
.rt-card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:16px;transition:border-color .12s}
.rt-card:hover{border-color:var(--line2)}
.rt-card .t{font-size:15px;font-weight:600;margin-bottom:4px}
.rt-card .d{font-size:13px;color:var(--dim);line-height:1.45}

/* Disclaimer + footer */
.disclaimer{font-size:12px;color:var(--faint);line-height:1.6;border-top:1px solid var(--line);padding:22px 0;margin-top:10px}
.tools-ft{border-top:1px solid var(--line);padding:26px 0;text-align:center;font-size:12px;color:var(--faint)}
.tools-ft a{color:var(--dim)}