:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#050505}body{min-width:320px;min-height:100vh;margin:0}:root{color:#fff;--obr-black:#050505;--obr-white:#fff;--obr-red:#ff0040;--obr-blue:#00e5ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html{background:var(--obr-black);scroll-behavior:smooth;margin:0;padding:0}body{background:var(--obr-black);min-width:320px;min-height:100vh;color:var(--obr-white);margin:0;padding:0}#root{min-height:100vh}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-shell{background:radial-gradient(circle at 15% 10%, #00e5ff24, transparent 26rem), radial-gradient(circle at 85% 20%, #ff00402e, transparent 30rem), var(--obr-black);min-height:100vh;color:var(--obr-white)}.site-header{top:env(safe-area-inset-top,0);z-index:1000;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050505eb;border-bottom:1px solid #ffffff14;grid-template-columns:1fr;align-items:center;width:100%;height:104px;padding:0 2rem;display:grid;position:sticky}.site-header-scrolled{background:#050505f7}.main-nav{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:1.35rem;width:100%;display:flex}.main-nav a{white-space:nowrap;color:#ffffffd1;letter-spacing:.08em;text-transform:uppercase;align-items:center;font-size:.96rem;font-weight:800;transition:color .2s;display:inline-flex;position:relative}.main-nav a:hover,.main-nav a.active{color:#fff}.main-nav a:after{content:"";background:linear-gradient(90deg,#ff0040,#00e5ff);width:0%;height:2px;transition:width .2s;position:absolute;bottom:-.45rem;left:0}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.menu-toggle{display:none}@media (width<=980px){.site-header{justify-content:flex-end;align-items:center;height:96px;padding:18px 1.2rem 10px;display:flex}.menu-toggle{color:#fff;text-transform:uppercase;background:0 0;border:none;font-weight:700;display:block}.main-nav{display:none}.main-nav-open{background:#050505;border-bottom:1px solid #ffffff1a;flex-direction:column;padding:1rem;display:flex;position:absolute;top:96px;left:0;right:0}}@media (width<=640px){.site-header{height:100px;padding:22px 1rem 10px}.main-nav-open{top:100px}}.hero-section{grid-template-columns:1.1fr 600px;align-items:center;gap:4rem;width:min(1600px,92vw);margin:0 auto;padding:4rem 0 5rem;display:grid}.eyebrow{color:var(--obr-blue);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .9rem;font-size:.85rem;font-weight:900}.hero-content h1{letter-spacing:-.06em;text-transform:uppercase;max-width:900px;margin:0;font-size:clamp(3.2rem,5vw,5.8rem);line-height:.88}.hero-copy{color:#ffffffbf;max-width:700px;margin:1.5rem 0;font-size:1rem;line-height:1.7}.hero-actions{gap:1rem;display:flex}.button{letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;min-width:180px;height:52px;font-size:.8rem;font-weight:800;display:inline-flex}.button-primary{color:#fff;background:#ff0040}.button-secondary{border:1px solid #fff3}.hero-brand-panel{justify-content:center;align-items:center;min-height:600px;display:flex;position:relative;transform:translate(60px)}.hero-brand-panel:before{content:"";background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.hero-panel-inner{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#ffffff14,#0000),#ffffff0a;border:1px solid #ffffff26;width:485px;padding:2.35rem;position:relative;box-shadow:0 40px 90px #00000073}.hero-panel-title{margin-bottom:2rem}.hero-panel-title span{text-transform:uppercase;font-size:4.55rem;font-weight:900;line-height:.85;display:block}.hero-panel-title span:nth-child(2){color:#ff0040}.hero-panel-title span:nth-child(3){color:#00e5ff}.hero-panel-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.hero-panel-grid span{text-transform:uppercase;background:#ffffff0d;border:1px solid #ffffff1f;justify-content:center;align-items:center;min-height:64px;font-size:.78rem;font-weight:700;display:flex}.hero-panel-note{color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-top:1.5rem;font-size:.76rem}.hero-panel-line{height:7px;position:absolute;transform:rotate(-18deg)}.hero-panel-line-red{background:#ff0040;width:300px;top:80px;right:-70px}.hero-panel-line-blue{background:#00e5ff;width:360px;bottom:80px;right:-45px}@media (width<=980px){.hero-section{grid-template-columns:1fr;gap:2rem}.hero-brand-panel{min-height:420px;transform:none}.hero-panel-inner{width:min(485px,92vw)}}.content-section,.split-section{width:min(1600px,92vw);margin:0 auto;padding:5rem 0}.content-section:first-of-type{padding-top:3.45rem}.section-heading{max-width:900px;margin-bottom:2.5rem}.section-heading h2,.panel h2{text-transform:uppercase;letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.6rem);line-height:.92}.product-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.product-card{background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;min-height:240px;padding:1.5rem;transition:all .2s;display:flex}.product-card:hover{border-color:#ffffff40;transform:translateY(-4px)}.product-card span{color:var(--obr-red);text-transform:uppercase;font-size:.78rem;font-weight:800}.product-card h3{margin:2rem 0 .75rem;font-size:1.2rem}.product-card p{color:#ffffffb8;flex:1;line-height:1.6}.product-card strong{color:var(--obr-blue);text-transform:uppercase;font-size:.75rem}.split-section{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.panel{background:#ffffff0a;border:1px solid #ffffff1a;padding:2rem}.panel-red{border-top:5px solid var(--obr-red)}.panel-blue{border-top:5px solid var(--obr-blue)}.text-link{text-transform:uppercase;margin-top:1.5rem;font-weight:800;display:inline-block}.update-list{flex-direction:column;gap:1rem;display:flex}.update-item{align-items:flex-start;gap:1rem;display:flex}.update-item span{background:var(--obr-red);width:12px;height:12px;margin-top:.45rem;transform:rotate(45deg)}.update-item p{color:#ffffffc7;margin:0}@media (width<=980px){.content-section:first-of-type{padding-top:4rem}.product-grid{grid-template-columns:1fr 1fr}.split-section{grid-template-columns:1fr}}@media (width<=640px){.product-grid{grid-template-columns:1fr}}.site-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:flex-start;gap:3rem;width:min(1600px,92vw);margin:0 auto;padding:2.5rem 0;display:flex}.site-footer strong{text-transform:uppercase;margin-bottom:.5rem;font-size:1.15rem;font-weight:800;display:block}.site-footer p{color:#ffffffb3;margin:.25rem 0;line-height:1.7}.site-footer a,.site-footer a:visited{color:#ffffffb3;text-decoration:none;transition:all .2s}.site-footer a:hover{color:var(--obr-red)}.footer-contact{flex-direction:column;gap:.35rem;display:flex}@media (width<=900px){.site-footer{flex-direction:column;gap:2rem}}@media (width<=1200px){.site-header{grid-template-columns:240px 1fr}.brand-mark{width:240px}.brand-logo,.brand-mark img{width:300px}.main-nav{gap:1rem}.main-nav a{font-size:.82rem}.hero-section{grid-template-columns:1fr 520px;gap:2.5rem}.hero-brand-panel{transform:translate(20px)}}@media (width<=980px){.hero-section{grid-template-columns:1fr;padding:3rem 0 4rem}.hero-content h1{font-size:clamp(2.7rem,12vw,4.4rem)}.hero-actions{flex-wrap:wrap}.hero-brand-panel{min-height:420px;transform:none}.hero-panel-inner{width:min(485px,92vw)}}@media (width<=640px){.site-header{height:76px}.brand-logo,.brand-mark img{width:180px}.main-nav-open{top:76px}.hero-section{width:min(100% - 2rem,92vw);padding:2.5rem 0 3.25rem}.hero-copy{font-size:.95rem}.button{width:100%}.hero-brand-panel{min-height:360px}.hero-panel-inner{padding:1.5rem}.hero-panel-title span{font-size:3.2rem}.hero-panel-line-red{width:220px;right:-65px}.hero-panel-line-blue{width:260px;right:-60px}}
