:root{--blue:#1f6fe0;--ink:#1d1d1f;--muted:#595959;--gray:#f3f4f6}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.detail-header{position:absolute;z-index:20;top:0;left:0;display:flex;width:100%;height:100px;align-items:center;padding:0 6.25%;background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}.detail-brand{display:flex;align-items:center;gap:10px}.detail-brand img:first-child{width:31px;height:31px}.detail-brand img:last-child{width:136px}.detail-header nav{display:flex;align-items:center;gap:40px;margin-left:136px}.detail-header nav a{position:relative;color:rgba(255,255,255,.75);font-size:20px;white-space:nowrap}.detail-header nav a.active{color:#fff}.detail-header nav a.active:after{position:absolute;right:0;bottom:-5px;left:0;height:1px;background:#3087fb;content:""}.detail-pill{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;padding:0 32px;border-radius:40px;background:var(--blue);color:#fff;font-size:16px;font-weight:700;white-space:nowrap}.header-cta{margin-left:auto;padding:0 40px}.detail-menu{display:none}.detail-hero{position:relative;height:1080px;background:#20262d url("assets/figma-product-detail/hero.webp") center/cover no-repeat;color:#fff}.detail-hero:after{position:absolute;inset:0;background:rgba(0,0,0,.24);content:""}.detail-hero-copy{position:absolute;z-index:2;top:479px;left:50%;text-align:center;transform:translateX(-50%)}.detail-hero h1{margin:0;font-size:54px;font-weight:400;line-height:65px}.detail-hero p{margin:24px 0 0;color:rgba(255,255,255,.82);font-size:32px;line-height:38px;white-space:nowrap}
.product-overview{height:882px;display:grid;grid-template-columns:664px 1fr;gap:120px;padding:120px 6.25%}.overview-gallery{display:grid;grid-template-columns:80px 560px;gap:24px}.thumbs{display:flex;flex-direction:column;gap:12px}.thumbs button{width:80px;height:80px;padding:0;border:2px solid transparent;border-radius:10px;background:#f5f2f0;overflow:hidden;cursor:pointer}.thumbs button.active{border-color:var(--blue)}.thumbs img{width:100%;height:100%;object-fit:cover}.overview-stage{width:560px;height:642px;border-radius:20px;background:#f5f2f0;overflow:hidden}.overview-stage img{width:100%;height:100%;object-fit:contain}.overview-copy{padding-top:87px}.overview-copy h2{margin:0;font-size:32px;font-weight:400}.overview-copy>p{max-width:896px;margin:20px 0 0;color:rgba(0,0,0,.6);font-size:20px;line-height:28px}.precision-card{max-width:896px;margin-top:42px;padding:38px 40px;border-radius:20px;background:#f3f2ef}.precision-card h3{margin:0 0 20px;color:var(--blue);font-size:24px}.precision-card>div{display:grid;grid-template-columns:220px 1fr;gap:24px;margin-top:14px}.precision-card strong{font-size:18px}.precision-card span{color:rgba(0,0,0,.6);font-size:18px;line-height:24px}.overview-actions{display:flex;gap:16px;margin-top:40px}.download-button img{width:24px;height:24px}.outline-button{display:inline-flex;min-height:48px;align-items:center;padding:0 32px;border:1px solid var(--blue);border-radius:40px;color:var(--blue);font-size:16px;font-weight:700}
.product-features{height:960px;padding:120px 6.25%;background:#080d14;color:#fff}.product-features>h2{margin:0;color:var(--blue);font-size:48px;font-weight:400;text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:70px}.feature-grid article{position:relative;height:650px;overflow:hidden;border-radius:20px;background:#111}.feature-grid img{width:100%;height:100%;object-fit:cover;opacity:.82}.feature-grid article:after{position:absolute;inset:30% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9));content:""}.feature-grid span,.feature-grid h3,.feature-grid p{position:absolute;z-index:2}.feature-grid span{top:24px;right:24px;font-size:36px}.feature-grid h3{bottom:82px;left:32px;margin:0;font-size:28px}.feature-grid p{right:32px;bottom:30px;left:32px;margin:0;color:rgba(255,255,255,.78);line-height:22px}
.feature-stories{padding:120px 6.25%;background:#fff}.feature-stories article{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:90px;margin-bottom:100px}.feature-stories article:nth-child(even){grid-template-columns:.9fr 1.1fr}.feature-stories article:nth-child(even) img{order:2}.feature-stories img{width:100%;height:460px;border-radius:20px;object-fit:cover}.feature-stories .eyebrow{color:var(--blue);font-size:18px}.feature-stories h2{margin:14px 0 0;font-size:42px;font-weight:400;line-height:50px}.feature-stories article div>p:last-child{margin-top:24px;color:rgba(0,0,0,.6);font-size:19px;line-height:28px}
.technical-specs{padding:120px 6.25%;background:var(--gray)}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2,.quality-applications>h2,.related-products h2{margin:0;color:var(--blue);font-size:48px;font-weight:400}.spec-table-wrap{margin-top:70px;border:1px solid #b6b6b9;border-radius:10px;background:#fff;overflow-x:auto}.spec-table-wrap table{width:100%;min-width:1050px;border-collapse:collapse}.spec-table-wrap th,.spec-table-wrap td{padding:22px 18px;border-right:1px solid #d8d8da;border-bottom:1px solid #d8d8da;text-align:center}.spec-table-wrap th{background:#eef3fb;color:var(--blue);font-size:16px}.spec-table-wrap td{font-size:15px}.spec-table-wrap tr:last-child td{border-bottom:0}.spec-table-wrap th:last-child,.spec-table-wrap td:last-child{border-right:0}
.quality-applications{padding:120px 6.25%}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px 24px;margin-top:70px}.application-grid img{width:100%;height:220px;border-radius:10px;object-fit:cover}.application-grid h3{margin:16px 0 0;font-size:20px}.related-products{display:grid;grid-template-columns:460px 1fr;gap:70px;padding:120px 6.25%;background:#f8f9fb}.related-products>div:first-child>p{margin-top:32px;color:rgba(0,0,0,.6);font-size:18px;line-height:28px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.related-card{display:block;text-align:center}.related-card div{height:420px;border-radius:20px;background:#f3f4f6;overflow:hidden}.related-card img{width:100%;height:100%;object-fit:contain}.related-card h3{margin:20px 0 0;color:var(--blue);font-size:22px}
.detail-cta{position:relative;height:462px;display:grid;place-items:center;overflow:hidden;background:#747b80;color:#fff;text-align:center}.detail-cta:before{position:absolute;inset:0;background:url("assets/figma-latest/wanna-bg.webp") center/cover no-repeat;content:"";opacity:.72}.detail-cta:after{position:absolute;inset:0;background:rgba(0,0,0,.5);content:""}.detail-cta>div{position:relative;z-index:2}.detail-cta h2{margin:0;font-size:48px;font-weight:400}.detail-cta p{width:1040px;margin:20px auto 0;font-size:20px;line-height:24px}.detail-cta .detail-pill{margin-top:64px}.detail-footer{height:477px}.footer-grid{height:436px;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1fr;gap:70px;padding:120px 6.25% 0}.footer-grid>div:first-child p{width:400px;margin:46px 0 0;color:rgba(0,0,0,.6);font-size:16px;line-height:24px}.footer-grid h3{margin:20px 0;color:var(--blue);font-size:16px;font-weight:400}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;align-items:flex-start}.footer-grid>div:not(:first-child) a{margin-bottom:16px;font-size:18px}.copyright{height:41px;display:flex;align-items:center;justify-content:space-between;padding:0 6.25%;border-top:1px solid rgba(90,99,106,.1);color:rgba(0,0,0,.4);font-size:14px}
@media(min-width:1101px){.detail-header nav a{font-size:22px;line-height:22px}}
@media(max-width:1100px){.detail-header nav,.detail-header>.header-cta{display:none}.detail-menu{display:flex;margin-left:auto;width:42px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;background:none}.detail-menu span{width:24px;height:2px;background:#fff}.detail-header.open nav{position:absolute;top:84px;right:20px;display:flex;width:230px;flex-direction:column;align-items:flex-start;padding:24px;border-radius:16px;background:#fff;box-shadow:0 18px 50px rgba(0,0,0,.15)}.detail-header.open nav a{color:#333}.product-overview{height:auto;grid-template-columns:1fr;padding:80px 24px}.overview-gallery{grid-template-columns:70px minmax(0,1fr)}.thumbs button{width:70px;height:70px}.overview-stage{width:100%;height:520px}.overview-copy{padding-top:0}.product-features{height:auto;padding:80px 24px}.feature-grid article{height:520px}.feature-stories{padding:80px 24px}.feature-stories article,.feature-stories article:nth-child(even){grid-template-columns:1fr;gap:36px}.feature-stories article:nth-child(even) img{order:0}.technical-specs,.quality-applications,.related-products{padding:80px 24px}.application-grid{grid-template-columns:repeat(2,1fr)}.related-products{grid-template-columns:1fr}.detail-cta p{width:86%}.detail-footer{height:auto}.footer-grid{height:auto;padding:70px 24px;grid-template-columns:repeat(2,1fr)}.footer-grid>div:first-child{grid-column:1/-1}.copyright{height:auto;gap:16px;padding:16px 24px;flex-direction:column;align-items:flex-start}}

/* Figma 1515:4808 — fixed 620 × 900 horizontal feature gallery. */
.product-features{height:1078px;padding:0;background:#fff;color:#fff;overflow:hidden}
.product-features>h2{height:58px;margin:0;color:var(--blue);font-size:48px;font-weight:400;line-height:58px;text-align:center}
.feature-track-wrap{position:relative;margin-top:120px}
.feature-grid{display:flex;width:2480px;gap:0;margin:0;transform:translate3d(0,0,0);transition:transform .62s cubic-bezier(.22,1,.36,1);will-change:transform}
.feature-grid article{position:relative;isolation:isolate;flex:0 0 620px;width:620px;height:900px;overflow:hidden;border-radius:0;background:#080d14}
.feature-grid img{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;object-fit:cover}
.feature-grid article:nth-child(1) img{object-position:center}.feature-grid article:nth-child(2) img{object-position:center}.feature-grid article:nth-child(3) img{object-position:center}.feature-grid article:nth-child(4) img{object-position:center}
.feature-grid article:after{position:absolute;z-index:1;inset:auto 0 0;height:157px;background:linear-gradient(180deg,rgba(0,0,0,0),#000);content:""}
.feature-grid span,.feature-grid h3,.feature-grid p{position:absolute;z-index:2}
.feature-grid span{top:40px;right:24px;font-family:Arial,Helvetica,sans-serif;font-size:64px;font-weight:700;line-height:64px;letter-spacing:.06em}
.feature-grid h3{right:40px;bottom:123px;left:40px;margin:0;font-size:24px;line-height:27px}
.feature-grid p{right:40px;bottom:50px;left:40px;display:-webkit-box;max-height:48px;margin:0;overflow:hidden;color:#fff;font-size:18px;line-height:24px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.feature-arrow{position:absolute;z-index:5;top:415px;display:grid;width:70px;height:70px;padding:0;border:0;border-radius:50%;place-items:center;background:rgba(255,255,255,.2);color:#fff;font-size:0;cursor:pointer;backdrop-filter:blur(10px);transition:background .2s ease}.feature-arrow:after{font-size:24px;line-height:1}.feature-prev{left:94px}.feature-next{right:120px}.feature-prev:after{content:"←"}.feature-next:after{content:"→"}.feature-arrow:hover,.feature-arrow:focus-visible{background:rgba(255,255,255,.34)}
.technical-specs{padding-top:110px;padding-bottom:110px;background:#f7f7f7}.spec-table-wrap{border:0;border-radius:0;background:transparent}.spec-table-wrap th,.spec-table-wrap td{padding:18px 16px;border-right:0;border-bottom:1px solid #dedede;text-align:left}.spec-table-wrap th{background:transparent;color:#1f6fe0;font-size:18px}.spec-table-wrap td{font-size:16px}.spec-table-wrap tbody tr:first-child td{font-weight:700;background:#fff}
@media(max-width:1100px){.product-features{height:auto;padding:70px 0 0}.product-features>h2{height:auto;padding:0 24px;font-size:40px;line-height:1.15}.feature-track-wrap{margin-top:70px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.feature-track-wrap::-webkit-scrollbar{display:none}.feature-grid{width:max-content;transform:none!important}.feature-grid article{flex-basis:min(620px,88vw);width:min(620px,88vw);height:min(900px,128vw);scroll-snap-align:start}.feature-grid span{font-size:44px;line-height:1}.feature-grid p{white-space:normal}.feature-arrow{display:none}}