:root{--ink:#10151d;--panel:#171e28;--blue:#26c6ff;--lime:#c9ff45;--paper:#f5f7f8;--muted:#68717d;--line:#dbe0e4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.55}a{color:inherit}.site-header{height:76px;padding:0 max(24px,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-size:1.05rem;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--ink);color:var(--blue);font-weight:900;border-radius:9px}.brand b{font-weight:800}nav{display:flex;gap:28px}nav a{font-size:.88rem;text-decoration:none;font-weight:700}nav a:hover{color:#087ca5}.menu{display:none;background:none;border:1px solid var(--line);border-radius:7px;padding:8px 12px;font:inherit}.hero{max-width:var(--max);margin:auto;min-height:680px;padding:72px 0 60px;display:grid;grid-template-columns:1.03fr .97fr;gap:70px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:800;font-size:.75rem;color:#087ca5;margin:0 0 18px}.hero h1,.section h2,.contact h2{font-size:clamp(3.5rem,7vw,6.8rem);letter-spacing:-.075em;line-height:.86;margin:0}.hero h1 span{color:#087ca5}.intro{font-size:1.18rem;color:#4e5865;max-width:580px;margin:32px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:8px;text-decoration:none;font-weight:800;font-size:.9rem}.primary{background:var(--ink);color:white}.primary:hover{background:#087ca5}.secondary{border:1px solid #aeb6bf;background:white}.trust{display:flex;gap:18px;margin-top:40px;flex-wrap:wrap;color:#56606d;font-size:.78rem;font-weight:700}.hero-panel{background:var(--ink);color:white;border-radius:22px;min-height:500px;padding:24px;display:flex;flex-direction:column;box-shadow:0 25px 65px #1c2b3830}.status{display:flex;justify-content:space-between;font-weight:900;color:var(--blue);font-size:.8rem;letter-spacing:.12em}.status span{color:#aab5c2;font-size:.65rem}.device{margin:auto;width:84%}.screen{aspect-ratio:16/10;border:8px solid #303b48;border-radius:14px 14px 5px 5px;background:radial-gradient(circle at 70% 20%,#1d748f 0,transparent 32%),linear-gradient(145deg,#1e2c3a,#0e131a);display:flex;flex-direction:column;justify-content:flex-end;padding:26px;position:relative;overflow:hidden}.screen:before{content:"";position:absolute;width:240px;height:240px;border:38px solid #26c6ff16;border-radius:50%;right:-95px;top:-110px}.screen strong{font-size:1.3rem}.screen small{color:#99a5b2}.pulse{width:10px;height:10px;background:var(--lime);border-radius:50%;margin-bottom:auto;box-shadow:0 0 24px var(--lime)}.base{height:11px;background:#606b78;clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);margin:auto;width:108%}.panel-stats{border-top:1px solid #33404d;display:grid;grid-template-columns:1fr 1fr}.panel-stats div{padding:20px 4px 0;display:flex;flex-direction:column}.panel-stats div+div{padding-left:24px;border-left:1px solid #33404d}.panel-stats b{color:var(--blue);font-size:1.4rem}.panel-stats span{font-size:.75rem;color:#aab5c2}.section{max-width:var(--max);margin:auto;padding:110px 0}.section-head{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end;margin-bottom:52px}.section h2{font-size:clamp(2.8rem,5vw,5rem)}.section-head>p{color:var(--muted);margin:0}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{background:#fff;border:1px solid var(--line);padding:14px 24px 28px;border-radius:14px}.product.featured{background:var(--panel);color:white;border-color:var(--panel)}.product-visual{height:210px;display:grid;place-items:center;background:linear-gradient(145deg,#e7edf0,#d2dae0);border-radius:9px;margin-bottom:22px;font-size:.65rem;letter-spacing:.22em;font-weight:900;color:#5f6b77;position:relative}.product-visual:before{content:"";width:56%;height:45%;border:9px solid #34414e;border-radius:7px;background:#1c2732;box-shadow:inset 0 0 0 2px #26c6ff55}.desktop:after{content:"";position:absolute;width:35%;height:8px;background:#34414e;bottom:42px}.featured .product-visual{background:linear-gradient(145deg,#202f3d,#121820);color:#7b8997}.monitor:before{border-radius:2px;width:65%}.tag{font-size:.65rem;text-transform:uppercase;letter-spacing:.13em;color:#087ca5;font-weight:900}.product h3,.categories h3,.service-list h3{margin:8px 0;font-size:1.25rem}.product p,.categories p,.service-list p{color:var(--muted);margin:0 0 18px}.featured p{color:#aeb7c1}.product a{font-weight:800;font-size:.84rem;text-decoration:none}.stock-note{text-align:center;color:var(--muted);font-size:.85rem;margin-top:24px}.products-section{border-top:1px solid var(--line)}.categories{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aeb6bf}.categories div{padding:28px 22px;border-right:1px solid #aeb6bf}.categories div:last-child{border:0}.categories span,.service-list>article>span{color:#087ca5;font-size:.72rem;font-weight:900}.repairs{max-width:none;background:var(--panel);color:#fff;padding-left:max(24px,calc((100% - var(--max))/2));padding-right:max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.repair-intro h2{font-size:clamp(3rem,5vw,5.5rem)}.repair-intro>p:not(.eyebrow){color:#aeb7c1;max-width:500px;margin:28px 0}.repairs .primary{background:var(--blue);color:#08202a}.service-list article{display:grid;grid-template-columns:55px 1fr;padding:25px 0;border-top:1px solid #35414d}.service-list article:last-child{border-bottom:1px solid #35414d}.service-list h3{margin-top:0}.service-list p{color:#9eabb7}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:100px}.about-number{font-weight:900;font-size:clamp(3.5rem,7vw,7rem);letter-spacing:-.08em;line-height:.78;color:#d6dde2}.about>div:last-child{max-width:660px}.about>div:last-child p:not(.eyebrow){color:#55606c;font-size:1.08rem}.contact{background:var(--blue);padding:100px max(24px,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{font-size:clamp(3.5rem,6vw,6rem)}.contact .eyebrow{color:#083b4f}.contact-card{background:var(--ink);color:white;padding:36px;border-radius:16px}.contact-card>p{color:#afbac4}.contact-row{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #35414d}.contact-row span{color:#8f9aa5;font-size:.8rem}.contact-row b{text-align:right}.contact-row.placeholder b{color:#b6c0c8;font-style:italic;font-weight:500}.light{margin-top:18px;background:white;color:var(--ink);width:100%}footer{max-width:var(--max);margin:auto;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#66717c;font-size:.78rem}footer .brand{color:var(--ink);font-size:.9rem}
@media(max-width:900px){.site-header{padding:0 20px}.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:18px 24px;flex-direction:column;border-bottom:1px solid var(--line);gap:16px}nav.open{display:flex}.hero,.section{padding-left:22px;padding-right:22px}.hero{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero-panel{min-height:430px}.section-head,.repairs,.about,.contact{grid-template-columns:1fr;gap:42px}.product-grid{grid-template-columns:1fr}.categories{grid-template-columns:1fr 1fr}.categories div:nth-child(2){border-right:0}.repairs,.contact{padding:80px 22px}footer{padding:25px 22px;flex-direction:column;align-items:flex-start}}
@media(max-width:540px){.hero h1{font-size:3.7rem}.hero-panel{min-height:350px}.screen{padding:18px}.section{padding-top:80px;padding-bottom:80px}.section-head{gap:25px}.categories{grid-template-columns:1fr}.categories div{border-right:0;border-bottom:1px solid #aeb6bf}.trust{flex-direction:column;gap:8px}.contact-card{padding:25px}.contact-row{flex-direction:column;gap:4px}.contact-row b{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.brand{gap:0;font-size:0}.brand img{display:block;width:164px;height:auto}.slogan{color:#167f98;font-size:.78rem}footer .brand img{width:128px}