#home-federated-story{--ink:#060818;--deep:#0A0E2C;--text:#F5F6FB;--soft:#B9BEDF;--mute:#7E84B3;--line:rgba(255,255,255,.1);--red:#E71467;--redhi:#FF4D8D;--blue:#6C74FF;
--f:Calibri,Carlito,"Segoe UI",sans-serif;color-scheme:dark}#home-federated-story *{box-sizing:border-box}#home-federated-story,#home-federated-story{margin:0}#home-federated-story{font-family:var(--f);background:var(--ink);color:var(--text);font-size:19px;line-height:1.5;-webkit-font-smoothing:antialiased}#home-federated-story .wrap{max-width:1400px;margin:0 auto;padding-inline:28px;padding-block:34px 44px}#home-federated-story .head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;margin-bottom:26px}#home-federated-story .head img{height:30px;display:block;margin-bottom:18px}#home-federated-story h2{font-weight:700;font-size:clamp(34px,4vw,54px);line-height:1.02;margin:0;letter-spacing:-.01em}#home-federated-story h2 em{font-style:normal;color:var(--redhi)}#home-federated-story .head p{margin:0;color:var(--soft);max-width:30em;font-size:19px}#home-federated-story .stageWrap{background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-x:auto;overflow-y:hidden}#home-federated-story .stage{position:relative;width:1400px;height:600px;transform-origin:0 0}#home-federated-story #fx{position:absolute;inset:0;width:1400px;height:600px;pointer-events:none}#home-federated-story .phase{position:absolute;top:34px;height:40px;opacity:0;transition:opacity 1.2s}#home-federated-story .phase span{position:absolute;left:0;right:0;top:0;text-align:center;font-size:17px;font-weight:700;color:var(--soft);transition:color .8s}#home-federated-story .phase i{position:absolute;left:10px;right:10px;top:28px;height:8px;border:2px solid rgba(255,255,255,.22);border-bottom:0;border-radius:8px 8px 0 0;transition:border-color .8s}#home-federated-story .phase.on span{color:#fff}#home-federated-story .phase.on i{border-color:var(--redhi)}#home-federated-story .prod{position:absolute;top:96px;width:136px;margin-left:-68px;text-align:center;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}#home-federated-story .prod .ic{width:104px;height:104px;margin:0 auto;display:grid;place-items:center;position:relative}#home-federated-story .prod .ic::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,var(--c) 0%,transparent 68%);opacity:.18;transition:opacity .8s,transform .8s}#home-federated-story .prod img{max-width:100%;max-height:100%;position:relative;transition:transform .8s}#home-federated-story .prod h3{margin:12px 0 0;font-size:22px;font-weight:700;line-height:1.1}#home-federated-story .prod p{margin:3px 0 0;font-size:15.5px;color:var(--soft);line-height:1.25}#home-federated-story .prod.hot .ic::before{opacity:.75;transform:scale(1.25)}#home-federated-story .prod.hot img{transform:scale(1.12)}#home-federated-story .prod.hot h3{color:var(--cl)}#home-federated-story .stack{position:absolute;top:322px;width:156px;margin-left:-78px;display:grid;gap:7px;transition:all 1.4s cubic-bezier(.6,0,.3,1)}#home-federated-story .stack span{display:block;font-size:14.5px;padding:6px 10px;border-radius:9px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:var(--soft);text-align:center;transition:all 1s}#home-federated-story .stack span.dup{background:rgba(43,91,215,.18);border-color:rgba(255,77,141,.6);color:#fff;font-weight:700}#home-federated-story .stage.s1 .stack span.dup{animation:dup 2.4s ease-in-out infinite}
@keyframes dup{50%{box-shadow:0 0 18px rgba(255,77,141,.55)}}#home-federated-story .silo{position:absolute;top:84px;width:178px;height:372px;margin-left:-89px;border:1.5px dashed rgba(255,255,255,.14);border-radius:22px;transition:opacity 1s}#home-federated-story .rail{position:absolute;left:56px;top:470px;width:1044px;height:64px;border-radius:32px;transform-origin:0 50%;transform:scaleX(0);opacity:0;transition:transform 1.8s cubic-bezier(.6,0,.2,1),opacity .6s;
  background:linear-gradient(90deg,rgba(108,116,255,.35),rgba(43,91,215,.4));border:1px solid rgba(255,255,255,.28);box-shadow:0 0 40px rgba(43,91,215,.25),inset 0 0 24px rgba(255,255,255,.08)}#home-federated-story .railLab{position:absolute;left:56px;top:546px;width:1044px;text-align:center;font-size:17px;font-weight:700;color:#fff;opacity:0;transition:opacity 1s .8s}#home-federated-story .railLab b{color:var(--redhi)}#home-federated-story .objs{position:absolute;left:56px;top:470px;width:1044px;height:64px;display:flex;justify-content:space-around;align-items:center;opacity:0;transition:opacity 1s 1s}#home-federated-story .objs span{font-size:16px;font-weight:700;padding:6px 16px;border-radius:999px;background:rgba(6,8,24,.7);border:1px solid rgba(255,255,255,.25)}#home-federated-story .link{position:absolute;top:262px;width:2px;height:208px;margin-left:-1px;background:linear-gradient(180deg,var(--c),rgba(255,255,255,.5));transform-origin:50% 0;transform:scaleY(0);transition:transform 1.2s cubic-bezier(.6,0,.2,1)}#home-federated-story .boardV{position:absolute;left:1150px;top:150px;width:222px;height:384px;border-radius:22px;padding:20px 18px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);opacity:0;transform:translateX(20px);transition:all 1.2s}#home-federated-story .boardV h4{margin:0;font-size:22px;font-weight:700;line-height:1.1}#home-federated-story .boardV small{display:block;font-size:15px;color:var(--soft);margin-top:4px}#home-federated-story .boardV ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:9px}#home-federated-story .boardV li{display:flex;align-items:center;gap:10px;font-size:16.5px;font-weight:700;padding:8px 12px;border-radius:12px;background:rgba(6,8,24,.6);border:1px solid rgba(255,255,255,.12);opacity:.35;transform:translateX(8px);transition:all .8s}#home-federated-story .boardV li i{width:8px;height:8px;border-radius:50%;background:var(--redhi);box-shadow:0 0 10px var(--redhi)}#home-federated-story .railEnd{position:absolute;left:1100px;top:500px;width:50px;height:4px;background:linear-gradient(90deg,rgba(43,91,215,.8),rgba(255,77,141,1));transform-origin:0 50%;transform:scaleX(0);transition:transform .8s}#home-federated-story .ai{position:absolute;left:56px;top:440px;width:1044px;height:2px;opacity:0;transition:opacity 1s;background:repeating-linear-gradient(90deg,rgba(142,149,255,.9) 0 10px,transparent 10px 20px);background-size:200% 100%}#home-federated-story .aiLab{position:absolute;left:56px;top:404px;font-size:16px;font-weight:700;color:#fff;padding:4px 14px;border-radius:999px;background:rgba(108,116,255,.35);border:1px solid rgba(142,149,255,.8);opacity:0;transition:opacity 1s}#home-federated-story .stage.s2 .silo,#home-federated-story .stage.s3 .silo,#home-federated-story .stage.s4 .silo{opacity:0}#home-federated-story .stage.s2 .stack,#home-federated-story .stage.s3 .stack,#home-federated-story .stage.s4 .stack{transform:translateY(150px) scale(.4);opacity:0}#home-federated-story .stage.s2 .rail,#home-federated-story .stage.s3 .rail,#home-federated-story .stage.s4 .rail{transform:scaleX(1);opacity:1}#home-federated-story .stage.s2 .railLab,#home-federated-story .stage.s3 .railLab,#home-federated-story .stage.s4 .railLab,#home-federated-story .stage.s2 .objs,#home-federated-story .stage.s3 .objs,#home-federated-story .stage.s4 .objs{opacity:1}#home-federated-story .stage.s2 .link,#home-federated-story .stage.s3 .link,#home-federated-story .stage.s4 .link{transform:scaleY(1)}#home-federated-story .stage.s3 .phase{opacity:1}#home-federated-story .stage.s4 .boardV{opacity:1;transform:none;border-color:rgba(255,77,141,.6);box-shadow:0 0 50px rgba(43,91,215,.3)}#home-federated-story .stage.s4 .boardV li{opacity:1;transform:none}#home-federated-story .stage.s4 .boardV li:nth-child(2){transition-delay:.25s}#home-federated-story .stage.s4 .boardV li:nth-child(3){transition-delay:.5s}#home-federated-story .stage.s4 .boardV li:nth-child(4){transition-delay:.75s}#home-federated-story .stage.s4 .railEnd{transform:scaleX(1)}#home-federated-story .stage.s4 .ai,#home-federated-story .stage.s4 .aiLab{opacity:1}#home-federated-story .stage.s4 .ai{animation:march 6s linear infinite}
