:root{color-scheme:dark;--bg:#0a0d17;--alt:#0d111c;--ink:#f4f5fa;--mut:#a3abc0;--blue:#66a3ff;--vio:#aa83ff;--line:rgba(174,190,225,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Segoe UI",Inter,Roboto,system-ui,-apple-system,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w{width:min(1160px,calc(100% - 40px));margin-inline:auto}
header{position:sticky;top:0;z-index:20;background:rgba(10,13,23,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
header .w{display:flex;align-items:center;gap:14px;min-height:62px}header img{height:46px;display:block}
nav{flex:1;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}nav a{white-space:nowrap;color:#aeb5c8;text-decoration:none;font-size:13px;font-weight:600;padding:10px 11px;border-radius:6px}nav a:hover,nav a.on{color:#fff;background:rgba(110,153,255,.08)}
.btn{display:inline-block;padding:13px 21px;border-radius:8px;font:700 14px inherit;text-decoration:none;color:#fff;border:1px solid rgba(180,196,230,.3);background:transparent;cursor:pointer}.btn:hover{border-color:#9db8ee}
.btn.s{background:linear-gradient(135deg,#3f82f0,#7c5cf0);border:0}.btn.sm{padding:9px 14px;font-size:12px}
section{padding:88px 0}.alt{background:var(--alt);border-block:1px solid var(--line)}
.eb{color:var(--blue);font:600 12px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px}
h1,h2,h3{letter-spacing:-.04em}h2{font-size:clamp(2rem,4vw,3.3rem);line-height:1.08;font-weight:600;margin:0 0 16px}
p{color:var(--mut);font-size:15px;line-height:1.75;margin:0 0 14px}
.hero{position:relative;overflow:hidden;padding:72px 0;background:linear-gradient(rgba(153,174,217,.05) 1px,transparent 1px) 0 0/58px 58px,linear-gradient(90deg,rgba(153,174,217,.05) 1px,transparent 1px) 0 0/58px 58px}
.hero:before{content:"";position:absolute;right:-110px;top:30px;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle,rgba(49,106,220,.3),rgba(102,66,196,.12) 42%,transparent 70%)}
.hg{position:relative;display:grid;gap:30px;align-items:center}@media(min-width:900px){.hg{grid-template-columns:1.1fr .9fr}}
h1{font-size:clamp(2.4rem,6vw,4.8rem);line-height:1;font-weight:600;margin:0;letter-spacing:-.065em}h1 small{display:block;font-size:1.15rem;letter-spacing:0;color:#cbd2e3;font-weight:500;margin-bottom:14px}
.g{background:linear-gradient(90deg,#93c5fd,#c4b5fd);-webkit-background-clip:text;background-clip:text;color:transparent}
.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.scene{perspective:900px;height:400px;position:relative}.tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-14deg);transition:transform .2s}
.plate{position:absolute;border:1px solid rgba(160,185,240,.25);background:rgba(20,28,48,.85);border-radius:14px;padding:14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#cbd2e3;box-shadow:0 20px 40px rgba(20,40,110,.35);animation:fl 5s ease-in-out infinite}.plate b{display:block;font-size:20px;margin-bottom:8px}
.main{left:50%;top:50%;width:190px;height:190px;margin:-95px;background:#fff;padding:8px;transform:translateZ(60px)}.main img{width:100%;height:100%;object-fit:contain}
.ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(147,197,253,.28)}
.cube{position:absolute;width:44px;height:44px;border:1px solid rgba(147,160,255,.6);background:rgba(110,100,240,.18);animation:sp 9s linear infinite}
@keyframes fl{50%{translate:0 -12px}}@keyframes sp{to{transform:rotateX(360deg) rotateY(360deg)}}
.grid{display:grid;gap:16px}@media(min-width:760px){.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:1fr 1fr}.g4{grid-template-columns:repeat(4,1fr)}}
.card{background:#101522;border:1px solid var(--line);border-radius:12px;padding:24px}.card h3{margin:12px 0 8px;font-size:17px}.card p{font-size:13.5px;margin:0 0 8px}
.ic{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:9px;border:1px solid rgba(102,163,255,.25);background:rgba(102,163,255,.08)}
.two{display:grid;gap:40px;align-items:start}@media(min-width:860px){.two{grid-template-columns:.9fr 1.1fr;gap:70px}}
.fd{display:flex;align-items:center;gap:22px;margin-top:48px;justify-content:center}.fd img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:1px solid rgba(158,190,255,.45)}
.st{border-top:1px solid var(--line);padding:20px 24px 6px 0}.st span{color:var(--blue);font:500 12px ui-monospace,monospace}.st h3{margin:8px 0 6px;font-size:19px}
.badge{display:inline-block;font:600 10px ui-monospace,monospace;letter-spacing:.1em;padding:4px 10px;border-radius:99px;border:1px solid currentColor}.dev{color:#86b7ff}.soon{color:#dfadff}.pl{color:#f2c77d}.hire{color:#6ee7b7}
details summary{cursor:pointer;color:var(--blue);font-weight:700;font-size:13px;margin-top:10px}details ul{color:var(--mut);font-size:13px;padding-left:18px}details p{font-size:12.5px}
form{display:grid;gap:14px}.fr{display:grid;gap:14px}@media(min-width:600px){.fr{grid-template-columns:1fr 1fr}}
label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#cbd2e3}input,select,textarea{font:inherit;font-size:14px;color:var(--ink);background:#0a0d17;border:1px solid rgba(174,190,225,.25);border-radius:8px;padding:12px;width:100%}textarea{min-height:120px;resize:vertical}
input[type=file]{padding:9px}.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:12px;color:#aab2c6}.chk input{width:auto;margin-top:3px}
.hp{position:absolute;left:-9999px}.msg{font-size:13px;padding:11px 13px;border-radius:8px;display:none}.msg.ok{display:block;background:rgba(52,211,153,.1);border:1px solid rgba(52,211,153,.3);color:#a7f3d0}.msg.er{display:block;background:rgba(251,113,133,.1);border:1px solid rgba(251,113,133,.3);color:#fecdd3}
.job{display:flex;flex-direction:column}.job .btn{margin-top:auto;align-self:flex-start}.job.top{border-color:rgba(110,231,183,.45);background:linear-gradient(180deg,rgba(52,211,153,.07),#101522)}
.legal{max-width:780px}.legal h2{font-size:21px;letter-spacing:-.02em;margin:34px 0 10px}.legal ul{color:var(--mut);font-size:15px;line-height:1.75;padding-left:20px}.legal a{color:var(--blue)}
footer{background:#090c14;border-top:1px solid var(--line);padding:44px 0 26px;font-size:13px;color:#8a93a8}footer .fg{display:grid;gap:28px}@media(min-width:760px){footer .fg{grid-template-columns:1.4fr 1fr 1fr 1fr}}
footer h4{margin:0 0 12px;font:600 11px ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#6f7890}footer li{margin-bottom:9px;list-style:none}footer ul{padding:0;margin:0}footer a{color:#aab2c6;text-decoration:none}footer a:hover{color:#fff}
.copy{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;font-size:11.5px}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}