:root{--bg:#07061a;--bg-2:#0e0c2b;--card:#ffffff0a;--card-line:#ffffff17;--text:#f4f2ff;--muted:#a7a3c9;--violet:#7b5cff;--violet-2:#a46bff;--coral:#ff5a4e;--gold:#ffd25e;--radius:20px;--font-head:"Unbounded", system-ui, sans-serif;--font-body:"Manrope", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:17px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-head);letter-spacing:-.02em;margin:0 0 18px;font-weight:700;line-height:1.1}h1{font-size:clamp(38px,6.4vw,76px)}h2{font-size:clamp(28px,4vw,46px)}h3{font-size:19px;font-weight:600}.wrap{max-width:1180px;margin:0 auto;padding:0 20px;position:relative}.muted{color:var(--muted)}.small{font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--violet-2);margin:0 0 12px;font-size:12px;font-weight:700}.space{isolation:isolate;position:relative;overflow-x:clip}.stars{z-index:-1;pointer-events:none;background:radial-gradient(1px 1px at 10% 20%, #fff8 50%, transparent 51%), radial-gradient(1px 1px at 30% 70%, #fff6 50%, transparent 51%), radial-gradient(1.5px 1.5px at 55% 15%, #fffa 50%, transparent 51%), radial-gradient(1px 1px at 75% 55%, #fff7 50%, transparent 51%), radial-gradient(1.5px 1.5px at 88% 30%, #fff9 50%, transparent 51%), radial-gradient(1px 1px at 20% 90%, #fff5 50%, transparent 51%), radial-gradient(1px 1px at 65% 85%, #fff6 50%, transparent 51%), radial-gradient(1.2px 1.2px at 42% 42%, #fff7 50%, transparent 51%), radial-gradient(900px 600px at 85% -10%, #7b5cff47, transparent 60%), radial-gradient(700px 500px at -10% 40%, #ff5a4e1f, transparent 60%), var(--bg);background-size:400px 400px,300px 300px,500px 500px,350px 350px,450px 450px,380px 380px,420px 420px,260px 260px,auto,auto,auto;position:fixed;inset:0}.nav{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--card-line);background:#07061a99;position:sticky;top:0}.nav-in{justify-content:space-between;align-items:center;height:72px;display:flex}.nav a{text-decoration:none}.nav nav{color:var(--muted);align-items:center;gap:26px;font-size:15px;display:flex}.nav nav a:hover{color:var(--text)}.nav-cta{background:var(--text);border-radius:999px;padding:9px 18px;font-weight:700;color:var(--bg)!important}@media (max-width:760px){.nav nav a:not(.nav-cta){display:none}}.brand{align-items:center;gap:10px;display:inline-flex}.brand-word{font-family:var(--font-head);letter-spacing:-.03em;font-size:22px;font-weight:700}.brand-dot{color:var(--coral)}.btn{cursor:pointer;background:linear-gradient(135deg, var(--violet), var(--violet-2));color:#fff;font:inherit;border:0;border-radius:999px;padding:15px 28px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block;box-shadow:0 10px 40px -10px #7b5cffcc}.btn:hover{transform:translateY(-2px);box-shadow:0 14px 44px -10px #7b5cff}.btn.ghost{border:1px solid var(--card-line);box-shadow:none;background:0 0}.btn.ghost:hover{border-color:var(--violet-2)}.btn:disabled{opacity:.6;transform:none}.hero{padding:clamp(56px,9vw,110px) 0 clamp(40px,6vw,80px)}.hero-in{grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;display:grid}.badge{border:1px solid var(--card-line);color:var(--muted);background:var(--card);border-radius:999px;margin-bottom:22px;padding:7px 14px;font-size:13px;display:inline-block}.hero h1{background:linear-gradient(#fff 30%,#c9bfff);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--muted);max-width:600px;margin:0 0 34px;font-size:clamp(18px,2vw,21px)}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-visual{aspect-ratio:1;justify-self:center;width:100%;max-width:480px;position:relative}.planet{background:radial-gradient(circle at 32% 30%,#a68bff 0%,#5b3df0 35%,#24157a 70%,#0e0a3a 100%);border-radius:50%;position:absolute;inset:18%;box-shadow:0 0 120px 10px #7b5cff73,inset -30px -30px 60px #00000073}.orbit{border:1px dashed #fff3;border-radius:50%;animation:26s linear infinite spin;position:absolute;inset:4%;transform:rotateX(68deg)rotate(-20deg)}.orbit.o2{border-style:solid;border-color:#ffffff14;animation-duration:40s;animation-direction:reverse;inset:-6%}.orbit span{background:var(--gold);width:10px;height:10px;box-shadow:0 0 16px var(--gold);border-radius:50%;position:absolute;top:-5px;left:50%}.orbit.o2 span{background:var(--coral);box-shadow:0 0 16px var(--coral)}@keyframes spin{to{transform:rotateX(68deg)rotate(340deg)}}.hero-mark{filter:drop-shadow(0 20px 40px #00000080);place-items:center;animation:6s ease-in-out infinite float;display:grid;position:absolute;inset:0}@keyframes float{50%{transform:translateY(-14px)}}.float-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-line);background:#0e0c2bbf;border-radius:16px;padding:16px 20px;position:absolute;bottom:8%;right:-2%}.float-card strong{font-family:var(--font-head);color:var(--gold);font-size:28px;display:block}.float-card span{color:var(--muted);font-size:13px}@media (max-width:860px){.hero-in{grid-template-columns:1fr}.hero-visual{order:-1;max-width:300px}.float-card{padding:12px 14px;bottom:0;right:0}.float-card strong{font-size:22px}}@media (prefers-reduced-motion:reduce){.orbit,.hero-mark{animation:none}}.stats-strip{padding:10px 0 30px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.stat{border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);padding:26px}.stat strong{font-family:var(--font-head);margin-bottom:6px;font-size:clamp(30px,3.6vw,44px);line-height:1.1;display:block}.stat span{color:var(--muted);font-size:15px}.stat.main{background:linear-gradient(135deg,#7b5cff59,#a46bff1f);border-color:#a46bff66}.stat.main strong{color:var(--gold)}.sec{padding:clamp(64px,9vw,110px) 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.about{max-width:820px;color:var(--muted);margin:0 0 40px;font-size:19px}.services{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.service{border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);padding:28px;transition:border-color .2s}.service:hover{border-color:#a46bff80}.service-n{font-family:var(--font-head);color:var(--violet-2);font-size:14px}.service h3{margin:14px 0 10px}.service p{color:var(--muted);margin:0;font-size:16px}.clients{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.client{background:var(--card);border:1px solid var(--card-line);border-radius:16px;place-items:center;height:96px;padding:18px;display:grid}.client span{font-family:var(--font-head);letter-spacing:-.02em;color:#ddd8ff;text-align:center;font-size:20px;font-weight:700}.client img{filter:brightness(0)invert();opacity:.85;width:auto;max-height:48px}.projects{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px;display:grid}@media (max-width:400px){.projects{grid-template-columns:1fr}}.project{border-radius:var(--radius);border:1px solid var(--card-line);background:linear-gradient(#ffffff0f,#ffffff05);padding:30px}.project-head{align-items:center;gap:14px;margin-bottom:18px;display:flex}.project-head h3{margin:0 0 2px}.project-head a{font-size:14px;text-decoration:none}.project-logo{object-fit:contain;background:#fff;border-radius:14px;flex:none;width:56px;height:56px}.project-logo.ph{background:linear-gradient(135deg, var(--violet), var(--coral));font-family:var(--font-head);place-items:center;font-size:24px;font-weight:700;display:grid}.project-total{text-align:right;margin-left:auto}.project-total strong{font-family:var(--font-head);color:var(--gold);font-size:24px;line-height:1.1;display:block}.project-total span{color:var(--muted);font-size:12px}.tagline{margin:0 0 8px;font-weight:700}.nets{grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.nets a,.nets div{background:#ffffff0a;border-radius:12px;justify-content:space-between;gap:8px;padding:10px 14px;font-size:14px;text-decoration:none;display:flex}.nets a:hover{background:#7b5cff2e}.nets span{color:var(--muted)}.pstats{border-top:1px solid var(--card-line);grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0 0;padding-top:18px;display:grid}.pstats dt{color:var(--muted);font-size:13px}.pstats dd{font-family:var(--font-head);margin:0;font-size:20px}.price-group{margin-top:26px}.prices{border-collapse:collapse;width:100%}.prices td{border-top:1px solid var(--card-line);vertical-align:top;padding:18px 0}.prices .price{text-align:right;white-space:nowrap;color:var(--gold);padding-left:16px;font-weight:800}@media (max-width:560px){.prices .price{white-space:normal}}.quotes{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;display:grid}.quote{border-radius:var(--radius);background:var(--card);border:1px solid var(--card-line);margin:0;padding:28px}.quote p{margin:0 0 12px}.quote footer{color:var(--muted);font-size:15px}.contact-sec{background:linear-gradient(#0000,#7b5cff1f)}.contact{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}.contacts{gap:10px;margin:26px 0 0;padding:0;font-size:19px;list-style:none;display:grid}.contacts a{border-bottom:1px solid var(--card-line);text-decoration:none}.form{border-radius:var(--radius);border:1px solid var(--card-line);background:#0e0c2bb3;gap:12px;padding:28px;display:grid}.form input,.form textarea{border:1px solid var(--card-line);width:100%;color:var(--text);font:inherit;background:#ffffff0a;border-radius:12px;padding:14px 16px}.form input::placeholder,.form textarea::placeholder{color:#7d79a3}.form input:focus,.form textarea:focus{outline:2px solid var(--violet);border-color:#0000}.form .hp{width:1px;height:1px;position:absolute;left:-9999px}.form .err{color:#ff8a80;margin:0}.form.done strong{font-family:var(--font-head);font-size:22px}@media (max-width:860px){.contact{grid-template-columns:1fr}}.foot{border-top:1px solid var(--card-line);padding:34px 0}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.foot p{text-align:right;margin:4px 0}@media (max-width:600px){.foot p{text-align:left}}
