*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#07060b;color:#f4f1ff;font-family:"DM Sans",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.15;z-index:-1;border-radius:50%}.ambient-one{width:420px;height:420px;background:#762dff;top:12%;right:-180px}.ambient-two{width:350px;height:350px;background:#3b66ff;bottom:0;left:-180px}.site-header{height:82px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;position:sticky;top:0;background:#08070be8;backdrop-filter:blur(18px);z-index:20}.brand{display:flex;align-items:center;gap:11px;font:600 20px "Space Grotesk";letter-spacing:-.7px}.brand-mark{font:700 27px "Space Grotesk";color:#bba0ff;text-shadow:0 0 18px #8b45ff;transform:skew(-12deg)}.nav{display:flex;gap:35px;color:#c5c0d1;font-size:13px}.nav a:hover,.nav a.active{color:#fff;text-shadow:0 0 15px #a45bff}.header-actions{display:flex;align-items:center;gap:18px}select{background:#111019;color:#eee;border:1px solid #ffffff30;border-radius:30px;padding:9px 12px;font:inherit;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:30px;padding:14px 23px;font-size:13px;font-weight:700;transition:.25s;cursor:pointer}.button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b35ff55}.button-small{padding:10px 18px}.button-outline,.button-ghost{border:1px solid #a58acb88;background:#ffffff05}.button-primary{background:linear-gradient(110deg,#8e39ff,#c5a3ff);color:#10091c;box-shadow:0 0 28px #913dff45}.section-wrap{width:min(1160px,89%);margin:auto}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding-top:35px;padding-bottom:70px}.hero-copy{position:relative;z-index:2}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.4px;color:#b99bff;text-transform:uppercase}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #a88bce42;padding:9px 13px;border-radius:30px;background:#ffffff06}.eyebrow i,.pulse{width:7px;height:7px;background:#a45bff;border-radius:50%;box-shadow:0 0 12px #a45bff}.hero h1{font:700 clamp(60px,9vw,112px)/.95 "Space Grotesk";letter-spacing:-7px;margin:28px 0 12px}.hero h1 span{background:linear-gradient(110deg,#eeeaff 5%,#9b54ff 70%,#e3d8ff);color:transparent;background-clip:text}.hero-title{font:500 clamp(23px,3vw,36px) "Space Grotesk";margin:0 0 12px;letter-spacing:-1px}.hero-desc{color:#aaa4b7;font-size:15px}.hero-buttons{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.hero-note{display:flex;align-items:center;gap:10px;margin-top:48px;color:#9992a6;font-size:11px}.hero-art{height:470px;position:relative;display:grid;place-items:center;perspective:800px}.planet{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#a6a0c8,#333047 27%,#11101b 62%,#050409 72%);box-shadow:inset -25px -20px 45px #000,0 0 70px #6834c544;opacity:.75}.orbit{position:absolute;width:500px;height:170px;border:1.5px solid #a45bff;border-radius:50%;transform:rotate(-23deg);box-shadow:0 0 12px #963bff, inset 0 0 10px #963bff66}.orbit-b{width:430px;height:230px;transform:rotate(35deg);border-color:#c5a7ff88}.emblem{position:relative;width:270px;height:270px;display:grid;place-items:center;transform:rotateX(10deg);filter:drop-shadow(0 0 20px #8d45ff88)}.emblem span{font:700 250px/.9 "Space Grotesk";letter-spacing:-25px;background:linear-gradient(135deg,#fff 5%,#9a91b5 25%,#fff 42%,#5c5276 58%,#ded5ff 75%,#8a44ff);color:transparent;background-clip:text;text-shadow:0 10px 25px #000}.art-caption{position:absolute;bottom:12px;font-size:9px;letter-spacing:4px;color:#827b92}.hero-bottom{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:space-between;color:#716b7b;font-size:9px;letter-spacing:2px}.services-section,.work-section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading h2,.about-inner h2,.contact-section h2{font:600 clamp(35px,5vw,58px)/1.08 "Space Grotesk";letter-spacing:-2.5px;margin:15px 0 0}.section-heading h2 em,.about-inner h2 em,.contact-section h2 em{font-style:normal;color:#a978ff}.section-heading>p{max-width:390px;color:#a9a3b2;line-height:1.8;font-size:13px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.service-card{min-height:245px;padding:25px;border:1px solid #ffffff20;border-radius:17px;background:linear-gradient(145deg,#171420,#0c0b11 65%);transition:.3s}.service-card:hover{border-color:#a65cff99;transform:translateY(-5px);box-shadow:0 15px 40px #6024a522}.service-card.featured{background:radial-gradient(circle at 90% 0%,#54228b66,transparent 50%),#100d17;border-color:#8e50d866}.card-top{display:flex;justify-content:space-between;color:#777084;font-size:12px}.card-top b{font-size:27px;color:#a66aff;text-shadow:0 0 15px #a66aff}.service-card h3{font:600 20px "Space Grotesk";margin:28px 0 10px}.service-card p{font-size:12px;color:#a9a3b2;line-height:1.7;min-height:42px}.service-card>a{display:inline-block;color:#b990ff;font-size:11px;margin-top:13px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{min-width:0}.work-visual{height:235px;border:1px solid #ffffff24;border-radius:15px;position:relative;overflow:hidden;padding:22px;background:#100e18}.visual-label{font-size:8px;letter-spacing:2px;color:#c8b8ef;position:relative;z-index:2}.visual-title{position:absolute;left:23px;bottom:24px;font:600 36px/1 "Space Grotesk";letter-spacing:-1.5px;z-index:2}.visual-orb{position:absolute;width:180px;height:180px;right:5px;top:25px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e1d7ff,#7942d8 22%,#1c1433 65%);box-shadow:0 0 45px #8645ff88}.visual-tech{background:linear-gradient(135deg,#13121c,#0a0a11)}.visual-startup{background:radial-gradient(ellipse at 80% 40%,#452076,#11101c 65%)}.visual-ring{position:absolute;width:190px;height:190px;border:2px solid #b98bff;border-radius:50%;right:25px;top:30px;box-shadow:0 0 30px #a65cff;transform:rotateX(65deg)}.visual-estate{background:linear-gradient(135deg,#1c1a24,#09090d)}.building{position:absolute;right:18px;bottom:0;width:170px;height:140px;background:linear-gradient(135deg,#8b839f,#292534 55%,#09080c);clip-path:polygon(0 35%,65% 0,100% 22%,100% 100%,0 100%);box-shadow:0 0 30px #9e7bff}.work-meta{display:flex;justify-content:space-between;align-items:center;padding:14px 4px}.work-meta h3{font-size:12px;font-weight:600;margin:0 0 5px}.work-meta p{font-size:10px;color:#8e879a;margin:0}.work-meta>span{color:#b58bff;font-size:20px}.about-band{background:linear-gradient(110deg,#151020,#0b0911 60%,#171027);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;padding:90px 0}.about-inner h2{font-size:clamp(40px,6vw,70px)}.about-inner>p{max-width:570px;color:#aaa4b2;line-height:1.8;font-size:14px;margin-top:25px}.principles{display:flex;gap:40px;margin-top:38px;color:#d2c4ed;font-size:11px;letter-spacing:1px}.contact-section{text-align:center;position:relative;padding-top:130px;padding-bottom:130px;overflow:hidden}.contact-section>*:not(.contact-orbit){position:relative;z-index:2}.contact-section h2{font-size:clamp(38px,6vw,68px)}.contact-section>p{color:#a9a3b2;font-size:14px;margin:22px 0 30px}.contact-section small{display:block;color:#706a7b;font-size:10px;margin-top:20px}.contact-orbit{position:absolute;width:850px;height:180px;border:1px solid #8b3dff66;border-radius:50%;bottom:-130px;left:50%;transform:translateX(-50%);box-shadow:0 -10px 50px #7d31ff22}.footer{border-top:1px solid #ffffff16;min-height:85px;padding:20px 5.2%;display:flex;justify-content:space-between;align-items:center;color:#817b8b;font-size:10px}.footer .brand{color:#eee;font-size:16px}.menu-toggle{display:none;background:none;border:0}.menu-toggle span{display:block;width:23px;height:2px;background:white;margin:5px}
@media(max-width:800px){.site-header{height:70px}.nav{gap:17px}.header-actions{gap:8px}.hero{min-height:600px;grid-template-columns:1fr;padding-top:80px}.hero-art{position:absolute;right:-100px;top:100px;width:440px;opacity:.42;z-index:0}.hero-copy{max-width:580px}.hero h1{font-size:clamp(65px,13vw,100px)}.section-heading{align-items:start;flex-direction:column;gap:18px}.service-grid,.work-grid{grid-template-columns:1fr 1fr}.service-card:last-child,.work-card:last-child{grid-column:span 2}.work-visual{height:220px}}
@media(max-width:560px){.site-header{padding:0 5%;}.brand{font-size:18px}.header-actions .button{display:none}.menu-toggle{display:block;order:3}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#0d0b13;padding:22px 6%;border-bottom:1px solid #ffffff20;flex-direction:column;gap:22px}.nav.open{display:flex}.header-actions{margin-left:auto;margin-right:12px}.hero{min-height:610px;padding-top:65px}.hero-art{right:-190px;top:120px;opacity:.3;transform:scale(.85)}.hero h1{letter-spacing:-4px}.hero-title{max-width:330px}.hero-desc{max-width:280px;line-height:1.7}.hero-buttons{gap:9px}.button{padding:13px 17px;font-size:11px}.hero-bottom{font-size:8px}.services-section,.work-section{padding-top:75px;padding-bottom:75px}.service-grid,.work-grid{grid-template-columns:1fr}.service-card:last-child,.work-card:last-child{grid-column:auto}.service-card{min-height:215px}.work-visual{height:220px}.principles{gap:15px;flex-wrap:wrap}.about-band{padding:70px 0}.contact-section{padding-top:90px;padding-bottom:100px}.footer{gap:12px;flex-wrap:wrap}.footer>span:last-child{width:100%}}
