:root{--bg:#070b14;--bg-2:#0c1220;--surface:#111a2c;--surface-2:#16213a;--border:#1f2c47;--text:#e8eefc;--muted:#93a1bd;--primary:#22d3ee;--primary-2:#6366f1;--accent:#a855f7;--ok:#34d399;--grad:linear-gradient(120deg,var(--primary) 0%,var(--primary-2) 55%,var(--accent) 100%);--radius:16px;--max:1180px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:Space Grotesk,Inter,sans-serif;line-height:1.15;letter-spacing:-.02em}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--max);margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}header{position:fixed;inset:0 0 auto 0;z-index:50;padding-top:env(safe-area-inset-top,0px);background:#070b14b8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}header.scrolled{border-bottom-color:var(--border)}.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{height:52px;width:auto;filter:invert(1) grayscale(1) brightness(1.15);mix-blend-mode:screen}.brand-logo-lg{height:84px}.brand-sep{width:1px;height:34px;background:var(--border)}.brand-name{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:1.3rem;line-height:1}.brand-name small{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:.68rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-top:4px;white-space:nowrap}.nav-links{display:flex;gap:30px;list-style:none}.nav-links a{color:var(--muted);font-weight:500;font-size:.95rem;transition:color .2s;white-space:nowrap}.nav-links a:hover{color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;font-family:inherit}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 30px -8px #6366f199}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 40px -10px #6366f1cc}.btn-ghost{border-color:var(--border);color:var(--text);background:#ffffff05}.btn-ghost:hover{border-color:var(--primary);background:#22d3ee0f}.menu-toggle{display:none;background:none;border:0;color:var(--text);cursor:pointer;padding:8px}.hero{position:relative;padding:160px 0 110px;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px 400px at 15% 20%,rgba(34,211,238,.16),transparent 70%),radial-gradient(700px 500px at 85% 30%,rgba(168,85,247,.18),transparent 70%);pointer-events:none}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.35;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}.hero-inner{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#22d3ee14;border:1px solid rgba(34,211,238,.25);color:var(--primary);font-size:.82rem;font-weight:600;letter-spacing:.04em;margin-bottom:22px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.35}}.hero h1{font-size:clamp(2.4rem,5.4vw,4rem);font-weight:700;margin-bottom:22px}.hero p.lead{font-size:1.15rem;color:var(--muted);max-width:560px;margin-bottom:34px}.hero-ctas{display:flex;gap:14px;flex-wrap:wrap}.hero-stats{display:flex;gap:40px;margin-top:50px;flex-wrap:wrap}.hero-stats strong{display:block;font-family:Space Grotesk,sans-serif;font-size:1.9rem}.hero-stats span{color:var(--muted);font-size:.88rem}.hero-visual{position:relative;aspect-ratio:1/1;max-width:440px;justify-self:center;width:100%}.orbit{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed var(--border);animation:spin 40s linear infinite}.orbit.o2{top:14%;right:14%;bottom:14%;left:14%;animation-duration:28s;animation-direction:reverse}.orbit.o3{top:28%;right:28%;bottom:28%;left:28%;border-style:solid;border-color:#6366f159}@keyframes spin{to{transform:rotate(360deg)}}.orbit .node{position:absolute;width:46px;height:46px;border-radius:12px;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center}.orbit .node svg{width:22px;height:22px;stroke:var(--primary)}.core{position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#6366f159,#070b1400 70%)}.core-logo{width:78%;height:auto}section{padding:100px 0;position:relative}.section-head{text-align:center;max-width:680px;margin:0 auto 60px}.section-head .tag{color:var(--primary);font-weight:600;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase}.section-head h2{font-size:clamp(1.9rem,3.6vw,2.7rem);margin:12px 0 16px}.section-head p{color:var(--muted);font-size:1.05rem}.services-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.service{grid-column:span 2;position:relative;padding:32px 28px;border-radius:var(--radius);background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);transition:transform .3s,border-color .3s;overflow:hidden}.service:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--grad);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s;pointer-events:none}.service:hover{transform:translateY(-6px)}.service:hover:after{opacity:1}.icon-box{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;margin-bottom:22px;background:linear-gradient(135deg,#22d3ee26,#a855f726);border:1px solid var(--border)}.icon-box svg{width:26px;height:26px;stroke:var(--primary);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service h3{font-size:1.3rem;margin-bottom:10px}.service p{color:var(--muted);font-size:.96rem;margin-bottom:18px}.service ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.service li{font-size:.78rem;padding:5px 11px;border-radius:999px;background:var(--surface-2);color:#c3cde3;border:1px solid var(--border)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.why{padding:28px 24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface)}.why .num{font-family:Space Grotesk,sans-serif;font-size:2.2rem;font-weight:700}.why h4{font-size:1.08rem;margin:6px 0 8px}.why p{color:var(--muted);font-size:.92rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:step}.step{position:relative;padding-top:56px}.step:before{counter-increment:step;content:"0" counter(step);position:absolute;top:0;left:0;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:700;background:var(--surface);border:1px solid var(--border);color:var(--primary)}.step:not(:last-child):after{content:"";position:absolute;top:21px;left:54px;right:-10px;height:1px;background:linear-gradient(90deg,var(--border),transparent)}.step h4{font-size:1.1rem;margin-bottom:6px}.step p{color:var(--muted);font-size:.92rem}.contact-wrap{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;padding:54px;border-radius:24px;background:linear-gradient(135deg,#22d3ee14,#a855f71a);border:1px solid var(--border)}.contact-info h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-bottom:14px}.contact-info p{color:var(--muted);margin-bottom:28px}.contact-list{list-style:none;display:flex;flex-direction:column;gap:16px}.contact-list li{display:flex;gap:14px;align-items:center}.contact-list .icon-box{width:44px;height:44px;margin:0;border-radius:12px}.contact-list .icon-box svg{width:20px;height:20px}.contact-list small{display:block;color:var(--muted);font-size:.8rem}form{display:grid;grid-template-columns:1fr 1fr;gap:14px}form .full{grid-column:1/-1}label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:6px;font-weight:500}input,select,textarea{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:#070b1499;color:var(--text);font:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #22d3ee26}textarea{resize:vertical;min-height:120px}.form-note{grid-column:1/-1;font-size:.88rem;color:var(--ok);min-height:1.2em}footer{border-top:1px solid var(--border);padding:50px 0 30px;margin-top:60px}.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.foot p{color:var(--muted);font-size:.92rem;margin-top:14px;max-width:320px}.foot h5{font-family:Space Grotesk,sans-serif;font-size:.95rem;margin-bottom:14px}.foot ul{list-style:none;display:flex;flex-direction:column;gap:9px}.foot ul a{color:var(--muted);font-size:.9rem}.foot ul a:hover{color:var(--primary)}.copy{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.84rem;padding-top:24px;border-top:1px solid var(--border)}.reveal.in{animation:rise .6s ease both}@keyframes rise{0%{opacity:.4;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media (max-width:980px){.hero-inner,.contact-wrap{grid-template-columns:1fr}.hero-visual{max-width:340px}.services-grid{grid-template-columns:1fr 1fr}.service{grid-column:span 1}.why-grid,.steps{grid-template-columns:1fr 1fr}.step:after{display:none}.foot{grid-template-columns:1fr 1fr}}@media (max-width:1140px){.nav-links{position:fixed;top:72px;left:0;right:0;flex-direction:column;gap:0;background:var(--bg);border-bottom:1px solid var(--border);max-height:0;overflow:hidden;transition:max-height .35s ease}.nav-links.open{max-height:360px}.nav-links a{display:block;padding:16px 20px;border-top:1px solid var(--border)}.menu-toggle{display:block}.nav .btn-primary{display:none}}@media (max-width:760px){.hero{padding:130px 0 80px}section{padding:72px 0}.services-grid,.why-grid,.steps,form{grid-template-columns:1fr}.contact-wrap{padding:30px 20px}.foot{grid-template-columns:1fr}.hero-stats{gap:26px}}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{display:flex;flex-direction:column;padding:28px 26px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);transition:border-color .3s,transform .3s}.project:hover{border-color:#6366f18c;transform:translateY(-4px)}.project h3{font-size:1.15rem;margin-bottom:8px;text-wrap:balance}.project p{color:var(--muted);font-size:.93rem;margin-bottom:18px;flex:1}.project ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px}.project li{font-size:.76rem;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:#c3cde3;border:1px solid var(--border)}@media (max-width:980px){.projects-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.projects-grid{grid-template-columns:1fr}}
