/* Midnight V7: full-section light, open benefit typography and recurring counters. */
/* Product-local and image-local light layers are removed entirely. Only the
   full-width hero background provides light, so there is no rectangular seam. */
.hero-product:before,.hero-material,.cursor-light{display:none!important}
.hero:before{inset:0;background:radial-gradient(ellipse at 74% 45%,#19425d55 0%,#122a3d28 38%,transparent 72%),linear-gradient(120deg,#09131f,#111f30);mask-image:none;pointer-events:none}
.hero-product{cursor:default;background:transparent;box-shadow:none}
.hero-product img{cursor:default;pointer-events:none;user-select:none}
.product-inspect,.inspect-cursor{display:none!important}
/* The product itself still rotates through the existing pointer handlers. */
.socket-visual{top:13%;height:58%;gap:28px}
.socket-visual svg{width:140px;height:140px;flex-shrink:0}
.socket-visual strong{font-size:180px;letter-spacing:-.07em}
.socket-visual span{top:90%;font-size:clamp(23px,2.4vw,36px);line-height:1.15;text-transform:none;letter-spacing:-.035em;font-weight:400;white-space:nowrap}
/* A typographic benefits composition replaces the generated wave image. */
.benefits-panel{position:relative;isolation:isolate;margin-top:85px;padding:25px 0 5px}
.benefits-panel:before{content:'';position:absolute;inset:-90px -80px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 55% 45%,#22577719,transparent 65%)}
.benefits-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 70px;margin:0;padding:0}
.benefit{position:relative;display:grid;grid-template-columns:38px 1fr;gap:28px;align-items:start;padding:36px 0 42px;min-width:0}
.benefit:before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#7cbcd200,#7cbcd23b 15%,#7cbcd23b 80%,#7cbcd200)}
.benefit svg{width:36px;height:36px;color:#7ecce4;margin-top:5px;transition:transform .6s,color .6s}
.benefit p{font-size:clamp(26px,2.3vw,34px);line-height:1.3;font-weight:400;letter-spacing:-.035em;color:#d6e9f5;margin:0;max-width:520px}
.benefit:last-child{grid-column:1/-1;max-width:850px}
.benefit:last-child p{max-width:none}
.benefit:hover svg{transform:translateY(-3px);color:#b8efff}
/* Soft row lighting is an independent layer. It is transparent at every edge;
   no solid hover fill, inset shadow, or hard-sided gradient is retained. */
.specifications>div,.specifications>div:hover{background:transparent;box-shadow:none;overflow:visible}
.specifications>div:after{display:none}
.specifications .feature-list li,.specifications .feature-list li:hover{position:relative;isolation:isolate;background:none!important;background-image:none!important;box-shadow:none;border-top-color:transparent;padding-left:26px;color:#bdd0df}
.specifications .feature-list li:after{content:'';position:absolute;inset:-8px -24px;z-index:-1;border:0;border-radius:50%;pointer-events:none;background:radial-gradient(ellipse at center,#66cde719 0%,#66cde708 35%,transparent 68%);opacity:0;transition:opacity .45s;mask-image:radial-gradient(ellipse,#000 10%,transparent 70%)}
.specifications .feature-list li:hover:after{opacity:1}
.specifications .feature-list li:before{box-shadow:0 0 10px #56c7ef45;border-radius:50%}
.specifications .feature-list li:hover{color:#d6f0fc}
@media(min-width:1600px){.benefit p{font-size:36px}.benefit{padding:40px 0 48px}.socket-visual span{font-size:37px}}
@media(max-width:1100px){.socket-visual svg{width:112px;height:112px}.socket-visual strong{font-size:150px}.socket-visual{gap:20px}.socket-visual span{font-size:28px}.benefits-list{gap:0 40px}.benefit{gap:20px;grid-template-columns:32px 1fr}.benefit svg{width:32px;height:32px}.benefit p{font-size:28px}}
@media(max-width:800px){.socket-visual{top:7%;height:60%}.socket-visual svg{width:100px;height:100px}.socket-visual strong{font-size:132px}.socket-visual span{font-size:27px;top:92%}.benefits-panel{margin-top:55px}.benefits-list{gap:0 30px}.benefit{display:block;padding:28px 0 32px}.benefit svg{margin:0 0 20px}.benefit p{font-size:26px}.benefit:last-child{max-width:none}.specifications .feature-list li:after{inset:-5px -10px}}
@media(max-width:520px){.benefits-list{grid-template-columns:1fr}.benefit{display:grid;grid-template-columns:30px 1fr;gap:20px}.benefit svg{margin-top:3px}.benefit p{font-size:26px}.benefit:last-child{grid-column:auto}.socket-visual svg{width:80px;height:80px}.socket-visual strong{font-size:110px}.socket-visual span{font-size:25px}.socket-visual{height:58%}}
@media(prefers-reduced-motion:reduce){.benefit svg{transition:none;transform:none!important}}
#story-deploy h3{font-size:clamp(43px,3.9vw,58px);line-height:1.06}
@media(max-width:800px){#story-deploy h3{font-size:36px}}