/* Shared light industrial finish; all content remains visible without JavaScript. */
body{background:#fcfcfb}
header{background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 5px 24px rgba(29,43,53,.035)}
.topline{background:linear-gradient(105deg,#eef1f2,#fafafa)}
.hero,.product-hero{position:relative;isolation:isolate}
.hero:before,.product-hero:before{content:'';position:absolute;z-index:-1;inset:0 -25px;background:radial-gradient(ellipse at 75% 30%,#e6edf3 0,transparent 65%),radial-gradient(#a8b3bc55 .7px,transparent .7px);background-size:auto,22px 22px;mask-image:linear-gradient(90deg,transparent,#000 70%,transparent);pointer-events:none}
.hero-copy .eyebrow,.product-copy>.eyebrow{display:flex;align-items:center;gap:12px}
.hero-copy .eyebrow:before,.product-copy>.eyebrow:before{content:'';width:25px;height:3px;background:#094b8e;flex:none}
.hero h1{letter-spacing:-.055em}.hero h1 em{color:#50575c}
.hero-visual{border-radius:5px 50px 5px 5px;box-shadow:0 24px 60px -25px #1c344b80;border:7px solid #fff}
.hero-visual:before{content:'';position:absolute;inset:15px;z-index:2;border:1px solid #ffffff40;pointer-events:none}
.hero-visual figcaption{inset:35px}.hero-visual figcaption>span:last-child{border-top:1px solid #ffffff45;padding-top:17px}
.hero-visual strong{font-size:clamp(38px,4vw,56px)}
.facts{background:linear-gradient(110deg,#fff,#f3f5f6);border:1px solid #dde3e6;border-radius:6px;box-shadow:0 10px 30px -18px #344d5c38;padding:30px}
.facts strong{font-variant-numeric:tabular-nums}.facts>div:first-child{padding-left:0}
.button{border-radius:4px;background:linear-gradient(135deg,#185d9c,#09417a);box-shadow:0 6px 15px -8px #123f6b80;transition:transform .25s,box-shadow .25s,background .25s}
.button:hover{background:#153a5c;transform:translateY(-2px);box-shadow:0 10px 20px -9px #123f6b99}
.nav nav a:before{content:'';position:absolute;bottom:20px;left:0;right:0;height:2px;background:#8a99a4;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav nav a:hover:before,.nav nav a:focus-visible:before{transform:scaleX(1)}
.nav nav a:hover{text-decoration:none}
.material-feature{overflow:hidden;background:white;border:1px solid #e0e4e7;border-radius:8px;box-shadow:0 15px 38px -24px #233d4f40}
.material-image{background:radial-gradient(ellipse at 50% 60%,#fff 10%,#e9edef 100%);border-bottom:1px solid #e4e8eb}
.material-title{padding:28px}.material-feature:hover,.material-list>a:hover,.resource-grid>a:hover,.download-list>a:hover{text-decoration:none}
.material-image img,.powder-photo img{transition:transform .65s cubic-bezier(.2,.7,.25,1)}
.material-list{gap:20px}.material-list>a,.material-list>a:last-child{border:1px solid #dfe4e7;border-radius:7px;padding:30px;background:linear-gradient(135deg,#fff,#f4f6f7);flex:1;display:flex;flex-direction:column;justify-content:center;transition:box-shadow .3s,border-color .3s}
.material-list h3 span,.arrow,.download-list b{display:inline-block;transition:transform .25s}.material-list a:hover h3 span,.material-feature:hover .arrow,.download-list a:hover b{transform:translate(3px,-3px)}
.soft{background:linear-gradient(120deg,#f2f4f5,#eaf0f3 55%,#f7f8f8);border-top:1px solid #e7ecee;border-bottom:1px solid #e7ecee}
.factory{border-radius:5px 5px 45px 5px;border:6px solid #fff;box-shadow:0 22px 50px -30px #17374770}
.steps b{height:30px;min-width:30px;border:1px solid #ccd6dd;border-radius:50%;display:grid;place-items:center;background:#ffffff90;color:#4a5156}
.resource-grid{gap:24px}.resource-grid>a{border:1px solid #dce3e7;border-top:3px solid #627b8c;border-radius:6px;padding:30px;background:linear-gradient(145deg,#fff,#f4f6f7);box-shadow:0 12px 28px -24px #18384b70;transition:transform .3s,box-shadow .3s}
.resource-grid>a:nth-child(2){border-top-color:#094b8e}.resource-grid>a:nth-child(3){border-top-color:#849589}
.contact-band{position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 100%,#cfdde7,transparent 65%),#edf1f3;border-top:1px solid #dce4e9;border-bottom:1px solid #dce4e9}
.contact-band:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #8ca2b044;border-radius:50%;right:-170px;top:-190px;box-shadow:0 0 0 35px #8ca2b012,0 0 0 70px #8ca2b00c;pointer-events:none}
.contact-band .wrap{position:relative;z-index:1}footer{background:#fff}
.powder-photo{border:1px solid #dce2e6;border-radius:8px;background:radial-gradient(ellipse at 50% 45%,#fff 15%,#e9eef1 100%);box-shadow:0 22px 55px -35px #24445d80;overflow:hidden}
.powder-photo:before{content:'';position:absolute;width:65%;aspect-ratio:1;border:1px solid #b8c6d14d;border-radius:50%;top:15%;left:17.5%;box-shadow:0 0 0 24px #dce4ea30;pointer-events:none}
.powder-photo img,.powder-photo figcaption,.photo-label{position:relative}.photo-label{border-left:3px solid #094b8e;padding-left:12px}.powder-photo figcaption{border-top:1px solid #d0d9df;padding-top:16px}
.chips span{background:#fff;border-radius:4px;box-shadow:0 2px 4px #263e5005}
.section-nav{background:#f1f4f6}.section-nav a{position:relative}.section-nav a:hover{text-decoration-thickness:2px}
.table-scroll{border:1px solid #dbe2e7;border-radius:6px;background:#fff;padding:18px}thead{background:#e6edf1}
.performance{gap:20px}.performance>div,.performance>div:first-child{border:1px solid #dce3e7;border-radius:6px;background:linear-gradient(135deg,#fff,#ffffff70);padding:28px;box-shadow:0 8px 22px -20px #1f405960}
.performance strong{font-size:clamp(32px,4.3vw,58px)}
.download-list>a{padding:25px 15px;transition:background .25s}.download-list>a:hover{background:#eef2f4}
.detail summary{padding:3px 0}.detail summary:after{width:28px;min-width:28px;height:28px;display:grid;place-items:center;border:1px solid #c6d0d7;border-radius:50%;line-height:1}.detail[open] summary{font-weight:600}
.inquiry-section form{padding:32px;border:1px solid #dce3e7;border-radius:8px;background:linear-gradient(135deg,#fff,#f4f7f8);box-shadow:0 20px 45px -30px #193c5260}
.inquiry-section input,.inquiry-section textarea{background:#fff;border-radius:4px;transition:border-color .2s,box-shadow .2s}.inquiry-section input:focus,.inquiry-section textarea:focus{border-color:#687d8b;box-shadow:0 0 0 3px #708b9d15}
@media(hover:hover) and (pointer:fine){.material-feature:hover img,.powder-photo:hover img{transform:scale(1.035)}.resource-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 36px -24px #18384b65}.material-list>a:hover{border-color:#abbcc8;box-shadow:0 12px 25px -20px #17374e55}}
@media(max-width:1050px){.material-title,.material-list>a,.resource-grid>a{padding:24px}.facts{padding:25px}.facts>div{padding:0 20px}.performance>div,.performance>div:first-child{padding:22px}}
@media(max-width:760px){.hero:before,.product-hero:before{inset:0}.hero-visual{border-radius:5px 32px 5px 5px}.hero-visual figcaption{inset:26px}.facts{padding:23px}.facts>div{padding:0}.nav nav a:before{bottom:7px}.inquiry-section form{padding:22px}.performance{gap:10px}.performance>div,.performance>div:first-child{padding:18px 10px}.performance strong{font-size:29px}.performance small{font-size:11px}.performance span{line-height:1.5;display:block;margin-top:8px}.table-scroll{padding:12px}.material-title{padding:22px}.resource-grid>a{padding:26px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.resource-grid>a:hover,.material-feature:hover img,.powder-photo:hover img,.material-list a:hover h3 span,.material-feature:hover .arrow,.download-list a:hover b{transform:none}}
/* Full-width opening scene and a strictly separated product image/caption. */
.hero.wrap{width:100%;max-width:none;margin:0;min-height:calc(100svh - 132px);display:flex;align-items:center;padding:75px max(50px,calc((100% - 1320px)/2)) 100px;overflow:hidden;background:#eef3f6}
.hero:before{inset:0;z-index:-1;background:linear-gradient(90deg,#f8fafbfC 0%,#f8fafbf7 29%,#f8fafbe8 43%,#f8fafb70 62%,#f8fafb00 80%);mask-image:none;pointer-events:none}
.hero .hero-copy{width:57%;max-width:740px;position:relative;z-index:2}
.hero .hero-copy h1{font-size:clamp(46px,4.8vw,74px);line-height:1.07;letter-spacing:-.05em}
.hero .hero-copy h1 em{font-size:.48em;line-height:1.3;letter-spacing:-.035em;margin-top:24px;color:#414b53}
.hero .hero-copy>p{max-width:510px;color:#3f4a53;line-height:1.85;margin-top:28px}
.hero .hero-visual{position:absolute;inset:0;z-index:-2;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;margin:0;background:#173b5c}
.hero .hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}
.hero .hero-visual:before{display:none}.hero .hero-visual:after{background:linear-gradient(0deg,#10243565,transparent 45%)}
.hero .hero-visual figcaption{inset:auto max(50px,calc((100% - 1320px)/2)) 35px auto;display:block;background:#142b40eF;border:1px solid #ffffff38;border-radius:4px;padding:18px 22px;width:max-content;max-width:34%;color:#fff;font-size:11px;line-height:1.6;letter-spacing:.09em}
.hero .hero-visual strong{display:block;font-size:26px;line-height:1.15;margin:10px 0;letter-spacing:-.025em;color:#fff}
.hero .hero-visual strong br{display:none}.hero .hero-visual figcaption>span:last-child{padding:0;border:0;font-size:10px}
.hero+.facts{margin-top:36px}
.material-feature .material-image{position:relative;display:block;overflow:hidden;isolation:isolate;min-height:0;height:320px}
.material-feature .material-image img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center}
.material-feature .material-title{position:relative;z-index:1;isolation:isolate;background:#fff;color:#24282d;border-top:1px solid #dce3e8;gap:18px}
.material-feature .material-title h3{color:#24282d}.material-feature .material-title .eyebrow,.material-feature .material-title p{color:#46515a}
@media(min-width:1800px){.hero.wrap{padding-left:max(70px,calc((100% - 1560px)/2));padding-right:max(70px,calc((100% - 1560px)/2))}.hero .hero-copy h1{font-size:84px}}
@media(max-width:1050px){.hero.wrap{padding:65px 25px 110px}.hero .hero-copy{width:63%}.hero .hero-copy h1{font-size:52px}.hero .hero-visual figcaption{right:25px;bottom:25px;max-width:33%}.hero .hero-visual strong{font-size:22px}}
@media(max-width:760px){.hero.wrap{min-height:calc(100svh - 155px);padding:55px 24px 65px;align-items:center}.hero .hero-copy{width:100%;max-width:540px}.hero .hero-copy h1{font-size:48px}.hero .hero-copy h1 em{font-size:.53em}.hero:before{background:linear-gradient(90deg,#f8fafbf7,#f8fafbeD 62%,#f8fafbbD)}.hero .hero-visual figcaption{display:none}.hero .hero-copy>p{font-size:16px}.hero .actions{gap:22px}.hero+.facts{margin-top:25px}.material-feature .material-image{height:280px}}
@media(max-width:420px){.hero .hero-copy h1{font-size:42px}.hero.wrap{padding-top:42px;padding-bottom:50px}}
@media print{.hero.wrap{min-height:0;padding:30px 0}.hero .hero-visual,.hero:before{display:none}.hero .hero-copy{width:100%;max-width:none}}
