.pxb-app{--pxb-ink:#152722;--pxb-muted:#75827c;--pxb-accent:#16764d;--pxb-line:#e6ece8;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--pxb-ink);max-width:1160px;margin:32px auto;padding:0 20px;line-height:1.5;font-size:15px}.pxb-app *{box-sizing:border-box}.pxb-app .pxb-top{display:flex;align-items:center;gap:11px;letter-spacing:.14em;font-size:15px;font-weight:850;margin-bottom:40px}.pxb-app .pxb-top small{display:block;letter-spacing:.22em;font-size:9px;font-weight:650;color:#87978e}.pxb-app .pxb-symbol{display:grid;place-items:center;background:var(--pxb-accent);color:white;width:39px;height:39px;border-radius:12px;font-size:23px}.pxb-app .pxb-header{background:linear-gradient(110deg,#eff8f1 0%,#f7faf8 65%,#f0f5f2 100%);padding:clamp(28px,5vw,58px);border-radius:24px 24px 0 0;border:1px solid var(--pxb-line);border-bottom:0}.pxb-app .pxb-eyebrow{font-size:11px;font-weight:800;color:var(--pxb-accent);letter-spacing:.17em}.pxb-app h1{font-size:clamp(27px,4vw,43px);font-weight:800;line-height:1.13;letter-spacing:-.045em;margin:12px 0 10px;color:var(--pxb-ink)}.pxb-app h2{font-size:22px;font-weight:750;letter-spacing:-.035em;margin:0 0 8px;color:var(--pxb-ink)}.pxb-app p{color:var(--pxb-muted);margin:6px 0 15px}.pxb-app .pxb-header p{font-size:16px;max-width:670px}.pxb-app .pxb-panel{border:1px solid var(--pxb-line);border-radius:0 0 24px 24px;padding:clamp(22px,4vw,52px);background:#fff;box-shadow:0 24px 60px rgba(16,50,31,.045)}.pxb-app .pxb-foot{text-align:center;color:#9ba9a1;font-size:12px;padding:25px 0}.pxb-app .pxb-section-title{display:flex;align-items:flex-start;gap:17px;margin-bottom:24px}.pxb-app .pxb-section-title p{margin:0}.pxb-app .pxb-step{display:inline-grid;place-items:center;flex-shrink:0;background:#eaf5ed;color:var(--pxb-accent);font-weight:800;font-size:13px;border-radius:11px;min-width:43px;height:43px;padding:0 8px}.pxb-app .pxb-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:16px}.pxb-app .pxb-product{position:relative;border:1.5px solid #e2e9e5;border-radius:17px;padding:14px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;background:#fff}.pxb-app .pxb-product:hover{border-color:#a0c9b3;box-shadow:0 9px 22px rgba(22,118,77,.07);transform:translateY(-2px)}.pxb-app .pxb-product:has(input:checked){border-color:var(--pxb-accent);box-shadow:0 0 0 2px #16764d20}.pxb-app .pxb-product input{position:absolute;top:14px;right:14px;width:18px;height:18px;accent-color:var(--pxb-accent);z-index:1}.pxb-app .pxb-product-image{height:155px;display:flex;align-items:center;justify-content:center;background:#f8faf8;border-radius:11px;overflow:hidden}.pxb-app .pxb-product-image img{max-width:100%;max-height:100%;object-fit:contain}.pxb-app .pxb-product-name{font-size:15px;font-weight:750;min-height:44px}.pxb-app .pxb-pick{border-top:1px solid #eff2ef;padding-top:10px;display:flex;justify-content:space-between;font-size:12px;font-weight:750;color:var(--pxb-accent)}.pxb-app .pxb-divider{height:1px;background:var(--pxb-line);margin:38px 0}.pxb-app .pxb-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.pxb-app .pxb-wide{grid-column:1/-1}.pxb-app .pxb-field{display:flex;flex-direction:column;gap:7px;color:#32443a;font-size:13px;font-weight:700}.pxb-app .pxb-field em{color:#d26155;font-style:normal}.pxb-app .pxb-field input,.pxb-app .pxb-otp input,.pxb-app .pxb-search{width:100%;min-height:47px;border:1px solid #dce5de;border-radius:10px;padding:12px 14px;font:inherit;font-size:14px;color:#172b22;background:#fff;box-shadow:none}.pxb-app input:focus{outline:2px solid #a3d6ba;outline-offset:1px}.pxb-app .pxb-check{display:flex;gap:12px;align-items:flex-start;margin:27px 0;color:#35483c;font-size:13px}.pxb-app .pxb-check input{width:18px;height:18px;accent-color:var(--pxb-accent);margin:2px 0 0}.pxb-app .pxb-submit{border-top:1px solid var(--pxb-line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.pxb-app .pxb-submit p{max-width:490px;font-size:12px;margin:0}.pxb-app .pxb-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--pxb-accent);color:#fff!important;border:0;border-radius:11px;padding:14px 22px;min-height:49px;font-size:14px;font-weight:750;text-decoration:none!important;cursor:pointer;white-space:nowrap}.pxb-app .pxb-btn:hover{background:#0d5f3d;color:#fff!important}.pxb-app .pxb-btn-dark{background:#17332a}.pxb-app .pxb-empty,.pxb-app .pxb-success{text-align:center;max-width:600px;margin:12px auto;padding:35px 0}.pxb-app .pxb-empty-icon,.pxb-app .pxb-success-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#e9f5ed;color:var(--pxb-accent);font-size:34px;margin:0 auto 20px}.pxb-app .pxb-success h2{font-size:31px;margin:12px 0}.pxb-app .pxb-alert{background:#fff5ed;border:1px solid #f2d9bd;color:#8a4b19;border-radius:12px;padding:14px 17px;margin-bottom:20px}.pxb-app .pxb-verify{max-width:490px;margin:auto}.pxb-app .pxb-otp{margin-top:25px;display:flex;align-items:end;gap:12px}.pxb-app .pxb-otp label{flex:1;display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}.pxb-app .pxb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pxb-app .pxb-metric{background:#f5f9f6;border:1px solid #eaf0eb;border-radius:15px;padding:22px}.pxb-app .pxb-metric span{display:block;font-size:13px;color:#667c70}.pxb-app .pxb-metric strong{display:block;font-size:33px;letter-spacing:-.04em;margin-top:6px}.pxb-app .pxb-progress{height:9px;border-radius:20px;background:#e8eee9;margin-top:18px;overflow:hidden}.pxb-app .pxb-progress div{height:100%;background:var(--pxb-accent);border-radius:20px}.pxb-app .pxb-breakdown{display:grid;gap:8px}.pxb-app .pxb-breakdown>div{display:flex;justify-content:space-between;gap:20px;background:#f8faf9;border-radius:10px;padding:12px 16px}.pxb-app .pxb-breakdown strong{color:var(--pxb-accent)}.pxb-app .pxb-table-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.pxb-app .pxb-search{max-width:250px}.pxb-app .pxb-table-scroll{overflow-x:auto}.pxb-app .pxb-table{border-collapse:collapse;width:100%;min-width:740px;font-size:13px}.pxb-app .pxb-table th{text-align:left;color:#6e8275;background:#f8faf9;padding:14px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.pxb-app .pxb-table td{padding:14px 12px;border-bottom:1px solid #edf0ee}.pxb-app .pxb-badge{display:inline-block;padding:5px 10px;border-radius:20px;background:#f0f2f1;color:#64746b;font-size:11px;font-weight:700}.pxb-app .pxb-badge-ok{background:#e6f6eb;color:#187446}.pxb-app .pxb-small{font-size:12px}@media(max-width:760px){.pxb-app{margin:16px auto;padding:0 10px}.pxb-app .pxb-top{margin-bottom:20px}.pxb-app .pxb-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pxb-app .pxb-submit{flex-direction:column;align-items:stretch}.pxb-app .pxb-address-grid{grid-template-columns:1fr}.pxb-app .pxb-wide{grid-column:auto}.pxb-app .pxb-table-header{flex-direction:column;align-items:stretch}.pxb-app .pxb-search{max-width:none}.pxb-app .pxb-otp{flex-direction:column;align-items:stretch}}@media(max-width:420px){.pxb-app .pxb-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pxb-app .pxb-product{padding:9px}.pxb-app .pxb-product-image{height:100px}.pxb-app .pxb-product-name{font-size:13px}.pxb-app .pxb-panel{padding:20px 15px}.pxb-app .pxb-metric{padding:14px}.pxb-app .pxb-metric strong{font-size:27px}}

/* Benefits landing */
.pxb-app .pxb-landing-intro{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid var(--pxb-line)}
.pxb-app .pxb-landing-lead{font-size:19px;line-height:1.55;color:var(--pxb-ink);max-width:800px}
.pxb-app .pxb-how{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;align-items:start;margin:24px 0;padding:25px;background:#f5f9f6;border-radius:17px}
.pxb-app .pxb-how ol{counter-reset:steps;list-style:none;padding:0;margin:0;display:grid;gap:13px}
.pxb-app .pxb-how li{counter-increment:steps;display:flex;align-items:start;gap:12px;font-size:14px;color:#35483c}
.pxb-app .pxb-how li:before{content:counter(steps);display:grid;place-items:center;min-width:27px;height:27px;border-radius:9px;background:#e0f0e6;color:#16764d;font-weight:800}
.pxb-app .pxb-product-desc{font-size:12px;color:#6a7b70;line-height:1.45;flex:1}
.pxb-app #beneficios{scroll-margin-top:25px}
@media(max-width:760px){.pxb-app .pxb-how{grid-template-columns:1fr;padding:18px}}

/* v1.3: clean flat corporate experience, inherits logo/header from active WP theme */
.pxb-app{--pxb-ink:#111116;--pxb-muted:#626571;--pxb-accent:#3438ff;--pxb-line:#e2e3e9;color:#111116;font-family:Inter,Arial,sans-serif}
.pxb-app .pxb-top,.pxb-app .pxb-foot{display:none}
.pxb-app .pxb-header{background:#f3f4f7;border-radius:22px 22px 0 0;border-color:#e4e5ea}
.pxb-app .pxb-panel{box-shadow:none;border-color:#e4e5ea}
.pxb-app .pxb-eyebrow{color:#3438ff}
.pxb-app h1,.pxb-app h2{color:#111116}
.pxb-app .pxb-step{background:#111116;color:white;border-radius:9px}
.pxb-app .pxb-btn{background:#3438ff;border-radius:9px}
.pxb-app .pxb-btn:hover{background:#2024cb}
.pxb-app .pxb-product{border:1px solid #e1e2e7;border-radius:14px}
.pxb-app .pxb-product:hover{border-color:#3438ff;box-shadow:0 12px 25px #14143912}
.pxb-app .pxb-product:has(input:checked){border-color:#3438ff;box-shadow:0 0 0 2px #3438ff22}
.pxb-app .pxb-product-image,.pxb-app .pxb-how,.pxb-app .pxb-metric,.pxb-app .pxb-breakdown>div{background:#f4f5f8}
.pxb-app .pxb-pick,.pxb-app .pxb-breakdown strong{color:#3438ff}
.pxb-app .pxb-how li:before{background:#e8e9ff;color:#3438ff}
.pxb-app .pxb-progress{background:#ececf3}.pxb-app .pxb-progress div{background:#3438ff}
.pxb-app .pxb-badge-ok{background:#e7e8ff;color:#292dce}
.pxb-app .pxb-field input,.pxb-app .pxb-field select,.pxb-app .pxb-search{border-color:#d7d9e1;color:#15151b;border-radius:8px}
.pxb-app input:focus,.pxb-app select:focus{outline:2px solid #3438ff66}
.pxb-app .pxb-check input,.pxb-app .pxb-product input{accent-color:#3438ff}
.pxb-app .pxb-preview-note{background:#eff0ff;border-color:#d7d9ff;color:#2024a8}

/* v1.5: monochrome benefits experience and native portal navigation */
.pxb-app{--pxb-ink:#101010;--pxb-muted:#595959;--pxb-accent:#111;--pxb-line:#dedede;color:#111}
.pxb-app .pxb-portal-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 2px 24px;min-height:72px}
.pxb-app .pxb-brand{display:inline-flex;align-items:center;text-decoration:none!important;color:#111!important;font-weight:850;font-size:21px}
.pxb-app .pxb-brand-image{max-width:190px;max-height:64px;width:auto;height:auto;object-fit:contain}
.pxb-app .pxb-portal-nav nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:650}
.pxb-app .pxb-portal-nav nav a{color:#111!important;text-decoration:none!important}
.pxb-app .pxb-header{background:#f5f5f5;border-color:#dedede}
.pxb-app .pxb-panel{border-color:#dedede}
.pxb-app .pxb-eyebrow,.pxb-app .pxb-pick,.pxb-app .pxb-breakdown strong{color:#111}
.pxb-app .pxb-btn{background:#111;border:1px solid #111;color:white!important}
.pxb-app .pxb-btn:hover{background:#333;border-color:#333}
.pxb-app .pxb-btn-outline{background:white;color:#111!important}
.pxb-app .pxb-btn-outline:hover{background:#eee;color:#111!important}
.pxb-app .pxb-product:hover,.pxb-app .pxb-product:has(input:checked){border-color:#111;box-shadow:0 0 0 1px #111}
.pxb-app .pxb-product-image,.pxb-app .pxb-how,.pxb-app .pxb-metric,.pxb-app .pxb-breakdown>div{background:#f6f6f6}
.pxb-app .pxb-how li:before,.pxb-app .pxb-step{background:#111;color:#fff}
.pxb-app .pxb-progress div{background:#111}.pxb-app .pxb-badge-ok{background:#eee;color:#111}
.pxb-app .pxb-check input,.pxb-app .pxb-product input{accent-color:#111}
.pxb-app input:focus,.pxb-app select:focus{outline:2px solid #777}
.pxb-app .pxb-preview-note{background:#f5f5f5;border-color:#ddd;color:#333}
.pxb-app .pxb-wizard{scroll-margin-top:20px}.pxb-app .pxb-wizard-stage[hidden]{display:none!important}
.pxb-app .pxb-wizard-progress{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 28px}
.pxb-app .pxb-wizard-progress span{padding:9px 13px;border:1px solid #ddd;border-radius:7px;color:#666;font-size:12px;font-weight:700}
.pxb-app .pxb-wizard-progress span.is-active{background:#111;color:#fff;border-color:#111}
.pxb-app .pxb-wizard-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin:28px 0}
.pxb-app .pxb-wizard-summary{padding:22px;border:1px solid #ddd;border-radius:12px;background:#fafafa;line-height:1.7}
.pxb-app .pxb-wizard-summary strong{display:block;font-size:19px}
@media(max-width:600px){.pxb-app .pxb-portal-nav{flex-wrap:wrap}.pxb-app .pxb-wizard-actions .pxb-btn{width:100%}.pxb-app .pxb-submit{align-items:stretch}}
