/* Interactive platform storytelling, shared across the WECU family. */
.platform-section-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:end;margin-bottom:44px}
.platform-section-heading h2{margin-bottom:0}.platform-section-heading>p{font-size:.92rem;line-height:1.8;max-width:460px;margin:0}
.platform-family-section{background:#fff}
.platform-stories{display:grid;gap:44px}
.platform-story{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);border:1px solid #dde3e5;border-radius:20px;background:#f1f5f5;overflow:hidden;align-items:center}
.platform-story-visual{min-width:0;padding:28px;align-self:stretch;display:grid;align-content:center;background:linear-gradient(140deg,#eef3f4,var(--dv-tint))}
.platform-story-copy{padding:38px 36px 38px 20px;min-width:0}
.platform-story-copy .pf-eyebrow{font-size:.65rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dv-accent);line-height:1.6;margin:0 0 12px}
.pf-development{display:inline-block;border:1px solid #c3cfd2;border-radius:20px;padding:5px 10px;color:#53656c;font-size:.55rem;text-transform:uppercase;letter-spacing:.07em;margin:0 0 22px}
.division-experience .platform-story-copy>h3{font-size:clamp(1.8rem,2.4vw,2.5rem);line-height:1.1;color:#192c35;letter-spacing:-.04em;margin:0 0 20px}
.division-experience .platform-story-copy>.pf-promise{font-size:clamp(1.1rem,1.45vw,1.35rem);font-weight:500;line-height:1.5;color:#2d454f;margin:0 0 18px}
.platform-story-copy>p:not(.pf-promise):not(.pf-eyebrow){font-size:.87rem;line-height:1.8;color:#54646b;margin-bottom:24px}
.platform-story-copy dl{border-top:1px solid #cbd6da;margin:0 0 25px;padding:22px 0 0}
.platform-story-copy dt{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dv-accent);margin-bottom:7px}
.platform-story-copy dd{font-size:.84rem;line-height:1.75;color:#465b64;margin:0}
.pf-explore{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:48px;padding:10px 0;border-bottom:1px solid var(--dv-accent);color:var(--dv-accent);text-decoration:none;font-size:.76rem;font-weight:700}
.pf-explore:hover{color:var(--dv-secondary)}.pf-explore span{transition:transform .2s}.pf-explore:hover span{transform:translate(2px,-2px)}
.platform-story.ps-1{background:#15232b;border-color:#31464f}
.platform-story.ps-1 .platform-story-visual{order:2;background:linear-gradient(140deg,#15232b,var(--dv-secondary))}
.platform-story.ps-1 .platform-story-copy{order:1;padding:38px 20px 38px 36px}
.division-experience .platform-story.ps-1 .platform-story-copy>h3{color:#fff}
.division-experience .platform-story.ps-1 .pf-promise{color:#f0f6f7}
.division-experience .platform-story.ps-1 .platform-story-copy p:not(.pf-eyebrow):not(.pf-promise),.platform-story.ps-1 .platform-story-copy dd{color:#c5d2d8}
.platform-story.ps-1 .platform-story-copy .pf-eyebrow,.platform-story.ps-1 .platform-story-copy dt,.platform-story.ps-1 .pf-explore{color:var(--dv-support)}
.platform-story.ps-1 .platform-story-copy dl,.platform-story.ps-1 .pf-development{border-color:#4c626c;color:#c5d2d8}.platform-story.ps-1 .pf-explore{border-color:var(--dv-support)}
.platform-story.ps-1 .pf-explore:focus-visible{outline-color:var(--dv-support)!important}
.platform-story.ps-2{background:#f7f2e9;border-color:#e1d8c9}.platform-story.ps-2 .platform-story-visual{background:linear-gradient(130deg,#f7f2e9,#eee5d7)}
/* Detailed concept interface. All data is illustrative and all tab controls work. */
.platform-preview{width:100%;min-width:0;border:1px solid #cbd5d9;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 16px 38px #142d3a14;font-family:"DM Sans",sans-serif}
.pf-brandbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;background:#fff}
.pf-brandbar>img{width:130px;height:49px;object-fit:contain}
.pf-concept-pill{border:1px solid #cbd7db;border-radius:15px;font-size:.51rem;line-height:1.4;color:#52656d;padding:5px 8px;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap}
.pf-titlebar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:4px 20px 18px}
.pf-titlebar>div>span{font-size:.55rem;text-transform:uppercase;letter-spacing:.07em;color:var(--dv-accent)}
.division-experience .pf-titlebar h3{font-size:1.3rem;letter-spacing:-.025em;color:#1c303a;margin:7px 0 0;line-height:1.2}
.pf-status-light{width:8px;height:8px;flex-shrink:0;background:var(--dv-accent);border-radius:50%;box-shadow:0 0 0 5px var(--dv-tint)}
.pf-tabs{display:flex;gap:2px;padding:0 18px;border-bottom:1px solid #d8e1e4;background:#f7f9fa}
.pf-tabs>button{appearance:none;font:inherit;cursor:pointer;font-size:.65rem;padding:12px 15px;background:transparent;color:#50626b;border:0;border-bottom:2px solid transparent;min-height:42px;line-height:1.4;border-radius:0}
.pf-tabs>button[aria-selected="true"]{color:var(--dv-accent);border-bottom-color:var(--dv-accent);font-weight:700}
.pf-tabs>button:hover{background:var(--dv-tint)}
.pf-tabs>button:focus-visible{outline:3px solid var(--dv-accent);outline-offset:-3px}
.pf-panel[hidden]{display:none!important}.pf-panel{min-height:365px}
.pf-workspace{display:grid;grid-template-columns:116px minmax(0,1fr);min-height:365px}
.pf-sidebar{display:flex;flex-direction:column;gap:10px;align-self:stretch;background:#edf2f4;padding:20px 10px;border-right:1px solid #d8e1e4}
.pf-sidebar>span:not(.pf-sidebar-note){font-size:.55rem;line-height:1.55;padding:8px 7px;border-radius:6px;color:#556c77;overflow-wrap:anywhere;display:flex;align-items:center;gap:6px}
.pf-sidebar>span.is-active{background:#fff;color:var(--dv-accent);box-shadow:0 4px 12px #23394506;font-weight:700}
.pf-nav-dot{display:inline-block;width:5px;height:5px;flex-shrink:0;border-radius:50%;background:currentColor}
.pf-sidebar>.pf-sidebar-note{font-size:.48rem;line-height:1.6;color:#647983;margin-top:auto;padding:15px 5px 0}
.pf-main{padding:20px 16px;min-width:0;background:#fff}
.pf-main-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:19px}
.pf-main-heading small{font-size:.53rem;color:#657880}
.division-experience .pf-main-heading h4{font-size:.88rem;line-height:1.4;color:#223943;margin:4px 0 0;font-weight:600;letter-spacing:-.01em}
.pf-sample-label{font-size:.45rem;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;color:#617580;border:1px solid #d5e1e6;border-radius:12px;padding:4px 6px}
.pf-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:22px}
.pf-tile{padding:12px 10px;background:#edf4f6;border:1px solid #d9e6ea;border-radius:9px;min-width:0;min-height:112px;border-top:2px solid #54889b}
.pf-tile-1{background:#f7f0e4;border-color:#e7ddc9;border-top-color:#b8924e}
.pf-tile-2{background:#eef2ed;border-color:#dce4d8;border-top-color:#82a794}
.pf-tile-icon{display:inline-flex;align-items:center;justify-content:center;height:24px;width:24px;background:#fff;border:1px solid #ccdce1;color:#245d73;border-radius:6px;font-size:1rem;margin-bottom:10px}
.pf-tile strong{display:block;color:#304852;font-size:.58rem;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.pf-tile small{display:block;font-size:.48rem;line-height:1.6;color:#60757e;margin-top:6px}
.pf-task-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;align-items:center}
.division-experience .pf-task-heading h4{margin:0;color:#304852;font-size:.67rem;font-weight:600;letter-spacing:0}
.pf-task-heading>span{font-size:.47rem;color:#6a7e87}
.pf-tasks{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pf-tasks li{display:flex;align-items:center;gap:8px;border:1px solid #e0e7ea;padding:9px 8px;border-radius:7px}
.pf-task-marker{width:7px;height:7px;background:#96b5c0;border-radius:50%;flex-shrink:0}.pf-tasks li:nth-child(2) .pf-task-marker{background:#c2a477}.pf-tasks li:nth-child(3) .pf-task-marker{background:#8caf9f}
.pf-tasks strong{font-size:.56rem;line-height:1.5;display:block;color:#3a515d;font-weight:500}
.pf-tasks small{display:block;color:#647b87;font-size:.45rem;line-height:1.5;margin-top:2px}
.pf-task-status{margin-left:auto;flex-shrink:0;font-size:.44rem;color:#597681;background:#eff4f6;padding:3px 5px;border-radius:4px}
.pf-caption{font-size:.5rem;letter-spacing:.025em;line-height:1.7;text-align:center;color:#627881;background:#f5f8f9;padding:10px 15px;border-top:1px solid #e0e6e8}
.pf-flow-heading{padding:24px 24px 0}.pf-flow-heading small{color:#647b86;font-size:.6rem}
.division-experience .pf-flow-heading h4{color:#223943;font-size:1.05rem;line-height:1.5;letter-spacing:-.02em;max-width:440px;margin:9px 0 18px}
.pf-flow{display:grid;gap:0;list-style:none;margin:0;padding:0 24px 22px}
.pf-flow li{display:grid;grid-template-columns:32px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #e1e8eb}.pf-flow li:last-child{border-bottom:0}
.pf-step-num{font-size:.65rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--dv-accent);background:var(--dv-tint);border:1px solid #cedde4}
.division-experience .pf-flow h4{font-size:.8rem;line-height:1.5;margin:0 0 6px;color:#263f4b;letter-spacing:0}
.division-experience .pf-flow p{font-size:.65rem;line-height:1.75;margin:0;color:#59717c}
.pf-network{border-color:#45616e}.pf-network .pf-brandbar,.pf-network .pf-titlebar{background:#152b35}
.pf-network .pf-titlebar h3{color:#fff}.pf-network .pf-titlebar>div>span{color:var(--dv-support)}.pf-network .pf-concept-pill{color:#d2e1e8;border-color:#577380}
.pf-network .pf-status-light{background:var(--dv-support);box-shadow:0 0 0 5px #6d9caf22}
.pf-network .pf-sidebar{background:#1d3440;border-color:#45616e}.pf-network .pf-sidebar>span:not(.pf-sidebar-note){color:#c8dae4}.pf-network .pf-sidebar>span.is-active{background:#36535f;color:#fff}
.pf-network .pf-sidebar>.pf-sidebar-note{color:#b0c5d0}
.pf-personal{border-color:#d9cebc}.pf-personal .pf-brandbar,.pf-personal .pf-titlebar{background:#fcfaf6}
.pf-personal .pf-sidebar{background:#f2ede5;border-color:#e0d5c4}.pf-personal .pf-tabs,.pf-personal .pf-caption{background:#f8f4ec}
.pf-personal .pf-main{background:#fffdf9}.pf-personal .pf-tasks li{border-color:#e9e1d4;background:#fff}
.platform-detail-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.35fr);gap:65px;align-items:center}
.platform-detail-layout>div:first-child>h3{font-size:.9rem;margin-top:30px}.platform-detail-layout li{font-size:.9rem;line-height:1.8;color:#526977}
.pf-detail-note{font-size:.75rem!important;line-height:1.8;margin:28px 0}
@media(max-width:1200px){.platform-story{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.platform-story-visual{padding:20px}.platform-story-copy{padding:30px 24px 30px 10px}.platform-story.ps-1 .platform-story-copy{padding:30px 10px 30px 24px}.pf-workspace{grid-template-columns:98px minmax(0,1fr)}.pf-main{padding:18px 12px}.pf-tiles{gap:6px}.pf-tile{padding:10px 7px}.pf-sidebar{padding:17px 7px}}
@media(max-width:1000px){.platform-story{grid-template-columns:minmax(0,1fr)}.platform-story-visual,.platform-story.ps-1 .platform-story-visual{order:0;padding:28px}.platform-story-copy,.platform-story.ps-1 .platform-story-copy{order:1;padding:10px 32px 34px}.platform-preview{max-width:750px;margin:auto}.platform-story-copy>p,.platform-story-copy>dl{max-width:650px}.platform-section-heading{grid-template-columns:1fr;gap:22px}.platform-section-heading>p{max-width:680px}.pf-workspace{grid-template-columns:140px minmax(0,1fr)}.pf-tile strong{font-size:.72rem}.pf-tile small{font-size:.58rem}.pf-tasks strong{font-size:.68rem}.pf-tasks small{font-size:.52rem}.pf-sidebar>span:not(.pf-sidebar-note){font-size:.65rem}.pf-main{padding:22px}.platform-detail-layout{grid-template-columns:1fr;gap:34px}}
@media(max-width:600px){.platform-story-visual,.platform-story.ps-1 .platform-story-visual{padding:15px}.platform-story-copy,.platform-story.ps-1 .platform-story-copy{padding:16px 24px 28px}.platform-stories{gap:28px}.pf-workspace{grid-template-columns:minmax(0,1fr)}.pf-sidebar{display:none}.pf-main{padding:18px 14px}.pf-titlebar{padding:4px 16px 16px}.pf-brandbar{padding:14px 14px 10px}.pf-brandbar>img{width:110px;height:42px}.pf-concept-pill{font-size:.43rem}.pf-main-heading h4{font-size:.9rem}.pf-tile strong{font-size:.61rem}.pf-tile small{font-size:.51rem}.pf-tasks strong{font-size:.62rem}.pf-task-status{font-size:.43rem}.pf-flow{padding:0 18px 20px}.pf-flow-heading{padding:20px 18px 0}.pf-panel{min-height:380px}.pf-tiles{gap:7px}.pf-tile{min-height:125px}.pf-main-heading{gap:5px}.pf-tasks li{padding:10px 8px}.pf-caption{font-size:.44rem}.pf-explore{font-size:.72rem}.platform-section-heading h2{font-size:2.1rem}}
@media(max-width:360px){.pf-concept-pill{font-size:.4rem;padding:4px 6px}.pf-main{padding:16px 10px}.pf-tiles{grid-template-columns:1fr}.pf-tile{min-height:0;display:grid;grid-template-columns:24px 1fr;gap:0 9px;padding:9px}.pf-tile-icon{grid-row:1/3;margin:0}.pf-tile small{margin:2px 0 0;grid-column:2}.pf-tile strong{font-size:.64rem}.pf-main-heading{display:block}.pf-sample-label{display:none}.platform-story-visual{padding:10px!important}.pf-task-status{display:none}}
@media(prefers-reduced-motion:reduce){.pf-explore span{transition:none}.pf-explore:hover span{transform:none}}
/* Keep the important preview labels readable while supporting the richer composition. */
.pf-tabs>button{font-size:.74rem;min-height:44px}
.pf-sidebar>span:not(.pf-sidebar-note){font-size:.62rem}
.pf-tile strong{font-size:.68rem}.pf-tile small{font-size:.55rem}
.pf-tasks strong{font-size:.66rem}.pf-tasks small{font-size:.52rem}
.pf-caption{font-size:.55rem}.pf-task-status{font-size:.5rem}
.pf-main-heading h4{font-size:.95rem}.pf-task-heading h4{font-size:.75rem}
@media(max-width:600px){.pf-tile strong{font-size:.62rem}.pf-tile small{font-size:.52rem}.pf-tasks strong{font-size:.63rem}.pf-caption{font-size:.49rem}.pf-task-status{font-size:.44rem}}