body{background:#060a0f}body:before{background:radial-gradient(ellipse at 75% 15%,#06436e20,transparent 45%)}.wrap{max-width:1320px}.hero{grid-template-columns:1fr 1.15fr;min-height:720px;gap:20px;padding:40px 0 65px}h1{font-size:clamp(42px,4.8vw,66px);line-height:1.04}.lead{font-size:18px;line-height:1.7}.eyebrow{font-size:12px;letter-spacing:.2em}header{background:#060a0ff2;border-bottom-color:#21313d}.brandlogo small{font-size:9px}.trust{gap:20px;line-height:1.6}.btn{border-radius:8px;box-shadow:none;font-size:14px;min-height:48px}.blue{background:#0785e4}.green{background:#13894e}.quick{gap:10px}.navlinks{gap:20px}.key-showcase{position:relative;min-width:0;background:radial-gradient(ellipse at 52% 54%,#0c2133 0,transparent 67%);border:1px solid #203446;border-radius:22px;overflow:hidden}.key-caption{display:flex;justify-content:space-between;gap:12px;padding:24px 24px 0;font-size:11px;letter-spacing:.14em;color:#9cbdce}.key-caption span:last-child{color:#56b9ff}.key-viewport{width:100%;aspect-ratio:660/590;position:relative;overflow:hidden}.key-scene{width:660px;height:590px;position:absolute;top:0;left:0;transform-origin:top left}.key-aura{position:absolute;left:90px;top:140px;width:490px;height:310px;background:radial-gradient(ellipse,#0878c826,transparent 65%);filter:blur(28px)}.key-piece{position:absolute;display:block;max-width:none;object-fit:contain;will-change:transform;filter:drop-shadow(0 16px 14px #0008);user-select:none}.piece-label{position:absolute;font-size:12px;letter-spacing:.05em;background:#071018e8;border:1px solid #355166;border-radius:4px;padding:7px 10px;white-space:nowrap;color:#badaeb;opacity:0}.key-controls{padding:12px 20px 20px;display:flex;align-items:center;gap:15px}button{font:inherit;cursor:pointer} .key-controls button{background:transparent;color:#bcd2e0;border:1px solid #294354;border-radius:6px;padding:10px 13px;min-height:40px;font-size:12px}.key-controls input{width:100%;min-width:20px;accent-color:#28aaff;cursor:pointer;height:28px}.key-controls button:hover{color:#fff;border-color:#28aaff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.services{grid-template-columns:repeat(3,1fr);gap:22px}.card{min-height:0;border-color:#22323f;border-radius:14px;background:#0b121a}.card .pic{height:auto;aspect-ratio:1.5}.card img{width:100%;height:100%;object-fit:cover}.card h3{font-size:19px;line-height:1.3}.card p{font-size:16px;min-height:72px}.cardbody{padding:24px}.card .btn{padding:11px 16px}.tech{grid-template-columns:1fr 1fr}.techpic{border-radius:16px}.techpic img{aspect-ratio:1.35;object-fit:cover;height:auto}.chips{font-size:14px;line-height:1.6}.brands{grid-template-columns:repeat(8,1fr)}.brand{font-size:12px;border-color:#243644;border-radius:8px;padding:20px 5px}.ctabox{box-shadow:none;border-color:#244158;border-radius:18px}.reveal{opacity:1;transform:none}.js-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.js-reveal.on{opacity:1;transform:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #5ec7ff;outline-offset:5px}section{border-top-color:#1b2b37}h2{line-height:1.12}
@media(max-width:1050px){.navlinks{display:none}.hero{grid-template-columns:1fr 1.1fr}.trust{flex-direction:column;gap:10px}.brands{grid-template-columns:repeat(4,1fr)}h1{font-size:43px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:34px;gap:35px}.hero>div:first-child{max-width:580px}.key-showcase{width:100%;max-width:620px;margin:auto}.services{grid-template-columns:repeat(2,1fr)}.tech{grid-template-columns:1fr}.trust{flex-direction:row;flex-wrap:wrap;font-size:12px}.brandlogo{width:185px}.brandlogo strong{font-size:21px}nav{gap:10px}.actions{margin-left:auto}.hero h1{font-size:clamp(39px,7.5vw,56px)}.techpic{max-width:650px}.ctabox{padding:28px}.ctabox h2{font-size:32px}.ctabox .quick{margin:10px 0}.key-caption{padding:18px 16px 0;font-size:10px}.key-controls{padding:8px 12px 16px;gap:10px}.key-controls button{padding:8px 10px}section{padding:55px 0}}
@media(max-width:480px){.services{grid-template-columns:1fr}.card .pic{aspect-ratio:1.55}.card p{min-height:0}.brands{grid-template-columns:repeat(3,1fr)}.trust{gap:15px}.trust span{max-width:130px}.hero .quick .btn{padding:14px 13px;font-size:12px}.lead{font-size:17px}.chips{grid-template-columns:1fr 1fr}.chip{padding:12px}h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-reveal{opacity:1;transform:none}.card,.btn,.card img{transition:none}}
@media(max-width:480px){nav{height:82px}.brandlogo small{font-size:8px;letter-spacing:.2em}.brandlogo{width:190px}.hero .trust{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;font-size:10px;line-height:1.55}.hero .trust span{max-width:none}.hero .trust b{display:inline-block;min-height:32px;font-size:11px}.hero .quick{margin:22px 0}.hero{gap:26px}.hero h1{margin-bottom:18px}.actions .btn:after{content:none}.actions .btn{font-size:12px}}
