:root{
  --blue:#126BFF;
  --black:#050505;
  --white:#fff;
  --muted:#8b8b8b;
  --soft:#f5f5f5;
  --line:rgba(255,255,255,.14);
  --max:none;
  --pad:clamp(20px,3.2vw,64px);
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
body{margin:0;font-family:var(--font);color:#fff;background:#050505;overflow-x:hidden;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.preloader{position:fixed;inset:0;z-index:9999;background:#050505;display:grid;place-items:center;animation:loaderOut .85s ease 1.1s forwards}.preloader span{width:120px;height:3px;background:linear-gradient(90deg,transparent,var(--blue),transparent);animation:loaderLine 1s ease infinite}@keyframes loaderLine{0%{transform:scaleX(.2);opacity:.3}50%{transform:scaleX(1);opacity:1}100%{transform:scaleX(.2);opacity:.3}}@keyframes loaderOut{to{opacity:0;visibility:hidden}}
.topbar{background:#050505;border-bottom:1px solid var(--line);font-size:12px;color:#e9e9e9}.topbar__inner{height:34px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap;overflow:hidden}.topbar span{display:inline-flex;align-items:center;gap:8px}.topbar span i{width:8px;height:8px;border:1px solid var(--blue);border-radius:50%;box-shadow:0 0 12px rgba(18,107,255,.7)}.topbar a{margin-left:auto;color:#fff}.site-header{position:sticky;top:0;z-index:100;height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(5,5,5,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);transition:height .35s ease,background .35s ease}.site-header.is-scrolled{height:72px;background:rgba(5,5,5,.94)}.logo img{width:clamp(150px,13vw,245px);height:auto}.nav{display:flex;align-items:center;gap:clamp(20px,2.4vw,42px);font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.nav a{position:relative;opacity:.86}.nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:2px;background:var(--blue);transition:width .3s ease}.nav a:hover{opacity:1}.nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:18px}.icon-link{font-size:26px;line-height:1}.cart-link{background:#fff;color:#050505;padding:14px 22px;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;transition:.28s ease}.cart-link:hover{background:var(--blue);color:#fff}.menu-btn{display:none;width:44px;height:44px;background:transparent;border:1px solid rgba(255,255,255,.22);align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-btn span{width:20px;height:2px;background:#fff}.mobile-nav{display:none;position:fixed;inset:120px 18px auto 18px;z-index:99;background:#0b0b0b;border:1px solid rgba(255,255,255,.14);padding:20px}.mobile-nav a{display:block;padding:16px 4px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:800;text-transform:uppercase;letter-spacing:.14em}.mobile-nav.is-open{display:block}
.hero{position:relative;min-height:calc(100vh - 120px);display:flex;align-items:center;overflow:hidden}.hero__media{position:absolute;inset:0;z-index:0}.hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.04) brightness(.72);transform:scale(1.03);animation:heroZoom 18s ease-in-out infinite alternate}.hero__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.82) 34%,rgba(0,0,0,.42) 62%,rgba(0,0,0,.18) 100%),radial-gradient(circle at 78% 30%,rgba(18,107,255,.18),transparent 34%)}@keyframes heroZoom{to{transform:scale(1.09)}}.hero__content{position:relative;z-index:2;width:min(760px,100%);padding:clamp(76px,9vw,150px) var(--pad) clamp(56px,7vw,110px)}.eyebrow{margin:0 0 18px;color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.21em;text-transform:uppercase}.eyebrow span{display:inline-block;width:34px;height:2px;background:var(--blue);vertical-align:middle;margin-right:12px;transform:skewX(-20deg)}h1,h2,h3,p{margin-top:0}.hero h1{margin:0;font-size:clamp(52px,7.2vw,118px);line-height:.98;font-weight:720;letter-spacing:-.055em;max-width:760px}.hero__text{max-width:620px;margin:26px 0 0;color:#e6e6e6;font-size:clamp(16px,1.25vw,20px);line-height:1.65;font-weight:500}.hero__buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 25px;border:1px solid #fff;font-size:12px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;transition:.28s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;transform:translateX(-110%) skewX(-18deg);background:rgba(255,255,255,.22);transition:.45s ease}.btn:hover:before{transform:translateX(110%) skewX(-18deg)}.btn--light{background:#fff;color:#050505}.btn--light:hover{background:var(--blue);border-color:var(--blue);color:#fff}.btn--ghost{background:transparent;color:#fff}.btn--ghost:hover{background:#fff;color:#050505}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;max-width:760px;margin-top:56px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.feature-row div{padding:22px 22px 22px 0;border-right:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:700;color:#f2f2f2}.feature-row div:last-child{border-right:0}.feature-row span{display:block;color:#fff;font-size:30px;margin-bottom:12px}.categories,.guide,.contact{padding:clamp(74px,8vw,120px) var(--pad);background:#090909}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.section-head h2,.guide h2,.contact h2{font-size:clamp(34px,3.6vw,58px);line-height:1.08;letter-spacing:-.04em;font-weight:680;margin:0}.section-head a{font-weight:800;color:#fff}.section-head a b{font-size:22px;margin-left:12px;color:var(--blue)}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.category-card{background:#fff;color:#050505;overflow:hidden;border-radius:10px;min-height:330px;box-shadow:0 24px 70px rgba(0,0,0,.28);transition:.35s ease}.category-card a{height:100%;display:flex;flex-direction:column}.category-card img{height:230px;width:100%;object-fit:cover;transition:.6s ease;filter:saturate(.86) contrast(1.03)}.category-card div{padding:20px 22px}.category-card h3{margin:0 0 7px;font-size:21px;letter-spacing:-.035em}.category-card p{margin:0;color:#666;font-weight:500}.category-card:hover{transform:translateY(-8px)}.category-card:hover img{transform:scale(1.06)}.material-section{display:grid;grid-template-columns:.68fr 1.32fr;gap:40px;padding:clamp(74px,8vw,120px) var(--pad);background:#050505;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.material-intro h2{font-size:clamp(32px,3.3vw,56px);line-height:1.04;letter-spacing:-.04em;font-weight:680;margin:0 0 20px}.material-intro p:not(.eyebrow){color:#c9c9c9;line-height:1.7;max-width:420px}.material-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.material-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#111;min-height:220px}.material-card img{height:210px;width:100%;object-fit:cover;transition:.5s ease}.material-card h3{position:absolute;left:0;right:0;bottom:0;margin:0;padding:15px 16px;background:linear-gradient(transparent,rgba(0,0,0,.94));font-size:15px;text-align:center}.material-card:hover img{transform:scale(1.06)}.guide{background:#fff;color:#050505}.guide .eyebrow{color:var(--blue)}.guide h2{color:#050505}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-top:48px}.step{padding:10px 0}.step strong{display:block;font-size:24px;margin-bottom:22px;font-weight:500}.step h3{font-size:18px;margin-bottom:8px}.step p{color:#444;line-height:1.55;margin:0}.custom{display:grid;grid-template-columns:1fr 1fr 1.15fr;background:#050505;border-top:1px solid rgba(255,255,255,.12)}.custom__image{min-height:430px;overflow:hidden}.custom__image img{width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.05);transition:.65s ease}.custom__image:hover img{transform:scale(1.05)}.custom__panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,4vw,70px);background:linear-gradient(135deg,#111,#050505)}.custom__panel h2{font-size:clamp(34px,3.5vw,62px);line-height:1.03;letter-spacing:-.045em;margin-bottom:18px}.custom__panel p:not(.eyebrow){color:#ccc;line-height:1.65;margin-bottom:26px}.trust{background:#0d0d0d;padding:34px var(--pad);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.trust__inner{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12)}.trust__inner div{background:#0d0d0d;padding:24px}.trust b{display:block;font-size:18px;margin-bottom:6px}.trust span{color:#aaa}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;background:#fff;color:#050505}.contact__copy p:not(.eyebrow){font-size:18px;line-height:1.7;color:#444}.contact__copy a{font-weight:800;color:var(--blue)}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#f5f5f5;border:1px solid #ddd;padding:26px}.contact-form label{display:grid;gap:8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.contact-form label:nth-child(5){grid-column:1/-1}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ccc;background:#fff;padding:15px 14px;outline:none;text-transform:none;letter-spacing:0;font-weight:600}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(18,107,255,.15)}.contact-form button{grid-column:1/-1;background:#050505;color:#fff;border:0;padding:18px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.18em;cursor:pointer;transition:.3s ease}.contact-form button:hover{background:var(--blue)}.footer{display:flex;justify-content:space-between;gap:40px;align-items:center;background:#050505;color:#fff;padding:46px var(--pad);border-top:1px solid rgba(255,255,255,.12)}.footer img{width:220px}.footer p{margin:14px 0 0;color:#aaa}.footer nav{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;color:#aaa}.footer a:hover{color:var(--blue)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
@media (max-width:1280px){.category-grid{grid-template-columns:repeat(3,1fr)}.material-section{grid-template-columns:1fr}.material-grid{grid-template-columns:repeat(5,1fr)}}
@media (max-width:980px){.topbar__inner span:nth-child(n+3){display:none}.nav,.icon-link,.cart-link{display:none}.menu-btn{display:flex}.site-header{height:76px}.hero{min-height:auto}.hero__content{padding-top:94px}.hero__shade{background:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.72)),radial-gradient(circle at 80% 20%,rgba(18,107,255,.2),transparent 38%)}.feature-row{grid-template-columns:repeat(2,1fr)}.feature-row div:nth-child(2){border-right:0}.feature-row div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}.category-grid{grid-template-columns:repeat(2,1fr)}.material-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.custom{grid-template-columns:1fr}.custom__image{min-height:280px}.trust__inner{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}.footer{align-items:flex-start;flex-direction:column}}
@media (max-width:620px){:root{--pad:18px}.topbar{display:none}.site-header{height:70px}.logo img{width:158px}.hero h1{font-size:clamp(45px,14vw,74px)}.hero__buttons{display:grid}.btn{width:100%}.feature-row{grid-template-columns:1fr}.feature-row div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.18)}.feature-row div:last-child{border-bottom:0}.section-head{align-items:flex-start;flex-direction:column}.category-grid,.material-grid,.steps,.trust__inner,.contact-form{grid-template-columns:1fr}.category-card{min-height:auto}.category-card img{height:240px}.material-card img{height:240px}.contact-form label:nth-child(5){grid-column:auto}.hero__media img{object-position:65% center}.footer nav{display:grid;gap:14px}.custom__image:nth-child(2){display:none}}