.portal-nav-shell{height:98px;position:fixed;inset:0 0 auto;z-index:60;padding:18px clamp(18px,3.8vw,76px) 0;pointer-events:none}.portal-nav{height:78px;max-width:1848px;margin:0 auto;padding:0 10px 0 13px;display:grid;grid-template-columns:280px 1fr 360px;align-items:center;border:1px solid rgba(27,109,214,.17);border-radius:42px;background:rgba(255,255,255,.9);box-shadow:0 16px 42px rgba(26,99,183,.1);backdrop-filter:blur(20px);pointer-events:auto}.portal-brand{display:inline-flex;align-items:center;gap:12px;width:max-content;color:#082449;text-decoration:none}.portal-brand img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 9px 24px rgba(12,103,231,.22)}.portal-brand>span{display:grid;gap:3px}.portal-brand strong{font-size:20px;line-height:1;font-weight:760}.portal-brand small{color:#70859d;font-size:9px;line-height:1;letter-spacing:.36em}.portal-links{height:100%;display:flex;align-items:center;justify-content:center;gap:clamp(28px,3vw,56px)}.portal-links a{height:100%;display:grid;place-items:center;position:relative;color:#1c3452;text-decoration:none;font-size:14px;white-space:nowrap}.portal-links a:after{content:"";position:absolute;left:0;right:0;bottom:12px;height:2px;background:#1373f4;transform:scaleX(0);transition:transform .22s ease}.portal-links a:hover,.portal-links a.is-active{color:#0d6ff0}.portal-links a.is-active:after{transform:scaleX(1)}.portal-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.portal-account{height:60px;padding:0 15px 0 7px;border:0;border-radius:30px;background:#e9f4ff;display:flex;align-items:center;gap:8px;color:#1470ee}.portal-account>span{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1673f3;font-size:18px;font-weight:760}.portal-account b{display:grid;text-align:left;font-size:13px;line-height:1.2}.portal-account small{margin-top:4px;color:#5d7d9f;font-size:9px;font-weight:450}.portal-home{height:60px;padding:0 20px;border-radius:30px;display:flex;align-items:center;gap:10px;color:#fff;background:#1474f5;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 10px 24px rgba(20,116,245,.22);transition:transform .22s ease,box-shadow .22s ease}.portal-home:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(20,116,245,.3)}.system-screen{padding-top:calc(98px + clamp(22px,3.2vh,40px));grid-template-columns:minmax(430px,.9fr) minmax(580px,1.1fr)}.system-screen:before{inset:98px 0 0}.system-kicker{margin-bottom:18px;font-size:11px}.system-screen h1{font-size:clamp(46px,4.25vw,70px);line-height:1.12;letter-spacing:-.06em}.system-screen h1 span{margin-inline:.05em;color:#1170ef}.system-lede{margin:18px 0 20px!important;color:#526d8d;font-size:clamp(13px,1.06vw,16px);line-height:1.72}.system-layers{height:184px;min-height:184px;position:relative}.explore-gate{position:absolute;inset:0;z-index:5;border:1px solid rgba(18,111,237,.33);border-radius:18px;color:#fff;background:linear-gradient(112deg,#0d63df,#1587ff);font-size:18px;font-weight:680;letter-spacing:.08em;cursor:pointer;box-shadow:0 18px 42px rgba(18,111,237,.2);transition:opacity .42s ease,transform .42s ease,visibility .42s ease}.explore-gate:before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.24);border-radius:12px}.explore-gate:hover{transform:translateY(-3px);box-shadow:0 24px 52px rgba(18,111,237,.27)}.system-layers.is-revealed .explore-gate{opacity:0;visibility:hidden;transform:scale(.98);pointer-events:none}.system-layers.is-gated .system-layer{opacity:0;transform:translateY(12px);pointer-events:none}.system-layers.is-revealed .system-layer{opacity:1;transform:none;pointer-events:auto;transition-delay:var(--reveal-delay)}.system-layer{transition:opacity .4s ease,transform .35s ease,box-shadow .26s ease,border-color .26s ease,background .26s ease}.system-layer:hover,.system-layer:focus-within,.system-layer.is-active{transform:translateX(4px)}.system-stage{overflow:visible}.system-annotation{appearance:none;position:absolute;z-index:4;width:142px;min-height:54px;padding:8px 13px;border:1px solid rgba(18,105,227,.24);border-radius:17px;background:rgba(255,255,255,.9);display:grid;gap:4px;color:#294b70;text-align:left;cursor:pointer;opacity:.72;box-shadow:0 12px 30px rgba(32,102,188,.09);backdrop-filter:blur(12px);transition:opacity .22s ease,transform .22s ease,color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.system-annotation small{font-size:9px;letter-spacing:.1em;color:#7b94af}.system-annotation strong{font-size:13px}.annotation-scene{left:-1%;top:19%}.annotation-core{right:-1%;top:21%}.annotation-employee{right:0;bottom:11%}.system-annotation:hover,.system-annotation.is-linked{opacity:1;color:#fff;background:#126fee;border-color:#126fee;transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,111,238,.24)}.system-annotation:hover small,.system-annotation.is-linked small{color:rgba(255,255,255,.74)}.screen-scroll{bottom:11px}.footer-screen-v2{min-height:100svh;padding:118px clamp(24px,5vw,76px) 26px;display:grid;grid-template-rows:minmax(245px,1fr) auto auto;gap:18px;background:linear-gradient(180deg,#f5faff 0%,#f8fbff 52%,#fff 52%)}.delivery-block,.contact-strip,.series-footer{width:min(100%,1540px);margin:0 auto}.delivery-block{display:grid;grid-template-columns:minmax(250px,.34fr) minmax(700px,1fr);align-items:center;gap:clamp(38px,6vw,100px)}.delivery-block header>span,.contact-strip>div>span{color:#1671eb;font-size:10px;font-weight:720;letter-spacing:.16em}.delivery-block h2{margin:12px 0 10px;color:#071d3c;font-size:clamp(36px,3.2vw,52px);font-weight:560;letter-spacing:-.045em}.delivery-block header p{margin:0;color:#617b99;font-size:14px;line-height:1.7}.delivery-grid-v2{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.delivery-grid-v2 article{min-height:142px;padding:20px;border:1px solid rgba(30,110,208,.16);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 14px 36px rgba(26,93,172,.05)}.delivery-grid-v2 article>span{color:#1671eb;font-size:10px;font-weight:750}.delivery-grid-v2 h3{margin:17px 0 8px;color:#102744;font-size:20px}.delivery-grid-v2 p{margin:0;color:#6b8199;font-size:12px;line-height:1.65}.contact-strip{min-height:164px;padding:28px clamp(28px,4vw,64px);border:1px solid rgba(17,111,235,.13);border-radius:26px;background:linear-gradient(110deg,#dfeeff 0%,#c9e6ff 54%,#8ecbfa 100%);display:flex;align-items:center;justify-content:space-between;gap:36px;box-shadow:0 18px 48px rgba(21,108,205,.08)}.contact-strip h2{margin:9px 0 7px;color:#0a2343;font-size:clamp(25px,2.4vw,38px);font-weight:560;letter-spacing:-.035em}.contact-strip p{margin:0;color:#577493;font-size:13px}.contact-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.contact-actions a{min-height:48px;padding:0 20px;border-radius:24px;display:flex;align-items:center;text-decoration:none;font-size:13px;font-weight:700}.contact-primary{color:#fff;background:#1172ef;box-shadow:0 10px 26px rgba(17,114,239,.2)}.contact-secondary{color:#0a56bd;background:rgba(255,255,255,.8);border:1px solid rgba(15,104,226,.24)}.series-footer{min-height:110px;padding:14px 4px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:80px}.series-brand{display:flex;align-items:center;gap:13px;max-width:390px}.series-brand img{width:48px;height:48px;border-radius:50%}.series-brand>span{display:grid;gap:5px}.series-brand strong{font-size:17px}.series-brand small{color:#66809d;font-size:11px;line-height:1.55}.series-links{display:flex;gap:clamp(48px,7vw,110px)}.series-links>span{display:grid;align-content:start;gap:6px}.series-links b{margin-bottom:3px;color:#18395f;font-size:13px}.series-links a{color:#6c829b;text-decoration:none;font-size:11px}.series-links a:hover{color:#0d6eea}@media(max-width:1280px){.portal-nav{grid-template-columns:240px 1fr 320px}.portal-links{gap:24px}.portal-account{padding-right:10px}.portal-home{padding-inline:16px}.system-screen{grid-template-columns:minmax(400px,.88fr) minmax(540px,1.12fr)}.system-stage{width:min(100%,calc(100svh - 156px),650px)}.delivery-block{grid-template-columns:230px 1fr;gap:30px}.delivery-grid-v2 article{padding:17px}.contact-strip{min-height:150px}}
@media(max-width:980px){.portal-nav{grid-template-columns:1fr auto}.portal-links,.portal-account{display:none}.portal-actions{grid-column:2}.system-screen{grid-template-columns:1fr;padding-top:122px}.system-stage{width:min(100%,650px)}.annotation-scene{left:1%}.annotation-core{right:1%}.annotation-employee{right:1%}.footer-screen-v2{padding-top:112px;grid-template-rows:auto auto auto}.delivery-block{grid-template-columns:1fr}.delivery-grid-v2{grid-template-columns:repeat(2,1fr)}.contact-strip{align-items:flex-start;flex-direction:column}.series-footer{gap:36px}.series-links{gap:34px}}
@media(max-width:600px){.portal-nav-shell{height:80px;padding:10px 10px 0}.portal-nav{height:64px;padding-inline:8px;grid-template-columns:1fr auto}.portal-brand img{width:46px;height:46px}.portal-brand strong{font-size:17px}.portal-brand small{font-size:7px}.portal-home{height:44px;padding:0 13px;font-size:11px}.portal-home span{display:none}.system-screen{padding:96px 18px 54px}.system-screen h1{font-size:clamp(39px,11.5vw,52px)}.system-lede{font-size:13px}.system-layers{height:184px}.system-stage{width:calc(100% + 22px);margin-inline:-11px}.system-annotation{width:118px;min-height:48px;padding:7px 9px}.system-annotation strong{font-size:11px}.annotation-scene{left:0;top:14%}.annotation-core{right:0;top:18%}.annotation-employee{right:0;bottom:8%}.footer-screen-v2{padding:92px 18px 28px;gap:22px}.delivery-grid-v2{grid-template-columns:1fr 1fr}.delivery-grid-v2 article{min-height:130px;padding:16px}.contact-strip{padding:24px;border-radius:21px}.contact-actions{width:100%;align-items:stretch;flex-direction:column}.contact-actions a{justify-content:center}.series-footer{align-items:flex-start;flex-direction:column}.series-links{width:100%;justify-content:space-between;gap:18px}}
/* refinement-v3: full-width annotation placement, expandable layer cards, and primary exploration CTA */
.system-layers{height:auto!important;min-height:184px;position:relative;align-content:start}
.explore-gate{font-size:clamp(24px,1.45vw,28px)!important;line-height:1;font-weight:760!important;letter-spacing:.045em!important;text-shadow:0 2px 10px rgba(0,55,145,.18);transition:opacity .42s ease,transform .42s ease,visibility .42s ease,box-shadow .3s ease!important}
.system-layer.is-active .system-layer-detail{max-height:92px;padding-top:2px;padding-bottom:14px;opacity:1}
.system-stage{contain:layout style}
.system-layer-toggle:focus,.system-layer-toggle:focus-visible{outline:none}
@media(min-width:981px) and (max-width:1599px){.annotation-scene{left:-15%;top:17%}.annotation-core{right:-11%;top:19%}.annotation-employee{right:-11%;bottom:8%}}
@media(min-width:1600px){.annotation-scene{left:-17%;top:17%}.annotation-core{right:-17%;top:19%}.annotation-employee{right:-17%;bottom:8%}}