/* Matched compact technology panels; illustrations never imply client analytics. */
.tech-upgrade{background:radial-gradient(ellipse at 20% 20%,#093b52 0,transparent 45%),radial-gradient(ellipse at 85% 70%,#123e3e 0,transparent 40%),#061b2b;padding:44px 0}.tech-upgrade .tight-tools-grid{gap:22px}.tech-upgrade .tight-tools-grid>article,.tech-upgrade .tight-tools-grid>article+article{position:relative;display:flex;flex-direction:column;border:1px solid #30556c;border-radius:16px;padding:26px;background:linear-gradient(145deg,#0d3046e8,#081e30f5);box-shadow:0 16px 45px #0003;overflow:hidden;min-width:0}.tech-upgrade .tight-tools-grid>article:before{content:'';position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,#50cdec,transparent)}.tech-upgrade .eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.14em}.tech-status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#71d4ba;box-shadow:0 0 9px #50e8c9;flex-shrink:0}.tech-upgrade h2{font-size:clamp(30px,3.2vw,43px);margin-bottom:14px}.tech-upgrade h2 span{background:linear-gradient(100deg,#32c6f2,#86e1dc);color:transparent;background-clip:text}.tech-upgrade .tight-tools-grid>article>p.tech-intro{font-size:13px;color:#c6dce8;margin:0 0 20px;min-height:42px;line-height:1.6}.tech-stage{height:232px;position:relative;border:1px solid #366c86;border-radius:11px;background:linear-gradient(160deg,#123d5290,#041423),repeating-linear-gradient(0deg,transparent 0 23px,#42c7e009 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#42c7e009 23px 24px);box-shadow:inset 0 0 30px #010f2080,0 8px 25px #0002;overflow:hidden;isolation:isolate}.tech-stage-bar{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#98c4d7;font:600 8px/1.4 'DM Sans',Arial,sans-serif;letter-spacing:.09em;padding:12px 15px;border-bottom:1px solid #3b71834a;background:#153e5240}.tech-stage-bar>span:last-child{color:#62c4dc;font-size:7px}.tech-stage-foot{position:absolute;left:15px;right:15px;bottom:12px;display:flex;gap:7px;align-items:center;font-size:9px;color:#9bc2d1;line-height:1.4}.tech-scanner-layout{display:grid;grid-template-columns:42% 58%;align-items:center;gap:8px;padding:17px 20px 35px;height:190px}.tech-radar{position:relative;aspect-ratio:1;width:100%;max-width:145px;margin:auto;border-radius:50%;background:radial-gradient(circle,#11687b80,transparent 68%);box-shadow:0 0 30px #28c4e01a}.tech-radar-ring{position:absolute;border:1px solid #41b5d063;border-radius:50%;inset:6%}.tech-radar-ring:after{content:'';position:absolute;top:50%;left:-8%;right:-8%;height:1px;background:#46bad030}.ring-inner{inset:23%;border-style:dashed}.ring-inner:after{top:-10%;bottom:-10%;height:auto;left:50%;width:1px}.tech-radar-center{position:absolute;inset:34%;display:grid;place-items:center;border:1px solid #4fdff49c;border-radius:50%;color:#a1edfa;background:#123d53;box-shadow:0 0 25px #34d5ed45}.tech-radar-center svg{width:72%;height:72%}.tech-radar-sweep{position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 270deg,#43d5ee00 270deg,#43d5ee35 355deg,#90eaf270 359deg,transparent 360deg);animation:tech-scan 12s linear infinite}.tech-radar-point{position:absolute;width:5px;height:5px;background:#77e7e6;box-shadow:0 0 9px #62daee;border-radius:50%;animation:tech-point 5s ease-in-out infinite}.point-one{top:17%;left:64%}.point-two{top:65%;left:22%;animation-delay:1.5s}.point-three{top:73%;left:73%;animation-delay:3s}.tech-signals{padding-right:8px}.tech-signals>div{margin:0 0 11px}.tech-signals span{font-size:10px;color:#c3e0ed;display:block;margin-bottom:5px}.tech-signal-line{position:relative;display:block;height:3px;border-radius:3px;background:#2c596c;overflow:hidden}.tech-signal-line:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#41c8e68a,transparent);transform:translateX(-100%);animation:tech-data 5s ease-in-out infinite}.signal-two:before{animation-delay:.6s}.signal-three:before{animation-delay:1.2s}.signal-four:before{animation-delay:1.8s}.tech-distribution-layout{display:grid;grid-template-columns:29% 12% 59%;align-items:center;padding:27px 16px 42px;gap:0;height:190px}.tech-content-card{background:linear-gradient(145deg,#285770,#0d293e);border:1px solid #5487a0;border-radius:8px;padding:9px;box-shadow:0 8px 14px #0005;transform:rotate(-4deg)}.tech-content-label{font-size:7px;color:#9fd2e5;letter-spacing:.08em}.tech-content-screen{padding:7px 6px;background:#071d2d;border-radius:4px;margin:7px 0}.tech-content-screen svg{display:block;width:28px;height:28px;margin:0 auto 4px;color:#68dcf2}.tech-caption-line{display:block;margin-top:5px;height:2px;background:#3b7790;width:95%}.tech-caption-line.short{width:65%}.tech-approved-badge{display:block;font-size:8px;color:#acdec7}.tech-connection{position:relative;height:1px;background:linear-gradient(90deg,#40cbe2,#41cbe256);margin:0 3px}.tech-connection i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:#94edee;box-shadow:0 0 10px #77efff;animation:tech-route 4s ease-in-out infinite}.tech-platform-hub>span{display:block;font-size:7px;color:#88c4d8;letter-spacing:.1em;margin:0 0 12px;text-align:center}.tech-platform-hub ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0}.tech-platform{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid #5d839b;background:#eefaff;box-shadow:0 5px 14px #0005}.tech-platform img{width:23px;height:23px;object-fit:contain}.tech-platform-pulse{position:absolute;right:-2px;top:-2px;width:5px;height:5px;border-radius:50%;background:#61d4ad;box-shadow:0 0 7px #61d4ad80}.tech-scheduled{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#c9e1ec;margin-top:12px}.tech-benefits{display:flex;gap:6px;flex-wrap:wrap;padding:0;list-style:none;margin:17px 0 0}.tech-benefits li{color:#aad5e5;background:#153c504d;border:1px solid #2c5266;font-size:10px;line-height:1.4;border-radius:20px;padding:6px 9px}.tech-upgrade .tight-tools-grid>article>p.tight-illustration{margin:11px 0 16px;font-size:9px}.tech-upgrade .tight-tool-link{margin-top:auto;font-size:12px;line-height:1.5}.tech-upgrade .tight-tools-grid>article:hover{border-color:#488ca7}
@keyframes tech-scan{to{transform:rotate(360deg)}}@keyframes tech-point{0%,100%{opacity:.5}50%{opacity:1}}@keyframes tech-data{0%,15%{transform:translateX(-100%)}85%,100%{transform:translateX(100%)}}@keyframes tech-route{0%,15%{left:0;opacity:0}35%{opacity:1}85%,100%{left:100%;opacity:0}}
@media(max-width:1000px){.tech-upgrade .tight-tools-grid{gap:16px}.tech-upgrade .tight-tools-grid>article,.tech-upgrade .tight-tools-grid>article+article{padding:20px}.tech-stage-bar{padding:10px;font-size:7px}.tech-scanner-layout{padding:22px 12px 35px;gap:5px}.tech-distribution-layout{padding:25px 10px 42px}.tech-platform{width:32px;height:32px}.tech-platform img{width:21px;height:21px}.tech-platform-hub ul{gap:6px}.tech-signals span{font-size:9px}}
@media(max-width:700px){.tech-upgrade{padding:36px 0}.tech-upgrade .tight-tools-grid{grid-template-columns:1fr;gap:20px}.tech-upgrade .tight-tools-grid>article,.tech-upgrade .tight-tools-grid>article+article{padding:23px}.tech-upgrade h2{font-size:38px}.tech-upgrade .tight-tools-grid>article>p.tech-intro{min-height:0}.tech-stage{height:235px}.tech-platform{width:37px;height:37px}.tech-stage-bar{font-size:8px}.tech-distribution-layout{padding:24px 16px 40px}.tech-scanner-layout{padding:17px 20px 35px}}
@media(prefers-reduced-motion:reduce){.tech-radar-sweep,.tech-radar-point,.tech-signal-line:before,.tech-connection i{animation:none}.tech-radar-sweep{transform:rotate(30deg)}.tech-connection i{left:50%;opacity:1}}
/* Information-first panels with dimensional interface details. */
.tech-refined{background:radial-gradient(ellipse at 12% 15%,#136a8945,transparent 50%),radial-gradient(ellipse at 88% 85%,#13644b35,transparent 45%),#061b2b}
.tech-refined .tight-tools-grid>article,.tech-refined .tight-tools-grid>article+article{background:radial-gradient(ellipse at 5% 0%,#2583ac38,transparent 52%),linear-gradient(135deg,#13374e,#071b2d 70%);box-shadow:0 18px 40px #0004,inset 0 1px 0 #beeaff35;border-color:#44748b}
.tech-refined .tight-tools-grid>article:before{height:2px;background:linear-gradient(90deg,transparent,#7cdef7,#98d36d,transparent)}
.tech-refined .tech-stage{height:260px;background:radial-gradient(ellipse at 22% 50%,#0b83a03b,transparent 55%),linear-gradient(140deg,#21496070,#061525),repeating-linear-gradient(90deg,transparent 0 29px,#65cbe409 29px 30px);box-shadow:inset 0 1px 0 #9bdef833,inset 0 -20px 40px #0004,0 12px 26px #0004;border-color:#43768d}
.tech-refined .tech-stage-bar{background:linear-gradient(90deg,#1b597b80,#173b4c50);font-size:9px;padding:12px 15px}
.tech-refined .tech-stage-bar>span:last-child{font-size:8px}
.tech-refined .tech-scanner-layout{grid-template-columns:36% 64%;height:215px;padding:12px 18px 35px;gap:8px}
.tech-refined .tech-radar{box-shadow:0 0 30px #28c4e033,inset 0 0 20px #45cbe522;background:radial-gradient(circle,#24738b90,#0a2a40 65%);border:1px solid #56c2dc50}
.tech-refined .tech-radar-center{background:linear-gradient(135deg,#27708c,#0c273d);box-shadow:0 8px 16px #0005,0 0 22px #34d5ed55}
.tech-refined .tech-signals>div{padding:5px 9px;margin:0 0 5px;border:1px solid #60bad528;background:linear-gradient(100deg,#26536b65,#0a223940);border-radius:6px;box-shadow:inset 0 1px 0 #b2e7f00c}
.tech-refined .tech-signals span{font-size:11px;margin:0 0 1px;color:#e0f4ff;font-weight:600}
.tech-signals small{display:block;font-size:9px;color:#a4cadc;line-height:1.4;margin-bottom:4px}
.tech-refined .tech-signal-line{height:2px;background:#355d7080}
.tech-refined .tech-distribution-layout{height:215px;padding:28px 16px 45px;grid-template-columns:30% 10% 60%}
.tech-refined .tech-content-card{background:linear-gradient(135deg,#347c9c,#102940);border-color:#78b8d0;box-shadow:7px 12px 0 #04132260,0 15px 25px #0007,inset 0 1px 0 #d5faff50;transform:rotate(-5deg)}
.tech-refined .tech-content-screen{background:radial-gradient(ellipse at 50% 20%,#236f85,#071d2d);padding:12px 6px}
.tech-refined .tech-content-label{font-size:8px;color:#dbf5ff}
.tech-refined .tech-approved-badge{font-size:9px;color:#b6f4c8}
.tech-refined .tech-platform-hub ul{gap:10px}
.tech-refined .tech-platform{width:42px;height:42px;background:linear-gradient(145deg,#fff,#c5e3f0);border-color:#a3d1e6;box-shadow:0 5px 0 #163f55,0 10px 16px #0006,inset 0 1px 0 #fff;transform:translateY(0);transition:transform .2s}
.tech-refined .tech-platform img{width:27px;height:27px}
.tech-refined .tech-platform:nth-child(even){transform:translateY(4px)}
.tech-refined .tech-platform-hub>span{font-size:8px;color:#b2d9e8;margin-bottom:15px}
.tech-refined .tech-scheduled{margin-top:18px;font-size:10px}
.tech-refined .tech-stage-foot{font-size:10px;color:#c0dfec}
.tech-refined .tech-benefits{margin-bottom:0}
.tech-refined .tight-tool-link{color:#90e4fa;text-underline-offset:4px}
@media(max-width:1000px){.tech-refined .tech-scanner-layout{padding-left:10px;padding-right:10px}.tech-refined .tech-distribution-layout{padding-left:10px;padding-right:10px}.tech-refined .tech-platform{width:35px;height:35px}.tech-refined .tech-platform img{width:23px;height:23px}.tech-refined .tech-platform-hub ul{gap:8px}.tech-refined .tech-signals small{font-size:8px}.tech-refined .tech-signals span{font-size:10px}}
@media(max-width:700px){.tech-refined .tech-platform{width:40px;height:40px}.tech-refined .tech-platform img{width:26px;height:26px}.tech-refined .tech-signals small{font-size:9px}.tech-refined .tech-signals span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tech-refined .tech-platform{transition:none}}
/* Pale dashboard surfaces distinguish the previews from their dark outer cards. */
.tech-refined .tech-stage{height:285px;color:#153b50;background:radial-gradient(ellipse at 8% 70%,#b0e6eb80,transparent 52%),radial-gradient(ellipse at 90% 10%,#fff,transparent 55%),linear-gradient(135deg,#f5fbff,#deedf5);border-color:#b4d5e3;box-shadow:0 12px 25px #0003,inset 0 1px 0 #fff}
.tech-refined .tech-stage-bar{color:#345d71;background:linear-gradient(90deg,#dceef7,#f6fbfe);border-bottom:1px solid #c2dce8}
.tech-refined .tech-stage-bar>span:last-child{color:#087c9d}
.tech-refined .tech-scanner-layout{position:absolute;top:48px;bottom:43px;left:0;right:0;height:auto;padding:0 18px;grid-template-columns:36% minmax(0,64%)}
.tech-refined .tech-signals{padding-right:8px;min-width:0}
.tech-refined .tech-signals>div{margin-bottom:5px;padding:6px 9px;background:linear-gradient(110deg,#fff,#edf7fb);border-color:#b9d5e3;box-shadow:0 2px 5px #2053700a,inset 0 1px 0 #fff}
.tech-refined .tech-signals>div:last-child{margin-bottom:0}
.tech-refined .tech-signals span{color:#143b51}
.tech-refined .tech-signals small{color:#4d6f80}
.tech-refined .tech-signal-line{background:#c9dfe8}
.tech-refined .tech-signal-line:before{background:linear-gradient(90deg,transparent,#149cbe,transparent)}
.tech-refined .tech-radar{background:radial-gradient(circle,#efffff,#c9eaf1 68%);border-color:#5eafc2;box-shadow:0 8px 22px #337e9725,inset 0 1px 0 #fff}
.tech-refined .tech-radar-ring{border-color:#2196b466}
.tech-refined .tech-radar-ring:after{background:#2497b33a}
.tech-refined .tech-radar-sweep{background:conic-gradient(from 0deg,transparent 0 270deg,#109db800 270deg,#109db830 355deg,#109db890 359deg,transparent 360deg)}
.tech-refined .tech-radar-point{background:#0585a5;box-shadow:0 0 8px #0c9abb55}
.tech-refined .tech-radar-center{background:linear-gradient(135deg,#fff,#d6eff5);color:#087d9e;border-color:#48aac0;box-shadow:0 6px 14px #13688025,inset 0 1px 0 #fff}
.tech-refined .tech-stage-foot{color:#345d70;bottom:13px;line-height:1.3}
.tech-refined .tech-stage .tech-status-dot{background:#13866a;box-shadow:0 0 7px #229f7a35}
.tech-refined .tech-distribution-layout{height:auto;position:absolute;top:48px;bottom:43px;left:0;right:0;padding:10px 16px;grid-template-columns:30% 10% minmax(0,60%)}
.tech-refined .tech-content-card{background:linear-gradient(140deg,#fff,#dfedf5);border-color:#a0c5d7;box-shadow:6px 9px 0 #97bdcf40,0 12px 20px #275e7a25,inset 0 1px 0 #fff}
.tech-refined .tech-content-label{color:#365f74}
.tech-refined .tech-content-screen{background:radial-gradient(ellipse at 10% 10%,#4aa0b4,#16445d);box-shadow:inset 0 1px 0 #ffffff40}
.tech-refined .tech-approved-badge{color:#167052}
.tech-refined .tech-connection{background:linear-gradient(90deg,#1594b4,#4cb1c7)}
.tech-refined .tech-connection i{background:#078fb1;box-shadow:0 0 8px #139cbf60}
.tech-refined .tech-platform-hub>span{color:#426b7f}
.tech-refined .tech-platform{background:linear-gradient(140deg,#fff,#f0f8fc);border-color:#bdd6e2;box-shadow:0 4px 0 #b0cddc,0 8px 12px #2d5e7425,inset 0 1px 0 #fff}
.tech-refined .tech-scheduled{color:#335e72}
@media(max-width:1000px){.tech-refined .tech-scanner-layout{padding:0 10px}.tech-refined .tech-distribution-layout{padding:10px}.tech-refined .tech-stage-foot{font-size:9px}}
@media(max-width:700px){.tech-refined .tech-stage-foot{font-size:10px}}
/* V4D brand palette: deep navy, brand blue, neutral white. */
.tech-refined{background:radial-gradient(ellipse at 15% 10%,#087abc26,transparent 55%),var(--deep,#061d2c)}
.tech-refined .tight-tools-grid>article,.tech-refined .tight-tools-grid>article+article{background:radial-gradient(ellipse at 5% 0%,#087abc35,transparent 55%),linear-gradient(135deg,#102b3d,#061d2c);border-color:#36586e}
.tech-refined .tight-tools-grid>article:before{background:linear-gradient(90deg,transparent,#087abc,#69b8ee,transparent)}
.tech-refined h2 span{background:linear-gradient(100deg,#20a1e5,#93cdff);background-clip:text;color:transparent}
.tech-refined .eyebrow{color:#95c6e8}
.tech-refined .tech-status-dot,.tech-refined .tech-stage .tech-status-dot,.tech-refined .tech-platform-pulse{background:#087abc;box-shadow:0 0 8px #087abc55}
.tech-refined .tech-stage{background:radial-gradient(ellipse at 6% 75%,#087abc12,transparent 52%),linear-gradient(135deg,#fff,#eef4fa);border-color:#c9d9e6;color:#102b3d}
.tech-refined .tech-stage-bar{background:linear-gradient(90deg,#e4eff9,#f8fbff);border-bottom-color:#cddde9;color:#35566d}
.tech-refined .tech-stage-bar>span:last-child{color:var(--blue,#087abc)}
.tech-refined .tech-signals>div{background:linear-gradient(110deg,#fff,#f5f8fc);border-color:#ccdae6}
.tech-refined .tech-signals span{color:var(--ink,#102b3d)}
.tech-refined .tech-signals small{color:#536c81}
.tech-refined .tech-signal-line{background:#d9e4ee}
.tech-refined .tech-signal-line:before{background:linear-gradient(90deg,transparent,#087abc,transparent)}
.tech-refined .tech-radar{background:radial-gradient(circle,#fff,#dcebf9 70%);border-color:#76acd5;box-shadow:0 8px 22px #087abc20,inset 0 1px 0 #fff}
.tech-refined .tech-radar-ring{border-color:#087abc60}
.tech-refined .tech-radar-ring:after{background:#087abc30}
.tech-refined .tech-radar-sweep{background:conic-gradient(from 0deg,transparent 0 270deg,#087abc00 270deg,#087abc25 355deg,#087abc85 359deg,transparent 360deg)}
.tech-refined .tech-radar-point{background:#087abc;box-shadow:0 0 8px #087abc55}
.tech-refined .tech-radar-center{background:linear-gradient(135deg,#fff,#dcecfb);color:#087abc;border-color:#5b9ecf;box-shadow:0 6px 14px #087abc25,inset 0 1px 0 #fff}
.tech-refined .tech-stage-foot,.tech-refined .tech-scheduled,.tech-refined .tech-platform-hub>span{color:#35566d}
.tech-refined .tech-content-card{background:linear-gradient(140deg,#fff,#e6eff9);border-color:#a5c0d9;box-shadow:6px 9px 0 #9fb9d240,0 12px 20px #102b3d25,inset 0 1px 0 #fff}
.tech-refined .tech-content-label{color:#35566d}
.tech-refined .tech-content-screen{background:radial-gradient(ellipse at 15% 10%,#087abc,#102b3d)}
.tech-refined .tech-content-screen svg{color:#fff}
.tech-refined .tech-caption-line{background:#76b3df}
.tech-refined .tech-approved-badge{color:#087abc}
.tech-refined .tech-connection{background:linear-gradient(90deg,#087abc,#72b7e8)}
.tech-refined .tech-connection i{background:#087abc;box-shadow:0 0 8px #087abc60}
.tech-refined .tech-platform{background:linear-gradient(140deg,#fff,#f3f7fc);border-color:#c7d8e7;box-shadow:0 4px 0 #b5c9dc,0 8px 12px #102b3d25,inset 0 1px 0 #fff}
.tech-refined .tech-benefits li{color:#cae1f3;border-color:#36586e;background:#102b3d}
.tech-refined .tight-tool-link{color:#99cdff}