:root{--yellow:#fdb200;--ink:#0d0f10;--panel:#181b1d;--panel-2:#202427;--line:#34383b;--muted:#a6aaac}
body{background:#0d0f10}.tools-header{position:relative;background:#111416;border-bottom:1px solid var(--line)}
.tools-main{padding-bottom:110px}.tools-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;padding:110px clamp(24px,8vw,130px) 75px;background:radial-gradient(circle at 83% 28%,rgba(253,178,0,.14),transparent 30%),linear-gradient(135deg,#1d2123,#0d0f10)}
.tools-intro h1{margin-top:18px;font-size:clamp(68px,9vw,132px);line-height:.82}.tools-intro h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #fff}.tools-intro>p{max-width:480px;margin:0;color:#b7babc;font-size:17px;line-height:1.75}
.tool-jumps{display:grid;grid-template-columns:repeat(5,1fr);margin:0 clamp(24px,8vw,130px);border:1px solid var(--line);background:var(--line)}.tool-jumps a{display:flex;min-height:92px;gap:13px;align-items:center;padding:18px;background:#151819}.tool-jumps a:hover{background:#202426}.tool-jumps b{color:var(--yellow);font:700 13px "Barlow Condensed",sans-serif}.tool-jumps span{font-size:12px;font-weight:600;line-height:1.3}
.tool-grid{display:grid;gap:22px;padding:70px clamp(24px,8vw,130px)}.tool-card{scroll-margin-top:20px;padding:42px;background:var(--panel);border:1px solid var(--line)}.tool-card>header{display:grid;grid-template-columns:52px 1fr;gap:18px}.tool-card>header>span{display:grid;width:42px;height:42px;place-items:center;background:var(--yellow);color:#111;font:800 17px "Barlow Condensed",sans-serif}.tool-card small,.tool-card header small{color:var(--yellow);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.tool-card h2{margin-top:4px;font-size:clamp(38px,4vw,58px)}.tool-card header p{max-width:720px;margin:8px 0 0;color:var(--muted);line-height:1.65}.tool-form{display:grid;gap:14px;margin-top:34px}.three-inputs{grid-template-columns:repeat(3,1fr)}.two-inputs{grid-template-columns:repeat(2,1fr)}.tool-form label,.consist-summary label{position:relative;color:#b8bbbd;font-size:12px;font-weight:600}.tool-form label i,.consist-summary label i{float:right;color:#777;font-style:normal;font-weight:500}.tool-form input,.tool-form select,.consist-summary input,.consist-row input{display:block;width:100%;margin-top:9px;border:1px solid #414649;border-radius:0;background:#101213;color:#fff;padding:16px;font:600 18px Inter,sans-serif;outline:none}.tool-form input:focus,.tool-form select:focus,.consist-summary input:focus,.consist-row input:focus{border-color:var(--yellow);box-shadow:0 0 0 1px var(--yellow)}.tool-hint{margin:14px 0 0;color:#7f8486;font-size:12px}.tool-hint.warning{padding-left:13px;border-left:2px solid var(--yellow)}
.result-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:24px;background:var(--line);border:1px solid var(--line)}.result-row.two-results{grid-template-columns:repeat(2,1fr)}.result-row>div{padding:22px;background:var(--panel-2)}.result-row small,.featured-result small{display:block}.result-row strong{display:block;margin-top:7px;font:700 clamp(27px,3vw,40px) "Barlow Condensed",sans-serif}.featured-result{margin-top:24px;padding:28px;background:var(--yellow);color:#111}.featured-result small{color:#111}.featured-result strong{display:block;margin-top:8px;font:800 clamp(42px,5vw,70px) "Barlow Condensed",sans-serif}.featured-result span{font-size:12px;font-weight:600}
.curve-diagram{position:relative;height:150px;margin:30px 0 0;overflow:hidden;background:#111416;border:1px solid var(--line)}.curve-arc{position:absolute;width:70%;height:210px;left:15%;top:44px;border:2px solid var(--yellow);border-radius:50%}.curve-chord{position:absolute;left:15%;right:15%;bottom:22px;border-top:1px solid #888;padding-top:5px;text-align:center;color:#999;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.curve-offset{position:absolute;left:50%;top:61px;bottom:22px;border-left:1px dashed #888;padding-left:7px;color:#999;font-size:10px;text-transform:uppercase;writing-mode:vertical-rl}
.consist-head,.consist-row{display:grid;grid-template-columns:1.3fr .55fr .75fr .75fr 42px;gap:10px;align-items:center}.consist-head{margin-top:34px;padding:0 10px 9px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.consist-row{padding:10px;border-top:1px solid var(--line)}.consist-row input{margin:0;padding:13px;font-size:14px}.row-total{font:700 24px "Barlow Condensed",sans-serif}.remove-row{width:38px;height:38px;border:1px solid #484c4f;background:transparent;color:#aaa;cursor:pointer}.remove-row:hover{border-color:#d56565;color:#fff;background:#9d3333}.add-row{margin-top:15px;border:1px solid var(--yellow);background:transparent;color:var(--yellow);padding:13px 17px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.add-row:hover{background:var(--yellow);color:#111}.consist-summary{display:grid;grid-template-columns:.65fr 1fr 1fr 1.2fr;gap:1px;align-items:stretch;margin-top:28px;background:var(--line);border:1px solid var(--line)}.consist-summary>div,.consist-summary>label{padding:22px;background:var(--panel-2)}.consist-summary strong{display:block;margin-top:8px;font:700 36px "Barlow Condensed",sans-serif}.consist-summary input{padding:11px;font-size:14px}.fit-result{display:flex;align-items:center;color:#aaa;font-size:13px;line-height:1.5}.fit-result.fits{background:#183225;color:#7ee0a2}.fit-result.short{background:#3b201d;color:#ff9389}
@media(max-width:1050px){.tool-jumps{grid-template-columns:repeat(3,1fr)}.consist-summary{grid-template-columns:1fr 1fr}.tools-intro{grid-template-columns:1fr}.tools-intro>p{max-width:660px}}
@media(max-width:720px){.tools-intro{padding-top:80px}.tool-jumps{grid-template-columns:1fr 1fr}.tool-card{padding:27px 20px}.tool-card>header{grid-template-columns:42px 1fr}.three-inputs,.two-inputs,.result-row,.result-row.two-results{grid-template-columns:1fr}.consist-head{display:none}.consist-row{grid-template-columns:1fr 1fr 42px}.consist-row .group-name{grid-column:1/4}.row-total{padding-left:5px}.consist-summary{grid-template-columns:1fr}.curve-diagram{height:125px}}
@media(max-width:430px){.tool-jumps{grid-template-columns:1fr}.tools-intro h1{font-size:62px}.consist-row{grid-template-columns:1fr 42px}.consist-row .group-name{grid-column:1/3}.consist-row .quantity,.consist-row .vehicle-length{grid-column:1}.consist-row .remove-row{grid-column:2;grid-row:2}.row-total{grid-column:1/3}}