@keyframes march{to{background-position:-200% 0}}#home-federated-story .below{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px 40px;align-items:start;margin-top:26px}#home-federated-story .nar .k{font-size:17px;font-weight:700;color:#7e1c46;margin:0}#home-federated-story .nar h2{font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.1;margin:2px 0 8px}#home-federated-story .nar p{margin:0;color:var(--soft);max-width:40em;font-size:19.5px}#home-federated-story .fade{animation:fade .9s ease both}
@keyframes fade{from{opacity:0;transform:translateY(6px)}}#home-federated-story .nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}#home-federated-story .nav button{font-family:var(--f);font-size:17px;font-weight:700;color:var(--soft);background:none;border:1px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;transition:all .3s;position:relative;overflow:hidden}#home-federated-story .nav button i{position:absolute;left:0;bottom:0;height:3px;width:0;background:linear-gradient(90deg,var(--blue),var(--redhi))}#home-federated-story .nav button.on{color:#fff;border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.06)}#home-federated-story .nav button:focus-visible{outline:2px solid #fff;outline-offset:2px}#home-federated-story #pp{min-width:46px}
@media (max-width:820px){#home-federated-story .below{grid-template-columns:1fr}#home-federated-story .nav{justify-content:flex-start}#home-federated-story .wrap{padding-inline:16px}}
@media (prefers-reduced-motion:reduce){#home-federated-story *{transition:none!important;animation:none!important}}

/* Homepage: readable pearl, navy type and brand-colour flow. */
#home-federated-story{--ink:transparent;--text:#2D2E5F;--soft:#475569;--mute:#64748b;--line:rgba(45,46,95,.15);--red:#E91E63;--redhi:#b81854;--blue:#FF6B35;--f:Barlow,Arial,sans-serif;font-family:var(--f);background:transparent;color:#2D2E5F;min-width:0;grid-column:1/-1;width:100%}
#home-federated-story>.wrap{max-width:none;padding:22px 0 10px}
#home-federated-story .head{gap:18px;margin-bottom:20px}
#home-federated-story .head h2{font:400 clamp(28px,3vw,42px)/1.15 Barlow,sans-serif;letter-spacing:-.02em;margin:0;color:#2D2E5F;background:none;-webkit-text-fill-color:currentColor}
#home-federated-story .head h2 em{color:#b81854}
#home-federated-story .head p{font-size:19px;line-height:1.5;max-width:38em}
#home-federated-story .stageWrap{background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;}
#home-federated-story .prod h3{color:#2D2E5F;font-weight:500;font-size:24px}
#home-federated-story .prod p{font-size:17px}
#home-federated-story .prod .ic{width:128px;height:43.2px}
#home-federated-story .phase.on span{color:#2D2E5F}
#home-federated-story .phase i,#home-federated-story .silo{border-color:rgba(45,46,95,.2)}
#home-federated-story .stack span{background:rgba(255,255,255,.7);border-color:#ded3dd;font-size:16px}
#home-federated-story .stack span.dup{color:#a32155;background:rgba(233,30,99,.1);border-color:#d87e9f}
#home-federated-story .rail{background:linear-gradient(90deg,rgba(233,30,99,.13),rgba(255,107,53,.18));border-color:#ce94a9;box-shadow:0 0 30px rgba(233,30,99,.1)}
#home-federated-story .railLab{color:#2D2E5F;font-size:19px}
#home-federated-story .objs span{background:#fff;color:#2D2E5F;border-color:#d8b5c5;font-size:18px}
#home-federated-story .link{background:linear-gradient(180deg,var(--c),#E91E63)}
#home-federated-story .boardV{background:rgba(255,255,255,.85);border-color:#d8b5c5}
#home-federated-story .boardV li{background:#f6f0f4;border-color:#ddd3dd}
#home-federated-story .boardV h4{color:#2D2E5F}
#home-federated-story .aiLab{color:#2D2E5F;background:#f8edf2;border-color:#d28aab}
#home-federated-story .nar h2{font:400 clamp(25px,2.5vw,34px)/1.2 Barlow,sans-serif;color:#2D2E5F;background:none;-webkit-text-fill-color:currentColor}
#home-federated-story .nar p{font-size:19px;line-height:1.5}
#home-federated-story .below{grid-template-columns:1fr;margin-top:20px;gap:16px}
#home-federated-story .nav{justify-content:flex-start}
#home-federated-story .nav button{font-size:16px;font-weight:500;color:#475569;background:rgba(255,255,255,.6)}
#home-federated-story .nav button.on{color:#2D2E5F;border-color:#cf7399;background:linear-gradient(110deg,rgba(233,30,99,.11),rgba(255,107,53,.1))}
#home-federated-story .nav button:focus-visible{outline-color:#2D2E5F}
.homepage-story-hero .hero-grid{grid-template-columns:1.5fr 1fr;align-items:start}
@container federated-diagram (max-width:999px){
 #home-federated-story .stage{width:auto;height:auto;display:flex;flex-direction:column;gap:18px;padding:20px;transform:none!important}
 #home-federated-story #fx,#home-federated-story .phase,#home-federated-story .silo,#home-federated-story .link,#home-federated-story .railEnd,#home-federated-story .ai{display:none}
 #home-federated-story #items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 #home-federated-story .prod{position:relative;left:auto!important;top:auto;width:80%;justify-self:center;margin:0;padding:9.6px 4.8px;border:1px solid #e0d4de;border-radius:12px;background:rgba(255,255,255,.7)}
 #home-federated-story .prod h3{font-size:19px;overflow-wrap:anywhere}
 #home-federated-story .prod p{font-size:15px}
 #home-federated-story .prod .ic{width:80%;height:35.2px}
 #home-federated-story .stack{display:none}
 #home-federated-story :is(.rail,.railLab,.objs,.aiLab,.boardV){position:relative;left:auto;top:auto;width:auto;height:auto;margin:0;transform:none!important}
 #home-federated-story .rail{display:none}
 #home-federated-story .objs{flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #d8b5c5;border-radius:12px;background:linear-gradient(110deg,rgba(233,30,99,.08),rgba(255,107,53,.1))}
 #home-federated-story .objs span{font-size:15px;padding:5px 10px}
 #home-federated-story .railLab{font-size:17px;order:2}
 #home-federated-story .aiLab{order:3;font-size:15px}
 #home-federated-story .boardV{order:4;padding:16px}
 #home-federated-story .boardV ul{grid-template-columns:1fr 1fr;margin-top:12px}
 #home-federated-story .boardV li{font-size:15px;padding:8px}
 #home-federated-story .stage.s1 :is(.objs,.railLab,.aiLab,.boardV),#home-federated-story .stage.s2 :is(.aiLab,.boardV),#home-federated-story .stage.s3 :is(.aiLab,.boardV){display:none}
 .homepage-story-hero .hero-grid{grid-template-columns:1fr}
}
@media(max-width:600px){#home-federated-story #items{grid-template-columns:1fr 1fr}#home-federated-story .stage{padding:14px}#home-federated-story .head p,#home-federated-story .nar p{font-size:17px;color:#252641;text-align:justify;text-align-last:left;hyphens:auto}#home-federated-story .boardV ul{grid-template-columns:1fr}#home-federated-story .prod h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){#home-federated-story *{animation:none!important;transition:none!important}}

/* A focused two-column landing: narrative left, working story right. */
.homepage-story-hero{position:relative;isolation:isolate;padding:24px 0;min-height:0;overflow:hidden}
.homepage-story-hero>.wrap{position:relative;z-index:1}
#home-federated-story>.wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px 32px;padding:0;align-items:start}
#home-federated-story .homepage-narrative{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:20px;min-width:0}
#home-federated-story .head{display:block;margin:0}
#home-federated-story .head h1{font:400 clamp(29px,3vw,44px)/1.15 Barlow,sans-serif;letter-spacing:-.02em;color:#2D2E5F;margin:0 0 18px;background:none;-webkit-text-fill-color:currentColor}
#home-federated-story .head h1 em{font-style:normal;color:#b81854}
#home-federated-story .head p{font-size:18px;line-height:1.5;color:#252641;text-align:justify;text-align-last:left;hyphens:auto}
#home-federated-story .stageWrap{background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;grid-column:2;grid-row:1;min-width:0;align-self:start}
#home-federated-story .below{margin:0;gap:12px}
#home-federated-story .nar h2{font-size:25px;color:#20213d}
#home-federated-story .nar p{font-size:17px;color:#252641;text-align:justify;text-align-last:left;hyphens:auto}
#home-federated-story .nav button{font-size:14px;padding:8px 11px}
@media(max-width:1000px){#home-federated-story .homepage-narrative{display:contents}#home-federated-story>.wrap{grid-template-columns:1fr;gap:20px}#home-federated-story .head{grid-column:1;grid-row:1}#home-federated-story .stageWrap{background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;grid-column:1;grid-row:2}#home-federated-story .below{grid-column:1;grid-row:3}.homepage-story-hero{padding:28px 0}}

#home-federated-story{container-type:inline-size;container-name:federated-story}
@container federated-diagram (max-width:850px){#home-federated-story #items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container federated-diagram (max-width:500px){#home-federated-story #items{grid-template-columns:1fr 1fr}}

#home-federated-story .stageWrap{background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;container-type:inline-size;container-name:federated-diagram}

/* Full wordmarks and visible, responsive evidence movement. */
#home-federated-story .prod .ic::before{display:none}
#home-federated-story .prod img{width:auto;height:auto;max-width:100%;max-height:25.6px;object-fit:contain}
#home-federated-story .prod p{font-size:15px;font-weight:500;color:#2D2E5F;margin:8px 0 6px;line-height:1.25}
#home-federated-story .prod small{display:block;font-size:12px;line-height:1.4;color:#475569}
#home-federated-story .prod{border-radius:12px;transition:transform .65s cubic-bezier(.22,1,.36,1),background .65s,border-color .65s}
#home-federated-story .prod.hot{transform:translateY(-5px);background:linear-gradient(130deg,#fff, #ffe9ed);border-color:#E91E63;box-shadow:0 8px 24px rgba(233,30,99,.16)}
#home-federated-story .prod.hot img{transform:none}
#home-federated-story .handoff{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:4}
#home-federated-story .handoff-path{fill:none;stroke:#E91E63;stroke-width:2;stroke-dasharray:5 7;opacity:.55;animation:evidence-flow 1.4s linear infinite}
#home-federated-story .handoff circle{fill:#FF6B35;stroke:white;stroke-width:3;filter:drop-shadow(0 0 5px #E91E63)}
#home-federated-story .handoff-status{position:absolute;bottom:12px;left:20px;right:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;background:white;border-radius:10px;padding:12px;color:#2D2E5F;font-size:15px;line-height:1.3;z-index:5}
#home-federated-story .handoff-status>span:last-child{color:#475569}
#home-federated-story .evidence-dot{width:9px;height:9px;border-radius:50%;background:#E91E63;animation:evidence-breathe 1.8s ease-in-out infinite}
#home-federated-story .motion-paused *{animation-play-state:paused!important}
@keyframes evidence-flow{to{stroke-dashoffset:-24}}
@keyframes evidence-breathe{50%{transform:scale(1.5);opacity:.6}}
@container federated-diagram (max-width:999px){
 #home-federated-story .stage{padding-bottom:18px;gap:14px}
 #home-federated-story #items{gap:24px 12px}
 #home-federated-story .prod{padding:9.6px 6.4px 14.4px;min-width:0}
 #home-federated-story .handoff-status{position:relative;inset:auto;order:1;margin-top:18px}
 #home-federated-story .prod img{max-height:20.8px}
}
@media(prefers-reduced-motion:reduce){#home-federated-story .prod.hot{transform:none}#home-federated-story .handoff{display:none}}
