:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0 auto;padding-top:66px;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.site-header{z-index:1000;box-sizing:border-box;background:#e9e9e9;border-bottom:1px solid #c9c9c9;width:100%;position:fixed;top:0;left:0;right:0}.navbar-shell{justify-content:space-between;align-items:center;width:min(1192px,100% - 48px);height:66px;margin:0 auto;display:flex}.brand{color:#999;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;width:90px;height:48px;line-height:.75;text-decoration:none;display:flex}.brand-name{letter-spacing:-2px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:35px;font-style:italic;transform:skew(-8deg)}.brand-tools{color:#b40000;letter-spacing:1px;margin-left:20px;font-family:Arial,sans-serif;font-size:11px;font-weight:800;transform:skew(-8deg)}.desktop-nav{align-items:center;gap:33px;margin-left:auto;margin-right:257px;display:flex}.desktop-nav a,.mobile-menu a{color:#686868;font-family:Arial,sans-serif;font-size:14px;font-weight:400;text-decoration:none;transition:color .16s}.desktop-nav a:hover,.mobile-menu a:hover{color:#b40000}.quote-button{box-sizing:border-box;color:#fff;background:#b40000;flex:none;justify-content:center;align-items:center;width:75px;height:36px;font-family:Arial,sans-serif;font-size:12px;font-weight:700;text-decoration:none;transition:background-color .16s;display:inline-flex}.quote-button:hover{background:#920000}.menu-button,.mobile-menu{display:none}@media (width<=800px){.navbar-shell{width:calc(100% - 32px);height:66px}.desktop-nav,.navbar-shell>.quote-button{display:none}.menu-button{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:9px 7px;display:flex}.menu-button span{background:#686868;width:26px;height:2px}.mobile-menu{border-top:1px solid #d0d0d0;flex-direction:column;gap:16px;padding:16px;display:flex}.mobile-menu .quote-button{margin-top:2px}}.product-lines{color:#090909;background:#e7e7e7;width:100%;padding:94px 0 92px}.product-lines-inner{width:min(950px,100% - 10px);margin:0 auto}.product-lines-heading{justify-content:space-between;align-items:flex-end;margin-bottom:57px;display:flex}.section-kicker{color:#bd0000;letter-spacing:3px;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 17px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:11px;display:flex}.section-kicker span{background:#bd0000;width:26px;height:1px}.product-lines h2{color:#080808;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:56px;font-weight:900;line-height:1.13}.catalog-link{color:#bd0000;align-items:center;gap:18px;margin-bottom:6px;font-family:Arial,sans-serif;font-size:12px;text-decoration:none;display:inline-flex}.catalog-link span{font-size:19px;line-height:.5}.catalog-link:hover{color:#760000}.product-grid{grid-template-columns:repeat(3,1fr);display:grid}.product-card{min-width:0;color:inherit;border-right:1px solid #d0d0d0;text-decoration:none}.product-card:nth-child(3n){border-right:0}.product-image-wrap{background:linear-gradient(135deg,#c8c8c8,#e2e2e2);height:155px;position:relative;overflow:hidden}.product-image-wrap:after{content:"";pointer-events:none;background:#e8e8e840;position:absolute;inset:0}.product-image-wrap img{object-fit:cover;filter:saturate(.65)contrast(.85);width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.product-card:hover img{filter:saturate(.85)contrast(.95);transform:scale(1.04)}.product-badge{z-index:1;color:#fff;background:#bd0000;padding:5px 8px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;position:absolute;top:14px;right:13px}.product-card-copy{text-align:left;border-bottom:1px solid #d0d0d0;min-height:108px;padding:22px 19px 20px}.product-card-copy h3{color:#111;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:16px;font-weight:900;line-height:1.1}.product-card-copy p{color:#858585;margin-top:9px;font-family:Arial,sans-serif;font-size:12px;line-height:1.35}@media (width<=800px){.product-lines{padding:66px 0 58px}.product-lines-inner{width:calc(100% - 32px)}.product-lines-heading{flex-direction:column;align-items:flex-start;gap:28px;margin-bottom:36px}.product-lines h2{font-size:clamp(44px,14vw,60px)}.product-grid{grid-template-columns:1fr}.product-card,.product-card:nth-child(3n){border-right:0}.product-image-wrap{height:190px}}.featured-products{color:#0a0a0a;background:#dfdfdf;width:100%;padding:91px 0 104px}.featured-products-inner{width:min(1000px,100% - 48px);margin:0 auto}.featured-heading{margin-bottom:67px}.featured-products h2{color:#080808;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:61px;font-weight:900;line-height:1.15}.featured-products h2 em{color:#bd0000;font-style:normal}.featured-products .section-kicker{margin-bottom:21px}.featured-grid{grid-template-columns:repeat(4,1fr);display:grid}.featured-card{border-right:1px solid #c4c4c4;min-width:0}.featured-card:last-child{border-right:0}.featured-image-wrap{background:#d5d5d5;height:205px;position:relative;overflow:hidden}.featured-image-wrap:after{content:"";pointer-events:none;background:#dcdcdc42;position:absolute;inset:0}.featured-image-wrap img{object-fit:cover;filter:saturate(.58)contrast(.84);width:100%;height:100%;transition:transform .3s,filter .3s;display:block}.featured-card:hover img{filter:saturate(.8)contrast(.95);transform:scale(1.04)}.featured-badge{z-index:1;color:#fff;letter-spacing:.4px;text-transform:uppercase;background:#bd0000;padding:5px 8px;font-family:Arial,sans-serif;font-size:10px;font-weight:700;position:absolute;top:11px;left:11px}.featured-badge-dark{background:#161616}.featured-card-copy{text-align:left;min-height:132px;padding:21px 18px 18px}.featured-card-copy h3{color:#151515;text-transform:uppercase;margin:0 0 10px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:15px;font-weight:900;line-height:1.15}.product-specs,.product-material{color:#888;font-family:Consolas,monospace;font-size:11px;line-height:1.45}.product-material{margin-top:2px}.product-quote{box-sizing:border-box;color:#bd0000;border:1px solid #d18383;justify-content:center;align-items:center;min-width:61px;height:28px;margin-top:13px;padding:0 11px;font-family:Arial,sans-serif;font-size:11px;text-decoration:none;display:inline-flex}.product-quote:hover{color:#fff;background:#bd0000}@media (width<=800px){.featured-products{padding:65px 0 72px}.featured-products-inner{width:calc(100% - 32px)}.featured-heading{margin-bottom:38px}.featured-products h2{font-size:clamp(46px,14vw,64px)}.featured-grid{grid-template-columns:repeat(2,1fr)}.featured-card:nth-child(2){border-right:0}.featured-card:nth-child(-n+2){border-bottom:1px solid #c4c4c4}.featured-card:nth-child(3){border-right:1px solid #c4c4c4}.featured-image-wrap{height:145px}.featured-card-copy{min-height:155px;padding:17px 12px 16px}.featured-card-copy h3{font-size:13px}}@media (width<=480px){.featured-grid{grid-template-columns:1fr}.featured-card,.featured-card:nth-child(3){border-bottom:1px solid #c4c4c4;border-right:0}.featured-card:last-child{border-bottom:0}.featured-image-wrap{height:190px}}.why-kex{background:#e7e7e7;padding:121px 0 156px;position:relative;overflow:hidden}.why-kex-watermark{color:#bebebe3d;letter-spacing:-14px;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:345px;font-style:italic;line-height:1;position:absolute;top:-44px;right:18%}.why-kex-layout{z-index:1;grid-template-columns:1.08fr 1fr;gap:62px;width:min(850px,100% - 48px);margin:0 auto;display:grid;position:relative}.why-kex-copy{text-align:left}.why-kex .section-kicker{margin-bottom:23px}.why-kex h2{color:#090909;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:57px;font-weight:900;line-height:1.13}.why-kex h2 em{color:#bd0000;font-style:normal}.why-kex-description{color:#7a858f;max-width:480px;margin-top:29px;font-family:Arial,sans-serif;font-size:15px;line-height:1.7}.why-kex-standards{color:#b4b8bb;letter-spacing:1px;white-space:nowrap;align-items:center;gap:24px;max-width:480px;margin-top:37px;font-family:Consolas,monospace;font-size:11px;display:flex}.why-kex-standards span{background:#c8c8c8;width:167px;height:1px}.why-kex-standards strong{font-weight:400}.benefits-grid{grid-template-columns:repeat(2,1fr);align-content:start;gap:23px;display:grid}.benefit-card{box-sizing:border-box;text-align:left;border:1px solid #c2c2c2;min-height:214px;padding:25px 24px 21px}.benefit-card svg{fill:none;stroke:#bd0000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:23px;height:23px;margin-bottom:17px}.benefit-card h3{color:#111;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:15px;font-weight:900;line-height:1.15}.benefit-card p{color:#7e8992;margin-top:14px;font-family:Arial,sans-serif;font-size:14px;line-height:1.6}@media (width<=800px){.why-kex{padding:76px 0 90px}.why-kex-watermark{font-size:210px;top:12px;right:-12%}.why-kex-layout{grid-template-columns:1fr;gap:48px;width:calc(100% - 32px)}.why-kex h2{font-size:clamp(45px,14vw,60px)}.why-kex-description{font-size:14px}.why-kex-standards{gap:12px;font-size:9px}.why-kex-standards span{flex:1;width:auto}.benefit-card{min-height:190px}}@media (width<=480px){.benefits-grid{grid-template-columns:1fr}.benefit-card{min-height:auto}}.industries{background:#dcdcdc;padding:96px 0 84px}.industries-inner{width:min(1000px,100% - 48px);margin:0 auto}.industries-heading{text-align:left;margin-bottom:70px}.industries .section-kicker{margin-bottom:22px}.industries h2{color:#080808;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:61px;font-weight:900;line-height:1.15}.industries-grid{grid-template-columns:repeat(3,1fr);display:grid}.industry-card{box-sizing:border-box;text-align:left;border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;min-height:196px;padding:32px 31px 27px}.industry-card:nth-child(3n){border-right:0}.industry-card:nth-last-child(-n+3){border-bottom:0}.industry-card svg{fill:#f2b500;stroke:#111;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:32px;height:32px;margin-bottom:18px}.industry-card:nth-child(2) svg{fill:#52b4e8}.industry-card:nth-child(3) svg{fill:#f2c300}.industry-card:nth-child(4) svg{fill:#bdbdbd}.industry-card:nth-child(5) svg{fill:none}.industry-card:nth-child(6) svg{fill:#b52e2a}.industry-card h3{color:#111;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:16px;font-weight:900;line-height:1.1}.industry-card p{color:#8a8f92;max-width:250px;margin-top:14px;font-family:Arial,sans-serif;font-size:14px;line-height:1.65}@media (width<=800px){.industries{padding:70px 0 64px}.industries-inner{width:calc(100% - 32px)}.industries-heading{margin-bottom:40px}.industries h2{font-size:clamp(46px,14vw,64px)}.industries-grid{grid-template-columns:repeat(2,1fr)}.industry-card,.industry-card:nth-child(3n){border-bottom:1px solid #c5c5c5;border-right:1px solid #c5c5c5;min-height:190px;padding:25px 17px 22px}.industry-card:nth-child(2n){border-right:0}.industry-card:nth-last-child(-n+3){border-bottom:1px solid #c5c5c5}.industry-card:nth-last-child(-n+2){border-bottom:0}}@media (width<=480px){.industries-grid{grid-template-columns:1fr}.industry-card,.industry-card:nth-child(3n),.industry-card:nth-child(2n){border-bottom:1px solid #c5c5c5;border-right:0;min-height:auto;padding:27px 18px 26px}.industry-card:last-child{border-bottom:0}}.contact-section{background:#e7e7e7;padding:101px 0 100px}.contact-layout{grid-template-columns:1fr 1.16fr;gap:77px;width:min(1000px,100% - 48px);margin:0 auto;display:grid}.contact-copy{text-align:left}.contact-section .section-kicker{margin-bottom:24px}.contact-section h2{color:#080808;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:59px;font-weight:900;line-height:1.12}.contact-section h2 em{color:#bd0000;font-style:normal}.contact-description{color:#78838d;max-width:465px;margin-top:31px;font-family:Arial,sans-serif;font-size:15px;line-height:1.7}.contact-details{gap:21px;margin-top:40px;display:grid}.contact-detail{align-items:center;gap:16px;display:flex}.contact-icon{background:#ead8d8;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.contact-icon svg{fill:none;stroke:#bd0000;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;width:17px;height:17px}.contact-detail>div{text-align:left;flex-direction:column;gap:3px;display:flex}.contact-label{color:#9b9b9b;letter-spacing:1px;text-transform:uppercase;font-family:Consolas,monospace;font-size:11px}.contact-value{color:#394858;font-family:Arial,sans-serif;font-size:14px}.contact-form{text-align:left;background:#d5d5d559;border:1px solid #c2c2c2;flex-direction:column;gap:20px;padding:34px 32px 31px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-form label{color:#8d9499;letter-spacing:1px;text-transform:uppercase;flex-direction:column;gap:9px;font-family:Consolas,monospace;font-size:11px;display:flex}.contact-form input,.contact-form textarea{box-sizing:border-box;color:#45515b;letter-spacing:0;background:#e8e8e88c;border:1px solid #bcbcbc;border-radius:0;outline:0;width:100%;font-family:Arial,sans-serif;font-size:14px}.contact-form input{height:46px;padding:0 16px}.contact-form textarea{resize:vertical;height:106px;padding:15px 16px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aeb3b6;opacity:1}.contact-form input:focus,.contact-form textarea:focus{border-color:#bd0000}.contact-submit{color:#fff;cursor:pointer;letter-spacing:.3px;text-transform:uppercase;background:#c40000;border:0;height:54px;margin-top:6px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:13px}.contact-submit span{margin-left:14px;font-family:Arial,sans-serif;font-size:20px;font-weight:300}.contact-submit:hover{background:#900}.contact-submit:disabled{cursor:wait;opacity:.7}.contact-form-message{margin:-4px 0 0;font-family:Arial,sans-serif;font-size:13px;line-height:1.4}.contact-form-message.success{color:#287044}.contact-form-message.error{color:#a40000}@media (width<=800px){.contact-section{padding:70px 0 72px}.contact-layout{grid-template-columns:1fr;gap:48px;width:calc(100% - 32px)}.contact-section h2{font-size:clamp(45px,14vw,62px)}.contact-description{font-size:14px}.contact-form{padding:25px 18px 22px}}@media (width<=480px){.form-row{grid-template-columns:1fr;gap:20px}}.site-footer{color:#858b91;background:#d1d1d1;padding:35px 0 33px}.footer-main,.footer-bottom{width:min(1184px,100% - 48px);margin:0 auto}.footer-main{grid-template-columns:1.45fr 1fr 1fr 1fr;column-gap:47px;min-height:198px;display:grid}.footer-brand-column{text-align:left}.footer-logo{object-fit:contain;object-position:left center;width:99px;height:57px;display:block}.footer-brand{color:#999;flex-direction:column;justify-content:center;width:99px;height:57px;line-height:.75;text-decoration:none;display:flex}.footer-brand span{letter-spacing:-2px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:38px;font-style:italic;transform:skew(-8deg)}.footer-brand strong{color:#ad0000;letter-spacing:1px;margin-left:21px;font-family:Arial,sans-serif;font-size:12px;transform:skew(-8deg)}.footer-brand-column p{color:#83898e;margin-top:7px;font-family:Arial,sans-serif;font-size:14px;line-height:1.65}.footer-column{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.footer-column h2{color:#171717;letter-spacing:1.6px;text-transform:uppercase;margin:3px 0 18px;font-family:Consolas,monospace;font-size:11px;font-weight:400}.footer-column a,.footer-bottom a{color:#858b91;font-family:Arial,sans-serif;font-size:14px;line-height:1;text-decoration:none}.footer-column a{margin-bottom:17px}.footer-column a:hover,.footer-bottom a:hover{color:#ad0000}.footer-bottom{border-top:1px solid #bcbcbc;justify-content:space-between;align-items:center;padding-top:34px;display:flex}.footer-bottom p{color:#93999d;letter-spacing:.2px;font-family:Consolas,monospace;font-size:11px}.footer-bottom nav{gap:27px;display:flex}.footer-bottom a{font-size:12px}@media (width<=800px){.site-footer{padding:48px 0 30px}.footer-main,.footer-bottom{width:calc(100% - 32px)}.footer-main{grid-template-columns:repeat(2,1fr);gap:38px 24px;min-height:0}.footer-brand-column{grid-column:1/-1}.footer-logo{width:90px;height:52px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:22px;margin-top:40px}}@media (width<=480px){.footer-main{grid-template-columns:1fr}.footer-brand-column{grid-column:auto}.footer-bottom nav{gap:18px}}.technical-cta{color:#fff;background:#c40000;position:relative;overflow:hidden}.technical-cta:after{content:"";clip-path:polygon(100% 0,100% 100%,0 100%);background:#ffffff14;width:46px;height:100%;position:absolute;top:0;right:0}.technical-cta-inner{z-index:1;box-sizing:border-box;justify-content:space-between;align-items:center;gap:56px;width:min(988px,100% - 48px);min-height:332px;margin:0 auto;display:flex;position:relative}.technical-cta h2{color:#fff;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:56px;font-weight:900;line-height:1.08}.technical-cta p{color:#ffffffd4;margin-top:18px;font-family:Arial,sans-serif;font-size:15px}.technical-cta-button{color:#c40000;text-transform:uppercase;background:#fff;flex:none;justify-content:center;align-items:center;width:165px;height:56px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:13px;text-decoration:none;display:inline-flex}.technical-cta-button:hover{background:#f0dddd}@media (width<=800px){.technical-cta-inner{flex-direction:column;justify-content:center;align-items:flex-start;gap:30px;width:calc(100% - 32px);min-height:360px}.technical-cta h2{font-size:clamp(42px,12vw,58px)}.technical-cta p{max-width:340px;font-size:14px;line-height:1.5}}.category-page{background:#f1f1f1;min-height:calc(100svh - 67px)}.category-banner{background:#c40000;margin-top:50px}.category-banner-inner{justify-content:space-between;align-items:center;gap:24px;width:min(1150px,100% - 48px);min-height:190px;margin:0 auto;display:flex}.category-banner h1{color:#fff;letter-spacing:0;text-transform:uppercase;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(76px,10vw,150px);font-weight:900;line-height:.85}.category-banner p{color:#fff;text-transform:uppercase;margin:0 8% 0 0;font-family:Arial,sans-serif;font-size:clamp(18px,2vw,29px);font-weight:600;line-height:1}.category-intro{background:#d9d9d9}.category-intro p{color:#59646d;text-align:center;width:min(1000px,100% - 48px);margin:42px auto 0;padding:27px 0 30px;font-family:Arial,sans-serif;font-size:clamp(17px,1.8vw,26px);line-height:1.3}.category-gallery{grid-template-columns:1fr 1fr;gap:10px;width:100%;margin:46px auto 0;padding-bottom:54px;display:grid}.category-gallery-column{gap:10px;display:grid}.category-gallery img{object-fit:contain;filter:saturate(.85);background:#fff;width:100%;height:auto;padding:0;display:block}.category-navigation{flex-wrap:wrap;justify-content:center;gap:10px;width:min(1120px,100% - 48px);margin:0 auto;padding-bottom:70px;display:flex}.category-navigation a{color:#636b70;text-transform:uppercase;border:1px solid #bcbcbc;padding:11px 16px;font-family:Arial,sans-serif;font-size:12px;text-decoration:none}.category-navigation a:hover,.category-navigation a.is-active{color:#fff;background:#bd0000;border-color:#bd0000}@media (width<=700px){.category-banner{margin-top:28px}.category-banner-inner{width:calc(100% - 32px);min-height:140px}.category-banner h1{font-size:clamp(52px,15vw,92px)}.category-banner p{margin-right:0;font-size:16px}.category-intro p{width:calc(100% - 32px);margin-top:25px;padding:22px 0 25px;font-size:17px}.category-gallery{grid-template-columns:1fr;width:calc(100% - 32px);margin-top:28px}.category-navigation{width:calc(100% - 32px);padding-bottom:45px}}.hero-section{box-sizing:border-box;background:#e7e7e7;min-height:calc(100svh - 67px);padding:0 24px 18px;overflow:hidden}.hero-layout{width:min(1024px,100%);min-height:580px;margin:0 auto;display:flex;position:relative}.hero-copy{text-align:left;width:80%;padding-top:40px}.hero-title{color:#050505;letter-spacing:0;max-width:650px;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(64px,6.25vw,98px);font-weight:900;line-height:.93}.hero-title span{color:#bc0000;display:block}.hero-description{color:#78828c;text-align:left;max-width:430px;margin-top:27px;font-family:Arial,sans-serif;font-size:16px;line-height:1.75}.hero-actions{align-items:center;gap:15px;margin-top:38px;display:flex}.hero-primary-action,.hero-secondary-action{box-sizing:border-box;letter-spacing:.2px;text-transform:uppercase;justify-content:center;align-items:center;height:55px;padding:0 29px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:13px;text-decoration:none;display:inline-flex}.hero-primary-action{color:#fff;background:#c40000;gap:15px;min-width:167px}.hero-primary-action span{font-family:Arial,sans-serif;font-size:22px;font-weight:300;line-height:1}.hero-secondary-action{color:#6f7880;border:1px solid #c3c3c3;min-width:182px}.hero-primary-action:hover{background:#980000}.hero-secondary-action:hover{color:#1d1d1d;border-color:#888}.hero-divider{background:#c4000024;width:1px;height:100%;position:absolute;top:0;right:0}.hero-stats{text-align:left;border-top:1px solid #ccc;grid-template-columns:repeat(4,1fr);width:min(896px,100%);margin:0 auto;padding-top:38px;display:grid}.hero-stat strong,.hero-stat span{display:block}.hero-stat strong{color:#bd0000;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:38px;font-weight:900;line-height:.9}.hero-stat span{color:#9a9a9a;letter-spacing:.8px;text-transform:uppercase;margin-top:9px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:11px}@media (width<=800px){.hero-section{padding:0 16px 28px}.hero-layout{min-height:auto}.hero-copy{width:100%;padding-top:48px}.hero-title{font-size:clamp(54px,16vw,82px)}.hero-description{max-width:490px;margin-top:25px;font-size:15px}.hero-actions{flex-direction:column;align-items:stretch;width:min(100%,350px);margin-top:30px}.hero-primary-action,.hero-secondary-action{width:100%}.hero-divider{display:none}.hero-stats{grid-template-columns:repeat(2,1fr);gap:28px 12px;padding-top:28px}.hero-stat strong{font-size:32px}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}