.pui-hub-intro{max-width:900px}.pui-hub-intro h2{font-size:clamp(23px,2.6vw,33px);line-height:1.4;color:#093159;margin:5px 0 15px}.pui-hub-intro p{color:#496778;font-size:14px;line-height:1.95}.pui-hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:26px 0}.pui-hub-card{background:#fff;border:1px solid #d7e7e2;border-radius:17px;padding:24px;display:flex;flex-direction:column;gap:11px;box-shadow:0 9px 27px #08295c0a;transition:.2s}.pui-hub-card:hover{transform:translateY(-3px);box-shadow:0 18px 37px #08295c19}.pui-hub-icon{display:grid;place-items:center;border-radius:14px;width:50px;height:50px;color:#0e7739;background:#e6f6eb}.pui-hub-card b{font-size:17px;color:#0a305a}.pui-hub-card>span:not(.pui-hub-icon){font-size:13px;color:#52677b;line-height:1.8;flex:1}.pui-hub-card strong{display:flex;align-items:center;gap:7px;color:#12723a;font-size:12px}.pui-tool{background:white;border:1px solid #dce9e9;border-radius:20px;padding:28px;box-shadow:0 10px 35px #08295c09;margin:22px 0 30px;max-width:990px}.pui-tool-heading h2{font-size:25px;margin:0 0 10px;color:#0b325a}.pui-tool-heading p{color:#4f6677;font-size:13px;line-height:1.9}.pui-form{margin-top:22px;display:grid;gap:21px}.pui-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.pui-field{display:block}.pui-field>span{display:block;font-size:12px;color:#183b5e;font-weight:750;margin-bottom:7px}.pui-inputwrap{border:1px solid #b9d2de;display:flex;align-items:center;gap:8px;border-radius:9px;min-height:47px;overflow:hidden;background:white}.pui-inputwrap:focus-within{outline:3px solid #36b66f50;border-color:#188544}.pui-inputwrap input{width:100%;padding:12px;border:0;min-width:0;outline:0;font-size:15px;color:#123a5a}.pui-inputwrap em{font-style:normal;display:block;padding-right:14px;color:#557488;font-size:12px;font-weight:800}.pui-form .pin-btn{justify-self:start}.pui-devices{display:grid;gap:8px}.pui-device-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 36px;align-items:end;gap:8px;background:#f3f8fa;border:1px solid #dce9ee;border-radius:12px;padding:12px}.pui-device-row label{display:block;font-weight:700;font-size:11px;color:#284d68}.pui-device-row input{display:block;width:100%;padding:10px 8px;border:1px solid #c5d9df;border-radius:7px;background:#fff;min-width:0;margin-top:5px;color:#123a5a}.pui-remove{width:34px;height:39px;border:1px solid #e0c1c1;border-radius:8px;background:#fff;color:#9c3333;font-size:22px;cursor:pointer}.pui-add{display:inline-flex;align-items:center;gap:8px;justify-self:start;border:1px dashed #0b8946;border-radius:8px;padding:9px 14px;background:#f1fbf4;color:#0b6c3a;font-size:12px;font-weight:750;cursor:pointer}.pui-explain{border-left:4px solid #159447;background:#eff8f3;padding:12px 16px;color:#244e3d;font-size:12px;line-height:1.8}.pui-result{border:1px solid #b4e0c2;background:#eefaf2;padding:21px;border-radius:15px;margin-top:24px}.pui-result h3{font-size:18px;color:#0d6534;margin:0 0 16px}.pui-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.pui-result-grid div{background:#fff;border:1px solid #d9ebdd;padding:15px;border-radius:10px}.pui-result-grid span{font-size:11px;color:#477160;line-height:1.6;display:block}.pui-result-grid strong{display:block;font-size:21px;color:#0a6636;line-height:1.45;margin-top:6px;overflow-wrap:anywhere}.pui-result>p{font-size:12px;line-height:1.9;margin:17px 0 0;color:#3a6052}.pui-result .pui-error{color:#a12222;font-weight:750}.pui-tool-note{display:flex;gap:12px;align-items:flex-start;background:#f6f8fa;padding:16px;border-radius:12px;margin-top:18px;color:#41596b;font-size:12px;line-height:1.85}.pui-tool-note>.pin-icon{flex:0 0 21px;color:#13773b;margin-top:4px}.pui-tool-next{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #deebec;margin-top:18px;padding-top:20px}.pui-tool-next strong,.pui-tool-next span{display:block}.pui-tool-next strong{color:#0c3159;font-size:14px}.pui-tool-next span{color:#536b7b;font-size:12px;margin-top:5px;line-height:1.8}.pui-tool-next .pin-btn{flex-shrink:0}.pui-footnote{font-size:12px;color:#526a7d}.pin-page .pui-hub-card,.pin-page .pui-tool a:not(.pin-btn){text-decoration:none!important}.pui-tool input:focus-visible,.pui-tool button:focus-visible{outline:3px solid #26ad62;outline-offset:2px}
@media(max-width:820px){.pui-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pui-tool-next{flex-direction:column;align-items:stretch}.pui-tool-next .pin-btn{align-self:flex-start}.pui-result-grid{grid-template-columns:1fr}.pui-result-grid strong{font-size:18px}}
@media(max-width:590px){.pui-tool{padding:17px;border-radius:13px}.pui-two{grid-template-columns:1fr}.pui-hub-grid{grid-template-columns:1fr}.pui-device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.pui-device-row label:first-child{grid-column:1/-1}.pui-device-row label:nth-child(2){grid-column:1}.pui-device-row label:nth-child(3){grid-column:2}.pui-device-row label:nth-child(4){grid-column:1}.pui-remove{grid-column:2;justify-self:end}.pui-tool-heading h2{font-size:21px}.pui-tool-next .pin-btn{width:100%}}