/* Narrow screens preserve the 1440:722 source fill below natural-flow text. */
@media(max-width:600px){
 .product-veinshine main>.detail-hero{height:auto;min-height:0;padding-bottom:50.138889vw}
 .product-veinshine main>.detail-hero::before{inset:auto 0 0;height:50.138889vw;background-size:cover;background-position:center bottom}
 .product-veinshine main>.detail-hero .hero-copy{padding:24px 20px}
 .product-veinshine main>.detail-hero h1{font-size:clamp(28px,6vw,36px);line-height:1.2}
 .product-veinshine main>.detail-hero p{font-size:14px;line-height:1.5;flex-wrap:wrap}
}
/* Source: web1.fig / 1691:3999, 1440 × 7021. Media uses original PNG bytes. */
.product-veinshine{background:#293443}
.product-veinshine main{color:#fff;font-weight:400;overflow:hidden}
.product-veinshine main>section:not(.detail-hero):not(.design-cta){text-align:center}
.product-veinshine main>section:not(.design-cta) h2{font-size:44px;font-weight:700;letter-spacing:2px;line-height:53px;margin:0}
.product-veinshine section[class^="detail-feature"] p{font-size:20px;line-height:30px;margin-bottom:0;margin-inline:auto;width:calc(100% - 48px);max-width:1174px}
.product-veinshine main img{display:block}

.detail-hero{height:calc(50.138889vw - var(--nav));position:relative;isolation:isolate}
.detail-hero::before{content:"";position:absolute;inset:calc(-1 * var(--nav)) 0 0;z-index:-1;background:url("../assets/product-details/opt/source-web1-veinshine/hero.webp") center bottom/cover no-repeat}
.hero-copy{padding:max(8px,calc(8.888889vw - var(--nav))) 1.666667vw 0;text-align:center}
.hero-copy h1{display:inline-block;font:500 9.722222vw/1.15 Roboto,Arial,sans-serif;letter-spacing:.12em;transform:scaleX(.85);margin:0;background:linear-gradient(100deg,#6d93e6 0%,#7da0e9 45%,#b6c5eb 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy p{display:flex;align-items:center;justify-content:center;gap:1.111111vw;font-size:1.388889vw;font-weight:700;letter-spacing:.06em;line-height:2.083333vw;color:#7c9de3;margin:1.180556vw 0 0}
.hero-copy p::before,.hero-copy p::after{content:"";width:2.083333vw;height:.277778vw;background:currentColor;flex:none}

.detail-intro{padding:86px 0 161px}
.detail-intro p{width:min(1206px,calc(100% - 48px));margin:auto;font-size:24px;letter-spacing:2px;line-height:48px}

.detail-feature-0 p{margin-top:25px;letter-spacing:1px;line-height:44px}
.detail-feature-0 .feature-art{margin:30px auto 0;width:min(1189px,calc(100% - 48px));aspect-ratio:1189/595}
.detail-feature-0 .feature-art img{width:100%;height:100%;object-fit:cover}
.detail-feature-0{padding-bottom:114px}

.detail-feature-1 p{margin-top:25px;line-height:44px;letter-spacing:1px}
.detail-feature-1 .feature-art{margin:32px auto 0;width:min(860px,calc(100% - 48px));aspect-ratio:860/649}
.detail-feature-1 .feature-art img{width:100%;height:100%;object-fit:cover}
.detail-feature-1{padding-bottom:114px}

.detail-feature-2 p{margin-top:25px;line-height:30px}
.detail-feature-2 .feature-art{margin:93px auto 0;width:min(1146px,calc(100% - 48px));display:flex;gap:2px;aspect-ratio:1146/546}
.detail-feature-2 .deploy-crop{position:relative;flex:1;width:0;overflow:hidden}
.detail-feature-2 .deploy-crop img{position:absolute;max-width:none}
/* STRETCH crops from the image paint transforms of nodes 1769:11267 / 11266 / 11265. */
.deploy-crop-1 img{left:-32.078%;top:-21.433%;width:132.168%;height:152.632%}
.deploy-crop-2 img{left:-82.672%;top:-60.426%;width:182.601%;height:227%}
.deploy-crop-3 img{left:0;top:-23.372%;width:100%;height:123.372%}
.detail-feature-2{padding-bottom:89px}

.veinshine-applications{min-height:941px;text-align:center;padding:0 0 35px}
.veinshine-applications h2{margin:66px 0 0;font-size:44px;font-weight:700;letter-spacing:2px;line-height:53px}
.veinshine-scene-panels{width:100%;margin-top:56px}
.veinshine-application-media{display:block;width:min(1176px,calc(100% - 48px));height:auto;aspect-ratio:2;object-fit:cover;margin-inline:auto}
.veinshine-scene-tabs{display:flex;justify-content:space-between;width:min(1176px,calc(100% - 48px));margin:51px auto 0;gap:8px}
.veinshine-scene-tabs button{flex:1;border:0;border-bottom:3px solid transparent;padding:0 4px 8px;min-height:32px;background:transparent;color:#a6b5c8;font-family:inherit;font-size:16px;line-height:32px;font-weight:500;cursor:pointer;white-space:nowrap}
.veinshine-scene-tabs button[aria-selected="true"]{color:#bbd3ff;border-color:#87b5fa}
.veinshine-scene-tabs button:focus-visible{outline:2px solid #bbd3ff;outline-offset:4px}

.detail-specs{background:url("../assets/product-details/opt/source-web1-veinshine/spec-decoration.webp") center 0/1441px 1449px no-repeat;padding:111px 0 122px;text-align:center}
.detail-specs h2{margin:0 0 150px;font-size:44px;line-height:53px;font-weight:700;letter-spacing:2px}
.spec-scroll{overflow-x:auto;background:#fff;color:#000;border-radius:14px;width:min(1250px,calc(100% - 48px));margin:0 auto;padding-bottom:79px;scrollbar-color:#506891 #e9eef7}
.detail-specs table{width:100%;min-width:760px;table-layout:fixed;border-collapse:collapse;font-size:16px;line-height:24px;text-align:center}
.detail-specs th,.detail-specs td{padding:8px 10px;border:1px solid #bac4d1;font-weight:400;vertical-align:middle;overflow-wrap:anywhere}
.detail-specs thead{background:#506891;color:#fff}
.detail-specs thead th{height:90px}
.detail-specs th:first-child{width:11.46%}
.product-pictures{height:228px}
.product-picture{object-fit:contain;margin:auto;width:183px;height:119px}
.detail-specs tbody tr:not(.product-pictures){height:58px}
.support-link{display:flex;align-items:center;justify-content:center;width:min(480px,calc(100% - 48px));min-height:60px;padding:12px 24px;margin:90px auto 0;border:1px solid #b4c8ea;border-radius:30px;font-size:24px}
.support-link:hover{background:#264571}

@media(max-width:900px){
 .product-veinshine main>section:not(.design-cta) h2{font-size:28px;line-height:1.45;padding-inline:24px}
 .detail-hero{height:300px}
 .hero-copy{padding:88px 20px 0}
 .hero-copy h1{font-size:34px;letter-spacing:.04em}
 .hero-copy p{font-size:14px;line-height:1.5;gap:8px;margin-top:10px}
 .hero-copy p::before,.hero-copy p::after{width:30px;height:4px}
 .detail-intro{padding:56px 0 64px}
 .detail-intro p{font-size:17px;line-height:1.9}
 .detail-feature-0,.detail-feature-1,.detail-feature-2{padding-bottom:64px}
 .detail-feature-0 p,.detail-feature-1 p,.detail-feature-2 p{margin-top:24px;font-size:16px;line-height:1.9;text-align:left}
 .detail-feature-0 .feature-art,.detail-feature-1 .feature-art,.detail-feature-2 .feature-art{margin-top:30px}
 .detail-feature-2 .feature-art{aspect-ratio:auto;height:auto;flex-wrap:nowrap}
 .detail-feature-2 .deploy-crop{aspect-ratio:381/546}
 .veinshine-applications{min-height:0;padding-bottom:40px}
 .veinshine-applications h2{margin-top:40px;font-size:28px;line-height:1.45}
 .veinshine-scene-panels{margin-top:24px}
 .veinshine-scene-tabs{flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-top:20px}
 .veinshine-scene-tabs button{flex:1 0 40%;font-size:12px;line-height:1.45;min-height:0;padding:8px 2px;white-space:normal}
 .detail-specs{padding:72px 0;background-size:auto 100%;background-position:center top}
 .detail-specs h2{margin-bottom:40px;font-size:30px;line-height:1.45}
 .spec-scroll{padding-bottom:0}
 .detail-specs table{min-width:1000px}
 .support-link{margin-top:40px;font-size:18px}
}
@media(max-width:480px){
 .hero-copy h1{font-size:30px}
}