/* Nine illustrated shortcuts to the complete service catalogue. */
.learn-entry{position:relative;padding:22px 0 42px;background:linear-gradient(180deg,#041a29 0 108px,#edf4f7 108px,#f8fbfc 100%);border:0}
.learn-entry-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;color:#b3ced8;font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;line-height:1.5}
.learn-entry-heading>span:first-child{display:flex;align-items:center;gap:12px}
.learn-entry-heading>span:first-child:before{content:"";width:22px;height:2px;background:#f4be46}
.learn-entry-heading>span:last-child{color:#95b6c4;letter-spacing:.1em;font-size:9px;white-space:nowrap}
.learn-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.learn-entry-grid>.learn-entry-card,.learn-entry-grid>.learn-entry-card:first-child,.learn-entry-grid>.learn-entry-card:last-child{--entry-accent:#75d8e9;--entry-glow:#2c8fa638;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;padding:26px 24px 0;border:1px solid #345b6d;border-radius:17px;background:radial-gradient(ellipse at 25% 0%,var(--entry-glow),transparent 67%),linear-gradient(140deg,#103345,#082433 75%);color:#eaf6f9;box-shadow:0 15px 28px -19px #031b2e9c;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .2s}
.learn-entry-grid>.entry-card-motor,.learn-entry-grid>.entry-card-factory{--entry-accent:#f2c272;--entry-glow:#b8803430}
.learn-entry-grid>.entry-card-camera,.learn-entry-grid>.entry-card-fire,.learn-entry-grid>.entry-card-alarm{--entry-accent:#93e0d0;--entry-glow:#388a7930}
.learn-entry-card:before{content:"";position:absolute;z-index:-1;inset:0;opacity:.5;background-image:linear-gradient(#75bfd20c 1px,transparent 1px),linear-gradient(90deg,#75bfd20c 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(#000,transparent 74%)}
.learn-entry-grid>.learn-entry-card:after{content:"";position:absolute;left:24px;right:24px;bottom:0;width:auto;height:2px;background:linear-gradient(90deg,var(--entry-accent),transparent);opacity:.65;transition:opacity .2s}
.learn-entry-top{display:grid;grid-template-columns:99px minmax(0,1fr);gap:17px;align-items:center;min-height:102px}
.learn-entry-art{position:relative;display:flex;align-items:center;justify-content:center;width:99px;height:96px;color:#a2cad9;border:1px solid #6c9bad35;border-radius:13px;background:radial-gradient(ellipse at center,#2d6d7e33,transparent 68%),#031c2870;box-shadow:inset 0 0 25px #010f1833}
.learn-entry-art:before{content:"";position:absolute;inset:8px;border:1px solid #75bdd018;border-radius:50%}
.learn-entry-art>svg{position:relative;display:block;width:105px;height:88px;max-width:none;flex-shrink:0;overflow:visible;filter:drop-shadow(0 4px 8px #0004)}
.entry-art-case{fill:#173b4e88}
.entry-art-muted{stroke:#6c98aa}
.entry-art-accent,.entry-art-wire{stroke:var(--entry-accent)}
.entry-art-wire{opacity:.75}
.entry-art-copper{stroke:#f0c16a}
.entry-art-coral{stroke:#ffb99b}
.entry-art-led{fill:#83e3b1;stroke:#b2f5d0;filter:drop-shadow(0 0 3px #79f3ac)}
.entry-art-rotor{transform-origin:69px 52px}
.entry-art-gear{transform-origin:87px 65px}
.entry-art-signal{stroke:var(--entry-accent);opacity:.8}
.learn-entry-copy{min-width:0}
.learn-entry-category{display:block;margin-bottom:9px;font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--entry-accent);line-height:1.6}
.learn-entry-number{position:absolute;right:15px;top:10px;color:#86a9b9;font-size:8px;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.learn-entry-grid h2{margin:0;color:#f3f9fb;font-size:23px;font-weight:650;letter-spacing:-.035em;line-height:1.2}
.learn-entry-grid .learn-entry-card>p{margin:17px 0 12px;color:#bdd3dd;font-size:13px;line-height:1.65;min-height:43px}
.learn-entry-tags{align-self:flex-start;display:block;margin:0 0 18px;padding:5px 9px;border:1px solid #65889942;border-radius:5px;background:#1c405233;color:#c5dbe4;font-size:9px;line-height:1.4;letter-spacing:.02em}
.learn-entry-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;margin-top:auto;border-top:1px solid #6c98aa38;color:#b4d9e5;font-size:11px;font-weight:600;letter-spacing:.01em}
.learn-entry-arrow{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #6c98aa70;border-radius:50%;color:var(--entry-accent);background:#092a3c;transition:background .2s,border-color .2s,transform .2s}
.learn-entry-arrow>.icon{width:13px;height:13px;flex:0 0 auto;transition:transform .25s}
.learn-entry-grid>.learn-entry-card:focus-visible{outline:3px solid #0a89a8;outline-offset:4px;border-color:#87d6e6}
.learn-entry-card:focus-visible .learn-entry-arrow{border-color:var(--entry-accent);background:#28576b}
.learn-entry-grid>.learn-entry-card:active{transform:scale(.985);border-color:#8bc9da}
.learn-entry-card:active .learn-entry-arrow{background:#2d6377;transform:scale(.9)}
@media(hover:hover){
 .learn-entry-grid>.learn-entry-card:hover{border-color:#6d9eaf;transform:translateY(-4px);box-shadow:0 20px 34px -18px #031b2ea8;background:radial-gradient(ellipse at 25% 0%,var(--entry-glow),transparent 75%),linear-gradient(140deg,#174257,#0c2e40 80%)}
 .learn-entry-card:hover .learn-entry-footer{color:#fff}
 .learn-entry-card:hover .learn-entry-arrow{border-color:var(--entry-accent);background:#28576b}
 .learn-entry-card:hover .learn-entry-arrow>.icon{transform:translate(1px,-1px)}
 .learn-entry-grid>.learn-entry-card:hover:after{opacity:1}
}
@keyframes entry-rotor-turn{to{transform:rotate(360deg)}}
@keyframes entry-signal-flash{35%,75%{opacity:.25}55%,100%{opacity:1}}
@keyframes entry-led-glow{50%{filter:drop-shadow(0 0 6px #b8ffcc)}}
/* Every illustrated card moves automatically, including touch screens. */
.learn-entry-card .entry-art-rotor{animation:entry-rotor-turn 4s linear infinite paused}
.learn-entry-card .entry-art-gear{animation:entry-rotor-turn 8s linear infinite paused}
.learn-entry-card .entry-art-signal{animation:entry-signal-flash 3.6s ease-in-out infinite paused}
.learn-entry-card .entry-art-led{animation:entry-led-glow 3.2s ease-in-out infinite paused}
.learn-entry-card .entry-art-wire{stroke-dasharray:5 7;animation:entry-current-flow 2.4s linear infinite paused}
.entry-card-fire .entry-art-coral,.entry-card-reactive .entry-art-accent,.entry-card-panel .entry-art-accent{animation:entry-status-glow 3.8s ease-in-out infinite paused}
.entry-card-camera .learn-entry-art>svg{transform-origin:50% 52%;animation:entry-camera-pan 7s ease-in-out infinite paused}
.learn-entry-card[data-motion-active="true"] .learn-entry-art>svg,.learn-entry-card[data-motion-active="true"] .learn-entry-art svg *{animation-play-state:running}
@keyframes entry-current-flow{to{stroke-dashoffset:-48}}
@keyframes entry-status-glow{0%,100%{opacity:.55}50%{opacity:1;filter:drop-shadow(0 0 3px #a0dcf0)}}
@keyframes entry-camera-pan{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@media(prefers-reduced-motion:reduce){.learn-entry-card .learn-entry-art>svg,.learn-entry-card .learn-entry-art svg *{animation:none!important}}
@media(max-width:1080px) and (min-width:801px){
 .learn-entry-grid{gap:12px}
 .learn-entry-grid>.learn-entry-card,.learn-entry-grid>.learn-entry-card:first-child,.learn-entry-grid>.learn-entry-card:last-child{padding:24px 18px 0}
 .learn-entry-top{grid-template-columns:77px minmax(0,1fr);gap:12px}
 .learn-entry-art{width:77px;height:83px}
 .learn-entry-art>svg{width:87px;height:77px}
 .learn-entry-grid h2{font-size:20px}
 .learn-entry-category{font-size:7px}
 .learn-entry-grid .learn-entry-card>p{font-size:12px}
}
@media(max-width:800px){
 .learn-entry{padding:20px 0 32px;background:linear-gradient(180deg,#041a29 0 95px,#edf4f7 95px,#f8fbfc 100%)}
 .learn-entry-heading{font-size:9px;letter-spacing:.1em;margin-bottom:16px}
 .learn-entry-heading>span:last-child{font-size:8px;letter-spacing:.05em}
 .learn-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .learn-entry-grid>.learn-entry-card,.learn-entry-grid>.learn-entry-card:first-child,.learn-entry-grid>.learn-entry-card:last-child{padding:22px 18px 0;border-radius:14px}
 .learn-entry-top{grid-template-columns:83px minmax(0,1fr);gap:13px;align-items:center}
 .learn-entry-art{width:83px;height:86px;border-radius:10px}
 .learn-entry-art>svg{width:92px;height:81px}
 .learn-entry-grid h2{font-size:20px}
 .learn-entry-grid .learn-entry-card>p{margin:14px 0 12px;font-size:12px;min-height:40px}
 .learn-entry-category{font-size:7px;margin-bottom:7px}
 .learn-entry-tags{margin-bottom:14px;font-size:9px}
 .learn-entry-footer{min-height:55px;font-size:10px}
 .learn-entry-grid>.learn-entry-card:after{left:18px;right:18px}
}
@media(max-width:600px){
 .learn-entry-grid{gap:11px}
 .learn-entry-grid>.learn-entry-card,.learn-entry-grid>.learn-entry-card:first-child,.learn-entry-grid>.learn-entry-card:last-child{padding:21px 13px 0}
 .learn-entry-top{display:flex;flex-direction:column;align-items:stretch;gap:13px;min-height:0}
 .learn-entry-art{width:100%;height:82px}
 .learn-entry-art>svg{width:100px;height:80px}
 .learn-entry-art:before{inset:8px 21px}
 .learn-entry-category{font-size:7px;letter-spacing:.025em;min-height:12px;margin-bottom:6px}
 .learn-entry-grid h2{font-size:17px;line-height:1.2;min-height:41px;letter-spacing:-.03em}
 .learn-entry-grid .learn-entry-card>p{margin:9px 0 12px;font-size:11px;line-height:1.65;min-height:55px}
 .learn-entry-tags{font-size:8px;letter-spacing:0;padding:4px 6px;margin-bottom:13px}
 .learn-entry-footer{min-height:49px;font-size:9px;gap:6px}
 .learn-entry-arrow{width:25px;height:25px;flex-basis:25px}
 .learn-entry-arrow>.icon{width:11px;height:11px}
 .learn-entry-grid>.learn-entry-card:after{left:13px;right:13px}
 .learn-entry-number{right:10px;top:8px;font-size:7px}
}
@media(max-width:360px){
 .learn-entry-heading{font-size:8px;letter-spacing:.03em;gap:6px}
 .learn-entry-heading>span:first-child{gap:7px}
 .learn-entry-heading>span:last-child{font-size:7px}
 .learn-entry-heading>span:first-child:before{width:15px}
 .learn-entry-grid{gap:9px}
 .learn-entry-grid>.learn-entry-card,.learn-entry-grid>.learn-entry-card:first-child,.learn-entry-grid>.learn-entry-card:last-child{padding:20px 10px 0}
 .learn-entry-grid h2{font-size:16px;min-height:39px}
 .learn-entry-grid .learn-entry-card>p{font-size:10.5px;min-height:69px}
 .learn-entry-category{font-size:6.5px}
 .learn-entry-tags{font-size:7.5px}
 .learn-entry-footer{font-size:8px}
 .learn-entry-arrow{width:23px;height:23px;flex-basis:23px}
}
@media(prefers-reduced-motion:reduce){
 .learn-entry-grid>.learn-entry-card,.learn-entry-grid>.learn-entry-card:after,.learn-entry-arrow,.learn-entry-arrow>.icon{transition:none}
 .learn-entry-grid>.learn-entry-card:hover,.learn-entry-grid>.learn-entry-card:active,.learn-entry-card:active .learn-entry-arrow,.learn-entry-card:hover .learn-entry-arrow>.icon{transform:none}
}