:root{color-scheme:dark;--background:#050816;--background-secondary:#090d20;--surface:#12183494;--surface-hover:#1a2148c7;--border:#94a3b829;--border-bright:#8a7dff61;--text:#f8fafc;--text-secondary:#aeb8ce;--text-muted:#76829f;--primary:#8b7cff;--primary-light:#b9b0ff;--cyan:#61dafb;--max-width:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}.container{width:min(calc(100% - 40px), var(--max-width));margin-inline:auto}.site-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.glow{filter:blur(120px);opacity:.16;border-radius:999px;position:absolute}.glow-primary{background:#6958ff;width:520px;height:520px;top:-180px;right:-100px}.glow-secondary{background:#1565c0;width:520px;height:520px;top:50%;left:-280px}.stars{opacity:.42;background-image:radial-gradient(circle at 10% 20%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 40% 80%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 80% 30%,#fff 0 1px,#0000 1.5px),radial-gradient(circle at 65% 60%,#a99eff 0 1px,#0000 1.5px);background-size:230px 230px;position:absolute;inset:0}.site-header{z-index:100;backdrop-filter:blur(18px);background:#050816c7;border-bottom:1px solid #ffffff12;position:fixed;top:0;left:0;right:0}.navbar{justify-content:space-between;align-items:center;min-height:78px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-symbol{background:radial-gradient(circle at 35% 30%,#b9b0ff,#6354dd 50%,#211b63);border:1px solid #8b7cff8c;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.8rem;font-weight:900;display:grid;box-shadow:0 0 30px #8b7cff42,inset 0 0 10px #ffffff40}.brand-name{letter-spacing:.18em;font-size:.85rem;font-weight:800}.brand-name span{color:var(--primary-light)}.nav-links{color:var(--text-secondary);align-items:center;gap:32px;font-size:.88rem;display:flex}.nav-links>a{transition:color .16s,transform .16s}.nav-links>a:hover{color:#fff;transform:translateY(-1px)}.nav-button{border:1px solid var(--border-bright);color:#fff;border-radius:999px;padding:10px 18px}.mobile-menu-button{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;width:44px;height:44px;display:none}.mobile-menu-button span{background:#fff;width:20px;height:1px;margin:5px auto;display:block}.hero{align-items:center;min-height:100vh;padding:130px 0 70px;display:grid}.hero-layout{grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);align-items:center;gap:60px;display:grid}.eyebrow,.section-label{color:var(--primary-light);letter-spacing:.25em;text-transform:uppercase;font-size:.72rem;font-weight:700}.eyebrow{background:#8b7cff12;border:1px solid #8b7cff3d;border-radius:999px;align-items:center;gap:10px;margin-bottom:28px;padding:8px 14px;display:inline-flex}.eyebrow-dot{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 12px var(--cyan);border-radius:50%}.hero h1{letter-spacing:-.065em;max-width:820px;font-size:clamp(3.4rem,7vw,6.8rem);font-weight:750;line-height:.98}.hero h1 span,.section-heading h2 span,.about-content h2 span,.contact-content h2 span{background:linear-gradient(100deg, #fff 5%, var(--primary-light) 45%, var(--cyan));color:#0000;-webkit-background-clip:text;background-clip:text;display:block}.hero-description{max-width:650px;color:var(--text-secondary);margin-top:30px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.85}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:38px;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:52px;padding:0 24px;font-size:.9rem;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#fff;background:linear-gradient(135deg,#7767ed,#9c7cf8);box-shadow:0 12px 35px #7158e040}.button-primary:hover{box-shadow:0 16px 42px #7158e061}.button-secondary{border-color:var(--border);color:var(--text-secondary);background:#ffffff06}.button-secondary:hover{border-color:var(--border-bright);color:#fff;background:#8b7cff14}.hero-details{flex-wrap:wrap;gap:36px;margin-top:52px;display:flex}.hero-details div{flex-direction:column;display:flex}.hero-details strong{font-size:.9rem}.hero-details span{color:var(--text-muted);font-size:.76rem}.hero-visual{aspect-ratio:1;place-items:center;display:grid;position:relative}.orbit{border:1px solid #9e93ff38;border-radius:50%;position:absolute}.orbit-outer{width:92%;height:92%;animation:28s linear infinite rotate}.orbit-middle{width:70%;height:70%;animation:17s linear infinite rotate-reverse}.orbit-inner{width:47%;height:47%}.orbit-object{background:var(--background);border:2px solid #cbc4ff;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:-5px;box-shadow:0 0 22px #cbc4ffcc}.orbit-object-two{border-color:var(--cyan);width:8px;height:8px;top:8%;left:auto;right:17%}.planet{aspect-ratio:1;place-items:center;width:38%;display:grid;position:relative}.planet-glow{filter:blur(35px);background:#7158e033;border-radius:50%;position:absolute;inset:-25%}.planet-core{z-index:1;background:radial-gradient(circle at 30% 25%,#dcd8fff2,#0000 13%),radial-gradient(circle at 40% 30%,#8975f0,#362b88 53%,#111636 80%);border:1px solid #c7bfff5c;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset -28px -24px 50px #0304149e,0 0 55px #7158e05c}.planet-core:after{content:"";border:1px solid #c4bcff8c;border-radius:50%;width:180%;height:34%;position:absolute;transform:rotate(-16deg)}.planet-core span{z-index:2;font-size:clamp(2rem,5vw,4.4rem);font-weight:800}.visual-label{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.2em;background:#080c1ec7;border-radius:6px;padding:7px 10px;font-size:.55rem;position:absolute}.label-design{top:16%;left:4%}.label-build{top:34%;right:1%}.label-solve{bottom:14%;left:16%}.section{padding:120px 0}.section-heading{grid-template-columns:1fr minmax(280px,440px);align-items:end;gap:50px;margin-bottom:58px;display:grid}.section-heading h2,.about-content h2,.contact-content h2{letter-spacing:-.045em;margin-top:12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.08}.section-introduction,.about-content>p,.contact-content>p{color:var(--text-secondary);line-height:1.85}.service-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{border:1px solid var(--border);background:linear-gradient(145deg,#141a37a8,#070a1ba6);border-radius:18px;min-height:330px;padding:32px;transition:transform .2s,border-color .2s,background .2s;position:relative;overflow:hidden}.service-card:hover{border-color:var(--border-bright);background:var(--surface-hover);transform:translateY(-5px)}.card-number{color:#aeb8ce57;font-size:.68rem;position:absolute;top:24px;right:24px}.service-icon{width:52px;height:52px;color:var(--primary-light);background:#8b7cff14;border:1px solid #8b7cff47;border-radius:13px;place-items:center;font-size:1.3rem;display:grid}.service-card h3{margin-top:34px;font-size:1.25rem}.service-card p{color:var(--text-secondary);margin-top:14px;font-size:.93rem;line-height:1.75}.service-card>a{color:var(--primary-light);align-items:center;gap:9px;font-size:.78rem;font-weight:650;display:inline-flex;position:absolute;bottom:30px}.projects-section{background:#080c1d75;border-block:1px solid #ffffff0f}.projects-list{border-top:1px solid var(--border)}.project-card{border-bottom:1px solid var(--border);grid-template-columns:65px minmax(0,1fr) 140px 52px;align-items:center;gap:30px;min-height:180px;display:grid}.project-index{color:var(--text-muted);font-size:.7rem}.project-category{color:var(--primary-light);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}.project-content h3{margin-top:5px;font-size:clamp(1.5rem,3vw,2.2rem)}.project-content>p:last-child{max-width:650px;color:var(--text-secondary);margin-top:9px;font-size:.9rem}.project-status{color:var(--text-muted);align-items:center;gap:9px;font-size:.72rem;display:flex}.project-status span{background:var(--cyan);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #61dafba6}.project-link{border:1px solid var(--border);width:44px;height:44px;color:var(--primary-light);border-radius:50%;place-items:center;display:grid}.about-layout{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;display:grid}.about-visual{aspect-ratio:1;border:1px solid var(--border);background:#0c11288c;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.about-grid{opacity:.2;background-image:linear-gradient(#8b7cff40 1px,#0000 1px),linear-gradient(90deg,#8b7cff40 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0}.about-circle{border:1px solid #8b7cff47;border-radius:50%;position:absolute}.circle-large{width:78%;height:78%;animation:26s linear infinite rotate}.circle-medium{border-style:dashed;width:55%;height:55%;animation:20s linear infinite rotate-reverse}.circle-small{background:#8b7cff0d;width:32%;height:32%}.about-center{z-index:1;letter-spacing:.1em;background:radial-gradient(circle at 30% 25%,#9d90f8,#322877);border:1px solid #b9b0ff73;border-radius:50%;place-items:center;width:90px;height:90px;font-weight:800;display:grid;box-shadow:0 0 50px #8b7cff59}.about-content>p{margin-top:24px}.about-values{gap:14px;margin-top:34px;display:grid}.about-values div{border-bottom:1px solid var(--border);align-items:center;gap:18px;padding:15px 0;display:flex}.about-values span{color:var(--primary-light);font-size:.66rem}.about-values strong{font-size:.9rem}.contact-section{padding-top:60px}.contact-card{border:1px solid var(--border-bright);background:linear-gradient(135deg,#211d56bf,#0a0e23e0);border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:60px;min-height:370px;padding:70px;display:grid;position:relative;overflow:hidden}.contact-glow{filter:blur(80px);background:#6b56ea40;border-radius:50%;width:460px;height:460px;position:absolute;bottom:-170px;right:-100px}.contact-content,.contact-action{z-index:1;position:relative}.contact-content>p:last-child{max-width:530px;margin-top:22px}.contact-action{text-align:center}.contact-action p{max-width:270px;color:var(--text-muted);margin-top:14px;font-size:.7rem}.site-footer{border-top:1px solid var(--border);margin-top:120px}.footer-layout{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;min-height:115px;display:grid}.footer-layout>p{color:var(--text-muted);font-size:.72rem}.footer-links{color:var(--text-muted);justify-content:flex-end;gap:24px;font-size:.76rem;display:flex}.footer-links a:hover{color:#fff}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes rotate-reverse{to{transform:rotate(-360deg)}}@media (width<=900px){.hero-layout{grid-template-columns:1fr}.hero-content{text-align:center}.hero-description{margin-inline:auto}.eyebrow,.hero-actions,.hero-details{justify-content:center}.hero-visual{width:min(100%,500px);margin-inline:auto}.section-heading,.about-layout,.contact-card,.service-grid{grid-template-columns:1fr}.about-layout{gap:60px}.about-visual{width:min(100%,520px);margin-inline:auto}.contact-card{padding:55px 40px}.contact-action{text-align:left}.footer-layout{grid-template-columns:1fr;justify-items:center;padding:35px 0}}@media (width<=700px){.container{width:min(calc(100% - 30px), var(--max-width))}.mobile-menu-button{display:block}.nav-links{border:1px solid var(--border);background:#080c1efa;border-radius:15px;padding:22px;display:none;position:absolute;top:calc(100% + 1px);left:15px;right:15px}.nav-links-open{flex-direction:column;align-items:stretch;display:flex}.nav-links a{text-align:center;padding:9px}.hero{padding-top:120px}.hero-layout{gap:35px}.hero h1{font-size:clamp(3rem,15vw,5rem)}.section{padding:85px 0}.project-card{grid-template-columns:36px minmax(0,1fr) 44px;gap:14px;padding:28px 0}.project-status{grid-column:2}.project-link{grid-area:1/3/span 2}.contact-card{padding:40px 25px}.contact-action .button{width:100%;padding-inline:15px;font-size:.78rem}.footer-links{justify-content:center}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
