.eu-illustration{--accent:#0b4ea2;--accent2:#d7a529;position:relative;min-height:370px;border-radius:34px;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.14),transparent 34%),radial-gradient(circle at 80% 25%,rgba(215,165,41,.32),transparent 32%),linear-gradient(145deg,#061f43,#0d4b92 58%,#061b3a);box-shadow:0 28px 80px rgba(6,30,68,.22);border:1px solid rgba(255,255,255,.2);isolation:isolate}.illu-compact{min-height:310px}.illu-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:36px 36px;transform:perspective(700px) rotateX(58deg) translateY(90px);transform-origin:bottom;opacity:.58}.illu-core{position:absolute;left:50%;top:50%;width:132px;height:132px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:30px;background:linear-gradient(145deg,#fff,rgba(255,255,255,.78));color:var(--accent);box-shadow:0 24px 80px rgba(0,0,0,.25),inset 0 0 0 8px rgba(255,255,255,.28);z-index:4}.illu-core span{position:absolute;font-size:2.8rem;font-weight:950;opacity:.08;color:#001b3d}.illu-core strong{font-size:2rem;letter-spacing:-.08em}.illu-node{position:absolute;z-index:5;max-width:145px;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.94);color:#08264f;font-weight:900;font-size:.78rem;line-height:1.1;box-shadow:0 14px 34px rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.6)}.node-1{left:8%;top:18%}.node-2{right:8%;top:16%}.node-3{right:8%;bottom:18%}.node-4{left:8%;bottom:18%}.node-5{left:38%;top:7%}.node-6{left:39%;bottom:7%}.illu-line{position:absolute;height:2px;background:linear-gradient(90deg,transparent,var(--accent2),transparent);left:14%;right:14%;top:50%;z-index:2;opacity:.8}.line-2{transform:rotate(60deg)}.line-3{transform:rotate(-60deg)}.eu-illustration figcaption{position:absolute;left:20px;right:20px;bottom:17px;z-index:7;color:#dbeaff;font-size:.82rem;text-align:center}.illu-shield .illu-core{clip-path:polygon(50% 0,90% 16%,82% 76%,50% 100%,18% 76%,10% 16%)}.illu-vault .illu-core{border-radius:50%;background:conic-gradient(from 90deg,#fff,var(--accent2),#fff,var(--accent))}.illu-compass .illu-core{transform:translate(-50%,-50%) rotate(45deg);border-radius:20px}.illu-compass .illu-core strong{transform:rotate(-45deg)}.illu-orbit:before,.illu-radar:before,.illu-monitor:before,.illu-enterprise:before{content:"";position:absolute;inset:54px;border:2px dashed rgba(255,255,255,.34);border-radius:50%;animation:spin 18s linear infinite}.illu-orbit:after,.illu-spark:after{content:"";position:absolute;width:76px;height:76px;right:18%;top:20%;border-radius:50%;background:radial-gradient(circle,#fff,var(--accent2));box-shadow:0 0 50px var(--accent2)}.illu-roadmap .illu-line{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));top:64%;left:9%;right:9%;transform:none}.illu-radar .illu-core{border-radius:50%;background:radial-gradient(circle,#fff 0 18%,var(--accent2) 19% 31%,#fff 32%)}.illu-radar .illu-line{height:4px;left:50%;right:12%;transform-origin:left;animation:sweep 4s linear infinite;background:linear-gradient(90deg,var(--accent2),transparent)}.illu-oversight .illu-core:before{content:"";position:absolute;width:54px;height:28px;border-radius:50%;border:10px solid var(--accent);border-top-color:transparent}.illu-monitor .illu-core{border-radius:18px;border-bottom:18px solid var(--accent2)}.illu-blueprint .illu-grid{opacity:.9;background-size:24px 24px}.illu-finance .illu-core:after{content:"£";font-weight:950;font-size:3rem;color:var(--accent2)}.illu-care .illu-core:after{content:"+";font-weight:950;font-size:4rem;color:var(--accent)}.illu-checklist .illu-core:after{content:"✓";font-size:4.2rem;color:var(--accent2);font-weight:950}.illu-access .illu-core:after{content:"A";font-weight:950;font-size:4rem;color:var(--accent2)}.illu-finance .illu-core strong,.illu-care .illu-core strong,.illu-checklist .illu-core strong,.illu-access .illu-core strong{display:none}.illu-civic .illu-core{clip-path:polygon(50% 0,100% 35%,83% 100%,17% 100%,0 35%)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sweep{to{transform:rotate(360deg)}}@media (max-width:680px){.eu-illustration{min-height:292px}.illu-node{font-size:.7rem;max-width:118px}.node-5,.node-6{display:none}.illu-core{width:104px;height:104px}.illu-core strong{font-size:1.6rem}}