*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:#f6f4ef;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.loader{position:fixed;inset:0;background:#0c0c0c;z-index:99999;display:grid;place-items:center;align-content:center;gap:10px;animation:loaderOut .8s 1.8s forwards}.loader b{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:34px;letter-spacing:.12em}.loader small{font-size:9px;letter-spacing:.35em;color:#f57900}.loader-road{width:190px;height:4px;background:#f57900;position:relative;overflow:hidden}.loader-road span{position:absolute;width:45px;height:100%;background:#fff;left:-50px;animation:load 1s infinite}.topline{height:3px;background:#f57900;position:fixed;top:0;left:0;right:0;z-index:1001}.header{position:fixed;z-index:1000;top:3px;left:0;right:0;height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:rgba(12,12,12,.78);backdrop-filter:blur(15px);border-bottom:1px solid #252525}.logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:20px;font-weight:800;letter-spacing:.05em}.logo img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #f57900}.logo strong,.header-call{color:#f57900}.header nav{display:flex;gap:30px}.header nav a,.header-call{color:#e8e6df;text-decoration:none;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}.header nav a:hover{color:#f57900}.header-call span{color:#fff;margin-left:7px}.hamb{display:none;background:none;border:0}.hamb i{display:block;width:25px;height:2px;background:#fff;margin:5px}.hero{min-height:100svh;position:relative;overflow:hidden;background:#101010;padding:150px 7% 60px;display:flex;align-items:center}.grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,#000,transparent 80%);transform:perspective(700px) rotateX(60deg) translateY(35%);transform-origin:center bottom}.road{position:absolute;height:140%;width:30vw;background:#191919;border-left:2px solid #303030;border-right:2px solid #303030;transform:rotate(16deg);right:5%;top:-20%;opacity:.9}.road:after{content:"";position:absolute;left:50%;top:-10%;height:120%;border-left:6px dashed #f7c83d}.road-a{animation:roadMove 5s linear infinite}.road-b{right:-22%;width:20vw;opacity:.35;transform:rotate(16deg) scale(.7)}.hero-copy{position:relative;z-index:5;max-width:700px}.kicker,.mission-label,.section-top>div>span,.product-head>span,.contact-left>span{color:#f57900;font-size:10px;font-weight:900;letter-spacing:.22em}.kicker span{display:inline-block;width:34px;border-top:2px solid #f57900;vertical-align:middle;margin-right:10px}.hero h1{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:clamp(80px,12vw,170px);line-height:.76;margin:28px 0;letter-spacing:-.03em;font-weight:900}.hero h1 em,.mission h2 span,.section-top h2 i,.product-head h2 i,.contact h2 i,.manifesto h2 em{font-style:normal;color:#f57900}.hero-copy>p{max-width:500px;color:#a9a9a9;line-height:1.7;font-size:15px}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.btn{display:inline-flex;gap:30px;padding:16px 20px;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:900}.btn.orange{background:#f57900;color:#111}.btn.orange:hover{background:#ff8b18}.text-btn{color:#fff;text-decoration:none;text-transform:uppercase;font-size:10px;letter-spacing:.12em;font-weight:800}.hero-sign{position:absolute;right:12%;top:27%;z-index:4;width:190px;height:420px}.pole{position:absolute;width:8px;background:#9a9a9a;left:90px;top:80px;bottom:0}.stop{position:absolute;top:0;left:20px;width:145px;height:145px;background:#e31d2b;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);display:grid;place-items:center;animation:signFloat 4s ease-in-out infinite}.stop:before{content:"";position:absolute;inset:9px;border:3px solid #fff;clip-path:inherit}.stop span{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:30px;font-weight:900;position:relative}.speed{position:absolute;top:175px;right:0;background:#fff;color:#111;border:13px solid #df222d;border-radius:50%;width:100px;height:100px;display:grid;place-items:center;font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:34px;font-weight:900;animation:signFloat 4s 1s ease-in-out infinite}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;align-items:center;gap:20px;color:#777;font-size:9px;letter-spacing:.18em;font-weight:800}.hero-bottom .line{height:1px;background:#333;flex:1}.hero-bottom .line i{display:block;height:1px;width:30%;background:#f57900;animation:scan 3s infinite}.hero-bottom b{color:#f57900}.mission{min-height:85vh;padding:130px 8%;position:relative;background:#f1f0eb;color:#101010;overflow:hidden}.mission-label{position:relative;z-index:2}.mission-content{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;margin-top:65px}.mission h2,.section-top h2,.product-head h2,.contact h2{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:clamp(65px,8vw,120px);line-height:.8;letter-spacing:-.02em;margin:0;font-weight:900}.mission-copy{padding-top:12px;color:#5d5d5a;line-height:1.8;font-size:15px}.mission-copy b{color:#111}.promise{display:flex;border-top:1px solid #ccc;margin-top:45px;padding-top:22px;gap:45px}.promise b{display:block;font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:25px}.promise small{font-size:9px;text-transform:uppercase;letter-spacing:.12em}.big-number{position:absolute;right:-30px;bottom:-100px;font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:45vw;line-height:.7;color:#e5e3dc;font-weight:900;pointer-events:none}.solutions{background:#101010;padding:130px 7%;overflow:hidden}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end}.section-top h2{color:#fff;margin-top:22px}.section-top>p{max-width:360px;color:#777;font-size:13px;line-height:1.7}.solution-track{display:grid;grid-template-columns:repeat(5,minmax(240px,1fr));gap:12px;margin-top:75px}.solution-track article{min-height:390px;padding:25px;background:#181818;border:1px solid #2b2b2b;position:relative;transition:.4s}.solution-track article:hover{transform:translateY(-12px);background:#1d1d1d;border-color:#f57900}.num{font-size:9px;color:#f57900;font-weight:900}.solution-icon{height:120px;display:grid;place-items:center;margin:25px 0;color:#fff}.sign-icon{width:90px;height:90px;background:#df202c;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-weight:900;font-size:20px;margin-left:0}.marking-icon{background:repeating-linear-gradient(90deg,#222 0 24px,#f57900 24px 28px);height:70px;margin-top:50px}.barrier-icon{display:flex;gap:6px;align-items:center}.barrier-icon i{display:block;width:30px;height:80px;background:linear-gradient(160deg,#bfc3c5,#555);transform:skewY(-12deg)}.sun-icon{font-size:70px;color:#f7c83d}.repair-icon{font-size:100px;color:#f57900;font-family:"Barlow Condensed"}.solution-track h3{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:30px;margin:0 0 12px}.solution-track p{font-size:12px;line-height:1.7;color:#858585}.solution-track a{position:absolute;bottom:25px;color:#f57900;text-decoration:none;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}.products{background:#f1f0eb;color:#101010;padding:130px 7%}.product-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.product-head h2{margin-top:20px}.product-head p{max-width:260px;color:#777;font-size:11px;line-height:1.7}.product-wall{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:300px 300px;gap:12px}.product-wall figure{margin:0;position:relative;overflow:hidden;background:#ddd}.product-wall .featured{grid-row:span 2}.product-wall img{width:100%;height:100%;object-fit:cover;filter:saturate(.82);transition:.7s}.product-wall figure:hover img{transform:scale(1.08);filter:saturate(1)}.product-wall figure:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(0,0,0,.82))}.product-wall figcaption{position:absolute;bottom:20px;left:20px;right:20px;z-index:2;display:flex;gap:12px;align-items:end}.product-wall figcaption b{font-size:9px;color:#f57900}.product-wall figcaption span{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:22px;font-weight:800;color:#fff;line-height:.9}
.product-showcase{position:relative;margin-top:55px}.product-stage{height:680px;position:relative;background:#101010;overflow:hidden;border:1px solid #2b2b2b}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(55deg) scale(1.4);transform-origin:center bottom;opacity:.45}.stage-road{position:absolute;bottom:-80px;left:-10%;width:120%;height:300px;background:#171717;transform:rotate(-3deg);border-top:2px solid #333}.stage-road:before{content:"";position:absolute;left:50%;top:15px;height:270px;border-left:6px dashed #f7c83d}.product-card{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 9%;gap:50px;opacity:0;visibility:hidden;transform:translateX(90px) scale(.97);transition:opacity .55s,transform .65s,visibility .55s}.product-card.active{opacity:1;visibility:visible;transform:none}.product-tag{position:absolute;top:35px;left:9%;color:#f57900;font-size:9px;letter-spacing:.2em;font-weight:900}.product-visual{height:420px;position:relative;display:grid;place-items:center}.product-info{position:relative;z-index:4;max-width:460px}.product-info span{color:#f57900;font-size:9px;letter-spacing:.2em;font-weight:900}.product-info h3{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:clamp(48px,6vw,82px);line-height:.82;margin:15px 0 22px;text-transform:uppercase}.product-info p{color:#999;line-height:1.75;font-size:13px;max-width:400px}.reflect-sign{width:230px;height:230px;background:#ef2938;color:#fff;display:grid;place-items:center;font-size:100px;clip-path:polygon(30% 0,70% 0,100% 30%,100% 70%,70% 100%,30% 100%,0 70%,0 30%);box-shadow:0 25px 70px rgba(239,41,56,.25);animation:productFloat 3.5s ease-in-out infinite}.reflect-sign:after{content:"";position:absolute;width:185px;height:185px;border:5px solid #fff;clip-path:inherit}.light-sweep{position:absolute;width:300px;height:30px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);transform:rotate(-35deg);animation:sweep 2.5s infinite}.speed-product{perspective:500px}.speed-hump{width:190px;height:62px;background:linear-gradient(90deg,#f57900 0 50%,#1d1d1d 50% 100%);background-size:38px 100%;border-radius:18px;transform:skewX(-18deg);position:absolute;bottom:115px;box-shadow:0 18px 30px #000}.speed-hump:nth-child(2){bottom:155px;transform:skewX(-18deg) scale(.8);opacity:.55}.speed-hump:nth-child(3){bottom:195px;transform:skewX(-18deg) scale(.6);opacity:.25}.car{position:absolute;bottom:225px;left:55%;font-size:55px;color:#fff;animation:carPass 3s infinite}.stud-product{background:linear-gradient(#111 0 75%,#242424 75%);clip-path:polygon(0 0,100% 0,100% 80%,0 80%)}.road-lane{position:absolute;left:10%;right:10%;top:50%;border-top:5px dashed #fff}.stud{position:absolute;width:24px;height:15px;background:#f5f5f5;border-radius:50%;box-shadow:0 0 25px 8px rgba(255,255,255,.5);animation:studBlink 1.5s infinite}.s1{left:20%;top:47%}.s2{left:40%;top:47%;animation-delay:.3s}.s3{left:60%;top:47%;animation-delay:.6s}.s4{left:80%;top:47%;animation-delay:.9s}.headlight{position:absolute;width:360px;height:160px;left:28%;top:20%;background:linear-gradient(90deg,transparent,rgba(255,255,210,.22),transparent);transform:rotate(-12deg);animation:headlight 2s infinite}.solar-product{background:radial-gradient(circle at 50% 40%,rgba(245,121,0,.3),transparent 35%)}.solar-pole{position:absolute;bottom:40px;width:30px;height:270px;background:linear-gradient(90deg,#333,#aaa,#333);border-radius:5px}.solar-pole:before{content:"";position:absolute;width:125px;height:75px;background:linear-gradient(135deg,#183c5e,#0c1d2f);border:5px solid #ddd;left:-47px;top:-45px;transform:skewX(-10deg)}.solar-pole i{position:absolute;width:72px;height:50px;background:#f57900;border-radius:50% 50% 10px 10px;left:-21px;top:55px;box-shadow:0 0 35px #f57900}.solar-pole b{position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;left:6px;top:70px;box-shadow:0 0 20px 10px #fff}.solar-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(245,121,0,.2),transparent 65%);animation:pulseGlow 2s infinite}.barrier-product{perspective:700px}.wbeam{position:absolute;width:410px;height:70px;background:linear-gradient(#ddd,#777,#e8e8e8);clip-path:polygon(0 25%,15% 0,35% 22%,50% 0,65% 22%,85% 0,100% 25%,85% 100%,65% 78%,50% 100%,35% 78%,15% 100%);transform:rotate(-7deg);box-shadow:0 20px 35px #000}.w1{top:130px}.w2{top:230px;transform:rotate(-7deg) scale(.8);opacity:.55}.post{position:absolute;width:14px;height:300px;background:linear-gradient(90deg,#555,#ddd,#555);bottom:30px}.p1{left:25%}.p2{left:50%}.p3{left:75%}.impact{position:absolute;width:130px;height:130px;border:3px solid #f57900;border-radius:50%;animation:impact 2s infinite;opacity:0}.delineator-product{background:linear-gradient(160deg,transparent 45%,#1b1b1b 45%);}.d-post{position:absolute;bottom:60px;left:22%;width:25px;height:230px;background:#eee;border-radius:4px;transform:skewY(-4deg);box-shadow:10px 15px 25px #000}.d-post i{position:absolute;top:40px;left:-4px;width:33px;height:30px;background:#f57900;border:4px solid #fff}.d-post b{position:absolute;top:110px;left:-4px;width:33px;height:45px;background:#172b46;border:4px solid #fff}.d2{left:48%;transform:scale(.8) skewY(-4deg);opacity:.7}.d3{left:72%;transform:scale(.62) skewY(-4deg);opacity:.45}.road-line{position:absolute;left:5%;right:5%;bottom:45px;border-top:3px solid #f7c83d}.product-controls{display:flex;align-items:stretch;margin-top:14px;background:#181818;border:1px solid #2b2b2b}.product-controls>button{width:60px;border:0;background:#f57900;color:#111;font-size:25px;cursor:pointer}.product-dots{display:grid;grid-template-columns:repeat(6,1fr);flex:1}.dot{border:0;border-right:1px solid #2b2b2b;background:#181818;color:#777;text-align:left;padding:16px 13px;cursor:pointer;transition:.3s}.dot b{display:block;color:#f57900;font-size:9px;margin-bottom:5px}.dot span{font-size:9px;text-transform:uppercase;letter-spacing:.08em}.dot.active,.dot:hover{background:#222;color:#fff}.brochure-note{margin-top:12px;text-align:right;color:#555;font-size:8px;letter-spacing:.16em}
@keyframes productFloat{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes sweep{0%{left:-120%;opacity:0}35%{opacity:1}70%,100%{left:120%;opacity:0}}@keyframes carPass{0%{transform:translateX(-180px);opacity:0}30%{opacity:1}70%{opacity:1}100%{transform:translateX(160px);opacity:0}}@keyframes studBlink{0%,100%{opacity:.35;box-shadow:0 0 8px 2px rgba(255,255,255,.15)}50%{opacity:1;box-shadow:0 0 30px 10px rgba(255,255,255,.6)}}@keyframes headlight{0%,100%{opacity:0;transform:translateX(-120px) rotate(-12deg)}50%{opacity:1;transform:translateX(100px) rotate(-12deg)}}@keyframes pulseGlow{50%{transform:scale(1.2);opacity:.5}}@keyframes impact{0%{transform:scale(.2);opacity:0}30%{opacity:1}100%{transform:scale(1.5);opacity:0}}
.manifesto{min-height:90vh;background:#f57900;color:#111;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;padding:80px 20px}.manifesto-text{position:relative;z-index:3}.manifesto small{font-size:9px;letter-spacing:.3em;font-weight:900}.manifesto h2{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:clamp(90px,15vw,190px);line-height:.72;margin:25px 0;font-weight:900;letter-spacing:-.04em}.manifesto h2 em{color:#fff}.manifesto p{font-size:13px;max-width:420px;margin:auto;line-height:1.7}.moving-road{position:absolute;width:140%;height:190px;background:#171717;transform:rotate(-12deg);display:flex;justify-content:space-around;align-items:center;box-shadow:0 0 0 8px rgba(255,255,255,.2);opacity:.95}.moving-road span{width:90px;border-top:8px dashed #fff;animation:roadDash 1.2s linear infinite}.contact{background:#101010;padding:130px 8%;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.contact h2{color:#fff;margin:20px 0 30px}.contact-left>p{max-width:520px;color:#858585;font-size:13px;line-height:1.8;margin-bottom:30px}.contact-card{border:1px solid #2b2b2b;background:#171717;padding:30px}.contact-row{padding:20px 0;border-bottom:1px solid #292929}.contact-row small{display:block;color:#f57900;font-size:8px;letter-spacing:.2em;font-weight:900;margin-bottom:8px}.contact-row a{color:#fff;text-decoration:none;font-size:17px}.contact-row p{color:#aaa;line-height:1.7;font-size:12px;margin:0}.codes{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.codes div{background:#0d0d0d;padding:12px;color:#777;font-size:8px;letter-spacing:.08em}.codes b{color:#fff}.contact .btn{margin-top:10px}footer{background:#080808;border-top:1px solid #222;padding:28px 7%;display:flex;justify-content:space-between;align-items:center;color:#777;font-size:9px;letter-spacing:.14em;text-transform:uppercase}footer strong{font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif;font-size:22px;color:#f57900}footer span{color:#fff}@keyframes loaderOut{to{opacity:0;visibility:hidden}}@keyframes load{to{left:210px}}@keyframes roadMove{to{transform:rotate(16deg) translateY(8%)}}@keyframes signFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-18px) rotate(2deg)}}@keyframes scan{50%{margin-left:70%}}@keyframes roadDash{to{transform:translateX(130px)}}@media(max-width:1050px){.header nav{display:none}.header-call{display:none}.hamb{display:block}.solution-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.solution-track article{min-width:280px;scroll-snap-align:start}.mission-content,.contact{grid-template-columns:1fr}.product-head{display:block}.product-head p{margin-top:20px}.hero-sign{right:5%;opacity:.7}}@media(max-width:650px){.header{height:68px;padding:0 5%}.hero{padding:125px 6% 70px}.hero h1{font-size:82px}.hero-sign{display:none}.actions{flex-direction:column;align-items:flex-start}.mission,.solutions,.products,.contact{padding:85px 6%}.mission h2,.section-top h2,.product-head h2,.contact h2{font-size:68px}.promise{gap:18px;flex-wrap:wrap}.product-wall{display:flex;flex-direction:column}.product-wall figure,.product-wall .featured{height:330px}.product-wall .featured{height:440px}.manifesto h2{font-size:105px}.moving-road{height:130px}.contact{display:block}.contact-card{margin-top:45px}.contact-row a{font-size:15px}footer{padding:25px 6%;display:block}footer>*{display:block;margin:8px 0}}
@media(max-width:800px){
.product-stage{height:780px}.product-card{grid-template-columns:1fr;padding:70px 7% 25px;gap:5px}.product-visual{height:330px}.product-info h3{font-size:55px}.product-info p{font-size:12px}.product-controls>button{width:45px}.product-dots{grid-template-columns:repeat(3,1fr)}.dot{padding:10px 8px}.dot span{font-size:7px}.product-wall{display:none}.product-head{margin-bottom:25px}
}
@media(max-width:500px){
.product-stage{height:750px}.product-visual{height:285px}.reflect-sign{width:170px;height:170px;font-size:70px}.speed-hump{width:150px}.wbeam{width:300px}.product-info h3{font-size:48px}.product-info p{font-size:11px}.product-dots{grid-template-columns:repeat(2,1fr)}
}

/* PRO PRODUCT EXPERIENCE */
.products{position:relative}
.product-showcase{max-width:1500px;margin-left:auto;margin-right:auto}
.product-stage{border-radius:2px;box-shadow:0 30px 90px rgba(0,0,0,.24)}
.product-stage:before{content:"RS / SAFETY LAB";position:absolute;z-index:5;right:28px;top:28px;color:#555;font-size:8px;letter-spacing:.25em;font-weight:900}
.product-card{will-change:transform,opacity}
.product-card.active .product-info h3{animation:titleIn .65s cubic-bezier(.2,.8,.2,1) both}
.product-card.active .product-info p{animation:copyIn .75s .1s cubic-bezier(.2,.8,.2,1) both}
.product-card.active .product-tag{animation:copyIn .5s both}
.product-progress{height:2px;background:#292929;position:absolute;z-index:8;left:9%;right:9%;top:0;overflow:hidden}
.product-progress span{display:block;height:100%;width:16.666%;background:#f57900;transition:width .55s ease}
.product-live{display:flex;align-items:center;gap:8px;margin:16px 0 0;color:#666}
.product-live b{font-size:25px;color:#f57900;font-family:"Arial Narrow","Trebuchet MS",Arial,sans-serif}
.product-live span{font-size:10px;color:#777}
.product-live i{height:1px;width:70px;background:#333;margin:0 8px}
.product-live small{font-size:8px;letter-spacing:.16em}
.product-controls{margin-top:0}
.product-controls>button{transition:.25s}
.product-controls>button:hover{background:#ff8b18;transform:scale(1.04)}
.dot{position:relative}
.dot.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#f57900}
.product-info h3{letter-spacing:-.02em}
.product-info h3:after{content:"";display:block;width:55px;height:3px;background:#f57900;margin-top:22px}
.brochure-note{padding-bottom:2px}
@keyframes titleIn{from{opacity:0;transform:translateY(22px);letter-spacing:.08em}to{opacity:1;transform:none;letter-spacing:-.02em}}
@keyframes copyIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:800px){
.product-progress{left:7%;right:7%}
.product-stage{border-radius:0}
.product-live{margin-top:12px}
.product-live i{width:30px}
.product-live small{font-size:7px}
}

/* REAL BROCHURE PRODUCT PHOTOS */
.real-product{background:#111;border:1px solid #292929;overflow:hidden}
.real-product img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.96) contrast(1.04);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.product-card.active .real-product img{animation:realPhotoIn .8s cubic-bezier(.2,.8,.2,1) both}
.product-card:hover .real-product img{transform:scale(1.035)}
.real-product:after{content:"REAL PHOTO";position:absolute;left:18px;bottom:18px;z-index:4;background:rgba(245,121,0,.95);color:#111;padding:7px 9px;font-size:8px;font-weight:900;letter-spacing:.14em}
.real-product .light-sweep{z-index:3;pointer-events:none}
.real-product .scan-line{position:absolute;left:0;right:0;top:5%;height:2px;background:#f57900;box-shadow:0 0 16px #f57900;animation:photoScan 3.2s ease-in-out infinite;z-index:3}
@keyframes realPhotoIn{from{opacity:.25;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}
@keyframes photoScan{0%,100%{top:5%;opacity:0}20%{opacity:1}80%{opacity:1}95%{top:95%;opacity:0}}

/* HIGH QUALITY PRODUCT PHOTO RENDERING */
.real-product{background:#0d0d0d}
.real-product img{
  object-fit:contain;
  object-position:center;
  padding:10px;
  image-rendering:auto;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}
.product-card.active .real-product img{
  animation:realPhotoHQ .85s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes realPhotoHQ{
  from{opacity:.15;transform:scale(1.035)}
  to{opacity:1;transform:scale(1)}
}
@media(max-width:800px){
  .real-product img{padding:6px}
}
