/* YOLIN multi-page product portal. Mobile-first; one purpose per route. */
.portalPage,.channelPage{min-height:100vh;background:#f8faff;color:#0b1e4b}
.portalPage .nav,.channelPage .nav{position:fixed}
.portalMain{padding-top:var(--nav)}
.portalPage .homeHero{padding-top:18px}
.portalPage .homeHero__in{padding-bottom:42px}
.portalPage .homeHero__copy{padding-block:20px}
.portalPage .homeHero .d1{font-size:clamp(43px,12vw,58px)}
.portalPage .hero__art--image picture{opacity:1;mix-blend-mode:normal}
.portalPage .hero__art--image img{height:100%;max-height:none;object-fit:contain;object-position:center;transform:none}
.portalPage .hero__art--image{background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.96) 0,rgba(199,231,255,.62) 30%,rgba(150,128,255,.2) 58%,rgba(238,244,255,.46) 78%);box-shadow:inset 0 0 70px rgba(70,112,224,.08),0 34px 90px rgba(62,73,160,.14)}
.portalRoutes{width:min(100% - 40px,1280px);margin:0 auto 36px;display:grid;border:1px solid #d7e1f5;border-radius:18px;overflow:hidden;background:#d7e1f5;gap:1px}
.portalRoutes a{position:relative;min-height:148px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:#fff;color:#0b1e4b;transition:background .2s ease,color .2s ease}
.portalRoutes a:hover{background:#102a66;color:#fff}.portalRoutes span,.portalRoutes em{font-family:var(--m);font-size:10px;letter-spacing:.08em;color:#697795}.portalRoutes strong{margin:24px 0 7px;font-size:20px}.portalRoutes em{font-style:normal;letter-spacing:0}.portalRoutes b{position:absolute;top:22px;right:22px;font-size:20px;color:#3965db}
.portalRoutes a:hover span,.portalRoutes a:hover em,.portalRoutes a:hover b{color:#a9c6ff}
.portalFoot{border-top:1px solid #d7e1f5;background:#f8faff;color:#52617f;font-family:var(--m);font-size:11px}
.portalFoot .wrap{min-height:76px;display:flex;flex-direction:column;justify-content:center;gap:15px}.portalFoot nav{display:flex;flex-wrap:wrap;gap:18px}.portalFoot a{color:inherit}.portalFoot a:hover{color:#365bcc}

.channelMain{width:min(100% - 40px,1280px);min-height:calc(100vh - 76px);margin:0 auto;padding:calc(var(--nav) + 56px) 0 72px}
.channelHero{display:grid;gap:32px;padding-bottom:48px;border-bottom:1px solid #d7e1f5}
.channelKicker{font-family:var(--m);font-size:10px;font-weight:750;letter-spacing:.13em;color:#365bcc}
.channelHero h1{max-width:13ch;margin:20px 0 18px;font-size:clamp(42px,11vw,72px);line-height:1.08;letter-spacing:-.055em}
.channelHero p{max-width:42em;color:#52617f;font-size:16px;line-height:1.8}
.nextChannel{min-height:112px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #b8c7e6;border-radius:16px;color:#0b1e4b;background:#fff}.nextChannel span{font-family:var(--m);font-size:10px;color:#697795}.nextChannel strong{font-size:16px}.nextChannel:hover{border-color:#365bcc;color:#365bcc}
.capabilityMatrix,.trustMatrix,.runtimeMap{display:grid;margin-top:38px;border:1px solid #d7e1f5;border-radius:18px;overflow:hidden;background:#d7e1f5;gap:1px}
.capabilityMatrix article,.trustMatrix article,.runtimeMap article{min-height:250px;padding:26px;display:flex;flex-direction:column;background:#fff}
.capabilityMatrix span,.trustMatrix span,.runtimeMap span,.channelStatement>span,.workflowConsole>div>span{font-family:var(--m);font-size:10px;font-weight:700;letter-spacing:.11em;color:#365bcc}
.capabilityMatrix h2,.trustMatrix h2,.runtimeMap h2{margin:auto 0 16px;font-size:27px}.capabilityMatrix p,.trustMatrix p,.runtimeMap p{color:#52617f;line-height:1.75}
.channelStatement{margin-top:38px;padding:34px;border-radius:18px;color:#f7f9ff;background:#0b1e4b}.channelStatement p{margin:40px 0;font-size:clamp(34px,9vw,58px);line-height:1.12;letter-spacing:-.045em}.channelStatement div{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.channelStatement .textLink{color:#b9caff}

body.home.darkChannel{background:#071431;color:#f7f9ff}body.home.darkChannel .nav{background:rgba(7,20,49,.92);border-color:rgba(255,255,255,.1)}body.home.darkChannel .brand__cn,body.home.darkChannel .nav__l{color:#f7f9ff}body.home.darkChannel .brand__en{color:#9bb0df}.darkChannel .channelHero{border-color:rgba(255,255,255,.15)}.darkChannel .channelHero p{color:#aebddd}.darkChannel .nextChannel{color:#f7f9ff;border-color:rgba(255,255,255,.2);background:#102657}.darkChannel .runtimeMap{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.14)}.darkChannel .runtimeMap article{background:#102657}.darkChannel .runtimeMap p{color:#aebddd}.runtimeMap article b{margin-top:auto;color:#6fe7ee;font-family:var(--m);font-size:11px}.darkChannel .runtimeCloud{background:#19377d}.architectureRule{margin-top:26px;padding:26px;display:grid;gap:16px;border:1px solid rgba(255,255,255,.15);border-radius:16px}.architectureRule span{color:#6fe7ee;font-family:var(--m);font-size:10px;letter-spacing:.1em}.architectureRule p{max-width:70em;color:#b8c6e2;line-height:1.8}

.workflowRail{margin-top:38px;display:grid;border:1px solid #d7e1f5;border-radius:18px;overflow:hidden;background:#d7e1f5;gap:1px}.workflowRail article{min-height:176px;padding:24px;background:#fff}.workflowRail span{color:#365bcc;font-family:var(--m);font-size:10px}.workflowRail h2{margin:30px 0 10px;font-size:20px}.workflowRail p{color:#697795;font-size:14px;line-height:1.65}.workflowConsole{margin-top:38px;padding:30px;display:grid;gap:34px;border-radius:18px;color:#f7f9ff;background:#0b1e4b}.workflowConsole h2{margin:28px 0 16px;font-size:clamp(32px,8vw,48px);line-height:1.15}.workflowConsole p{color:#aebddd;line-height:1.7}.signalList{align-self:end;border-top:1px solid rgba(255,255,255,.16)}.signalList p{min-height:62px;display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.16)}.signalList i{width:7px;height:7px;border-radius:50%;background:#53dce8}.signalList b{color:#fff}
.trustActions{margin-top:28px;padding:28px;display:grid;gap:24px;border-radius:16px;background:#eaf0ff}.trustActions p{font-size:18px;line-height:1.7}.trustActions .btn{justify-self:start}
.helpEntrances{margin-top:38px;display:grid;border:1px solid #d7e1f5;border-radius:18px;overflow:hidden;background:#d7e1f5;gap:1px}.helpEntrances a{position:relative;min-height:150px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:#fff}.helpEntrances span{font-family:var(--m);font-size:10px;color:#697795}.helpEntrances strong{max-width:18ch;font-size:18px;color:#0b1e4b}.helpEntrances b{position:absolute;right:22px;top:22px;color:#365bcc}.compactFaq{margin-top:38px}.compactFaq .faq__q{min-height:72px}

@media(min-width:700px){
  .portalFoot .wrap{flex-direction:row;align-items:center;justify-content:space-between}
  .channelHero{grid-template-columns:minmax(0,1fr) 260px;align-items:end}.nextChannel{min-height:136px}
  .capabilityMatrix,.runtimeMap,.helpEntrances{grid-template-columns:repeat(3,minmax(0,1fr))}.trustMatrix,.workflowRail{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workflowConsole{grid-template-columns:1fr 1fr;padding:40px}.trustActions{grid-template-columns:1fr auto;align-items:center}
}
@media(min-width:1060px){
  .portalPage .homeHero__in{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:26px}.portalPage .homeHero__copy{max-width:590px;margin:0}.portalPage .homeHero .d1{font-size:clamp(46px,3.65vw,54px)}.portalPage .hero__art{max-width:none;margin:0;aspect-ratio:1.12/1}
  .portalRoutes{grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:54px}.portalRoutes a{min-height:188px}
  .channelMain{padding-top:calc(var(--nav) + 72px)}.channelHero{grid-template-columns:minmax(0,1fr) 290px}.channelHero h1{font-size:72px}
  .capabilityMatrix,.runtimeMap{grid-template-columns:repeat(3,minmax(0,1fr))}.trustMatrix{grid-template-columns:repeat(4,minmax(0,1fr))}.workflowRail{grid-template-columns:repeat(6,minmax(0,1fr))}.workflowRail article{min-height:245px}.workflowRail h2{margin-top:70px}
}
@media(prefers-reduced-motion:reduce){.portalRoutes a,.nextChannel{transition:none}}
body.home.darkChannel .btn--out{border-color:#7086b7;color:#f7f9ff}
body.home.darkChannel .btn--out:hover{border-color:#9cb2df;background:#f7f9ff;color:#102657}