:root{--bg:#0b0e14;--surface:rgba(26,74,26,.28);--border:rgba(62,198,62,.14);--green-neon:#3ec63e;--white:#f0f4ff;--grey:#8a94a8;--grey2:#a7b2c6;}
.tool-hero{padding:90px 48px 60px;max-width:1200px;margin:0 auto;}
.tool-hero h1{font-family:'Rajdhani',sans-serif;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:18px;}
.tool-hero h1 em{font-style:normal;color:var(--green-neon);}
.tool-hero p{font-family:'Exo 2',sans-serif;font-size:1rem;color:var(--grey);max-width:600px;line-height:1.75;}
.tool-hero-glow{position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse at 50% 0%,rgba(62,198,62,.13) 0%,transparent 70%);pointer-events:none;}
/* Converter grid — 3 columns on desktop */
.conv-wrap{max-width:1200px;margin:0 auto;padding:0 48px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:1000px){.conv-wrap{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.conv-wrap{grid-template-columns:1fr;padding:0 20px 80px;}.tool-hero{padding:70px 20px 40px;}}
/* Card */
.conv-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px 22px 20px;}
.conv-title{font-family:'Rajdhani',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--green-neon);margin-bottom:14px;}
/* Converter field */
.conv-field{margin-bottom:12px;}
.conv-label{font-family:'Rajdhani',sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--grey2);display:block;margin-bottom:5px;}
.conv-input-row{display:flex;align-items:center;gap:8px;}
input.conv-in{background:var(--bg);border:1px solid var(--border);color:var(--white);border-radius:6px;padding:8px 10px;font-family:'Exo 2',sans-serif;font-size:.88rem;outline:none;flex:1;min-width:0;transition:border-color .15s;appearance:none;-webkit-appearance:none;}
input.conv-in:focus{border-color:var(--green-neon);box-shadow:0 0 0 2px rgba(62,198,62,.12);}
.conv-unit{font-family:'Rajdhani',sans-serif;font-size:.82rem;color:var(--grey2);white-space:nowrap;min-width:32px;}
/* Result rows (read-only display) */
.result-row{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--border);font-family:'Exo 2',sans-serif;font-size:.82rem;color:var(--grey);}
.result-row:last-child{border-bottom:none;padding-bottom:0;}
.result-val{font-family:'Rajdhani',sans-serif;font-weight:700;color:var(--green-neon);font-size:.94rem;}
/* Preset chips */
.chip-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;}
.chip{border:1px solid var(--border);background:transparent;color:var(--grey);border-radius:4px;padding:3px 9px;font-family:'Rajdhani',sans-serif;font-size:.76rem;font-weight:600;cursor:pointer;transition:all .12s;}
.chip:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
/* Layer height table */
.lh-table{width:100%;border-collapse:collapse;margin-top:10px;}
.lh-table th,.lh-table td{padding:7px 8px;font-family:'Exo 2',sans-serif;font-size:.78rem;text-align:left;border-bottom:1px solid var(--border);}
.lh-table th{font-family:'Rajdhani',sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--grey2);}
.lh-table td{color:var(--grey);}
.lh-table td:last-child{color:var(--green-neon);font-family:'Rajdhani',sans-serif;font-weight:700;}
.lh-table tr.rec td{background:rgba(62,198,62,.05);}
.lh-table tr:last-child td{border-bottom:none;}
/* Nozzle selector */
.nozzle-grid{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;}
.nozzle-btn{border:1px solid var(--border);background:transparent;color:var(--grey);border-radius:5px;padding:4px 10px;font-family:'Rajdhani',sans-serif;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .12s;}
.nozzle-btn:hover{border-color:rgba(255,255,255,.2);color:var(--white);}
.nozzle-btn.active{border-color:var(--green-neon);color:var(--green-neon);background:rgba(30,80,30,.92);}
/* Diameter toggle */
.dia-toggle{display:flex;gap:0;margin-bottom:12px;}
.dia-btn{flex:1;padding:7px 0;border:1px solid var(--border);background:transparent;color:var(--grey);font-family:'Rajdhani',sans-serif;font-size:.84rem;font-weight:600;cursor:pointer;transition:all .12s;}
.dia-btn:first-child{border-radius:6px 0 0 6px;}.dia-btn:last-child{border-radius:0 6px 6px 0;}
.dia-btn.active{background:rgba(30,80,30,.92);border-color:var(--green-neon);color:var(--green-neon);}
/* Material select */
select.conv-sel{background:var(--bg);border:1px solid var(--border);color:var(--white);border-radius:6px;padding:7px 30px 7px 10px;font-family:'Exo 2',sans-serif;font-size:.84rem;outline:none;width:100%;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%238a94a8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
select.conv-sel:focus{border-color:var(--green-neon);}
.accuracy-note{max-width:1200px;margin:0 auto;padding:28px 48px 60px;border-top:1px solid rgba(255,255,255,.06);}
.accuracy-note p{font-family:'Exo 2',sans-serif;font-size:.78rem;color:var(--grey2);line-height:1.75;margin:0 0 8px;}
.accuracy-note strong{color:var(--grey);font-weight:600;}
@media(max-width:820px){.accuracy-note{padding:28px 20px 40px;}}
/* ── Site-wide consistency: translucent at rest, fill on hover ── */
.conv-card{transition:background .2s,border-color .2s;}
.conv-card:hover{background:rgba(30,80,30,.92);border-color:rgba(62,198,62,.40);}