
:root{--n:#00384e;--i:#062f40;--l:#bedb00;--s:#eef7f9;--m:#53666e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 Arial,sans-serif;color:var(--i);overflow-x:hidden}a{text-decoration:none;color:inherit}.w{width:min(1160px,calc(100% - 40px));margin:auto}.head{height:70px;position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 2px 12px #002a3a15}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:2rem;font-weight:900;font-style:italic}.logo span,.eye{color:var(--l)}.links{display:flex;gap:16px;font-size:.72rem;font-weight:700;white-space:nowrap}.links a{padding:25px 0 19px;border-bottom:3px solid transparent}.links a:hover,.links .active{border-color:var(--l)}.menu{display:none;border:0;background:none;font-size:1.6rem}.hero{background:linear-gradient(125deg,#003047,#00516f);color:#fff}.hg{min-height:455px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.eye{text-transform:uppercase;font-size:.76rem;font-weight:800;letter-spacing:.13em}.hero .eye{color:#fff}.hero h1{font-size:clamp(2.8rem,5.7vw,4.8rem);line-height:1;margin:16px 0}.hero p{font-size:1.05rem;color:#e4edf0;max-width:490px}.btn{display:inline-flex;background:var(--l);padding:13px 25px;margin-top:10px;font-weight:800;border-radius:3px;transition:.25s}.btn:hover{transform:translateY(-4px);box-shadow:0 12px 28px #bad90045}.heroart{height:390px;background:var(--fk-page-image,url('../images/technology-reference.png')) 72% 9%/920px auto no-repeat;border-radius:10px}.tabs{position:relative;margin-top:-24px;z-index:4}.tabrow{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;padding:18px;border-radius:5px;box-shadow:0 8px 24px #002a3a20}.tabrow div{text-align:center;font-weight:800;border-right:1px solid #afbdc2}.tabrow div:last-child{border:0}.sec{padding:58px 0}.sec h2{font-size:clamp(2rem,4vw,3rem);line-height:1.05;margin:9px 0 16px}.muted{color:var(--m)}.approach{display:grid;grid-template-columns:.8fr 1.25fr;gap:50px;align-items:center}.pillars{display:grid;grid-template-columns:repeat(3,1fr)}.pillar{text-align:center;padding:15px;border-left:1px solid #cbdde2}.ico{width:58px;height:58px;border-radius:50%;background:#e8f4f7;display:grid;place-items:center;margin:auto;font-size:1.7rem}.soft{background:var(--s)}.framework{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.card{background:#fff;border:1px solid #d5e3e7;border-radius:5px;padding:14px;text-align:center;min-height:145px;transition:.3s}.card:hover{transform:translateY(-8px)}.no{float:left;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--l);font-weight:900}.card .sym{font-size:1.6rem}.card b{display:block;clear:both;font-size:.88rem;line-height:1.15}.banner,.cta{background:var(--n);color:#fff}.banner{padding:32px 0}.banner h2{font-size:1.8rem;margin:0}.purpose{display:grid;grid-template-columns:.9fr repeat(3,1fr);gap:28px;align-items:center}.mini{display:flex;gap:12px}.mini .ico{margin:0;background:var(--l);color:var(--n);flex:none}.mini small{color:#dce8eb}.feature{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center}.feature-photo{height:390px;background:var(--fk-page-image,url('../images/technology-reference.png')) 25% 54%/920px auto no-repeat;border-radius:6px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feat{display:flex;gap:11px;align-items:center}.feat .ico{margin:0;width:44px;height:44px;flex:none}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;text-align:center}.step .no{float:none;margin:auto}.step h3{margin:8px 0 0}.step p{font-size:.8rem;color:var(--m)}.strap{text-align:center;background:#fff;border-radius:20px;padding:7px;margin-top:18px;font-weight:800}.lms{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}.lms-photo{height:385px;background:var(--fk-page-image,url('../images/technology-reference.png')) 22% 80%/940px auto no-repeat;border-radius:6px}.lms .benefit{display:flex;gap:12px;margin:14px 0}.lms .benefit .ico{margin:0;width:45px;height:45px;flex:none}.cta{padding:36px 0}.ctarow{display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:2rem;margin:0}.foot{background:#002d40;color:#fff;border-top:1px solid #ffffff33;padding:25px 0}.fr{display:flex;justify-content:space-between;align-items:center}.fl{display:flex;gap:16px;font-size:.7rem}.rev{opacity:0;transform:translateY(38px);transition:.8s cubic-bezier(.16,1,.3,1)}.rev.show{opacity:1;transform:none}.copy>*{animation:rise .8s both}.copy>*:nth-child(2){animation-delay:.1s}.copy>*:nth-child(3){animation-delay:.2s}.copy>*:nth-child(4){animation-delay:.3s}.heroart{animation:slide 1s .15s both}@keyframes rise{from{opacity:0;transform:translateY(28px)}}@keyframes slide{from{opacity:0;transform:translateX(60px)}}@media(max-width:1050px){.links{display:none}.menu{display:block}.hg,.approach,.feature,.lms{grid-template-columns:1fr}.hg{padding:50px 0}.framework{grid-template-columns:repeat(2,1fr)}.purpose,.process{grid-template-columns:1fr 1fr}}@media(max-width:650px){.w{width:min(100% - 26px,1160px)}.heroart{height:320px}.tabrow,.pillars,.framework,.purpose,.feature-list,.process{grid-template-columns:1fr}.tabrow div{padding:9px;border-right:0;border-bottom:1px solid #ddd}.pillar{border-left:0;border-bottom:1px solid #cbdde2}.feature-photo,.lms-photo{height:280px}.ctarow,.fr{flex-direction:column;align-items:flex-start;gap:20px}.fl{flex-wrap:wrap}}

