.tool-hero{padding:48px 0 36px;background:linear-gradient(180deg,rgba(32,63,54,.03),transparent)}.tool-title{font-size:clamp(32px,3.8vw,48px);line-height:1.15;letter-spacing:-1.8px;margin:0 0 16px;font-family:var(--font-display),sans-serif;font-weight:700;color:var(--lp-ink)}.tool-title>span{color:var(--lp-accent)}.tool-subtitle{font-size:16px;line-height:1.75;color:var(--lp-muted);max-width:680px;margin:0}.tool-container{display:grid;grid-template-columns:1fr 380px;grid-gap:36px;gap:36px;align-items:start;padding:40px 0 80px}.tool-card{background:white;border:1px solid var(--lp-line);border-radius:16px;padding:36px;box-shadow:0 8px 30px rgba(32,63,54,.04)}.tool-card-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #edf1e8}.tool-card-header h2{font-size:22px;font-weight:700;letter-spacing:-.5px;margin:0 0 6px;color:var(--lp-ink);font-family:var(--font-display),sans-serif}.tool-card-header p{font-size:13px;color:var(--lp-muted);margin:0}.tool-group{margin-bottom:28px}.tool-group:last-child{margin-bottom:0}.tool-group-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--lp-ink);margin-bottom:10px}.tool-group-val{font-family:var(--font-display),monospace;font-size:16px;font-weight:700;color:var(--lp-green);background:#f0f4ea;padding:2px 10px;border-radius:6px}.tool-slider{width:100%;height:8px;border-radius:5px;background:#e2e8dc;outline:none;-webkit-appearance:none;cursor:pointer}.tool-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--lp-green);border:3px solid white;box-shadow:0 2px 6px rgba(0,0,0,.2);cursor:pointer;-webkit-transition:transform .15s ease;transition:transform .15s ease}.tool-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.tool-scale-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--lp-muted);margin-top:6px}.tool-btn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:8px;gap:8px}.tool-select-btn{background:#f7f9f4;border:1px solid #d9e2d3;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--lp-ink);cursor:pointer;text-align:center;transition:all .15s ease}.tool-select-btn:hover{border-color:var(--lp-green);background:white}.tool-select-btn.is-active{background:var(--lp-green);color:white;border-color:var(--lp-green);box-shadow:0 4px 12px rgba(32,63,54,.2)}.tool-result-card{background:linear-gradient(145deg,#203f36,#162c25);color:white;border-radius:16px;padding:32px 28px;position:-webkit-sticky;position:sticky;top:100px;box-shadow:0 16px 40px rgba(22,44,37,.25)}.tool-result-header{font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#a4cdb0;margin-bottom:8px}.tool-result-primary{display:flex;align-items:baseline;gap:10px;margin-bottom:18px}.tool-result-big{font-size:48px;font-weight:800;font-family:var(--font-display),sans-serif;letter-spacing:-1.5px;color:white;line-height:1}.tool-result-tag{display:inline-block;font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px;background:rgba(255,255,255,.15);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tool-result-desc{font-size:13px;line-height:1.6;color:#cfdece;margin:0 0 24px}.tool-result-breakdown{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;margin-bottom:24px;display:grid;grid-gap:12px;gap:12px}.tool-breakdown-row{display:flex;justify-content:space-between;font-size:13px;color:#e5ede4}.tool-breakdown-row strong{color:white;font-weight:600}.tool-result-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border-radius:10px;background:#a4cdb0;color:#11221b;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,background .15s}.tool-result-cta:hover{background:#bce0c6;transform:translateY(-2px)}.tool-guide-section{padding:60px 0 80px;background:white;border-top:1px solid var(--lp-line)}.tool-guide-content{max-width:800px;font-size:15px;line-height:1.8;color:#3b4d42}.tool-guide-content h2{font-size:26px;font-weight:700;letter-spacing:-.8px;margin:36px 0 14px;color:var(--lp-ink);font-family:var(--font-display),sans-serif}.tool-guide-content h2:first-child{margin-top:0}.tool-guide-content h3{font-size:20px;font-weight:700;letter-spacing:-.5px;margin:24px 0 10px;color:var(--lp-ink)}.tool-guide-content p{margin:0 0 16px}.tool-guide-content ul{padding-left:20px;margin:0 0 20px}.tool-guide-content li{margin-bottom:8px}@media (max-width:960px){.tool-container{grid-template-columns:1fr;gap:28px}.tool-result-card{position:static}}