:root{--green:#37a32d;--dark:#262626;--grey:#4d4d4d;--soft:#f7f7f7;--line:#e3e3e3;--orange:#ee6b22}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--dark);background:#fff}a{color:var(--orange);font-weight:700;text-decoration:none}.hero{background:linear-gradient(135deg,#fff 0%,#f7f7f7 50%,#fff1e9 100%);padding:28px clamp(18px,5vw,70px) 50px;border-bottom:1px solid var(--line)}nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.brand{display:flex;align-items:center}.logo-watt{height:74px;max-width:260px;object-fit:contain}.bolt{display:none}.hero-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:28px;align-items:end}.eyebrow{color:var(--orange);font-weight:800;text-transform:uppercase;letter-spacing:.08em}h1{font-size:clamp(38px,6vw,76px);line-height:.95;margin:0 0 18px}h2{margin:0 0 18px}.hero p{font-size:20px;max-width:780px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 45px rgba(38,38,38,.08)}.quick{padding:26px;display:grid;gap:12px}.quick span{padding:12px 14px;background:var(--soft);border-radius:14px}main{padding:34px clamp(18px,5vw,70px);display:grid;gap:24px}.panel{padding:26px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:16px}.span-2{grid-column:span 2}label{display:grid;gap:7px;font-weight:700;color:var(--grey)}input,select{font:inherit;padding:13px 12px;border:1px solid #cfd8cb;border-radius:12px;background:white}button{margin-top:20px;border:0;background:var(--orange);color:white;font-weight:900;padding:15px 26px;border-radius:999px;font-size:16px;cursor:pointer}button:hover{filter:brightness(.95)}.hidden{display:none}.result{display:grid;grid-template-columns:1fr;gap:20px}.result-card{padding:28px;border-radius:24px;background:var(--dark);color:white}.result-card h2{color:white}.badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:10px 14px}.tables{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-card{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 14px}th{background:var(--soft);color:var(--grey)}.note{padding:16px;border-left:5px solid var(--orange);background:#fff7ef;border-radius:12px}.downloads{display:flex;flex-wrap:wrap;gap:12px}.download{border:1px solid var(--line);border-radius:999px;padding:12px 16px;background:white}.muted{background:#fbfdfb}footer{padding:28px;text-align:center;color:var(--grey);border-top:1px solid var(--line)}@media(max-width:900px){.hero-grid,.tables,.form-grid{grid-template-columns:1fr}nav{margin-bottom:25px}h1{font-size:42px}}

.pdf-cell{text-align:center}.pdf-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff1e9;border:1px solid #ffd2bd;font-size:20px}.pdf-icon:hover{filter:brightness(.96);transform:translateY(-1px)}.pdf-missing{color:#aaa}.ref-line{margin:0 0 6px;color:#fff}.ref-line span{opacity:.75;margin-left:8px}@media(max-width:900px){.span-2{grid-column:span 1}.logo-watt{height:54px;max-width:190px}}
@media print{.hero,.panel.muted,footer,button{display:none}.result-card{background:#fff;color:#222;border:1px solid #ddd}.result-card h2,.ref-line{color:#222}.badge{color:#222;border-color:#ddd}.pdf-icon{border:0;background:transparent}}

.product-thumb{width:74px;height:54px;object-fit:contain;background:#fff;border:1px solid #e6e6e6;border-radius:10px;padding:4px;box-shadow:0 1px 4px rgba(0,0,0,.06)}
.image-cell{text-align:center;width:92px}
.product-thumb.missing{display:inline-flex;align-items:center;justify-content:center;color:#999}
@media print{.product-thumb{width:56px;height:42px;box-shadow:none}}

.print-cover{display:none}.print-head{display:flex;align-items:center;gap:24px;margin-bottom:24px}.print-head img{width:210px;height:auto}.print-head h1{font-size:34px;margin:0;color:#222}.print-head p{margin:4px 0 0;color:#666;font-weight:700}.cover-table td:first-child{font-weight:800;color:#666;width:260px}.technical-print{margin-top:18px}
@media print{
  @page{margin:14mm}
  body{font-size:11pt;color:#222}
  main{padding:0;display:block}
  .hero,.panel,.panel.muted,footer,button{display:none!important}
  .print-cover{display:block;page-break-after:avoid;margin-bottom:18px;border-bottom:3px solid var(--orange);padding-bottom:16px}
  .result{display:block}
  .result-card{background:#fff!important;color:#222!important;border:1px solid #ddd;border-radius:12px;padding:14px;margin-bottom:14px;box-shadow:none}
  .result-card h2,.ref-line{color:#222!important}.badge{color:#222;border-color:#ddd;background:#f7f7f7}
  .tables{display:block}.table-card{break-inside:avoid;border-radius:10px;margin-bottom:12px;box-shadow:none}
  th,td{padding:7px 8px}.pdf-icon{border:0;background:transparent}.note{break-inside:avoid;margin:8px 0}
  a::after{content:''}
}
.product-image-link{display:inline-block;line-height:0;border-radius:10px}
.product-image-link:hover .product-thumb{transform:scale(1.04);box-shadow:0 3px 10px rgba(0,0,0,.12)}
@media print{.product-image-link{pointer-events:none}}

.required-star{color:#d32f2f;font-weight:900;margin-left:4px}.field-hint{display:block;color:#777;font-weight:600;font-size:12px;line-height:1.35;margin-top:-2px}


.full-width{width:100%}
.table-card h3{margin:0;padding:16px 18px 0;color:var(--dark)}
.schema-box{margin:12px 18px 18px;padding:18px;border-radius:16px;background:#fbfbfb;border:1px solid var(--line);font:700 15px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;color:#333}
.result .full-width{overflow:hidden}
@media print{
  .table-card h3{padding:10px 12px 0;font-size:13pt}
  .schema-box{margin:8px 12px 12px;padding:10px;font-size:10pt;break-inside:avoid}
  .full-width{break-inside:avoid}
}
.meter-warning{margin:12px 0 0;padding:10px 12px;border-radius:12px;background:#fff3cd;border:2px solid #ee6a20;font-weight:800;color:#9b1c1c}
.blink-warning{animation:wattBlink 1s infinite}
@keyframes wattBlink{0%,100%{opacity:1}50%{opacity:.25}}

@media print{.blink-warning{animation:none;opacity:1}}