Velocity X200 Easy Control Welding Helmet for Entry-Level Welder

Description

.vcx-root { –vcx-blue: #871525; –vcx-blue-dim: rgba(135,21,37,0.08); –vcx-blue-rule: rgba(135,21,37,0.20); –vcx-ink: #0C0E12; –vcx-ink-mid: #2C2F3A; –vcx-ink-soft: #686B76; –vcx-white: #FFFFFF; –vcx-surface: #F5F0F0; –vcx-surf-b: #EDE5E6; –vcx-border: rgba(0,0,0,0.08); –vcx-fd: ‘Barlow Condensed’,’Franklin Gothic Medium’,’Arial Narrow’,sans-serif; –vcx-fb: ‘Barlow’,’Segoe UI’,system-ui,sans-serif; –vcx-r: 3px; –vcx-t: 0.18s ease; font-family: var(–vcx-fb); color: var(–vcx-ink); background: var(–vcx-white); line-height: 1.65; -webkit-font-smoothing: antialiased; } .vcx-root *, .vcx-root *::before, .vcx-root *::after { box-sizing: border-box; margin: 0; padding: 0; } /* HERO */ .vcx-hero { background: #1A0508; color: var(–vcx-white); padding: clamp(44px,7vw,88px) clamp(20px,5vw,64px); position: relative; overflow: hidden; } .vcx-hero::before { content: ”; position: absolute; top: 0; right: 0; width: 55%; height: 100%; background: repeating-linear-gradient( -55deg, transparent, transparent 28px, rgba(135,21,37,0.06) 28px, rgba(135,21,37,0.06) 29px ); pointer-events: none; } .vcx-hero::after { content: ”; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: var(–vcx-blue); } .vcx-hero-tier { display: inline-block; background: var(–vcx-blue); color: var(–vcx-white); font-family: var(–vcx-fd); font-size: 11px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; padding: 5px 14px; border-radius: var(–vcx-r); margin-bottom: 20px; } .vcx-hero-h1 { font-family: var(–vcx-fd); font-size: clamp(38px,7vw,80px); font-weight: 800; line-height: .95; text-transform: uppercase; color: #FFFFFF !important; border: none !important; outline: none !important; box-shadow: none !important; margin-bottom: 6px; display: block; } .vcx-hero-sub { font-family: var(–vcx-fd); font-size: clamp(16px,2.8vw,26px); font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,0.38); margin-bottom: 24px; line-height: 1.2; display: block; } .vcx-hero-desc { font-size: clamp(14px,1.8vw,15px); color: rgba(255,255,255,0.62); max-width: 520px; line-height: 1.78; display: block; } .vcx-hero-desc strong { color: #FFFFFF; font-weight: 500; } .vcx-statstrip { display: flex; flex-wrap: wrap; margin-top: 36px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.07); } .vcx-statitem { flex: 1 1 110px; padding-right: 22px; margin-right: 22px; border-right: 1px solid rgba(255,255,255,0.06); } .vcx-statitem:last-child { border-right: none; margin-right: 0; padding-right: 0; } .vcx-statnum { font-family: var(–vcx-fd); font-size: clamp(24px,3.8vw,42px); font-weight: 800; color: var(–vcx-blue); line-height: 1; display: block; } .vcx-statlbl { font-size: 10px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,0.30); margin-top: 4px; display: block; } @media(max-width:520px){ .vcx-statstrip { gap: 16px; } .vcx-statitem { border-right: none; margin-right: 0; padding-right: 0; flex: 1 1 90px; } } /* SECTION SHELL */ .vcx-sec { padding: clamp(44px,6vw,80px) clamp(20px,5vw,64px); border-bottom: 1px solid var(–vcx-border); background: var(–vcx-white); } .vcx-sec–alt { background: var(–vcx-surface); } .vcx-sec–dark { background: #1A0508; color: var(–vcx-white); } .vcx-eyebrow { font-size: 10px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: var(–vcx-blue); margin-bottom: 8px; display: block; } .vcx-sec–dark .vcx-eyebrow { color: rgba(196,64,79,0.85); } .vcx-heading { font-family: var(–vcx-fd); font-size: clamp(24px,3.8vw,44px); font-weight: 800; text-transform: uppercase; letter-spacing: .02em; line-height: 1.05; color: var(–vcx-ink); margin-bottom: 8px; display: block; border: none !important; outline: none !important; box-shadow: none !important; } .vcx-sec–dark .vcx-heading { color: var(–vcx-white); } .vcx-rulebar { width: 32px; height: 3px; background: var(–vcx-blue); border-radius: 2px; margin-bottom: 24px; display: block; } .vcx-leadtxt { font-size: clamp(14px,1.8vw,15px); color: var(–vcx-ink-soft); max-width: 560px; margin-bottom: 30px; line-height: 1.72; display: block; } .vcx-sec–dark .vcx-leadtxt { color: rgba(255,255,255,0.46); } /* SIMPLE STEPS */ .vcx-stepgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%,200px),1fr)); gap: 1px; background: var(–vcx-border); border: 1px solid var(–vcx-border); border-radius: var(–vcx-r); overflow: hidden; } .vcx-steptile { background: var(–vcx-white); padding: 26px 22px; transition: background var(–vcx-t); } .vcx-steptile:hover { background: var(–vcx-blue-dim); } .vcx-step-n { font-family: var(–vcx-fd); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(–vcx-blue); margin-bottom: 10px; display: flex; align-items: center; gap: 8px; } .vcx-step-n::after { content: ”; flex: 1; height: 1px; background: var(–vcx-blue-rule); } .vcx-step-name { font-family: var(–vcx-fd); font-size: clamp(15px,2vw,19px); font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(–vcx-ink); margin-bottom: 8px; line-height: 1.15; display: block; } .vcx-step-body { font-size: 13px; color: var(–vcx-ink-soft); line-height: 1.65; display: block; } .vcx-step-body strong { color: var(–vcx-ink-mid); font-weight: 500; } /* CONTROL LIST */ .vcx-ctrlstack { display: flex; flex-direction: column; } .vcx-ctrlrow { display: grid; grid-template-columns: 100px 1fr; border-bottom: 1px solid var(–vcx-border); transition: background var(–vcx-t); } .vcx-ctrlrow:last-child { border-bottom: none; } .vcx-ctrlrow:hover { background: var(–vcx-blue-dim); } .vcx-ctrl-key { padding: 20px 16px 20px 0; display: flex; align-items: center; } .vcx-ctrl-keytag { font-family: var(–vcx-fd); font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(–vcx-blue); background: var(–vcx-blue-dim); padding: 4px 10px; border-radius: var(–vcx-r); white-space: nowrap; display: inline-block; } .vcx-ctrl-content { padding: 20px 0 20px 16px; } .vcx-ctrl-title { font-family: var(–vcx-fd); font-size: clamp(14px,2vw,18px); font-weight: 800; text-transform: uppercase; letter-spacing: .02em; color: var(–vcx-ink); margin-bottom: 5px; line-height: 1.2; display: block; } .vcx-ctrl-desc { font-size: 13px; color: var(–vcx-ink-soft); line-height: 1.65; display: block; } .vcx-ctrl-desc strong { color: var(–vcx-ink-mid); font-weight: 500; } /* FEATURE ROWS */ .vcx-featstack { display: flex; flex-direction: column; } .vcx-featrow { display: grid; grid-template-columns: 56px 1fr; border-bottom: 1px solid var(–vcx-border); transition: background var(–vcx-t); } .vcx-featrow:last-child { border-bottom: none; } .vcx-featrow:hover { background: var(–vcx-blue-dim); } .vcx-feat-num { font-family: var(–vcx-fd); font-size: 34px; font-weight: 800; color: rgba(135,21,37,0.13); line-height: 1; padding: 22px 0 22px 2px; display: block; } .vcx-feat-col { padding: 22px 0 22px 10px; } .vcx-feat-title { font-family: var(–vcx-fd); font-size: clamp(15px,2.2vw,20px); font-weight: 800; text-transform: uppercase; letter-spacing: .03em; color: var(–vcx-ink); margin-bottom: 6px; line-height: 1.15; display: block; } .vcx-feat-desc { font-size: 14px; color: var(–vcx-ink-soft); line-height: 1.68; max-width: 620px; display: block; } .vcx-feat-desc strong { color: var(–vcx-ink-mid); font-weight: 500; } /* SPEC TABLE */ .vcx-tblscroll { overflow-x: auto; border: 1px solid var(–vcx-border); border-radius: var(–vcx-r); } .vcx-spectable { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 400px; } .vcx-spectable-head tr { background: #1A0508; } .vcx-spectable-head th { padding: 12px 16px; font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: rgba(255,255,255,0.38); text-align: left; } .vcx-spectable-head th:first-child { color: rgba(255,255,255,0.78); } .vcx-spectable-head th:last-child { color: #C4404F; background: #220508; } .vcx-spectable-body tr { border-bottom: 1px solid var(–vcx-border); } .vcx-spectable-body tr:last-child { border-bottom: none; } .vcx-spectable-body tr:hover { background: var(–vcx-blue-dim); } .vcx-spectable-body td { padding: 11px 16px; color: var(–vcx-ink-soft); vertical-align: middle; line-height: 1.45; background: var(–vcx-white); } .vcx-spectable-body td:first-child { font-weight: 500; color: var(–vcx-ink); } .vcx-spectable-body td:last-child { font-family: var(–vcx-fd); font-size: 15px; font-weight: 700; color: var(–vcx-ink); background: rgba(135,21,37,0.04); } /* COMPARE */ .vcx-cmptbl { width: 100%; border-collapse: collapse; font-size: 14px; min-width: 480px; } .vcx-cmptbl-head th { padding: 12px 16px; font-size: 10px; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; text-align: center; } .vcx-cmptbl-head th:first-child { background: #1A0508; color: rgba(255,255,255,0.34); text-align: left; width: 38%; } .vcx-cmptbl-head th:nth-child(2) { background: #220508; color: #C4404F; } .vcx-cmptbl-head th:nth-child(3) { background: var(–vcx-surf-b); color: var(–vcx-ink-soft); } .vcx-cmptbl-body tr { border-bottom: 1px solid var(–vcx-border); } .vcx-cmptbl-body tr:last-child { border-bottom: none; } .vcx-cmptbl-body td { padding: 11px 16px; vertical-align: middle; text-align: center; color: var(–vcx-ink-soft); line-height: 1.45; background: var(–vcx-white); } .vcx-cmptbl-body td:first-child { text-align: left; font-weight: 500; color: var(–vcx-ink); font-size: 13px; } .vcx-cmptbl-body td:nth-child(2) { background: rgba(135,21,37,0.05); font-weight: 600; color: #6B1020; } .vcx-cmptbl-body td:nth-child(3) { background: rgba(0,0,0,0.015); } .vcx-cmp-hi { color: var(–vcx-blue); font-weight: 700; } .vcx-cmp-lo { color: #B0ADB0; } /* CALLOUT */ .vcx-callout { border-left: 4px solid var(–vcx-blue); background: var(–vcx-surface); padding: 16px 20px; border-radius: 0 var(–vcx-r) var(–vcx-r) 0; font-size: 14px; color: var(–vcx-ink-mid); line-height: 1.68; margin-top: 22px; display: block; } .vcx-callout strong { color: var(–vcx-ink); } .vcx-callout-lbl { font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(–vcx-blue); margin-bottom: 4px; display: block; } /* INBOX */ .vcx-inboxgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%,160px),1fr)); gap: 1px; background: var(–vcx-border); border: 1px solid var(–vcx-border); border-radius: var(–vcx-r); overflow: hidden; } .vcx-inboxtile { background: var(–vcx-white); padding: 18px 16px; transition: background var(–vcx-t); } .vcx-inboxtile:hover { background: var(–vcx-blue-dim); } .vcx-inbox-qty { font-family: var(–vcx-fd); font-size: 26px; font-weight: 800; color: var(–vcx-blue); line-height: 1; display: block; } .vcx-inbox-item { font-size: 13px; color: var(–vcx-ink-soft); margin-top: 4px; line-height: 1.4; display: block; } /* TRUST BAR */ .vcx-trustbar { display: grid; grid-template-columns: repeat(4,1fr); gap: 1px; background: var(–vcx-border); border: 1px solid var(–vcx-border); border-radius: var(–vcx-r); overflow: hidden; margin-top: 28px; } @media(max-width:580px){ .vcx-trustbar { grid-template-columns: repeat(2,1fr); } } .vcx-trustcell { background: #1A0508; padding: 20px 14px; text-align: center; } .vcx-trustval { font-family: var(–vcx-fd); font-size: clamp(17px,2.8vw,24px); font-weight: 800; color: #C4404F; line-height: 1.1; margin-bottom: 3px; display: block; } .vcx-trustlbl { font-size: 10px; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; color: rgba(255,255,255,0.28); display: block; } /* CTA */ .vcx-ctaband { background: var(–vcx-blue); color: var(–vcx-white); padding: clamp(44px,6vw,80px) clamp(20px,5vw,64px); position: relative; overflow: hidden; } .vcx-ctaband::before { content: ”; position: absolute; inset: 0; background: repeating-linear-gradient( -48deg, transparent, transparent 34px, rgba(0,0,0,0.06) 34px, rgba(0,0,0,0.06) 35px ); pointer-events: none; } .vcx-ctaband::after { content: ”; position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: rgba(255,255,255,0.15); } .vcx-ctainner { position: relative; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; } @media(max-width:540px){ .vcx-ctainner { grid-template-columns: 1fr; } } .vcx-cta-eyebrow { font-size: 10px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; color: rgba(255,255,255,0.52); margin-bottom: 10px; display: block; } .vcx-cta-hl { font-family: var(–vcx-fd); font-size: clamp(26px,4.5vw,50px); font-weight: 800; text-transform: uppercase; line-height: 1.05; margin-bottom: 12px; color: var(–vcx-white); display: block; } .vcx-cta-body { font-size: 14px; color: rgba(255,255,255,0.68); max-width: 480px; line-height: 1.72; display: block; } .vcx-cta-body strong { color: var(–vcx-white); } .vcx-ctapills { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; } .vcx-ctapill { font-size: 11px; font-weight: 600; letter-spacing: .10em; text-transform: uppercase; color: rgba(255,255,255,0.55); border: 1px solid rgba(255,255,255,0.20); padding: 5px 12px; border-radius: 100px; display: inline-block; } .vcx-cta-badge { text-align: center; flex-shrink: 0; } .vcx-cta-badge-val { font-family: var(–vcx-fd); font-size: clamp(50px,8vw,76px); font-weight: 800; line-height: 1; color: var(–vcx-white); display: block; } .vcx-cta-badge-lbl { font-size: 10px; font-weight: 500; letter-spacing: .20em; text-transform: uppercase; color: rgba(255,255,255,0.42); margin-top: 4px; display: block; }