.sample-rail{background:none;border:0;border-radius:0;padding:0;gap:12px;align-self:center}
.sample-rail .benefit{border:1px solid #A9B7C133;background:#FFFFFF03;min-height:76px;padding:14px 17px;border-radius:10px;grid-template-columns:32px minmax(0,1fr);gap:13px}
.sample-rail .benefit:hover{background:#FFFFFF08}
.sample-rail .benefit-icon{width:32px;height:32px;background:none}.sample-rail .benefit-icon img{width:30px;height:30px}
.sample-rail .benefit strong{font:650 17px/1.25 Manrope,Arial,sans-serif;letter-spacing:-.02em}.sample-rail .benefit small{font-size:12px;margin-top:5px}
.material-rolls{margin-top:12px}.material-rolls h2{font:550 14px/1.4 Manrope,Arial,sans-serif;letter-spacing:0;color:#A9B4BE;margin:0 0 12px}
.material-roll{display:grid;grid-template-columns:80px minmax(0,1fr) 16px;gap:13px;align-items:center;padding:7px 9px 7px 0;width:100%;background:none;color:#E7EBEF;text-align:left;border-radius:9px;min-height:82px}
.material-roll+.material-roll{margin-top:5px}.material-roll:hover{background:#FFFFFF06}
.roll-preview{width:80px;height:80px;object-fit:contain;transform:scale(1.35);pointer-events:none}
.thermal-preview{transform:scale(1);padding:3px}
.material-roll strong{display:block;font:600 16px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.01em}
.material-roll small{display:block;color:#A9B4BE;font-size:11px;line-height:1.4;margin-top:5px;max-width:170px}
.roll-arrow{opacity:.6;filter:brightness(0) invert(.85)}
@media(min-width:768px) and (max-width:1023px){.sample-rail{display:grid;grid-template-columns:1fr 1fr;gap:16px}.material-rolls{grid-column:1/-1;margin-top:0}.material-roll{grid-template-columns:90px 1fr 16px}.material-roll small{max-width:none}}
@media(max-width:767px){.sample-rail{padding:0;gap:12px}.material-rolls{margin-top:8px}.material-roll{grid-template-columns:88px 1fr 16px}.roll-preview{width:88px;height:88px}.material-roll strong{font-size:17px}.material-roll small{font-size:12px}}

/* A concise service rail: two slim benefits and three thumbnail rows. */
.sample-rail{gap:8px;width:100%;max-width:260px;justify-self:end}
.sample-rail .benefit{min-height:59px;padding:10px 12px;grid-template-columns:25px minmax(0,1fr);gap:10px;border-radius:8px}
.sample-rail .benefit-icon,.sample-rail .benefit-icon img{width:24px;height:24px}
.sample-rail .benefit strong{font-size:14px;line-height:1.25;font-weight:600}
.sample-rail .benefit small{font-size:10px;margin-top:3px;line-height:1.35}
.material-rolls{margin-top:11px;padding:0 5px}
.material-rolls h2{font-size:11px;margin-bottom:7px;color:#A9B4BE}
.material-roll{grid-template-columns:44px minmax(0,1fr);gap:12px;min-height:54px;padding:4px 5px;max-width:230px}
.material-roll+.material-roll{margin-top:0}
.roll-preview{width:44px;height:44px;transform:scale(1.35)}
.thermal-preview{transform:scale(1.1);padding:0}
.material-roll strong{font-size:13px;font-weight:550;line-height:1.3}
@media(min-width:768px) and (max-width:1023px){.sample-rail{max-width:none;grid-template-columns:1fr 1fr;gap:12px}.material-rolls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin-top:8px}.material-rolls h2{grid-column:1/-1;margin:0}.material-roll{max-width:none;gap:10px}}
@media(max-width:767px){.sample-rail{max-width:none;gap:8px}.sample-rail .benefit{min-height:60px}.sample-rail .benefit strong{font-size:15px}.sample-rail .benefit small{font-size:11px}.material-rolls{margin-top:12px}.material-roll{grid-template-columns:46px 1fr;min-height:55px;max-width:none}.roll-preview{width:46px;height:46px}.material-roll strong{font-size:14px}}
.material-roll small{font-size:10px;line-height:1.35;margin-top:3px;color:#A9B4BE;max-width:170px}
@media(max-width:767px){.material-roll small{font-size:11px;max-width:none}}
.material-rolls{padding:0;margin-top:4px}
.material-rolls h2{display:none}
.material-roll{width:100%;max-width:none;grid-template-columns:44px minmax(0,1fr);gap:10px;min-height:64px;padding:8px 12px;border:1px solid #A9B7C133;border-radius:8px;background:#FFFFFF03}
.material-roll+.material-roll{margin-top:8px}
.material-roll:hover{background:#FFFFFF08}
.roll-preview{transform:scale(1.2)}
.thermal-preview{transform:scale(1.05)}
@media(max-width:767px){.material-roll{grid-template-columns:46px minmax(0,1fr);padding:9px 12px;min-height:67px}.material-rolls{margin-top:4px}}
@media(min-width:768px) and (max-width:1023px){.material-rolls{display:flex;flex-direction:column;gap:0}.material-roll+.material-roll{margin-top:8px}}
.proof-five{grid-template-columns:repeat(5,minmax(0,1fr))}
.proof-five>div{padding-left:58px;padding-right:12px;min-height:53px}
.proof-five>div:first-child{padding-left:46px}
.proof-five .fact-icon{left:16px;width:29px;height:29px}
.proof-five dt{font-size:clamp(15px,1.18vw,20px);line-height:1.25}
.proof-five dd{font-size:12px;line-height:1.4}
@media(min-width:1024px) and (max-width:1279px){.proof-five>div{padding-left:44px;padding-right:8px}.proof-five>div:first-child{padding-left:34px}.proof-five .fact-icon{left:10px;width:25px;height:25px}.proof-five dt{font-size:14px}.proof-five dd{font-size:10px}}
@media(max-width:1023px){.proof-five{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.proof-five>div,.proof-five>div:first-child{padding-left:48px;padding-right:0;border:0}.proof-five .fact-icon,.proof-five>div:first-child .fact-icon{left:0}.proof-five dt{font-size:18px}.proof-five dd{font-size:12px}}
@media(max-width:767px){.proof-five>div,.proof-five>div:first-child{padding-left:0;padding-top:37px}.proof-five .fact-icon{top:0;transform:none}.proof-five dt{font-size:17px}}
.hero .description{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.55;letter-spacing:-.015em;max-width:470px}
body[data-theme=dark] .hero .description{color:#C5CFD7}
@media(min-width:1536px){.hero .description{font-size:15px}}
@media(max-width:767px){.hero .description{font-size:13px;line-height:1.6}}
.sample-rail>.material-rolls{margin-top:0}
.finish-preview{transform:scale(1.1)}
@media(min-width:1024px){.sample-rail{align-self:end;margin-bottom:48px}}
.material-rolls h2{display:block;font:550 16px/1.3 Manrope,Arial,sans-serif;letter-spacing:-.015em;color:#E0E6EB;margin:0 0 14px}
@media(max-width:767px){.material-rolls h2{font-size:17px;margin-bottom:13px}}