@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap";:root{--ink:#091321;--navy:#0b1728;--orange:#ed632d;--cream:#f4f1ea;--muted:#667080;--line:#dce0e3;--white:#fff;font-family:DM Sans,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);position:absolute;z-index:20;width:100%;color:#fff;border-bottom:1px solid #ffffff1f}.brand{display:flex;align-items:center;gap:11px;font-family:Barlow Condensed;font-size:13px;line-height:.78;letter-spacing:1px}.brand b{font-size:19px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:6px solid var(--orange);border-radius:50%;position:relative}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;width:5px;height:5px;border:2px solid currentColor;border-radius:50%}.brand-mark:before{left:-4px}.brand-mark:after{right:-4px}.brand-mark span{top:-4px}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav>a:not(.nav-cta){opacity:.72;transition:.2s}.nav>a:hover{opacity:1}.nav-cta{display:flex;gap:10px;align-items:center;background:var(--orange);padding:13px 19px}.menu-button{display:none;background:0;border:0;color:#fff}.hero{min-height:760px;background:var(--navy);color:#fff;display:grid;grid-template-columns:55% 45%;align-items:center;padding:120px max(6vw,50px) 58px;overflow:hidden;position:relative}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to right,black,transparent);mask-image:linear-gradient(to right,black,transparent)}.hero-content{z-index:2;max-width:750px}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:2.4px;font-size:11px;font-weight:700;color:var(--orange)}.eyebrow{color:#d1d8df;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:2px;background:var(--orange)}h1,h2{font-family:Barlow Condensed,sans-serif;text-transform:uppercase;margin:20px 0;line-height:.88;letter-spacing:-2px}h1{font-size:clamp(64px,7.3vw,110px)}h1 em{font-style:normal;color:var(--orange)}.hero-content>p{color:#aeb7c2;max-width:585px;line-height:1.75;font-size:17px}.hero-actions{display:flex;align-items:center;gap:30px;margin:38px 0 56px}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 23px;font-weight:700;font-size:13px;cursor:pointer}.primary{background:var(--orange);color:#fff}.text-link{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.hero-metrics{display:flex;gap:42px}.hero-metrics div{display:flex;flex-direction:column;border-left:1px solid #ffffff29;padding-left:16px}.hero-metrics b{font-family:Barlow Condensed;font-size:30px}.hero-metrics span{color:#778392;font-size:10px;text-transform:uppercase;letter-spacing:1px}.bearing-scene{height:580px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #ffffff17;border-radius:50%}.orbit-one{width:500px;height:500px}.orbit-two{width:360px;height:360px}.bearing{width:270px;height:270px;border:55px solid #75808a;border-radius:50%;box-shadow:inset 20px 20px 30px #263342,inset -15px -15px 25px #b8c0c5,30px 30px 70px #0008;position:relative;transform:rotate(-18deg)}.bearing:before{content:"";position:absolute;inset:-45px;border-radius:50%;border:10px dashed #c6ccd0;filter:drop-shadow(2px 3px 2px #000)}.bearing span{position:absolute;inset:-35px;border-radius:50%;border:7px dotted #34414d}.tech-card{position:absolute;background:#152337de;border:1px solid #ffffff1b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:12px;padding:14px 18px;font-size:12px}.tech-card svg{color:var(--orange)}.tech-card span{display:flex;flex-direction:column}.tech-card small{color:#738092;font-size:9px;margin-top:4px}.card-top{top:105px;right:0}.card-bottom{bottom:80px;left:25px}.brand-strip{display:flex;align-items:center;padding:25px max(6vw,50px);background:var(--cream);gap:60px}.brand-strip>span{text-transform:uppercase;font-size:9px;letter-spacing:1.6px;color:#888}.brand-strip div{display:flex;justify-content:space-between;flex:1;color:#7d8184;font-family:Barlow Condensed;font-size:20px;letter-spacing:1px}.section{padding:110px max(6vw,50px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:54px}.section-head h2,.about h2,.contact h2{font-size:clamp(48px,5vw,72px)}.section-head p{max-width:430px;color:var(--muted);line-height:1.75}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-card{padding:36px 28px 32px;border-right:1px solid var(--line);position:relative;transition:.25s}.product-card:last-child{border:0}.product-card:hover{background:var(--ink);color:#fff;transform:translateY(-8px)}.card-number{position:absolute;right:20px;top:18px;color:#c2c7cb;font-size:11px}.icon-box{width:50px;height:50px;background:#f0f2f3;display:grid;place-items:center;color:var(--orange);margin-bottom:40px}.product-card h3{font-family:Barlow Condensed;font-size:24px;text-transform:uppercase;margin:0 0 12px}.product-card p{color:#7b838c;line-height:1.7;font-size:13px;min-height:88px}.product-card a{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--orange)}.about{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.about-visual{background:#cfd3d2;position:relative;display:grid;place-items:center;overflow:hidden}.about-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff65,transparent 45%),repeating-linear-gradient(45deg,#00000005 0,#00000005 1px,transparent 1px,transparent 8px)}.metal-panel{z-index:1;text-align:center;color:#424c53;font-family:Barlow Condensed;font-size:14px;letter-spacing:3px}.mini-bearing{width:230px;height:230px;border:48px solid #6d777d;border-radius:50%;margin:auto auto 28px;box-shadow:inset 12px 14px 18px #303940,inset -12px -12px 20px #e6e9e9,20px 25px 40px #45505a40}.experience{position:absolute;right:0;bottom:0;background:var(--orange);color:#fff;padding:24px 30px;display:flex;gap:13px;align-items:center}.experience b{font-family:Barlow Condensed;font-size:44px}.experience span{font-size:10px;text-transform:uppercase}.about-copy{padding:90px max(7vw,65px);background:var(--cream)}.about-copy p{color:var(--muted);line-height:1.8;max-width:560px}.about-copy ul{list-style:none;padding:0;margin:30px 0}.about-copy li{display:flex;align-items:center;gap:12px;margin:15px 0;font-size:13px;font-weight:600}.about-copy li svg{color:var(--orange);width:17px}.dark{background:var(--ink);color:#fff}.promise{display:grid;grid-template-columns:repeat(3,1fr);padding:65px max(6vw,50px);gap:70px}.promise>div{display:grid;grid-template-columns:50px 1fr;column-gap:18px}.promise svg{grid-row:1/3;color:var(--orange)}.promise h3{font-size:14px;margin:0}.promise p{font-size:12px;color:var(--muted);line-height:1.6}.contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:9vw}.contact-copy>p{color:#9ba6b3;line-height:1.7;max-width:460px}.light{color:#ff8657}.contact-items{margin-top:42px}.contact-items>div{display:flex;align-items:center;gap:16px;margin:22px 0}.contact-items svg{color:var(--orange);width:20px}.contact-items span{display:flex;flex-direction:column;font-size:13px}.contact-items small{color:#737f8e;text-transform:uppercase;font-size:8px;letter-spacing:1.5px;margin-bottom:4px}.quote-form{background:#fff;color:var(--ink);padding:40px;display:flex;flex-direction:column;gap:17px}.form-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.form-title span{font-family:Barlow Condensed;font-weight:700;text-transform:uppercase;font-size:23px}.form-title small,.privacy{font-size:9px;color:#858d95}.quote-form label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.quote-form label span{font-weight:400;color:#999}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;border:1px solid #d9dde0;padding:13px;margin-top:7px;outline:none;background:#fff;color:var(--ink);text-transform:none;resize:vertical}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--orange)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.submit{width:100%;margin-top:4px}.submit:disabled{opacity:.65}.honey{display:none!important}.form-message{padding:10px;margin:0;font-size:12px}.success{background:#e9f8ef;color:#176b37}.error{background:#fff0ec;color:#a73219}footer{background:#060c14;color:#8993a0;padding:32px max(6vw,50px);display:flex;justify-content:space-between;align-items:center;font-size:10px}.footer-brand{color:#fff}footer p{text-transform:uppercase;letter-spacing:1px}@media(max-width:900px){.nav{display:none}.nav.open{display:flex;position:absolute;top:82px;left:0;right:0;background:var(--navy);padding:25px;flex-direction:column;align-items:stretch}.menu-button{display:block}.hero{grid-template-columns:1fr;padding:140px 25px 60px}.bearing-scene{display:none}.hero-metrics{gap:18px}.brand-strip{padding:24px;display:block}.brand-strip>span{display:block;margin-bottom:18px}.brand-strip div{gap:20px;flex-wrap:wrap}.section{padding:80px 25px}.section-head{display:block}.product-grid{grid-template-columns:1fr 1fr}.product-card:nth-child(2){border-right:0}.about{grid-template-columns:1fr}.about-visual{min-height:460px}.about-copy{padding:70px 25px}.promise{grid-template-columns:1fr;padding:60px 25px;gap:25px}.contact{grid-template-columns:1fr;gap:50px}.quote-form{padding:28px}footer{gap:20px;flex-wrap:wrap}}@media(max-width:560px){.nav-wrap{padding:0 20px}.hero{min-height:720px}.hero-content>p{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-metrics{justify-content:space-between}.hero-metrics div{padding-left:9px}.hero-metrics span{font-size:8px}.product-grid{grid-template-columns:1fr}.product-card{border-right:0;border-bottom:1px solid var(--line)}.section-head p{font-size:14px}.form-row{grid-template-columns:1fr}.form-title{align-items:flex-start;flex-direction:column;gap:5px}.quote-form{padding:22px}.mini-bearing{width:180px;height:180px;border-width:38px}footer{flex-direction:column;align-items:flex-start}}:root{--orange:#2174d4}.brand{display:flex;align-items:center;line-height:normal}.brand-logo{display:block;width:auto;height:68px;object-fit:contain;background:transparent;border-radius:0;padding:0;box-shadow:none}.footer-logo{height:70px;box-shadow:none}.brand-logo-motion{display:block;position:relative;isolation:isolate;animation:logo-float 4.8s ease-in-out infinite,logo-reveal .8s cubic-bezier(.2,.8,.2,1) both}.brand-logo-motion:before{content:"";position:absolute;z-index:-1;inset:16% 8%;border-radius:50%;background:#2174d448;filter:blur(15px);animation:logo-glow 3.2s ease-in-out infinite}.brand-logo-animated{transition:transform .35s ease,filter .35s ease;filter:drop-shadow(0 7px 9px #0006)}.brand-logo-motion:hover .brand-logo-animated{transform:scale(1.07) rotate(-1.5deg);filter:drop-shadow(0 10px 12px #2174d480)}@keyframes logo-float{0%,to{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-4px) rotate(.35deg)}}@keyframes logo-glow{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.8;transform:scale(1.08)}}@keyframes logo-reveal{0%{opacity:0;transform:translateY(-10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.brand-logo-motion,.brand-logo-motion:before{animation:none}.brand-logo-animated{transition:none}}.whatsapp-submit{background:#25d366;color:#071f11}.whatsapp-submit:hover{background:#20bd5a}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:30;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 10px 28px #0005;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-3px) scale(1.04)}.contact-items a{width:max-content;color:#fff;line-height:1.65;transition:color .2s}.contact-items a:hover,.light{color:#2174d4}.products{background:var(--cream)}.products .product-grid{gap:16px;border:0}.products .product-card{background:#fff;border:0;border-top:4px solid var(--orange);box-shadow:0 14px 35px #0b17280d;min-height:330px;padding:34px 28px;overflow:hidden}.products .product-card:before{content:"";position:absolute;right:-46px;top:-58px;width:130px;height:130px;border:20px solid #eef1f2;border-radius:50%;transition:.3s}.products .product-card:hover{background:var(--navy);border-top-color:#2174d4;box-shadow:0 22px 45px #07111f2b;transform:translateY(-8px)}.products .product-card:hover:before{border-color:#ffffff0d;transform:scale(1.15)}.products .icon-box{background:var(--navy);color:#2174d4}.products .product-card:hover .icon-box{background:var(--orange);color:#fff}.products .card-number{z-index:1;color:#aeb6bf;font-weight:700}.contact-items address{max-width:470px;color:#d6dce3;font-style:normal;font-size:12px;line-height:1.6}.footer-social{display:flex;align-items:center;gap:9px}.footer-social a{width:34px;height:34px;border:1px solid #ffffff2b;display:grid;place-items:center;color:#fff;transition:.2s}.footer-social a:hover{border-color:var(--orange);background:var(--orange)}.footer-social svg{width:16px;height:16px}.hero{grid-template-columns:1fr;background:linear-gradient(90deg,#081321f2,#081321dc 42%,#08132174 72%,#0813214f),url(/marcas/encabezado-rodamientos.avif) center/cover no-repeat}.hero-content{max-width:720px}.brand-showcase{padding:90px max(6vw,50px);background:var(--cream)}.brand-showcase-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;margin-bottom:38px}.brand-showcase-head h2{font-size:clamp(44px,4.5vw,66px);margin-bottom:0}.brand-showcase-head p{color:var(--muted);line-height:1.7;max-width:440px;margin:0 0 5px}.brand-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.brand-card{position:relative;min-height:210px;overflow:hidden;background:#fff;border:1px solid var(--line)}.brand-card img{width:100%;height:210px;display:block;object-fit:contain;padding:12px;transition:transform .35s}.brand-card span{position:absolute;left:12px;bottom:12px;background:var(--navy);color:#fff;padding:7px 10px;font-family:Barlow Condensed;font-weight:700;font-size:14px;letter-spacing:.7px;text-transform:uppercase}.brand-card:hover img{transform:scale(1.045)}.about-visual{background:linear-gradient(145deg,#e6e9e8,#c7cccb 55%,#aeb5b6)}.metal-panel{width:min(470px,76%);background:#fff;padding:18px;box-shadow:24px 30px 55px #27343f38;border:1px solid #ffffff;position:relative;text-align:left}.metal-panel:before{content:"";position:absolute;left:-9px;top:28px;width:9px;height:74%;background:var(--orange)}.metal-panel:after{content:"COMPONENTES INDUSTRIALES";position:absolute;right:-1px;top:-29px;background:var(--navy);color:#fff;padding:8px 12px;font-family:DM Sans;font-size:8px;font-weight:700;letter-spacing:1.6px}.about-product-image{display:block;width:100%;height:250px;object-fit:contain;margin:0;background:#fff}.metal-panel>span{display:block;background:var(--navy);color:#fff;margin-top:14px;padding:17px 20px;border-left:4px solid var(--orange);font-size:11px;line-height:1.25;letter-spacing:3px}.metal-panel>span b{color:#fff;font-size:16px;letter-spacing:2.5px}@media(max-width:900px){.brand-showcase{padding:70px 25px}.brand-showcase-head{grid-template-columns:1fr;gap:18px}.brand-gallery{grid-template-columns:repeat(2,1fr)}.products .product-grid{gap:14px}.products .product-card:nth-child(2){border-right:0}}@media(max-width:900px){.hero{background-image:linear-gradient(90deg,#081321ed,#081321df),url(/marcas/encabezado-rodamientos.avif)}}@media(max-width:560px){.brand-logo{height:54px}.footer-logo{height:64px}}@media(max-width:560px){.hero{background-position:62% center}.brand-gallery{grid-template-columns:1fr}.brand-card,.brand-card img{min-height:230px;height:230px}.metal-panel{width:84%;padding:12px}.metal-panel:after{top:-26px}.about-product-image{height:205px}.metal-panel>span{padding:14px 16px}}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f4f6f8;color:#091321}.login-brand-panel{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px 6vw;background:linear-gradient(135deg,#06101eeb,#0b2342e8),url(/marcas/encabezado-rodamientos.avif) center/cover;color:#fff}.login-brand-panel:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #ffffff14;border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff05}.login-back{position:relative;z-index:1;display:flex;align-items:center;gap:9px;width:max-content;font-size:12px;color:#c1cbd7}.login-brand-content{position:relative;z-index:1;max-width:650px}.login-brand-content img{width:150px;filter:drop-shadow(0 8px 15px #0007);margin-bottom:35px}.login-brand-content>span,.login-kicker,.system-welcome>div>span,.system-panel-head>div>span,.future-modules article span{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:700;color:#56a0f5}.login-brand-content h1{font-size:clamp(56px,6vw,88px);margin:18px 0 25px}.login-brand-content p{color:#aab8c8;max-width:540px;line-height:1.8}.login-brand-panel>small{position:relative;z-index:1;color:#718094;font-size:10px;text-transform:uppercase;letter-spacing:1px}.login-form-panel{display:grid;place-items:center;padding:50px}.login-form{width:min(440px,100%);display:flex;flex-direction:column}.login-shield{width:54px;height:54px;display:grid;place-items:center;background:#e8f2fd;color:#2174d4;margin-bottom:27px}.login-shield svg{width:27px}.login-form h2{font-family:Barlow Condensed;font-size:48px;text-transform:uppercase;margin:8px 0 12px}.login-form>p{color:#687383;line-height:1.65;font-size:13px;margin:0 0 30px}.login-form label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:18px}.login-input{display:flex;align-items:center;border:1px solid #d6dce2;background:#fff;margin-top:8px;transition:.2s}.login-input:focus-within{border-color:#2174d4;box-shadow:0 0 0 3px #2174d414}.login-input>svg{width:17px;margin-left:14px;color:#87919d}.login-input input{border:0;outline:0;width:100%;padding:15px 12px;background:transparent;text-transform:none}.login-input button{border:0;background:transparent;display:grid;place-items:center;padding:10px 14px;color:#87919d;cursor:pointer}.login-input button svg{width:17px}.login-submit{border:0;background:#2174d4;color:#fff;padding:17px 20px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:16px;cursor:pointer;margin-top:6px}.login-submit:disabled{opacity:.65}.login-submit svg{width:18px}.login-error,.system-error{background:#fff0ec;color:#a73219;padding:12px 14px;font-size:12px;margin:-4px 0 14px}.login-help{text-align:center;color:#8b949e;margin-top:20px}.system-shell{min-height:100vh;background:#f3f5f7;color:#111c2b;display:flex}.system-sidebar{width:260px;position:fixed;inset:0 auto 0 0;background:#071321;color:#fff;padding:27px 20px;display:flex;flex-direction:column;z-index:20}.system-logo{border-bottom:1px solid #ffffff13;padding:0 5px 25px;display:flex;flex-direction:column}.system-logo img{width:108px;filter:drop-shadow(0 5px 8px #0006)}.system-logo span{font-size:8px;text-transform:uppercase;letter-spacing:2px;color:#6f8194;margin:10px 0 0 4px}.system-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:30px}.system-sidebar nav a{display:flex;align-items:center;gap:13px;color:#8190a1;padding:13px 14px;font-size:12px;font-weight:600;border-left:3px solid transparent}.system-sidebar nav a:hover,.system-sidebar nav a.active{background:#ffffff0a;color:#fff;border-left-color:#2174d4}.system-sidebar nav svg{width:18px}.system-sidebar nav a>span{margin-left:auto;background:#2174d4;color:#fff;border-radius:20px;padding:2px 7px;font-size:9px}.system-sidebar nav small{margin-left:auto;font-size:7px;color:#5e6c7b;text-transform:uppercase}.system-logout{margin-top:auto;border:1px solid #ffffff17;background:transparent;color:#7f8c9b;padding:12px;display:flex;gap:10px;align-items:center;cursor:pointer}.system-logout:hover{color:#fff;border-color:#ffffff3b}.system-logout svg{width:17px}.system-main{margin-left:260px;width:calc(100% - 260px)}.system-header{height:72px;background:#fff;border-bottom:1px solid #e2e5e8;display:flex;align-items:center;padding:0 35px;position:sticky;top:0;z-index:10}.system-header>div:nth-child(2){display:flex;flex-direction:column}.system-header span{font-weight:700;font-size:13px}.system-header small{color:#8c959f;font-size:9px;margin-top:2px}.system-user{margin-left:auto;width:34px;height:34px;border-radius:50%;background:#e4effc;color:#2174d4;display:grid;place-items:center;font-weight:700}.system-menu{display:none;border:0;background:transparent}.system-content{padding:40px;max-width:1500px;margin:auto}.system-welcome{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.system-welcome h1{font-size:43px;margin:8px 0;text-transform:none;letter-spacing:-1px}.system-welcome p{color:#77818c;font-size:13px;margin:0}.system-welcome time{color:#8a939d;font-size:11px;text-transform:capitalize}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-grid article{background:#fff;border:1px solid #e1e5e8;padding:22px;display:grid;grid-template-columns:47px 1fr;column-gap:15px}.metric-icon{grid-row:1/4;width:47px;height:47px;display:grid;place-items:center}.metric-icon svg{width:21px}.metric-icon.blue{background:#e8f2fd;color:#2174d4}.metric-icon.amber{background:#fff4df;color:#b77608}.metric-icon.violet{background:#f0eafe;color:#7048bd}.metric-icon.green{background:#e8f7ee;color:#278751}.metric-grid article>span{font-size:10px;color:#7c8691;text-transform:uppercase;letter-spacing:.5px}.metric-grid article>b{font-family:Barlow Condensed;font-size:31px;line-height:1.1}.metric-grid article>small{color:#a1a8af;font-size:8px}.system-panel{background:#fff;border:1px solid #e1e5e8;margin-top:20px}.system-panel-head{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;border-bottom:1px solid #e5e8eb}.system-panel-head h2{font-size:25px;margin:5px 0 0;letter-spacing:0;text-transform:none}.system-panel-head a{display:flex;align-items:center;gap:5px;color:#2174d4;font-size:11px;font-weight:700}.system-panel-head a svg{width:15px}.lead-table{overflow-x:auto}.lead-row{min-width:740px;display:grid;grid-template-columns:1.5fr 1fr .8fr .65fr;align-items:center;padding:15px 26px;border-bottom:1px solid #edf0f2;font-size:11px}.lead-row:last-child{border:0}.lead-row>span:first-child{display:flex;flex-direction:column}.lead-row b{font-size:12px}.lead-row small{color:#969ea7;margin-top:3px}.lead-heading{color:#9199a2;text-transform:uppercase;font-size:8px;font-weight:700;letter-spacing:.7px;background:#fafbfc;padding-top:10px;padding-bottom:10px}.status{font-style:normal;font-size:8px;font-weight:700;text-transform:uppercase;padding:6px 8px}.status.new{background:#e8f2fd;color:#2174d4}.status.contacted{background:#fff4df;color:#9b6508}.status.quoted{background:#f0eafe;color:#6944ae}.status.closed{background:#e7f6ed;color:#237c4a}.system-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#98a1aa;gap:8px;font-size:11px}.system-empty svg{width:30px;color:#2174d4}.system-empty b{font-size:14px;color:#36414e}.future-modules{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.future-modules article{display:flex;align-items:flex-start;gap:17px;background:#0b192a;color:#fff;padding:26px;scroll-margin-top:90px}.future-modules>article>svg{color:#56a0f5}.future-modules h3{font-family:Barlow Condensed;font-size:23px;text-transform:uppercase;margin:5px 0}.future-modules p{color:#8390a0;font-size:11px;line-height:1.6;margin:0}.internal-access{color:#667484;text-transform:uppercase;letter-spacing:1px;font-size:8px}.internal-access:hover{color:#2174d4}@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.login-page{grid-template-columns:1fr}.login-brand-panel{min-height:410px}.login-brand-content h1{font-size:54px}.login-form-panel{min-height:620px}}@media(max-width:760px){.system-sidebar{transform:translate(-100%);transition:.25s}.system-sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0005}.system-main{margin-left:0;width:100%}.system-menu{display:grid;place-items:center;margin-right:15px}.system-content{padding:25px 18px}.system-welcome{align-items:flex-start;flex-direction:column}.system-welcome time{margin-top:12px}.metric-grid,.future-modules{grid-template-columns:1fr}.login-brand-panel{padding:30px 25px;min-height:390px}.login-brand-content img{width:115px;margin-bottom:20px}.login-brand-content h1{font-size:44px}.login-form-panel{padding:55px 24px}.lead-row{padding-left:18px;padding-right:18px}}.system-logo span{font-size:10px}.system-sidebar nav a{font-size:14px}.system-sidebar nav small{font-size:9px}.system-sidebar nav a>span{font-size:10px}.system-logout{font-size:13px}.system-header span{font-size:15px}.system-header small{font-size:11px}.system-welcome>div>span,.system-panel-head>div>span,.future-modules article span{font-size:11px}.system-welcome h1{font-size:48px}.system-welcome p{font-size:15px}.system-welcome time{font-size:13px}.metric-grid article>span{font-size:12px}.metric-grid article>b{font-size:37px}.metric-grid article>small{font-size:10px;line-height:1.4}.system-panel-head h2{font-size:30px}.system-panel-head a,.lead-row{font-size:13px}.lead-row b{font-size:14px}.lead-row small{font-size:11px}.lead-heading,.status{font-size:10px}.system-empty{font-size:13px}.system-empty b{font-size:16px}.future-modules h3{font-size:27px}.future-modules p{font-size:13px}.login-form>p{font-size:15px}.login-form label{font-size:12px}.login-input input{font-size:15px}.login-submit{font-size:14px}.login-help{font-size:11px}.inventory-panel{scroll-margin-top:90px}.inventory-title p{margin:7px 0 0;color:#78838e;font-size:12px}.inventory-summary{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #e5e8eb;background:#f8fafc}.inventory-summary>div{padding:19px 24px;border-right:1px solid #e5e8eb;display:flex;flex-direction:column;gap:4px}.inventory-summary>div:last-child{border:0}.inventory-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#7d8792}.inventory-summary b{font-family:Barlow Condensed;font-size:27px}.inventory-tools{display:flex;gap:12px;padding:18px 25px;border-bottom:1px solid #e5e8eb}.inventory-tools label{flex:1;display:flex;align-items:center;border:1px solid #d8dee4;background:#fff}.inventory-tools label:focus-within{border-color:#2174d4;box-shadow:0 0 0 3px #2174d412}.inventory-tools svg{width:18px;margin-left:13px;color:#7d8792}.inventory-tools input,.inventory-tools select{font:inherit}.inventory-tools input{width:100%;border:0;outline:0;padding:13px;background:transparent;font-size:13px}.inventory-tools select{min-width:220px;border:1px solid #d8dee4;background:#fff;padding:0 13px;color:#344151;font-size:12px}.inventory-table{overflow-x:auto}.inventory-row{min-width:940px;display:grid;grid-template-columns:1.55fr 1.05fr .65fr .65fr .7fr;align-items:center;padding:14px 25px;border-bottom:1px solid #edf0f2;font-size:12px}.inventory-row>span:first-child,.inventory-row>span:nth-child(4){display:flex;flex-direction:column;align-items:flex-start;gap:3px}.inventory-row small{color:#929ba5;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.inventory-heading{padding-top:10px;padding-bottom:10px;background:#fafbfc;color:#8b949f;text-transform:uppercase;font-size:9px;font-weight:700;letter-spacing:.7px}.stock{font-style:normal;min-width:27px;text-align:center;padding:4px 7px;font-weight:700}.stock.available{background:#e7f6ed;color:#237c4a}.stock.empty{background:#f0f2f4;color:#858e98}.inventory-row em{font-style:normal;color:#929ba5;font-size:10px}.inventory-pagination{display:flex;align-items:center;justify-content:space-between;padding:16px 25px;color:#77828e;font-size:11px}.inventory-pagination div{display:flex;gap:7px}.inventory-pagination button{width:34px;height:34px;border:1px solid #d8dee4;background:#fff;color:#2174d4;display:grid;place-items:center;cursor:pointer}.inventory-pagination button:disabled{opacity:.35;cursor:default}.inventory-pagination svg{width:17px}.future-modules:has(>article:only-child){grid-template-columns:1fr}.future-modules:has(>article:only-child) article{min-height:120px}@media(max-width:1050px){.inventory-summary{grid-template-columns:repeat(3,1fr)}.inventory-summary>div:nth-child(3){border-right:0}}@media(max-width:760px){.inventory-summary{grid-template-columns:1fr 1fr}.inventory-summary>div{padding:15px}.inventory-summary>div:nth-child(odd){border-right:1px solid #e5e8eb}.inventory-summary>div:nth-child(2n){border-right:0}.inventory-tools{flex-direction:column;padding:15px}.inventory-tools select{min-width:0;height:44px}.inventory-pagination{padding:14px 16px}.inventory-pagination>span{max-width:220px}.inventory-title{align-items:flex-start}.inventory-title p{line-height:1.5}}.projection-panel{scroll-margin-top:90px}.projection-title{align-items:flex-end}.projection-title p{margin:7px 0 0;color:#78838e;font-size:12px}.scenario-switch{display:flex;border:1px solid #d9dfe5;padding:3px;background:#f6f8fa}.scenario-switch button{border:0;background:transparent;padding:10px 13px;color:#687584;font-size:10px;font-weight:700;cursor:pointer}.scenario-switch button.active{background:#2174d4;color:#fff;box-shadow:0 3px 10px #2174d42b}.projection-filter{display:flex;align-items:flex-end;gap:25px;padding:17px 25px;border-bottom:1px solid #e5e8eb}.projection-filter label{display:flex;flex-direction:column;gap:7px;font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.projection-filter select{min-width:260px;border:1px solid #d8dee4;background:#fff;padding:11px 13px;color:#344151;font:inherit;text-transform:none}.projection-filter>small{color:#89939e;line-height:1.5;max-width:600px}.projection-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #e5e8eb}.projection-kpis article{padding:20px 24px;border-right:1px solid #e5e8eb;display:flex;flex-direction:column}.projection-kpis article:last-child{border:0}.projection-kpis span{font-size:9px;text-transform:uppercase;color:#7d8792;letter-spacing:.5px}.projection-kpis b{font-family:Barlow Condensed;font-size:30px;margin:4px 0}.projection-kpis small{font-size:9px;color:#9099a3}.projection-body{display:grid;grid-template-columns:2fr 1fr;border-bottom:1px solid #e5e8eb}.forecast-chart{padding:24px 27px;border-right:1px solid #e5e8eb}.forecast-heading{display:flex;justify-content:space-between;align-items:center}.forecast-heading h3,.projection-note h3,.projection-products-head h3{margin:0;font-size:18px;text-transform:none;letter-spacing:0}.forecast-heading>span{display:flex;align-items:center;gap:6px;color:#7d8792;font-size:9px}.forecast-heading i{width:8px;height:8px;background:#cbd3dc;display:inline-block}.forecast-heading i:last-child{background:#2174d4}.forecast-bars{height:210px;display:grid;grid-template-columns:repeat(12,1fr);align-items:end;gap:9px;margin-top:20px;padding-top:10px;border-bottom:1px solid #dce1e6}.forecast-month{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.forecast-month>div{height:calc(100% - 24px);width:100%;display:flex;align-items:flex-end;justify-content:center;gap:3px}.forecast-month i{width:33%;background:#cbd3dc;min-height:2px}.forecast-month i:last-child{background:#2174d4}.forecast-month span{font-size:9px;color:#74808c;margin-top:8px}.projection-note{padding:28px;background:#f8fafc}.projection-note>svg{color:#2174d4;margin-bottom:20px}.projection-note p{font-size:11px;line-height:1.8;color:#75818d}.projection-products-head{display:flex;align-items:end;justify-content:space-between;padding:22px 25px}.projection-products-head>div>span{font-size:9px;color:#2174d4;text-transform:uppercase;letter-spacing:1px;font-weight:700}.projection-products-head h3{margin-top:6px}.projection-products-head>small{color:#8c96a0;font-size:9px}.projection-products{overflow-x:auto}.projection-row{min-width:1030px;display:grid;grid-template-columns:1.25fr 1fr .65fr .65fr .65fr .55fr;align-items:center;padding:13px 25px;border-top:1px solid #edf0f2;font-size:11px}.projection-row>span:first-child{display:flex;flex-direction:column;gap:3px}.projection-row small{font-size:9px;color:#939ca5}.projection-row-head{background:#fafbfc;text-transform:uppercase;color:#8c96a0;font-weight:700;font-size:8px;letter-spacing:.6px}.reorder{font-style:normal;padding:5px 8px;font-weight:700}.reorder.yes{background:#fff0ec;color:#a7432d}.reorder.ok{background:#e7f6ed;color:#237c4a}@media(max-width:1050px){.projection-title{align-items:flex-start;gap:18px;flex-direction:column}.projection-kpis{grid-template-columns:1fr 1fr}.projection-kpis article:nth-child(2){border-right:0}.projection-body{grid-template-columns:1fr}.forecast-chart{border-right:0;border-bottom:1px solid #e5e8eb}}@media(max-width:760px){.scenario-switch{width:100%}.scenario-switch button{flex:1;padding:10px 5px}.projection-filter{align-items:stretch;flex-direction:column;padding:15px}.projection-filter select{min-width:0;width:100%}.projection-kpis article{padding:16px}.projection-kpis b{font-size:25px}.forecast-chart{padding:20px 13px}.forecast-heading{align-items:flex-start;gap:10px;flex-direction:column}.forecast-bars{gap:4px;height:180px}.projection-note{padding:22px}.projection-products-head{align-items:flex-start;flex-direction:column;gap:9px}}
