.pbcs{--p:#2563eb;--p2:#153e9b;--ink:#142033;--muted:#697589;--line:#e6eaf1;--bg:#f7f9fc;--green:#087443;--greenbg:#ecfdf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:960px;margin:30px auto;color:var(--ink);box-sizing:border-box}
.pbcs *{box-sizing:border-box}.pbcs-shell{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 24px 70px rgba(18,31,53,.11);animation:pbcsIn .55s ease both}.pbcs button,.pbcs input,.pbcs select{font:inherit}
.pbcs-hero{padding:38px 42px 30px;background:radial-gradient(circle at 85% 15%,rgba(37,99,235,.13),transparent 28%),linear-gradient(135deg,#f9fbff,#fff)}
.pbcs-eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--p);display:flex;align-items:center;gap:7px}.pbcs-paw{font-size:15px}
.pbcs-hero h2{font-size:clamp(30px,5vw,48px);letter-spacing:-.045em;line-height:1.02;margin:9px 0 12px;font-weight:900}.pbcs-hero p{max-width:730px;color:var(--muted);line-height:1.65;font-size:15px;margin:0}
.pbcs-stepbar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfe}.pbcs-step{padding:14px;text-align:center;color:#929bad;font-size:12px;font-weight:800;position:relative}.pbcs-step i{display:inline-flex;width:23px;height:23px;border-radius:50%;align-items:center;justify-content:center;border:1px solid #d8deea;font-style:normal;margin-right:6px}.pbcs-step.is-active{color:var(--p)}.pbcs-step.is-active i{background:var(--p);border-color:var(--p);color:#fff}
.pbcs-body{padding:0}.pbcs-form{padding:28px 42px}.pbcs-section{padding:0 0 28px;margin-bottom:26px;border-bottom:1px solid var(--line)}.pbcs-section-head{display:flex;justify-content:space-between;gap:15px;margin-bottom:19px}.pbcs-section-head b{display:block;font-size:17px}.pbcs-section-head small{display:block;color:#8a94a5;margin-top:4px;font-size:12px}.pbcs-required{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#667085;background:#f2f4f7;padding:6px 8px;border-radius:7px;height:max-content}
.pbcs-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.pbcs-span-2{grid-column:1/-1}.pbcs-field>span{display:block;font-size:12px;font-weight:850;margin-bottom:7px}.pbcs-field em{font-style:normal;color:#9aa3b2;font-weight:500;margin-left:3px}
.pbcs-field select,.pbcs-input-wrap{width:100%;height:49px;border:1px solid #dce1e9;border-radius:12px;background:#fff;transition:.2s}.pbcs-field select{padding:0 12px;color:var(--ink);outline:none}.pbcs-field select:focus,.pbcs-input-wrap:focus-within{border-color:#75a4f4;box-shadow:0 0 0 4px rgba(37,99,235,.09)}
.pbcs-input-wrap{display:flex;align-items:center;overflow:hidden}.pbcs-input-wrap input{border:0;outline:0;width:100%;height:100%;padding:0 13px;color:var(--ink);background:transparent}.unit-label{font-size:11px;color:#8a94a5;padding:0 13px;border-left:1px solid var(--line);height:100%;display:flex;align-items:center}
.pbcs-toggle{display:flex;border:1px solid #dce1e9;padding:4px;border-radius:12px;width:max-content;background:#f7f9fc}.pbcs-toggle button{border:0;background:transparent;padding:9px 15px;border-radius:9px;color:#6c7788;font-weight:800;font-size:12px;cursor:pointer;transition:.2s}.pbcs-toggle button.is-on{background:#fff;color:var(--p);box-shadow:0 2px 7px rgba(20,32,51,.09)}
.pbcs-measure-help{margin-top:18px;background:#f8fafc;border-radius:13px;padding:12px 14px}.pbcs-measure-help summary{cursor:pointer;font-size:12px;font-weight:850}.pbcs-mini-diagram{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.pbcs-mini-diagram div{background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px}.pbcs-mini-diagram span{display:inline-flex;background:#eaf2ff;color:var(--p);width:22px;height:22px;align-items:center;justify-content:center;border-radius:50%;font-weight:900;font-size:10px}.pbcs-mini-diagram b{display:block;font-size:11px;margin-top:7px}.pbcs-mini-diagram small{display:block;color:#8791a1;font-size:10px;line-height:1.4;margin-top:2px}
.pbcs-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.pbcs-choice{position:relative;cursor:pointer}.pbcs-choice input{position:absolute;opacity:0}.pbcs-choice span{display:block;border:1px solid #dce1e9;border-radius:13px;padding:14px;transition:.2s;height:100%}.pbcs-choice input:checked+span{border-color:#80aaf3;background:#f5f9ff;box-shadow:0 0 0 2px rgba(37,99,235,.08)}.pbcs-choice b{display:block;font-size:12px}.pbcs-choice small{display:block;color:#8993a3;margin-top:4px;font-size:10px}.pbcs-mt{margin-top:17px}
.pbcs-checks{display:grid;gap:10px}.pbcs-checks label{display:flex;gap:10px;align-items:center;font-size:12px;color:#586476}.pbcs-checks input{accent-color:var(--p);width:16px;height:16px}
.pbcs-primary{border:0;border-radius:13px;height:54px;padding:0 20px;background:linear-gradient(135deg,var(--p),var(--p2));color:#fff;font-weight:900;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;cursor:pointer;box-shadow:0 10px 25px rgba(37,99,235,.22);transition:transform .2s,box-shadow .2s}.pbcs-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(37,99,235,.27)}.pbcs-primary b{font-size:21px}.pbcs-error{color:#b42318;font-size:12px;margin:10px 0 0}
.pbcs-results{padding:30px 42px 38px;border-top:1px solid var(--line);animation:pbcsRise .5s ease both}.pbcs-result-hero{display:flex;justify-content:space-between;gap:20px;align-items:center}.r-size{font-size:38px;letter-spacing:-.04em;margin:6px 0 5px}.r-summary{margin:0;color:var(--muted);font-size:13px}.pbcs-fit-score{background:var(--greenbg);border:1px solid #b7e4ca;border-radius:16px;min-width:130px;padding:13px;text-align:center}.score-ring{width:36px;height:36px;border-radius:50%;background:#fff;margin:0 auto 7px;display:flex;align-items:center;justify-content:center;color:var(--green);font-weight:900}.pbcs-fit-score>b{display:block;color:var(--green);font-size:11px}.pbcs-fit-score small{font-size:9px;color:#5f7669}
.pbcs-dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:25px 0}.pbcs-dimension-grid div{background:var(--bg);padding:17px;border-radius:14px}.pbcs-dimension-grid span{display:block;color:#7c8798;font-size:10px;font-weight:750}.pbcs-dimension-grid b{display:block;font-size:23px;margin-top:5px}
.pbcs-callout{border-left:4px solid var(--p);background:#f5f8ff;padding:15px 17px;border-radius:0 12px 12px 0}.pbcs-callout b{font-size:12px}.pbcs-callout p{margin:5px 0 0;font-size:12px;line-height:1.55;color:#5b6678}
.pbcs-panels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.pbcs-panel{border:1px solid var(--line);border-radius:14px;padding:17px}.pbcs-panel h4,.pbcs-comparison h4{margin:0 0 10px;font-size:13px}.pbcs-panel ul{padding:0;margin:0;list-style:none;display:grid;gap:8px}.pbcs-panel li{font-size:11px;color:#5c6879;position:relative;padding-left:18px;line-height:1.4}.pbcs-panel li:before{content:"✓";position:absolute;left:0;color:#14804f;font-weight:900}
.pbcs-comparison{margin-top:17px;border:1px solid var(--line);border-radius:14px;padding:17px}.pbcs-size-bars{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.pbcs-size-bars div{background:#f7f9fc;border-radius:10px;padding:10px}.pbcs-size-bars span{font-size:10px;font-weight:900}.pbcs-size-bars i{display:block;height:5px;background:#dbe7fb;border-radius:5px;margin-top:8px;width:60%;transition:width .7s ease}.pbcs-size-bars div.is-rec{background:#eef5ff;color:var(--p)}.pbcs-size-bars div.is-rec i{background:var(--p)}
.pbcs-special{display:flex;gap:12px;margin-top:14px;border:1px solid #dbe7fb;background:#f6f9ff;border-radius:14px;padding:14px}.special-icon{font-size:20px}.pbcs-special b{font-size:12px}.pbcs-special p{font-size:11px;color:#657184;line-height:1.5;margin:4px 0 0}.pbcs-actions{display:flex;gap:10px;margin-top:20px}.pbcs-outline{height:45px;padding:0 14px;border:1px solid #d9dee7;border-radius:11px;background:#fff;color:#344054;font-weight:800;font-size:11px;cursor:pointer;transition:.2s}.pbcs-outline:hover{background:#f7f9fc}.pbcs-actions .pbcs-primary{width:auto;min-width:145px;height:45px;margin-left:auto}.pbcs-disclaimer{font-size:10px;color:#8b95a5;line-height:1.55;margin:16px 0 0}.pbcs-footer-note{text-align:center;padding:14px;border-top:1px solid var(--line);font-size:10px;color:#9aa3b1;background:#fbfcfe}
[hidden]{display:none!important}
@keyframes pbcsIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes pbcsRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:700px){.pbcs-hero,.pbcs-form,.pbcs-results{padding-left:20px;padding-right:20px}.pbcs-grid,.pbcs-choice-grid,.pbcs-panels{grid-template-columns:1fr}.pbcs-span-2{grid-column:auto}.pbcs-mini-diagram{grid-template-columns:1fr}.pbcs-result-hero{align-items:stretch;flex-direction:column}.pbcs-fit-score{width:100%}.pbcs-dimension-grid{grid-template-columns:1fr 1fr}.pbcs-actions{flex-direction:column}.pbcs-actions .pbcs-primary{width:100%;margin-left:0}.pbcs-outline{width:100%}.pbcs-stepbar span{display:block;margin-top:4px}.pbcs-step i{margin:0}.pbcs-size-bars{grid-template-columns:1fr 1fr}}
@media print{body *{visibility:hidden!important}.pbcs,.pbcs *{visibility:visible!important}.pbcs{position:absolute;left:0;top:0;width:100%;max-width:none;margin:0}.pbcs-shell{box-shadow:none;border:0}.pbcs-form,.pbcs-footer-note,.pbcs-actions,.pbcs-disclaimer{display:none!important}}