/* One typographic scale for product capabilities, advantages and specifications. */
:root{--feature-copy-size:clamp(20px,1.65vw,26px)}
.system>.wrap>.feature-list li,.benefit p,.specifications .feature-list li{font-family:Arial,Helvetica,sans-serif;font-size:var(--feature-copy-size);font-weight:400;line-height:1.55;letter-spacing:-.02em;color:#c8dce9}
.system>.wrap>.feature-list li,.system>.wrap>.feature-list li:hover{padding:26px 0 26px 30px;isolation:isolate;position:relative;background:none!important;background-image:none!important;box-shadow:none;border-top-color:transparent;transition:color .35s}
.system>.wrap>.feature-list li:before{top:42px;left:1px;width:5px;height:5px;border-radius:50%;background:#8cd9ee;box-shadow:0 0 12px #76cfe950}
.system>.wrap>.feature-list li:after{content:'';position:absolute;inset:-16px -65px -16px -110px;z-index:-1;border:0;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 47% 50%,rgba(94,184,218,.13) 0%,rgba(94,184,218,.055) 32%,transparent 72%);opacity:.5;transition:opacity .4s;mask-image:radial-gradient(ellipse,#000 15%,transparent 78%)}
.system>.wrap>.feature-list li:hover:after{opacity:1}
.system>.wrap>.feature-list li:hover{color:#e6f5fd}
.benefits-panel{margin-top:60px;padding-top:12px}
.benefits-list{column-gap:75px}
.benefit{padding:29px 0 34px;grid-template-columns:30px 1fr;gap:24px}
.benefit p,.benefit:last-child p{max-width:560px}
.benefit svg{width:30px;height:30px;margin-top:5px}
.benefit:last-child{max-width:none}
.specifications .feature-list li,.specifications .feature-list li:hover{padding:25px 0 25px 30px;color:#c8dce9}
.specifications .feature-list li:before{top:41px}
/* About five times the previous highlight opacity, plus a wider feathered falloff.
   The ellipse remains fully transparent before every outer edge. */
.specifications .feature-list li:after{inset:-20px -72px -20px -85px;background:radial-gradient(ellipse at 48% 50%,rgba(102,205,231,.48) 0%,rgba(102,205,231,.22) 31%,rgba(102,205,231,.055) 53%,transparent 73%);mask-image:radial-gradient(ellipse,#000 20%,transparent 80%);opacity:0;filter:blur(4px);transition:opacity .35s}
.specifications .feature-list li:hover:after{opacity:1}
.specifications .feature-list li:hover{color:#eefbff}
.specifications .feature-list li:hover:before{box-shadow:0 0 15px #80dfffc0;background:#b4edff}
@media(max-width:1100px){:root{--feature-copy-size:22px}.benefits-list{column-gap:40px}.system>.wrap>.feature-list li:after{left:-65px;right:-35px}.specifications .feature-list li:after{left:-48px;right:-42px}}
@media(max-width:800px){:root{--feature-copy-size:20px}.benefit{display:grid;grid-template-columns:27px 1fr;gap:20px;padding:26px 0 30px}.benefit svg{width:27px;height:27px;margin:5px 0 0}.system>.wrap>.feature-list li,.system>.wrap>.feature-list li:hover,.specifications .feature-list li,.specifications .feature-list li:hover{padding:22px 0 22px 26px}.system>.wrap>.feature-list li:before,.specifications .feature-list li:before{top:36px}.system>.wrap>.feature-list li:after{left:-35px;right:-22px}.specifications .feature-list li:after{left:-30px;right:-25px}.benefits-panel{margin-top:45px}}
@media(prefers-reduced-motion:reduce){.system>.wrap>.feature-list li:after,.specifications .feature-list li:after{transition:none}}
/* Original screen pixels sit above the AI-restored chassis. Recovered primary
   labels are live text; generated small numerical guesses are never shown. */
.laptop-visual{position:relative;isolation:isolate;container-type:inline-size;width:100%;aspect-ratio:650/506;margin:0 auto}
.laptop-visual .laptop-hd{position:relative;display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0}
.laptop-visual .laptop-source-screen{position:absolute;inset:0;z-index:2;width:100%;height:100%;max-width:none;max-height:none;object-fit:fill;filter:none;clip-path:polygon(17.3% 5.6%,96.5% 5.6%,96.5% 70.7%,17.3% 70.7%);margin:0;pointer-events:none}
.laptop-ui-labels{position:absolute;inset:0;z-index:3;pointer-events:none;font-family:Arial,Helvetica,sans-serif;letter-spacing:0}
.laptop-heatmap-title,.laptop-advert-title{position:absolute;top:7%;height:4.4%;display:flex;align-items:center;justify-content:center;background:#759bac;color:#f3f7fa;font-size:1.55cqw;font-weight:500;line-height:1;white-space:nowrap}
.laptop-heatmap-title{left:17.6%;width:17.3%}.laptop-advert-title{left:78.2%;width:18.2%}
.laptop-metric{position:absolute;left:43%;top:13.8%;width:28%;height:8%;background:#101314;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5cqw;color:#fff;line-height:1}
.laptop-metric>span{font-size:1.9cqw;white-space:nowrap}.laptop-metric>strong{font-size:3.6cqw;font-weight:600;letter-spacing:-.015em}
.story-analytics .laptop-visual{width:min(100%,calc(128.46vh - 423.92px))}
.story-analytics .laptop-visual img{max-height:none}
@media(max-width:800px){.story-analytics .laptop-visual{width:min(100%,360px)}}
@media(max-width:520px){.story-analytics .laptop-visual{width:min(100%,257px)}}
.system,.product-section{overflow:clip}