:root{--navy: #0F1B2D;--navy-2: #14243B;--grid: #22314A;--paper: #EDEFE7;--orange: #FF6A2B;--steel: #7C97B5;--text: #F5F6F2;--text-dim: #A9B7C9}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden}.mono{font-family:JetBrains Mono,monospace}.display{font-family:Space Grotesk,sans-serif}a{color:inherit}.grid-bg{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;position:relative}.grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(76,107,138,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(76,107,138,.15) 1px,transparent 1px);background-size:200px 200px;pointer-events:none}.crosshair{position:absolute;width:22px;height:22px;pointer-events:none}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--steel)}.crosshair:before{width:100%;height:1px;top:50%;left:0}.crosshair:after{width:1px;height:100%;left:50%;top:0}nav{display:flex;justify-content:space-between;align-items:center;padding:28px 60px;position:relative;z-index:10;border-bottom:1px solid var(--grid)}.logo{display:flex;align-items:center;text-decoration:none}.logo-img{height:42px;width:42px;object-fit:cover;border-radius:6px;display:block;border:1px solid var(--grid)}.nav-right{display:flex;align-items:center;gap:24px}.nav-links{display:flex;gap:40px}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:13px;letter-spacing:1px;text-transform:uppercase;font-family:JetBrains Mono,monospace;transition:color .2s}.nav-links a:hover,.nav-links a:focus-visible{color:var(--orange)}.lang-switch{display:flex;gap:2px;border:1px solid var(--grid);margin-left:8px}.lang-btn{background:transparent;border:none;color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;padding:6px 10px;cursor:pointer}.lang-btn:hover,.lang-btn:focus-visible{color:var(--text)}.lang-switch{display:flex;gap:2px;border:1px solid var(--grid)}.lang-btn{background:transparent;color:var(--text-dim);border:none;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.5px;padding:7px 10px;cursor:pointer}.lang-btn+.lang-btn{border-left:1px solid var(--grid)}.lang-btn.active{background:var(--orange);color:var(--navy)}.lang-btn:hover:not(.active),.lang-btn:focus-visible:not(.active){color:var(--text)}.brand-banner{position:relative;width:100%;height:200px;display:flex;align-items:center;gap:32px;padding:0 60px;border-bottom:1px solid var(--grid);background:linear-gradient(90deg,rgba(255,106,43,.05),transparent 55%);overflow:hidden}.brand-banner-mark{height:140px;width:140px;object-fit:contain;flex-shrink:0}.brand-banner-text h2{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(28px,4vw,44px);letter-spacing:1px}.brand-banner-text p{font-family:JetBrains Mono,monospace;font-size:13px;color:var(--steel);letter-spacing:.5px;text-transform:uppercase;margin-top:8px}.hero{position:relative;padding:120px 60px 140px;min-height:80vh;overflow:hidden}.hero-content{position:relative;z-index:1}.hero:after{content:"OZER LABS";position:absolute;bottom:-50px;right:-30px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(70px,20vw,260px);color:transparent;-webkit-text-stroke:1px var(--grid);white-space:nowrap;pointer-events:none;z-index:0;letter-spacing:-6px}.hero .crosshair.c1{top:40px;left:40px}.hero .crosshair.c2{top:40px;right:40px}.hero .crosshair.c3{bottom:40px;left:40px}.hero .crosshair.c4{bottom:40px;right:40px}@keyframes heroUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero .eyebrow-block{animation:heroUp .7s ease both}.hero h1{animation:heroUp .7s ease .1s both}.hero-sub{animation:heroUp .7s ease .2s both}.cta-row{animation:heroUp .7s ease .3s both}@keyframes pulseDim{0%,to{opacity:.35}50%{opacity:1}}.crosshair{animation:pulseDim 3.2s ease-in-out infinite}.eyebrow-block{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:48px;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--steel);letter-spacing:.5px}.eyebrow-block div span{color:var(--text-dim);display:block;font-size:10px;margin-bottom:2px;text-transform:uppercase}.hero h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:clamp(40px,6.5vw,92px);line-height:1.02;letter-spacing:-1px;max-width:1100px}.hero h1 .accent{color:var(--orange)}.hero-sub{margin-top:32px;max-width:560px;font-size:17px;line-height:1.6;color:var(--text-dim)}.cta-row{margin-top:56px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.btn-primary{background:var(--orange);color:var(--navy);padding:16px 32px;font-weight:600;font-size:14px;text-decoration:none;font-family:Space Grotesk,sans-serif;letter-spacing:.3px;border:none;cursor:pointer;display:inline-block}.btn-primary:hover,.btn-primary:focus-visible{background:#ff7f47}.btn-secondary{color:var(--text);text-decoration:none;font-family:JetBrains Mono,monospace;font-size:13px;border-bottom:1px solid var(--steel);padding-bottom:4px;background:none;border-top:none;border-left:none;border-right:none;cursor:pointer}.section-label{display:flex;align-items:center;gap:16px;padding:0 60px;margin-bottom:48px}.section-label .num{font-family:JetBrains Mono,monospace;color:var(--orange);font-size:13px}.section-label h2{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:600}.section-label .rule{flex:1;height:1px;background:var(--grid)}.services{padding:100px 0}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--grid);border-left:1px solid var(--grid);margin:0 60px}.spec-card{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);padding:36px 28px;position:relative}.spec-card .id{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--orange);margin-bottom:20px;display:block}.spec-card h3{font-family:Space Grotesk,sans-serif;font-size:22px;margin-bottom:14px}.spec-card p{color:var(--text-dim);font-size:14px;line-height:1.6}.projects{padding:100px 0 120px}.project-row{margin:0 60px 24px;border:1px solid var(--grid);display:grid;grid-template-columns:180px 1fr 220px;align-items:center;padding:32px 36px;position:relative;background:linear-gradient(90deg,rgba(76,107,138,.04),transparent);text-decoration:none}.project-row .tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--steel);border:1px solid var(--grid);padding:4px 10px;width:fit-content}.project-row h3{font-family:Space Grotesk,sans-serif;font-size:24px;color:var(--text)}.project-row p{color:var(--text-dim);font-size:13px;margin-top:6px}.project-row .meta{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--steel);text-align:right;line-height:1.8}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.spec-card{transition:transform .25s ease,border-color .25s ease}.spec-card:hover{transform:translateY(-4px);border-color:var(--orange)}.project-row{transition:transform .25s ease,border-color .25s ease}.project-row:hover{transform:translate(6px);border-color:var(--orange)}.btn-primary{transition:transform .2s ease,background .2s ease}.btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-2px)}.about{padding:20px 0 100px}.about-box{margin:0 60px;border:1px solid var(--grid);padding:48px;background:linear-gradient(135deg,rgba(76,107,138,.05),transparent)}.about-box h3{font-family:Space Grotesk,sans-serif;font-size:30px;margin-bottom:20px}.about-box p{color:var(--text-dim);font-size:15px;line-height:1.7;max-width:640px;margin-bottom:14px}.about-stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:32px;padding-top:32px;border-top:1px solid var(--grid)}.stat{display:flex;flex-direction:column;gap:4px}.stat-value{font-family:Space Grotesk,sans-serif;font-size:22px;color:var(--orange)}.stat-label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--steel)}.process{padding:60px 0 100px}.process-line{margin:0 60px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.process-line:before{content:"";position:absolute;top:20px;left:0;right:0;height:1px;background:var(--grid);border-top:1px dashed var(--steel);opacity:.5}.process-step{position:relative;padding:0 20px 0 0}.step-id{display:block;font-family:JetBrains Mono,monospace;font-size:13px;color:var(--orange);background:var(--navy);width:fit-content;padding:2px 4px;margin-bottom:16px;position:relative;z-index:1}.process-step h3{font-family:Space Grotesk,sans-serif;font-size:19px;margin-bottom:8px}.process-step p{color:var(--text-dim);font-size:13px;line-height:1.6}.pricing{padding:60px 0 100px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 60px}.pricing-card{border:1px solid var(--grid);padding:32px 28px;display:flex;flex-direction:column;transition:transform .25s ease,border-color .25s ease}.pricing-card:hover{transform:translateY(-4px);border-color:var(--orange)}.pricing-card .tag{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--steel);border:1px solid var(--grid);padding:4px 10px;width:fit-content;margin-bottom:20px}.pricing-card h3{font-family:Space Grotesk,sans-serif;font-size:22px;margin-bottom:18px}.pricing-card ul{list-style:none;margin-bottom:28px;flex:1}.pricing-card li{color:var(--text-dim);font-size:13px;line-height:1.8;padding-left:16px;position:relative}.pricing-card li:before{content:"—";position:absolute;left:0;color:var(--steel)}.pricing-note{margin:32px 60px 0;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--steel)}.contact{padding:0 60px 120px}.contact-box{border:1px solid var(--grid);padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px}.contact-info h3{font-family:Space Grotesk,sans-serif;font-size:24px;margin-bottom:16px}.contact-info p{color:var(--text-dim);font-size:14px;line-height:1.7;margin-bottom:24px}.contact-info .detail{font-family:JetBrains Mono,monospace;font-size:13px;margin-bottom:8px;color:var(--text)}.contact-info .detail span{color:var(--steel);display:inline-block;width:90px}form.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form label{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--steel);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:6px}.contact-form input,.contact-form textarea{width:100%;background:var(--navy-2);border:1px solid var(--grid);color:var(--text);padding:12px 14px;font-family:Inter,sans-serif;font-size:14px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--orange);outline-offset:1px}.contact-form textarea{resize:vertical;min-height:100px}.form-status{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--orange);min-height:16px}footer{border-top:1px solid var(--grid);padding:48px 60px;display:flex;justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:12px;color:var(--text-dim);flex-wrap:wrap;gap:12px}footer a{text-decoration:none}footer a:hover,footer a:focus-visible{color:var(--orange)}@media (max-width: 800px){nav,.hero,.section-label,footer,.contact{padding-left:24px;padding-right:24px}.spec-grid{grid-template-columns:1fr;margin:0 24px}.project-row{grid-template-columns:1fr;gap:10px;margin:0 24px 20px;text-align:left}.project-row .meta{text-align:left}.nav-links{display:none}nav{gap:12px}.eyebrow-block{gap:20px}.contact-box{grid-template-columns:1fr;padding:28px;margin:0 24px}.contact{padding:0 0 100px}.about-box{margin:0 24px;padding:28px}.about-stats{gap:24px}.process-line{grid-template-columns:1fr;margin:0 24px;gap:32px}.process-line:before{display:none}.pricing-grid{grid-template-columns:1fr;margin:0 24px}.pricing-note{margin:24px 24px 0}.hero:after{display:none}.brand-banner{height:auto;flex-direction:column;align-items:flex-start;gap:16px;padding:24px;text-align:left}.brand-banner-mark{height:90px;width:90px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.hero .eyebrow-block,.hero h1,.hero-sub,.cta-row,.crosshair{animation:none}}
