/* Hubpile unified offerings v18 — scoped to new components, no global shell replacement */
.hp18-offering{--hp18-blue:#126ff4;--hp18-navy:#0b1734;--hp18-ink:#15223b;--hp18-muted:#627188;--hp18-line:#e3eaf4;--hp18-soft:#f4f8ff;color:var(--hp18-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;box-sizing:border-box}
.hp18-offering *{box-sizing:border-box}.hp18-offering a{text-decoration:none}.hp18-offering .hp18-wrap{max-width:1210px;width:calc(100% - 48px);margin-inline:auto}.hp18-showcase{background:linear-gradient(180deg,#fff 0%,#f4f8ff 86%,#fff 100%);padding:86px 0 44px;position:relative;isolation:isolate}
.hp18-story-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(30px,5vw,82px);align-items:center}.hp18-photo-panel{position:relative;isolation:isolate;min-height:465px;border-radius:28px;overflow:hidden;background:#d9eafe;box-shadow:0 25px 64px rgba(15,45,95,.14)}.hp18-photo-panel img{height:100%;width:100%;object-fit:cover;position:absolute;inset:0}.hp18-photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,21,54,.72),transparent 48%)}.hp18-photo-bubble{position:absolute;bottom:25px;left:23px;right:23px;display:flex;align-items:center;gap:14px;padding:17px 18px;background:rgba(255,255,255,.96);box-shadow:0 10px 35px rgba(0,0,0,.12);border-radius:18px;backdrop-filter:blur(8px);color:var(--hp18-ink)}.hp18-photo-bubble b,.hp18-photo-bubble small{display:block}.hp18-photo-bubble b{font-size:15px}.hp18-photo-bubble small{font-size:12px;color:var(--hp18-muted);margin-top:4px}.hp18-spark{display:grid;place-items:center;width:45px;height:45px;flex:0 0 auto;border-radius:13px;background:#e8f1ff;color:var(--hp18-blue);font-size:22px}.hp18-photo-chip{position:absolute;top:22px;left:22px;background:rgba(255,255,255,.97);color:#164d9e;padding:8px 13px;font-weight:800;font-size:12px;border-radius:99px;box-shadow:0 4px 16px #0001}
.hp18-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#1265d9;text-transform:uppercase;font-weight:900;letter-spacing:.11em;font-size:11px}.hp18-eyebrow:before{content:"";display:inline-block;width:23px;height:2px;background:#126ff4}.hp18-story-copy h2,.hp18-heading h2,.hp18-last-layout h2{font-size:clamp(32px,3.9vw,52px);letter-spacing:-.048em;line-height:1.12;color:var(--hp18-navy);font-weight:850;margin:13px 0 16px}.hp18-story-copy>p{font-size:16px;line-height:1.82;color:var(--hp18-muted);margin:0 0 28px}.hp18-workflow{display:grid;gap:9px}.hp18-workflow>div{display:flex;gap:13px;align-items:start;padding:12px 14px;background:#fff;border:1px solid var(--hp18-line);border-radius:13px}.hp18-workflow>div>span{background:#edf4ff;color:#1769d8;font-weight:900;padding:9px;border-radius:10px;font-size:11px}.hp18-workflow p{margin:0!important}.hp18-workflow strong,.hp18-workflow small{display:block}.hp18-workflow strong{font-size:14px;color:#172943}.hp18-workflow small{font-size:12px;color:var(--hp18-muted);line-height:1.6;margin-top:2px}.hp18-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hp18-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;padding:13px 18px;border-radius:11px;font-weight:800;font-size:13px;min-height:47px;line-height:1.2;transition:transform .15s,box-shadow .15s}.hp18-btn:hover{transform:translateY(-2px)}.hp18-btn-blue{color:#fff!important;background:#126ff4;box-shadow:0 10px 20px rgba(18,111,244,.19)}.hp18-btn-light{background:#fff;color:#1e3b62!important;border:1px solid #d4e0f0}.hp18-proof{display:grid;grid-template-columns:1.65fr repeat(3,1fr);gap:8px;margin-top:34px;padding:20px;border:1px solid #e2eaf5;border-radius:19px;background:#fff;box-shadow:0 8px 28px #122a4810}.hp18-proof-feature{display:flex;gap:12px;align-items:center;padding:8px 18px;border-right:1px solid #e6ebf3}.hp18-proof-feature:last-child{border-right:0}.hp18-proof-feature strong{font-size:21px;color:#122d55;font-weight:850;white-space:nowrap}.hp18-proof-feature small{display:block;font-size:11px;color:var(--hp18-muted);line-height:1.45;margin-top:4px}.hp18-proof-feature:first-child strong{font-size:14px;white-space:normal}.hp18-dot{width:11px;height:11px;border-radius:50%;background:#18b479;box-shadow:0 0 0 5px #dff9ee;flex:none}
.hp18-ecosystem{background:#fff;padding:80px 0}.hp18-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.hp18-heading h2{font-size:clamp(29px,3vw,43px);margin:8px 0 0}.hp18-heading>p{max-width:390px;font-size:14px;line-height:1.75;color:var(--hp18-muted);margin:0}.hp18-ecosystem-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.hp18-ecosystem-card{display:flex;flex-direction:column;min-height:146px;border:1px solid var(--hp18-line);border-radius:16px;padding:16px 11px;background:#fff;transition:transform .2s,box-shadow .2s;text-decoration:none;color:#1b304e!important}.hp18-ecosystem-card:hover,.hp18-ecosystem-card.active{box-shadow:0 12px 36px rgba(22,75,150,.10);transform:translateY(-2px);border-color:#aad0ff;background:#f8fbff}.hp18-ec-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#edf5ff;color:#176bdf;font-size:19px}.hp18-ecosystem-card b{font-size:12px;margin-top:13px;line-height:1.35}.hp18-ecosystem-card small{font-size:11px;color:#4474ad;margin-top:auto;padding-top:10px}.hp18-reviews{background:#f5f8fe;padding:72px 0}.hp18-reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hp18-review{margin:0;padding:24px;border:1px solid var(--hp18-line);border-radius:19px;background:#fff;display:flex;flex-direction:column}.hp18-quote-mark{font-family:Georgia,serif;font-size:58px;line-height:.7;color:#126ff4}.hp18-review>p{line-height:1.76;font-size:14px;color:#334763;flex:1}.hp18-review footer{display:flex;align-items:center;gap:12px;border-top:1px solid #e9eef6;padding-top:14px;margin-top:18px}.hp18-review img{height:44px;width:44px;border-radius:50%;object-fit:cover}.hp18-review b,.hp18-review small{display:block}.hp18-review b{font-size:13px}.hp18-review small{font-size:11px;color:var(--hp18-muted);margin-top:2px}.hp18-last-cta{padding:61px 0;background:linear-gradient(122deg,#07162e,#103a7a 73%,#0876e2);color:#fff}.hp18-last-layout{display:flex;align-items:center;justify-content:space-between;gap:40px}.hp18-last-layout>div:first-child{max-width:730px}.hp18-cta-overline{font-size:11px;letter-spacing:.12em;font-weight:900;color:#a8d3ff}.hp18-last-layout h2{color:#fff;max-width:700px;font-size:clamp(32px,4vw,49px);margin:12px 0}.hp18-last-layout p{margin:0;color:#c2d5ef;line-height:1.65;font-size:14px}.hp18-last-buttons{display:flex;flex-wrap:wrap;gap:9px;min-width:max-content}.hp18-btn-white{background:#fff;color:#17417d!important}.hp18-btn-ghost{color:#fff!important;border:1px solid rgba(255,255,255,.4)}
/* Preserve existing catalogue functionality and improve image consistency. */
.hp48-public .hp4-card,.hp48-public .hp-card,.hp48-public .dpm-card{box-shadow:0 12px 40px rgba(17,46,89,.055)}
.hp48-public .hp4-cover img,.hp48-public .hp-product-cover img{object-fit:cover}
@media(max-width:1100px){.hp18-story-grid{gap:34px}.hp18-ecosystem-grid{grid-template-columns:repeat(4,1fr)}.hp18-proof{grid-template-columns:repeat(2,1fr)}.hp18-proof-feature:nth-child(2){border-right:0}.hp18-proof-feature:nth-child(1),.hp18-proof-feature:nth-child(2){border-bottom:1px solid #e8eef5}}
@media(max-width:780px){.hp18-showcase{padding:50px 0 30px}.hp18-offering .hp18-wrap{width:calc(100% - 30px)}.hp18-story-grid{grid-template-columns:1fr}.hp18-photo-panel{min-height:350px}.hp18-heading,.hp18-last-layout{align-items:start;flex-direction:column;gap:18px}.hp18-ecosystem-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hp18-reviews-grid{grid-template-columns:1fr}.hp18-last-buttons{min-width:0}.hp18-ecosystem{padding:56px 0}}
@media(max-width:480px){.hp18-photo-panel{min-height:300px}.hp18-proof{grid-template-columns:1fr;gap:0}.hp18-proof-feature{border-right:0!important;border-bottom:1px solid #e8eef5!important;padding:13px 8px}.hp18-proof-feature:last-child{border-bottom:0!important}.hp18-ecosystem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hp18-actions .hp18-btn{width:100%}.hp18-photo-bubble{left:12px;right:12px;bottom:12px}.hp18-ecosystem-card{min-height:125px}}
@media(prefers-reduced-motion:reduce){.hp18-offering .hp18-btn,.hp18-offering .hp18-ecosystem-card{transition:none}.hp18-offering .hp18-btn:hover,.hp18-offering .hp18-ecosystem-card:hover{transform:none}}