@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg:#eef3fa;--surface:#fff;--border:#d5deec;--text:#0f1b33;--muted:#4f5d78;--navy:#12318a;--navy-deep:#0b1d4f;--blue:#2b7bd3;--red:#c8102e;--steel:#8a94a3;--font-display:"Barlow Condensed", "Arial Narrow", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}h1,h2,h3,p,ul{margin:0}a{color:inherit}.page{flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.container{width:100%;max-width:1160px;margin-inline:auto;padding-inline:24px}.stripe{background:linear-gradient(90deg, var(--navy-deep) 0 60%, var(--blue) 60% 88%, var(--red) 88% 100%);height:6px}.header{justify-content:space-between;align-items:center;gap:16px;padding-block:18px;display:flex}.logo{width:clamp(150px,22vw,220px);height:auto}.header-meta{align-items:center;gap:16px;display:flex}.ship-badge{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.8rem;font-weight:600}.header-phone{background:var(--blue);color:#fff;white-space:nowrap;border-radius:6px;padding:10px 16px;font-weight:600;text-decoration:none;transition:background .2s}.header-phone:hover{background:var(--navy)}.hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;padding-block:40px 64px;display:grid}.eyebrow{color:var(--navy);letter-spacing:.12em;text-transform:uppercase;background:#12318a12;border:1px solid #12318a40;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.pulse{background:var(--red);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}.hero h1{color:var(--navy-deep);font-family:var(--font-display);text-transform:uppercase;margin-top:24px;font-size:clamp(3rem,7.5vw,5.6rem);font-weight:800;line-height:.92}.accent{color:var(--blue)}.lead{max-width:36rem;color:var(--muted);margin-top:24px;font-size:1.08rem;line-height:1.65}.actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.btn{border-radius:6px;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-deep)}.btn-ghost{border:1.5px solid var(--navy);color:var(--navy)}.btn-ghost:hover{background:var(--navy);color:#fff}.hero-visual{justify-content:center;display:flex}.bearing{filter:drop-shadow(0 30px 50px #0b1d4f47);width:min(100%,420px);height:auto}.ring-groove{fill:#0d1526}.cage{fill:none;stroke:var(--blue);stroke-width:6px;stroke-opacity:.8}.ring-accent{fill:none;stroke:var(--navy);stroke-width:4px}.bore{fill:var(--bg);stroke:#0d1526;stroke-width:4px}.keyway{fill:var(--bg)}.bearing-balls,.bearing-inner{transform-origin:160px 160px}.bearing-balls{animation:14s linear infinite spin}.bearing-inner{animation:7s linear infinite spin}.strengths{background:var(--navy-deep);color:#fff}.strengths ul{grid-template-columns:repeat(3,minmax(0,1fr));padding-block:22px;list-style:none;display:grid}.strengths li{font-family:var(--font-display);letter-spacing:.06em;text-align:center;text-transform:uppercase;font-size:1.35rem;font-weight:600}.strengths li+li{border-left:1px solid #fff3}.strengths li:before{content:"";background:var(--red);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.section{padding-block:64px 0}.section-head{max-width:40rem;margin-bottom:28px}.section-head h2,.contact h2{color:var(--navy-deep);font-family:var(--font-display);text-transform:uppercase;font-size:clamp(2rem,4vw,2.6rem);font-weight:700}.section-head p{color:var(--muted);margin-top:8px;line-height:1.6}.products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:0;list-style:none;display:grid}.products li{border:1px solid var(--border);border-top:3px solid var(--navy);background:var(--surface);border-radius:6px;flex-direction:column;gap:6px;padding:20px;display:flex}.products strong{color:var(--navy-deep);font-family:var(--font-display);text-transform:uppercase;font-size:1.35rem;font-weight:700}.products span{color:var(--muted);font-size:.9rem;line-height:1.5}.brand-groups{gap:24px;display:grid}.brand-group h3{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;font-size:.8rem;font-weight:600}.brands{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.brands li{border:1px solid var(--border);background:var(--surface);color:var(--navy-deep);font-family:var(--font-display);letter-spacing:.04em;border-radius:6px;padding:10px 16px;font-size:1.1rem;font-weight:700}.contact{background:linear-gradient(135deg, var(--navy-deep), var(--navy));color:#fff;margin-top:72px}.contact h2{color:#fff}.contact-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;padding-block:48px;display:grid}.contact-inner>div p{color:#ffffffc7;margin-top:8px;line-height:1.6}.contact-list{gap:16px;padding:0;list-style:none;display:grid}.contact-list li{border-left:3px solid var(--blue);flex-direction:column;gap:2px;padding-left:16px;display:flex}.contact-list span{color:#ffffffa6;letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:600}.contact-list a{color:#fff;overflow-wrap:anywhere;font-weight:600;text-decoration:none}.contact-list a:hover{color:#9cc6f2}.footer{color:var(--muted);justify-content:space-between;gap:16px;padding-block:24px;font-size:.85rem;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media (prefers-reduced-motion:reduce){.bearing-balls,.bearing-inner,.pulse{animation:none}}@media (width<=860px){.ship-badge{display:none}.hero{grid-template-columns:1fr;gap:32px;padding-block:16px 48px}.hero-visual{order:-1}.bearing{width:min(65%,280px)}.contact-inner{grid-template-columns:1fr;gap:28px}}@media (width<=560px){.container{padding-inline:16px}.header-phone{padding:8px 12px;font-size:.9rem}.strengths ul{grid-template-columns:1fr;gap:10px}.strengths li+li{border-left:0}.actions .btn{flex:100%}.footer{flex-direction:column;gap:4px}}