.page-vfd .page-hero{background:var(--navy);padding:52px 60px;position:relative;overflow:hidden}.page-vfd .page-hero:before{content:"";position:absolute;top:-80px;right:-80px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(230,0,18,.12) 0,transparent 70%);pointer-events:none}.page-vfd .hero-tag{display:inline-block;background:rgba(230,0,18,.12);border:1px solid rgba(230,0,18,.3);color:#ff6b6b;font-size:12px;font-weight:600;padding:5px 14px;border-radius:20px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}.page-vfd .page-hero h1{font-family:var(--font-sans);font-size:38px;font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.5px;margin-bottom:10px}.page-vfd .page-hero p{color:rgba(255,255,255,.62);font-size:15px;max-width:600px;line-height:1.6}.page-vfd .hero-partner{display:flex;align-items:center;gap:10px;margin-top:20px}.page-vfd .hero-partner-label{font-size:11px;color:rgba(255,255,255,.4);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.page-vfd .mitsu-logo-wrap{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:6px 16px;display:flex;align-items:center}.page-vfd .tool-wrapper{max-width:1080px;margin:0 auto;padding:48px 60px}.page-vfd .row-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);opacity:.5;margin-bottom:12px;padding-left:2px}.page-vfd .steps-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin-bottom:18px}.page-vfd .step-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}.page-vfd .step-num{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue2)}.page-vfd .step-title{font-family:var(--font-sans);font-size:15px;font-weight:700;color:var(--navy);margin-top:-6px}.page-vfd .power-input-grid{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;gap:10px;align-items:center}.page-vfd .power-field label{font-size:10px;font-weight:700;color:var(--gray);letter-spacing:.06em;text-transform:uppercase;display:block;margin-bottom:6px}.page-vfd .power-input-wrap{position:relative}.page-vfd .power-input{width:100%;padding:13px 42px 13px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:20px;font-weight:800;color:var(--navy);font-family:var(--font-sans);outline:none;text-align:center;transition:border-color .2s,box-shadow .2s;background:var(--white)}.page-vfd .power-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,95,170,.1)}.page-vfd .power-input.active-field{border-color:var(--blue);background:rgba(30,95,170,.03)}.page-vfd .power-unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--blue2);background:var(--light);padding:2px 6px;border-radius:4px}.page-vfd .equals-icon{text-align:center;font-size:20px;color:var(--gray);font-weight:300;margin-top:22px}.page-vfd .conversion-note{font-size:11px;color:var(--gray);text-align:center;background:var(--light);padding:6px 10px;border-radius:6px;margin-top:-4px}.page-vfd .duty-cards{display:flex;flex-direction:column;gap:8px}.page-vfd .duty-card{border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;transition:border-color .2s,background .2s;display:flex;align-items:center;gap:10px}.page-vfd .duty-card:hover{border-color:var(--blue2)}.page-vfd .duty-card.selected{border-color:var(--blue);background:rgba(30,95,170,.05)}.page-vfd .duty-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);flex-shrink:0;transition:all .2s;display:flex;align-items:center;justify-content:center}.page-vfd .duty-card.selected .duty-radio{border-color:var(--blue);background:var(--blue)}.page-vfd .duty-radio-dot{width:6px;height:6px;border-radius:50%;background:#fff;opacity:0;transition:opacity .2s}.page-vfd .duty-card.selected .duty-radio-dot{opacity:1}.page-vfd .duty-info{flex:1 1}.page-vfd .duty-name{font-size:13px;font-weight:700;color:var(--navy);line-height:1.2}.page-vfd .duty-spec{font-size:10px;color:var(--gray);margin-top:1px;line-height:1.4}.page-vfd .duty-tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;flex-shrink:0}.page-vfd .tag-sld{background:rgba(34,197,94,.12);color:#16a34a}.page-vfd .tag-ld{background:rgba(36,113,204,.12);color:var(--blue2)}.page-vfd .tag-nd{background:rgba(220,38,38,.12);color:#dc2626}.page-vfd input[type=range]{width:100%;-webkit-appearance:none;height:5px;border-radius:3px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--blue) 0,var(--blue) var(--pct,0),var(--border) var(--pct,0),var(--border) 100%)}.page-vfd input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 2px 8px rgba(30,95,170,.4);cursor:pointer;-webkit-transition:transform .15s;transition:transform .15s}.page-vfd input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.page-vfd .slider-minmax{display:flex;justify-content:space-between;font-size:10px;color:var(--gray);margin-top:2px}.page-vfd .results-section{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:28px}.page-vfd .results-header{background:var(--navy);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.page-vfd .results-header h2{font-family:var(--font-sans);font-size:18px;font-weight:700;color:#fff}.page-vfd .results-badge{background:rgba(255,255,255,.1);color:rgba(255,255,255,.75);font-size:12px;padding:4px 14px;border-radius:20px}.page-vfd .result-cards{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:0;gap:0}.page-vfd .result-card{padding:20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.page-vfd .result-card:last-child{border-right:none}.page-vfd .rc-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:5px}.page-vfd .rc-value{font-family:var(--font-sans);font-size:19px;font-weight:800;color:var(--blue2);margin-bottom:2px;line-height:1.1}.page-vfd .rc-value.model{font-size:14px;color:var(--navy)}.page-vfd .rc-value.amps{color:#dc2626}.page-vfd .rc-sub{font-size:11px;color:var(--gray)}.page-vfd .rec-box{background:linear-gradient(135deg,#0d1b2e,#1a2f50);padding:24px 28px}.page-vfd .rec-inner{display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:start}.page-vfd .rec-mitsu-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(230,0,18,.1);border:1px solid rgba(230,0,18,.2);border-radius:20px;padding:4px 14px 4px 8px;margin-bottom:12px}.page-vfd .rec-title{font-size:11px;font-weight:700;color:rgba(255,255,255,.45);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.page-vfd .rec-model{font-family:var(--font-sans);font-size:22px;font-weight:900;color:#fff;letter-spacing:.02em;margin-bottom:10px}.page-vfd .rec-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.page-vfd .rec-pill{font-size:12px;font-weight:700;padding:4px 14px;border-radius:20px}.page-vfd .pill-kw{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.3);color:var(--green)}.page-vfd .pill-amps{background:rgba(230,0,18,.15);border:1px solid rgba(230,0,18,.25);color:#ff6b6b}.page-vfd .pill-duty{background:rgba(36,113,204,.15);border:1px solid rgba(36,113,204,.25);color:#7eb3ff}.page-vfd .rec-note{font-size:12px;color:rgba(255,255,255,.45);line-height:1.6;max-width:380px}.page-vfd .rec-actions{display:flex;flex-direction:column;gap:10px;min-width:190px}.page-vfd .btn-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font-sans);text-decoration:none;transition:all .2s;border:none;width:100%}.page-vfd .btn-primary-action{background:var(--blue);color:#fff}.page-vfd .btn-primary-action:hover{background:var(--blue2);transform:translateY(-1px);box-shadow:0 6px 18px rgba(30,95,170,.4)}.page-vfd .btn-download{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.2)}.page-vfd .btn-download:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.page-vfd .btn-enquiry{background:var(--accent);color:#fff}.page-vfd .btn-enquiry:hover{background:#d4911a;transform:translateY(-1px);box-shadow:0 6px 18px rgba(20,102,196,.4)}.page-vfd .specs-bar{background:var(--light);border-top:1px solid var(--border);padding:12px 24px;display:flex;flex-wrap:wrap;gap:20px}.page-vfd .spec-item{font-size:12px;color:var(--gray)}.page-vfd .spec-item strong{color:var(--text);font-weight:600}.page-vfd .table-toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:12px}.page-vfd .table-toggle-row label{font-size:14px;font-weight:500;color:var(--gray);cursor:pointer;display:flex;align-items:center;gap:8px}.page-vfd .table-section{background:var(--white);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:28px;overflow-x:auto}.page-vfd .table-section.hidden{display:none}.page-vfd .table-section table{width:100%;border-collapse:collapse;font-size:12px}.page-vfd .table-section th{background:var(--navy);color:#fff;padding:8px 12px;text-align:center;font-weight:600;font-size:11px;letter-spacing:.04em;white-space:nowrap;border-right:1px solid rgba(255,255,255,.1)}.page-vfd .table-section th.group-sld{background:#1a4a1a;color:#86efac}.page-vfd .table-section th.group-ld{background:#1a2f4a;color:#93c5fd}.page-vfd .table-section th.group-nd{background:#4a1a1a;color:#fca5a5}.page-vfd .table-section td{padding:8px 12px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);color:var(--text);text-align:center;white-space:nowrap}.page-vfd .table-section td:first-child{text-align:left;font-weight:600;font-family:monospace;font-size:11px}.page-vfd .table-section tr:nth-child(2n) td{background:#f8faff}.page-vfd .table-section tr.highlighted td{background:rgba(36,113,204,.1);font-weight:700}.page-vfd .table-section tr.highlighted td:first-child{border-left:3px solid var(--blue2)}.page-vfd .no-result{padding:48px;text-align:center}.page-vfd .no-result-icon{font-size:42px;margin-bottom:12px;opacity:.2}.page-vfd .no-result p{font-size:14px;color:var(--gray)}.page-vfd .slider-kw-display{font-family:var(--font-sans);font-size:28px;font-weight:900;color:var(--navy)}.page-vfd .slider-hp-display{font-size:16px;font-weight:700;color:var(--blue2)}.page-vfd .slider-hint{font-size:11px;color:var(--gray);background:var(--light);padding:8px 10px;border-radius:6px}@media (max-width:768px){.page-vfd .page-hero{padding:36px 20px}.page-vfd .page-hero h1{font-size:26px}.page-vfd .tool-wrapper{padding:32px 20px}.page-vfd .steps-row{grid-template-columns:1fr;gap:14px}.page-vfd .result-cards{grid-template-columns:repeat(2,1fr)}.page-vfd .rec-inner{grid-template-columns:1fr}.page-vfd .rec-actions{flex-direction:row;flex-wrap:wrap}.page-vfd .btn-action{flex:1 1;min-width:140px}.page-vfd .power-input-grid{grid-template-columns:1fr auto 1fr}}@media (max-width:480px){.page-vfd .page-hero h1{font-size:22px}.page-vfd .result-cards{grid-template-columns:1fr}.page-vfd .steps-row{gap:12px}.page-vfd .power-input-grid{grid-template-columns:1fr;gap:8px}.page-vfd .equals-icon{text-align:center;transform:rotate(90deg);margin:0}.page-vfd .rec-actions{flex-direction:column}}